@font-face {
  font-family: "manrope bold";
  src: url("../webfonts/manrope/manrope-bold.otf");
  font-display: swap;
}

@font-face {
  font-family: "manrope regular";
  src: url("../webfonts/manrope/manrope-regular.otf");
  font-display: swap;
}

@font-face {
  font-family: "montserrat black";
  src: url("../webfonts/montserrat/Montserrat-Regular.ttf");
  font-display: swap;
}

@font-face {
  font-family: "montserrat Bold";
  src: url("../webfonts/montserrat/Montserrat-Bold.ttf");
  font-display: swap;
}

@font-face {
  font-family: "nunito italic";
  src: url("../webfonts/nunito/Nunito-Italic.ttf");
  font-display: swap;
}

@font-face {
  font-family: "nunito regular";
  src: url("../webfonts/nunito/Nunito-Regular.ttf");
  font-display: swap;
}

@font-face {
  font-family: "cairo bold";
  src: url("../webfonts/cairo/cairo-Bold.ttf");
  font-display: swap;
}

a:hover {
  text-decoration: none;
  color: rgb(51, 90, 183);
  transition: 0.25s ease-in-out;
}

span,
select {
  font-family: "manrope regular";
}

a {
  text-decoration: none;
  font-family: "poppins regular";
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "montserrat Bold";
}

.title-wrapper h2 {
  color: rgb(15, 27, 92);
}

body {
  overflow-x: hidden;
}

body {
  background-color: rgb(255, 246, 242);
}

p {
  color: rgb(17, 17, 17);
  font-size: 18px;
  line-height: 25px;
  font-family: "manrope regular";
}

html,
body {}

img {
  max-width: 100%;
}

.btn--audio button span {
  font-family: "manrope bold";
}

.paragraph-wrapper h1 {
  font-family: "montserrat black";
  font-size: 45px;
  font-weight: bold;
  text-transform: uppercase;
  text-align: left;
}

.top-header>ul {}

.btn:first-child:active,
.btn:focus-visible {
  background-color: rgb(51, 90, 183);
  border-color: rgb(51, 90, 183);
  box-shadow: initial;
}

.multilingue button {
  background-color: transparent;
  color: rgb(255, 255, 255);
  border: 0px;
  text-transform: capitalize;
}

.multilingue .dropdown-toggle::after {
  top: 2px;
  position: relative;
  opacity: 0;
}

.multilingue button:hover,
.multilingue .btn.show,
.multilingue .btn:first-child:active {
  color: rgb(51, 51, 51);
  box-shadow: initial;
}

.top-header i {
  color: rgb(255, 255, 255);
}

.main-menu .nav-item a {
  display: inline;
  font-weight: bold;
  position: relative;
  padding: 10px 0px !important;
}

.main-menu.is-sticky .nav-item a {
  color: rgb(17, 17, 17) !important;
}

.path-frontpage .main-menu .nav-item a.active {
  color: rgb(255, 255, 255);
}

.main-menu .nav-item a.active {
  color: rgb(15, 27, 92);
}

.main-menu .nav-item .active:hover::after {
  opacity: 1;
  width: 100%;
  content: "";
}

.share--icon li:hover i {
  color: rgb(255, 255, 255);
}

.share--icon li i {
  color: rgb(17, 17, 17);
}

.path-frontpage .header-transparent {
  background-color: transparent;
  z-index: 99;
  position: absolute;
  width: 100%;
}

.header-transparent {
  z-index: 9;
}

.footer-top a:hover {
  color: rgb(51, 90, 183);
}

.title-wrapper {
  padding-bottom: 40px;
}

section {
  padding: 40px 0px;
}

.link--btn {
  padding: 40px 0px 0px;
}

.section--slider {
  padding: 0px;
}

.top-header .nav-item a i {
  color: rgb(17, 17, 17);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 30px;
  width: 30px;
  height: 30px;
}

.path-frontpage .top-header .nav-item a i {
  color: rgb(255, 255, 255);
}
/* 
.section--slider {
  position: relative;
  overflow: hidden;
} */

.slider-main::after {
  position: absolute;
  left: 0px;
  top: 0px;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(15, 27, 92, 0.24);
  mix-blend-mode: multiply;
}

.slider-main {
  position: relative;
}

.search--bar .search--bar-inner>button>i {
  color: rgb(255, 255, 255);
}

.paragraph-wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: auto;
  display: flex;
  align-items: center;
  width: 100%;
}

.paragraph-wrapper>div {
  color: rgb(255, 255, 255);
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.wrapper-two-row {
  height: 361px;
  position: relative;
  border-radius: 15px;
  overflow: hidden;
}

.wrapper-two-row img {
  height: 100%;
  transition: opacity 0.35s, transform 0.35s;
  width: calc(100% + 50px);
  max-width: none;
  transform: translate3d(-40px, 0px, 0px);
}

.two-row:hover img {
  transform: translate3d(0px, 0px, 0px);
}

.two-row:hover h2 {
  transform: translate3d(0px, -40px, 0px);
}

.wrapper-two-row h2 {
  position: absolute;
  bottom: 0px;
  padding: 30px;
  color: rgb(255, 255, 255);
  z-index: 1;
  width: 100%;
  transform: translate3d(0px, 0px, 0px);
  transition: transform 0.35s;
}

.wrapper-two-row::after {
  flex-direction: column;
  align-items: start;
  justify-content: end;
  background: linear-gradient(rgba(238, 238, 238, 0), rgba(133, 116, 109, 0.5) 80%, rgba(133, 116, 109, 0.5));
  height: 100%;
  inset: auto 0px 0px;
  display: flex;
  position: absolute;
  content: "";
}

.btn--main {
  background-color: rgb(51, 90, 183);
  color: rgb(51, 51, 51);
  font-size: 18px;
  padding: 0.7rem 2.187rem;
  border: 0px;
  position: relative;
  overflow: hidden;
}

.btn--main::after {
  background: rgb(255, 255, 255);
  content: "";
  height: 155px;
  left: -75px;
  opacity: 0.4;
  position: absolute;
  top: -50px;
  transform: rotate(35deg);
  transition: 0.55s cubic-bezier(0.19, 1, 0.22, 1);
  width: 50px;
}

.btn--main:hover::after {
  left: 120%;
  transition: 0.55s cubic-bezier(0.19, 1, 0.22, 1);
}

.btn--main:hover {
  background-color: rgb(51, 90, 183);
}

.footer-top {
  background-color: rgb(15, 27, 92);
  position: relative;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 50px 0px 40px;
}

.footer-top::after {
  content: "";
  background-image: url("../images/after-footer-icon.webp");
  position: absolute;
  width: 423px;
  height: 340px;
  top: 0px;
  right: 0px;
  background-size: contain;
  background-repeat: no-repeat;
  z-index: -1;
}

.top-footer-center-application h4 {
  color: rgb(142, 160, 223);
  font-size: 16px;
  font-weight: bold;
}

.footer-top a {
  color: rgb(255, 255, 255);
}

ul,
li {
  list-style: none;
  padding: 0px;
}

.footer-top .row>div {
  gap: 20px;
  display: flex;
  flex-direction: column;
}

.footer-top .row>div ul {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.footer-top .row>div .social-icon {
  flex-direction: row;
}

.footer-top .row>div:first-child {
  justify-content: space-between;
}

.social-icon li a {
  height: 52px;
  width: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 30px;
  border: 1px solid rgb(142, 160, 223);
  transition: 0.25s ease-in-out;
}

.social-icon i {
  transition: 0.25s ease-in-out;
}

.social-icon li a:hover {
  background-color: rgb(142, 160, 223);
  transition: 0.25s ease-in-out;
}

.social-icon li a:hover i {
  color: rgb(255, 255, 255);
  transition: 0.25s ease-in-out;
}

.footer-bottom {
  background-color: rgb(123, 106, 99);
}

.footer-bottom {
  background-color: rgb(123, 106, 99);
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: rgb(255, 255, 255);
}

.wrapper-slider img {
  width: 100%;
  height: 100%;
}

.footer-bottom p {
  font-size: 14px;
  text-align: right;
  margin-bottom: 0px;
}

.footer-bottom .col {
  display: flex;
  align-items: center;
}

.footer-bottom .col:last-child {
  justify-content: right;
}

.footer-bottom a {
  color: rgb(255, 255, 255);
}

.footer-bottom a:hover {
  color: rgb(51, 90, 183);
}

.image----box {
  height: 232px;
  overflow: hidden;
}

.image----box img {
  height: 100%;
  width: 100%;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}

.detail----box h2 {
  font-size: 20px;
  color: rgb(15, 27, 92);
}

.detail----box {
  padding: 20px;
}

.detail----box p {
  font-size: 18px;
  color: rgb(155, 154, 154);
}

.detail----box span {
  color: rgb(51, 90, 183);
  font-size: 16px;
}

.main-menu.is-sticky {
  background-color: rgb(255, 255, 255);
  box-shadow: rgba(0, 0, 0, 0.12) 0px 5px 12px;
}

.wrapper--box a {
  background-color: rgb(255, 255, 255);
  border-radius: 15px;
  box-shadow: rgba(31, 59, 125, 0.16) 0px 3px 20px;
  display: block;
}

.item {
  transition: transform 0.5s;
}

.item.active {
  transform: scale(1.1);
}

.video-item button {
  background-color: transparent;
  border: 0px;
  position: absolute;
  inset: 0px;
  z-index: 2;
}

.item video-item .btn-play {
  position: absolute;
  inset: 0px;
}

.item video-item {
  position: relative;
}

.list--video button img {
  object-fit: none;
}

.item.video-item {
  position: relative;
  border-radius: 15px;
  overflow: hidden;
}

.list--video img {
  height: 100%;
  width: 100%;
}

.video-item::after {
  position: absolute;
  left: 0px;
  top: 0px;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(133, 116, 109, 0.5);
  mix-blend-mode: multiply;
}

.video-item {
  position: relative;
}

.list--video .owl-nav {
  position: absolute;
  inset: 0px -10px;
  display: flex;
  justify-content: space-between;
  height: -webkit-fill-available;
  align-items: center;
  z-index: -1;
}

.center .item.video-item>button img {
  transform: scale(0.6);
}

.owl-nav button i {
  font-size: 40px;
  color: rgb(15, 27, 92);
}

.owl-theme .owl-nav [class*="owl-"]:hover {
  background: transparent;
}

.owl-item {
  transform-style: preserve-3d;
  backface-visibility: hidden;
  perspective: 1000px;
}

.owl-item.center {
  z-index: 2;
}

.owl-item.center .item {
  transform: scale(1.3);
}

.center .item.video-item>img {
  transform: scale(1);
}

.owl-item.active .item.video-item>button img {
  display: none;
}

.owl-item.active.center .item.video-item>button img {
  display: block;
}

.slider-center .owl-stage {
  top: 12%;
}

.slider-center .owl-stage-outer {
  height: 350px !important;
}

.slider-center .owl-item {
  transform: scale(0.9);
}

.search--bar {
  display: none;
  background-color: rgb(255, 255, 255);
  height: 70px;
  position: absolute;
  top: 100%;
  width: 100%;
  z-index: 20;
}

.search--bar .search--bar-inner {
  display: flex;
  background-color: transparent;
}

.btn-search-submit {
  width: 100%;
}

.btn-search-submit input[type="text"] {
  border-radius: 0%;
  width: 100%;
  background-color: transparent;
  text-align: center;
  color: rgb(15, 27, 92);
  font-size: 25px;
  height: 70px;
  margin-top: 0px;
  border: 0px;
  outline: 0px;
}

.search--bar-inner form {
  flex: 1 1 0%;
}

.btn-search-submit input[type="submit"] {
  border: 2px solid rgb(42, 128, 192);
  width: 97px;
  height: 58px;
  cursor: pointer;
  outline: 0px;
  color: transparent;
  background-color: rgb(10, 47, 102);
  background-position: center center;
  border-radius: 17px;
  position: absolute;
  right: 0px;
}

.btn-search-submit #edit-submit-listing-search:first-child {
  height: 58px;
  border-radius: 17px;
  width: 97px;
  top: 4px;
  border: 2px solid rgb(42, 128, 192);
}

.search--bar .search--bar-inner>button {
  width: 70px;
  height: 70px;
  background-color: rgb(51, 90, 183);
  display: flex;
  color: rgb(255, 255, 255);
  justify-content: center;
  align-items: center;
  font-size: 30px;
  border: 0px;
}

.input--text {
  box-shadow: rgba(31, 59, 125, 0.16) 0px 3px 20px;
}

.banner--wrapper {
  height: 457px;
}

.b-breadcrumb {
  position: relative;
}

ul.b-breadcrumb-list {
  white-space: nowrap;
  width: 100%;
  margin: 0px;
  padding: 0px;
  list-style: none;
  display: inline-block;
  font-size: 0px;
}

.b-breadcrumb-list li {
  align-items: center;
  justify-content: flex-start;
  padding: 0px 1.375rem 0px 0px;
  display: inline-flex;
  font-size: 16px;
  color: rgb(255, 255, 255);
  position: relative;
}

.b-breadcrumb-list li a {
  display: inline;
  text-decoration: none;
  font-weight: 400;
  color: rgb(255, 255, 255);
}

.b-breadcrumb-list li::after {
  content: "/";
  display: inline-block;
  width: 1.375rem;
  color: rgb(255, 255, 255);
  position: absolute;
  font-weight: 400;
  top: 0px;
  right: 0px;
  text-align: center;
}

.b-breadcrumb-list li:last-child::after {
  display: none;
}

.b-breadcrumb-list li a:hover {
  color: rgb(51, 90, 183);
}

.main-menu a {
  font-size: 14px;
}

.main-menu ul li a {
  width: 100%;
}

.main-menu ul li {
  max-width: 12%;
  padding: 15px 0px;
}

.main-menu ul {
  justify-content: space-evenly;
  align-items: end;
  width: 100%;
  gap: 0px !important;
}

.bg-maps {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.bg-maps .container>.row {
  display: flex;
  align-items: center;
  border-radius: 10px;
  padding: 30px;
  background-color: rgba(255, 255, 255, 0.72);
}

div.slider-element-maps .item {
  position: relative;
}

div.slider-element-maps {
  position: relative;
}

.slider-element-maps .owl-dots,
#actualites-internes .owl-dots {
  display: flex;
  gap: 9px;
  margin: auto;
}

#owl--slider-v2 .owl-dots {
  display: flex;
  gap: 9px;
  margin: auto;
  justify-content: center;
  position: relative;
  width: 81%;
  bottom: 0px;
  right: 0px;
  padding-top: 30px;
}

div.slider-element-maps .owl-dot,
#actualites-internes .owl-dot {
  background: rgb(210, 210, 210);
  width: 23px;
  height: 8px;
  border-radius: 6px;
}

#owl--slider-v2 .owl-dot {
  background: rgb(210, 210, 210);
  width: 41px;
  height: 8px;
  border-radius: 6px;
}

div.slider-element-maps .owl-dot .active,
#actualites-internes .owl-dot .active,
#owl--slider-v2 .owl-dot .active {
  background: rgb(51, 90, 183);
}

.slider-element-maps .owl-dots .active,
#actualites-internes .owl-dots .active,
#owl--slider-v2 .owl-dots .active {
  background-color: rgb(51, 90, 183);
}

.element-sc {
  display: none;
  flex-direction: column;
}

.element-sc.active {
  display: flex;
  transition: opacity 0.5s;
  opacity: 1;
  align-items: normal;
  justify-content: space-between;
}

.element-sc.fade-out {
  opacity: 0;
}

.information--detail {
  display: none;
}

.information--detail.active {
  display: block;
  transition: opacity 0.5s;
  opacity: 1;
}

.information--detail.fade-out {
  opacity: 0;
}

/* .actualites .row>div:first-child {
  width: 100%;
} */

.actualites .row {
  gap: 20px 0px;
}

/* .actualites .row>div:first-child .card,
.actualites .row>div:first-child .card a {
  display: flex;
  flex-direction: row;
  align-items: center;
  overflow: hidden;
  border-radius: 10px;
}

.actualites .row>div:first-child .card .wrapper-img {
  width: 50%;
  height: auto;
}

.actualites .row>div:first-child .card .card-body {
  width: 50%;
} */

.actualites .wrapper-img {
  height: 224px;
  overflow: hidden;
  background-size: cover;
  background-position: center;
}
.actualites .wrapper-img img {
  backdrop-filter: blur(5px);
  background-color: rgba(255, 255, 255, 0.05);
}

.wrapper-img img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}

.wrapper-scroll {
  height: 100%;
  width: calc(33.3333%);
  cursor: pointer;
  transition: width 750ms ease-in-out 250ms;
  display: flex;
  align-items: center;
  justify-content: center;
}

.wrapper-scroll:hover {
  width: 100%;
}

.publication-container {
  display: flex;
  height: 580px;
  overflow: hidden;
}

.wrapper-scroll img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

div#top-footer {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}

/* div#top-footer img {
  width: 100%;
  height: 100%;
} */

.app-telecharger {
  display: flex;
  justify-content: center;
  gap: 15px;
  align-items: center;
}

/* ********* Footer à jour ******** */
.app-telecharger div {
  display: flex;
  gap: 10px;
  align-items: center;
}

.app-telecharger .app-store a {
  border-right: 1px solid #fff;
  padding-right: 15px;
}

div#top-footer h4 {
  text-align: center;
}

.logo-left-footer {
  height: 86px;
  width: 249px;
}

.logo-right-footer {
  height: 94px;
  width: 269px;
}

div#top-footer>div:nth-child(1) {
  text-align: left;
  display: flex;
  justify-content: left;
  align-items: flex-start;
}

div#top-footer>div:nth-child(3) {
  justify-content: right;
  align-items: end;
}

/* div#top-footer .app-telecharger img {
  height: 56px;
  width: 100%;
} */

.top-footer-center-application {
  display: flex;
  flex-direction: column;
  gap: 15px 0px;
}

div#center-footer .social-icon {
  display: flex;
  justify-content: center;
  gap: 16px;
}

.social-icon li a i {
  color: rgb(142, 160, 223);
}

.footer-top .container>div {
  margin-bottom: 5%;
}

div#bottom-footer {
  display: flex;
  text-align: center;
  justify-content: space-between;
  padding: 0px 15px;
}

div#bottom-footer a {
  width: 24%;
  border-radius: 10px;
  border: 1px solid rgb(142, 160, 223);
  color: rgb(142, 160, 223);
  padding: 20px;
  text-align: left;
  font-weight: bold;
}

div#bottom-footer-copyright {
  display: flex;
  width: 100%;
  margin-bottom: 0px;
  padding: 0px 15px;
}

div#bottom-footer-copyright ul {
  width: auto;
  max-width: max-content;
  padding: 0px;
}

.sc-copyright {
  max-width: max-content;
  width: auto;
}

div#bottom-footer-copyright ul a {
  padding-right: 10px;
  border-right: 1px solid rgb(142, 160, 223);
  color: rgb(142, 160, 223);
}

.sc-copyright p {
  color: rgb(142, 160, 223);
}

.btn--all a {
  overflow: hidden;
  transition: 0.3s ease-in-out;
  position: relative;
}

.btn--all a::after {
  background: rgb(255, 255, 255);
  content: "";
  height: 155px;
  left: -75px;
  opacity: 0.4;
  position: absolute;
  top: -50px;
  transform: rotate(35deg);
  transition: 0.55s cubic-bezier(0.19, 1, 0.22, 1);
  width: 50px;
}

.btn--all a:hover::after {
  left: 120%;
  transition: 0.55s cubic-bezier(0.19, 1, 0.22, 1);
}

div#center-footer .social-icon::after {
  content: "";
  height: 1px;
  background-color: rgb(142, 160, 223);
  width: 100%;
  top: 50%;
  position: relative;
}

div#center-footer .social-icon::before {
  content: "";
  height: 1px;
  background-color: rgb(142, 160, 223);
  width: 100%;
  top: 50%;
  position: relative;
}

div#center-footer .social-icon {
  position: relative;
}

div#center-footer .social-icon::after {
  content: "";
  height: 1px;
  background-color: rgb(142, 160, 223);
  width: 100%;
  top: 50%;
  position: relative;
}

div#center-footer .social-icon::before {
  content: "";
  height: 1px;
  background-color: rgb(142, 160, 223);
  width: 100%;
  top: 50%;
  position: relative;
}

div#center-footer .social-icon {
  position: relative;
}

.main-menu ul li a::after {
  border-bottom: 0px solid rgb(255, 255, 255);
  content: "";
  width: 0px;
  height: 10px;
  position: absolute;
  left: 0px;
  text-align: center;
  display: block;
  margin: auto;
  transition: 0.3s ease-in-out;
  opacity: 0;
  bottom: 0px;
}

.main-menu ul li:hover a::after {
  opacity: 1;
  width: 100%;
}

div#bottom-footer a[target="_blank"]::before {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  position: absolute;
  right: 19px;
  top: 20px;
  content: "";
}

div#bottom-footer a[target="_blank"] {
  position: relative;
}

.top-header {
  display: flex;
  width: 100%;
  justify-content: right;
  align-items: center;
  height: 80px;
  border-bottom: 1px solid rgb(255, 255, 255);
  margin-right: 0px;
  padding: 0px;
}

.path-frontpage .top-header {
  border-bottom: 1px solid rgb(255, 255, 255);
}

.multilingue button {
  border-radius: 17px;
  background-color: rgb(255, 255, 255);
  color: rgb(51, 51, 51);
  font-size: 14px;
  font-weight: bold;
}

.top-header .multilingue i {
  color: rgb(51, 51, 51);
}

.multilingue button:hover {
  background-color: rgb(255, 255, 255);
}

.top-header .nav-item a:hover i {
  color: rgb(255, 255, 255);
  background-color: rgb(51, 90, 183);
}

.multilingue {
  padding-left: 5%;
}

.btn--audio .nation,
.btn--audio button {
  border-radius: 17px;
  background-color: rgb(187, 10, 33);
  border: 0px;
  font-size: 14px;
  padding: 6px 10px;
  display: flex;
  align-items: center;
  gap: 12px;
  font-weight: bold;
  outline: none !important;
  border-radius: 20px;
  transition: all .3s ease-in-out;
}

.btn--audio .nation,
.btn--audio button {
  color: rgb(255, 255, 255);
}
.btn--audio button:hover {
  background-color: rgb(132, 10, 27);
}
.btn--audio .nation {
  display: inline-flex;
  margin: 0 auto;
  font-size: 1.125rem;
  padding: .5rem 1rem;
  border-radius: 50px;
  gap: 20px;
}
.btn--audio .nation:hover {
  background-color: rgb(145, 11, 28);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12);
}
.btn--audio .nation i,
.btn--audio button i {
  font-size: 24px;
}

.btn--audio .nation .fa-solid.fa-sliders {
  background: white;
  color: #bb0a21;
  border-radius: 50%;
  font-size: 12px;
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.btn--audio {
  width: 50%;
}

.top-header>ul {
  width: 40%;
}

.carte-items .accordion-item {
  border-radius: 10px;
  overflow: hidden;
}

.carte-items .accordion-header {
  border: 0px !important;
}

.carte-items .accordion-header button {
  background-color: rgb(255, 255, 255);
  border: 0px;
  justify-content: space-between;
  box-shadow: initial;
  font-size: 26px;
  color: rgb(15, 27, 92);
  font-weight: bold;
}

.carte-items .accordion-header button:not(.collapsed) i {
  transform: rotate(180deg);
}

.carte-items .accordion-header button::after {
  display: none !important;
  content: "";
}

.carte-items .accordion-header button i {
  height: 36px;
  width: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgb(28, 46, 85);
  color: rgb(28, 46, 85);
  border-radius: 30px;
}

.carte-items .accordion-header button::after {
  height: 36px;
  width: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  content: "";
  border: 1px solid rgb(28, 46, 85);
  border-radius: 30px;
}

.carte-items .accordion-header button i {
  height: 36px;
  width: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgb(28, 46, 85);
  color: rgb(28, 46, 85);
  border-radius: 30px;
}

.carte-items .accordion-header button:not(.collapsed) i {
  transform: rotate(180deg);
}

div.slider-element-maps .item h4 {
  font-size: 18px;
  font-weight: bold;
  font-family: "manrope bold";
  color: rgb(15, 27, 92);
}

div.slider-element-maps p {}

.carte-items .accordion-item img {
  width: 100%;
  height: 100%;
}

.carte-items .accordion-item .row {
  align-items: center;
}

.carte-items .accordion-header button i {
  font-size: 16px;
}

.tabs--item button {
  width: 77%;
  background-color: transparent;
  margin: 4px;
  box-shadow: initial;
  outline: none;
  color: rgb(255, 255, 255);
  font-size: 20px;
  font-weight: bold;
  border: 0px;
  padding: 10px 0px;
  border-radius: 6px;
  flex: 1 1 auto;
}

.tabs--item {
  width: 100%;
  display: flex;
  justify-content: space-between;
  border: 2px solid rgb(255, 255, 255);
  background-color: rgb(15, 27, 92);
  border-radius: 10px;
}

.tabs--item>.active {
  background-color: rgb(255, 255, 255);
  color: rgb(15, 27, 92);
}

.bg-blue-gradient,
.footer-top {
  background-image: linear-gradient(200deg, rgb(15, 27, 92) 60%, rgb(51, 90, 183) 100%);
}

.all-item--service {
  border-radius: 10px;
  border: 1px solid rgb(255, 255, 255);
  padding: 30px;
}

.detail-item button {
  font-size: 20px;
  color: rgb(51, 90, 183);
  border: 0px;
  background-color: rgb(255, 255, 255);
  font-weight: bold;
  text-align: left;
  padding: 10px;
  border-radius: 10px;
  font-family: "manrope bold";
}

.detail-item {
  display: flex;
  flex-direction: column;
  gap: 10px 0px;
  padding-right: 20px;
}

.information--detail {
  background-color: rgb(255, 255, 255);
  border-radius: 10px;
}

.showing--detail {
  padding-left: 20px;
}

a:hover {
  text-decoration: none;
  color: rgb(51, 90, 183);
  transition: 0.25s ease-in-out;
}

span,
select {
  font-family: "manrope regular";
}

a {
  text-decoration: none;
  font-family: "manrope bold";
}

.title-wrapper h2 {
  color: rgb(15, 27, 92);
}

body {
  overflow-x: hidden;
}

body {
  background-color: rgb(255, 246, 242);
}

p {
  color: rgb(17, 17, 17);
  font-size: 18px;
  line-height: 25px;
  font-family: "manrope regular";
  text-align: justify;
}

html,
body {}

img {
  max-width: 100%;
}

.top-header>ul {}

.btn:first-child:active,
.btn:focus-visible {
  background-color: rgb(51, 90, 183);
  border-color: rgb(51, 90, 183);
  box-shadow: initial;
}

.multilingue button {
  background-color: transparent;
  color: rgb(255, 255, 255);
  border: 0px;
  text-transform: capitalize;
}

.multilingue .dropdown-toggle::after {
  top: 2px;
  position: relative;
  opacity: 0;
}

.multilingue button:hover,
.multilingue .btn.show,
.multilingue .btn:first-child:active {
  color: rgb(51, 51, 51);
  box-shadow: initial;
}

.top-header i {
  color: rgb(255, 255, 255);
}

.path-frontpage .main-menu a.navbar-brand img:nth-child(2) {
  display: none;
}

.path-frontpage .main-menu a.navbar-brand img:nth-child(1) {
  display: block;
}

.main-menu a.navbar-brand img:nth-child(1) {
  display: none;
}

.main-menu.is-sticky a.navbar-brand img:nth-child(2) {
  display: none;
}

.path-frontpage .main-menu .nav-item a {
  color: rgb(255, 255, 255);
  display: inline;
  font-weight: bold;
  position: relative;
  padding: 10px 0px !important;
}

.main-menu .nav-item a {
  color: rgb(17, 17, 17);
  display: inline;
  font-weight: bold;
  position: relative;
  font-size: 17px;
  padding: 10px 0px !important;
}

.main-menu .nav-item .active:hover::after {
  opacity: 1;
  width: 100%;
  content: "";
}

.multilingue .dropdown-menu {
  min-width: auto;
}

.path-frontpage .header-transparent {
  background-color: transparent;
  z-index: 99;
  position: absolute;
  width: 100%;
}

.footer-top a:hover {
  color: rgb(51, 90, 183);
}

.title-wrapper {
  padding-bottom: 40px;
}

section {
  padding: 40px 0px;
}

.link--btn {
  padding: 40px 0px 0px;
}

/* .section--slider {
  padding: 0px;
} */

body header {
  background-color: rgb(255, 255, 255);
}

.path-frontpage header {
  background-color: transparent;
}

/* .section--slider {
  position: relative;
  overflow: hidden;
} */

/* .slider-main::after {
  position: absolute;
  left: 0px;
  top: 0px;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(133, 116, 109, 0.7);
  mix-blend-mode: multiply;
} */

/* .slider-main {
  position: relative;
} */

.main-menu button>i {
  color: rgb(17, 17, 17);
}

.path-frontpage .main-menu button>i {
  color: rgb(255, 255, 255);
}

.paragraph-wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: auto;
  display: flex;
  align-items: center;
  width: 100%;
}

.paragraph-wrapper>div {
  color: rgb(255, 255, 255);
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.wrapper-two-row {
  height: 361px;
  position: relative;
  border-radius: 15px;
  overflow: hidden;
}

.wrapper-two-row img {
  height: 100%;
  transition: opacity 0.35s, transform 0.35s;
  width: calc(100% + 50px);
  max-width: none;
  transform: translate3d(-40px, 0px, 0px);
}

.two-row:hover img {
  transform: translate3d(0px, 0px, 0px);
}

.two-row:hover h2 {
  transform: translate3d(0px, -40px, 0px);
}

.wrapper-two-row h2 {
  position: absolute;
  bottom: 0px;
  padding: 30px;
  color: rgb(255, 255, 255);
  z-index: 1;
  width: 100%;
  transform: translate3d(0px, 0px, 0px);
  transition: transform 0.35s;
}

.wrapper-two-row::after {
  flex-direction: column;
  align-items: start;
  justify-content: end;
  background: linear-gradient(rgba(238, 238, 238, 0), rgba(133, 116, 109, 0.5) 80%, rgba(133, 116, 109, 0.5));
  height: 100%;
  inset: auto 0px 0px;
  display: flex;
  position: absolute;
  content: "";
}

.btn--main {
  background-color: rgb(51, 90, 183);
  color: rgb(51, 51, 51);
  font-size: 18px;
  padding: 0.7rem 2.187rem;
  border: 0px;
  position: relative;
  overflow: hidden;
}

.btn--main::after {
  background: rgb(255, 255, 255);
  content: "";
  height: 155px;
  left: -75px;
  opacity: 0.4;
  position: absolute;
  top: -50px;
  transform: rotate(35deg);
  transition: 0.55s cubic-bezier(0.19, 1, 0.22, 1);
  width: 50px;
}

.btn--main:hover::after {
  left: 120%;
  transition: 0.55s cubic-bezier(0.19, 1, 0.22, 1);
}

.btn--main:hover {
  background-color: rgb(51, 90, 183);
}

.footer-top {
  position: relative;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px 0px 0px;
}

.footer-top::after {
  content: "";
  background-image: url("../images/after-footer-icon.webp");
  position: absolute;
  width: 423px;
  height: auto;
  top: 0px;
  right: 0px;
  background-size: contain;
  background-repeat: no-repeat;
  z-index: -1;
}

.top-footer-center-application h4 {
  color: rgb(142, 160, 223);
  font-size: 16px;
  font-weight: bold;
}

.footer-top a {
  color: rgb(255, 255, 255);
}

ul,
li {
  list-style: none;
  padding: 0px;
}

.footer-top .row>div {
  gap: 20px;
  display: flex;
  flex-direction: column;
}

.footer-top .row>div ul {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.footer-top .row>div .social-icon {
  flex-direction: row;
}

.footer-top .row>div:first-child {
  justify-content: space-between;
}

.social-icon li a {
  height: 52px;
  width: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 30px;
  border: 1px solid rgb(142, 160, 223);
  transition: 0.25s ease-in-out;
}

.social-icon i {
  transition: 0.25s ease-in-out;
}

.social-icon li a:hover {
  background-color: rgb(142, 160, 223);
  transition: 0.25s ease-in-out;
}

.social-icon li a:hover i {
  color: rgb(255, 255, 255);
  transition: 0.25s ease-in-out;
}

.footer-bottom {
  background-color: rgb(123, 106, 99);
}

.footer-bottom {
  background-color: rgb(123, 106, 99);
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: rgb(255, 255, 255);
}

.wrapper-slider img {
  width: 100%;
  height: 100%;
}

.footer-bottom p {
  font-size: 14px;
  text-align: right;
  margin-bottom: 0px;
}

.footer-bottom .col {
  display: flex;
  align-items: center;
}

.footer-bottom .col:last-child {
  justify-content: right;
}

.footer-bottom a {
  color: rgb(255, 255, 255);
}

.footer-bottom a:hover {
  color: rgb(51, 90, 183);
}

.image----box {
  height: 232px;
  overflow: hidden;
}

.image----box img {
  height: 100%;
  width: 100%;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}

.detail----box h2 {
  font-size: 20px;
  color: rgb(15, 27, 92);
}

.detail----box {
  padding: 20px;
}

.detail----box p {
  font-size: 18px;
  color: rgb(155, 154, 154);
}

.detail----box span {
  color: rgb(51, 90, 183);
  font-size: 16px;
}

.main-menu.is-sticky {
  background-color: rgb(255, 255, 255);
  box-shadow: rgba(0, 0, 0, 0.12) 0px 5px 12px;
  z-index: 99;
}

.wrapper--box a {
  background-color: rgb(255, 255, 255);
  border-radius: 15px;
  box-shadow: rgba(31, 59, 125, 0.16) 0px 3px 20px;
  display: block;
}

.item {
  transition: transform 0.5s;
}

.item.active {
  transform: scale(1.1);
}

.video-item button {
  background-color: transparent;
  border: 0px;
  position: absolute;
  inset: 0px;
  z-index: 2;
}

.item video-item .btn-play {
  position: absolute;
  inset: 0px;
}

.item video-item {
  position: relative;
}

.list--video button img {
  object-fit: none;
}

.item.video-item {
  position: relative;
  border-radius: 15px;
  overflow: hidden;
}

.list--video img {
  height: 100%;
  width: 100%;
}

.video-item::after {
  position: absolute;
  left: 0px;
  top: 0px;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(133, 116, 109, 0.5);
  mix-blend-mode: multiply;
}

.video-item {
  position: relative;
}

.list--video .owl-nav {
  position: absolute;
  inset: 0px -10px;
  display: flex;
  justify-content: space-between;
  height: -webkit-fill-available;
  align-items: center;
  z-index: -1;
}

.center .item.video-item>button img {
  transform: scale(0.6);
}

.owl-nav button i {
  font-size: 40px;
  color: rgb(15, 27, 92);
}

.owl-theme .owl-nav [class*="owl-"]:hover {
  background: transparent;
}

.owl-item {
  transform-style: preserve-3d;
  backface-visibility: hidden;
  perspective: 1000px;
}

.owl-item.center {
  z-index: 2;
}

.owl-item.center .item {
  transform: scale(1.3);
}

.center .item.video-item>img {
  transform: scale(1);
}

.owl-item.active .item.video-item>button img {
  display: none;
}

.owl-item.active.center .item.video-item>button img {
  display: block;
}

.slider-center .owl-stage {
  top: 12%;
}

.slider-center .owl-stage-outer {
  height: 350px !important;
}

.slider-center .owl-item {
  transform: scale(0.9);
}

.search--bar {
  display: none;
  background-color: rgb(255, 255, 255);
  height: 70px;
  position: absolute;
  top: 100%;
  width: 70%;
  z-index: 20;
  margin: auto;
  left: 0px;
  right: 0px;
}

.search--bar .search--bar-inner {
  display: flex;
  background-color: transparent;
}

.btn-search-submit {
  width: 100%;
}

.btn-search-submit input[type="text"] {
  border-radius: 0%;
  width: 100%;
  background-color: transparent;
  text-align: center;
  color: rgb(15, 27, 92);
  font-size: 25px;
  height: 70px;
  margin-top: 0px;
  border: 0px;
  outline: 0px;
}

.search--bar-inner form {
  flex: 1 1 0%;
}

.btn-search-submit input[type="submit"] {
  border: 2px solid rgb(42, 128, 192);
  width: 97px;
  height: 58px;
  cursor: pointer;
  outline: 0px;
  color: transparent;
  background-color: rgb(10, 47, 102);
  background-position: center center;
  border-radius: 17px;
  position: absolute;
  right: 0px;
}

.btn-search-submit #edit-submit-listing-search:first-child {
  height: 58px;
  border-radius: 17px;
  width: 97px;
  top: 4px;
  border: 2px solid rgb(42, 128, 192);
}

.search--bar .search--bar-inner>button {
  width: 70px;
  height: 70px;
  background-color: rgb(51, 90, 183);
  display: flex;
  color: rgb(255, 255, 255);
  justify-content: center;
  align-items: center;
  font-size: 30px;
  border: 0px;
}

.input--text {
  box-shadow: rgba(31, 59, 125, 0.16) 0px 3px 20px;
}

.banner--wrapper {
  height: 457px;
}

.b-breadcrumb {
  position: relative;
}

ul.b-breadcrumb-list {
  white-space: nowrap;
  width: 100%;
  margin: 0px;
  padding: 0px;
  list-style: none;
  display: inline-block;
  font-size: 0px;
}

.b-breadcrumb-list li {
  align-items: center;
  justify-content: flex-start;
  padding: 0px 1.375rem 0px 0px;
  display: inline-flex;
  font-size: 16px;
  color: rgb(255, 255, 255);
  position: relative;
}

.b-breadcrumb-list li a {
  display: inline;
  text-decoration: none;
  font-weight: 400;
  color: rgb(255, 255, 255);
}

.b-breadcrumb-list li::after {
  content: "/";
  display: inline-block;
  width: 1.375rem;
  color: rgb(255, 255, 255);
  position: absolute;
  font-weight: 400;
  top: 0px;
  right: 0px;
  text-align: center;
}

.b-breadcrumb-list li:last-child::after {
  display: none;
}

.b-breadcrumb-list li a:hover {
  color: rgb(51, 90, 183);
}

.main-menu a {
  font-size: 14px;
}

.main-menu ul li a {
  width: 100%;
}

.main-menu ul li {
  max-width: 100%;
  width: auto;
  padding: 10px 0px;
  position: relative;
}

.main-menu ul {
  justify-content: center;
  gap: 0px;
  align-items: end;
  width: 100%;
  padding: 0px;
}

.bg-maps {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.bg-maps .container>.row {
  display: flex;
  align-items: center;
  border-radius: 10px;
  padding: 30px;
  background-color: rgba(255, 255, 255, 0.72);
}

div.slider-element-maps .item {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  gap: 0px 20px;
}

div.slider-element-maps {
  position: relative;
}

.slider-element-maps .owl-dots {
  display: flex;
  gap: 9px;
  margin: auto;
  justify-content: center;
  position: absolute;
  width: 81%;
  bottom: 13px;
  right: 0px;
}

.slider-element-maps .owl-dot,
#actualites-internes .owl-dot {
  background: rgb(210, 210, 210);
  width: 23px;
  height: 8px;
  border-radius: 6px;
}

div.slider-element-maps .owl-dot .active,
#actualites-internes .owl-dot .active {
  background: rgb(51, 90, 183);
}

div.slider-element-maps .owl-dots .active,
actualites-internes .owl-dots .active {
  background-color: rgb(51, 90, 183);
}

.element-sc {
  display: none;
  padding: 30px 15px;
}

.element-sc.active .row {
  display: flex;
  transition: opacity 0.5s;
  opacity: 1;
  justify-content: center;
  width: 100%;
  /* align-items: center; */
}

.element-sc.fade-out {
  opacity: 0;
}

.information--detail {
  display: none;
}

.information--detail.active {
  display: block;
  transition: opacity 0.5s;
  opacity: 1;
}

.information--detail.fade-out {
  opacity: 0;
}

/* .actualites .row>div:first-child {
  width: 100%;
} */

.actualites .row {
  gap: 20px 0px;
}

/* .actualites .row>div:first-child .card {
  display: flex;
  flex-direction: row;
  align-items: center;
  overflow: hidden;
  border-radius: 10px;
  justify-content: space-between;
}

.actualites .row>div:first-child .card .wrapper-img {
  width: 50%;
  height: auto;
}

.actualites .row>div:first-child .card .card-body {
  width: 50%;
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 23px;
} */

.wrapper-img {
  height: 224px;
}

.wrapper-scroll {
  height: 100%;
  width: calc(33.3333%);
  cursor: pointer;
  transition: width 750ms ease-in-out 250ms;
  display: flex;
  align-items: center;
  justify-content: center;
}

.wrapper-scroll:hover {
  width: 100%;
}

.publication-container {
  display: flex;
  height: 290px;
  overflow: hidden;
}

.wrapper-scroll img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

div#top-footer {
  display: flex;
  /* align-items: flex-end; */
  justify-content: space-between;
  align-items: center;
}

/* div#top-footer img {
  width: 100%;
  height: 100%;
} */

.app-telecharger {
  display: flex;
  justify-content: center;
  gap: 15px;
  align-items: center;
}
@media(max-width:767px) {
  .app-telecharger {
    flex-direction: column;
    align-items: end;
  }
  .app-telecharger .app-store {
    flex-direction: row-reverse;
  }
  .app-telecharger .app-store a {
    border: none;
    padding-right: 0;
    padding-left: 0;
  }
}

div#top-footer h4 {
  text-align: center;
}

.logo-left-footer {
  height: 86px;
  width: 249px;
}

.logo-right-footer {
  height: 94px;
  width: 269px;
}

div#top-footer>div:nth-child(1) {
  text-align: left;
  display: flex;
  justify-content: left;
  align-items: flex-start;
}

div#top-footer>div:nth-child(3) {
  justify-content: right;
  align-items: end;
}

/* div#top-footer .app-telecharger img {
  height: auto;
  width: 100%;
} */

.top-footer-center-application {
  display: flex;
  flex-direction: column;
  gap: 15px 0px;
}

div#center-footer .social-icon {
  display: flex;
  justify-content: center;
  gap: 16px;
}

.social-icon li a i {
  color: rgb(142, 160, 223);
}

.footer-top .container>div {
  margin-bottom: 5%;
}

div#bottom-footer {
  display: flex;
  text-align: center;
  justify-content: space-between;
  padding: 0px 15px;
}

div#bottom-footer a {
  width: 24%;
  border-radius: 10px;
  border: 1px solid rgb(142, 160, 223);
  color: rgb(142, 160, 223);
  padding: 20px;
  text-align: left;
  font-weight: bold;
}

div#bottom-footer-copyright {
  display: flex;
  width: 100%;
  margin-bottom: 0px;
  padding: 0px 15px;
}

div#bottom-footer-copyright ul {
  width: auto;
  max-width: max-content;
  padding: 0px;
}

.sc-copyright {
  max-width: max-content;
  width: auto;
}

div#bottom-footer-copyright ul a {
  padding-right: 10px;
  border-right: 1px solid rgb(142, 160, 223);
  color: rgb(142, 160, 223);
}

.sc-copyright p {
  color: rgb(142, 160, 223);
}

.btn--all a {
  overflow: hidden;
  transition: 0.3s ease-in-out;
  position: relative;
}

.btn--all a::after {
  background: rgb(255, 255, 255);
  content: "";
  height: 155px;
  left: -75px;
  opacity: 0.4;
  position: absolute;
  top: -50px;
  transform: rotate(35deg);
  transition: 0.55s cubic-bezier(0.19, 1, 0.22, 1);
  width: 50px;
}

.btn--all a:hover::after {
  left: 120%;
  transition: 0.55s cubic-bezier(0.19, 1, 0.22, 1);
}

div#center-footer .social-icon::after {
  content: "";
  height: 1px;
  background-color: rgb(142, 160, 223);
  width: 100%;
  top: 50%;
  position: relative;
}

div#center-footer .social-icon::before {
  content: "";
  height: 1px;
  background-color: rgb(142, 160, 223);
  width: 100%;
  top: 50%;
  position: relative;
}

div#center-footer .social-icon {
  position: relative;
}

div#center-footer .social-icon::after {
  content: "";
  height: 1px;
  background-color: rgb(142, 160, 223);
  width: 100%;
  top: 50%;
  position: relative;
}

div#center-footer .social-icon::before {
  content: "";
  height: 1px;
  background-color: rgb(142, 160, 223);
  width: 100%;
  top: 50%;
  position: relative;
}

div#center-footer .social-icon {
  position: relative;
}

div#bottom-footer-copyright {}

.main-menu ul li a::after {
  border-bottom: 0px solid rgb(255, 255, 255);
  content: "";
  width: 0px;
  height: 10px;
  position: absolute;
  left: 0px;
  text-align: center;
  display: block;
  margin: auto;
  transition: 0.3s ease-in-out;
  opacity: 0;
  bottom: 0px;
}

.main-menu ul li:hover a::after {
  opacity: 1;
  width: 100%;
}

div#bottom-footer a[target="_blank"]::before {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  position: absolute;
  right: 19px;
  top: 20px;
  content: "";
}

div#bottom-footer a[target="_blank"] {
  position: relative;
}

.multilingue button {
  border-radius: 17px;
  background-color: rgb(255, 255, 255);
  color: rgb(51, 51, 51);
  font-size: 14px;
  font-weight: bold;
}

.path-frontpage .multilingue button {
  border: 0px solid rgb(17, 17, 17);
}

.multilingue button {
  border: 1px solid rgb(17, 17, 17);
}

.top-header .multilingue i {
  color: rgb(51, 51, 51);
}

.multilingue button:hover {
  background-color: rgb(255, 255, 255);
}

.top-header .nav-item a:hover i {
  color: rgb(255, 255, 255);
  background-color: rgb(51, 90, 183);
}

.multilingue {
  padding-left: 5%;
}

.btn--audio button {
  border-radius: 17px;
  background-color: rgb(187, 10, 33);
  border: 0px;
  font-size: 14px;
  padding: 6px 10px;
  display: flex;
  align-items: center;
  gap: 12px;
  font-weight: bold;
  outline: none !important;
}

.btn--audio button {
  color: rgb(255, 255, 255);
}

.btn--audio button i {
  font-size: 24px;
}

.btn--audio button {
  border-radius: 17px;
  background-color: rgb(187, 10, 33);
  border: 0px;
  font-size: 14px;
  padding: 6px 10px;
  display: flex;
  align-items: center;
  gap: 12px;
  outline: none !important;
}

.btn--audio button {
  color: rgb(255, 255, 255);
}

.btn--audio button i {
  font-size: 24px;
}

.btn--audio {
  width: 100%;
}

.top-header>ul {
  width: 40%;
}

.carte-items .accordion-item {
  border-radius: 10px;
  overflow: hidden;
  margin-top: 30px;
}

.carte-items .accordion-header {
  border: 0px !important;
}

.carte-items .accordion-header button {
  background-color: rgb(255, 255, 255);
  border: 0px;
  justify-content: space-between;
  box-shadow: initial;
  font-size: 26px;
  color: rgb(15, 27, 92);
  font-weight: bold;
}

.carte-items .accordion-header button:not(.collapsed) i {
  transform: rotate(180deg);
}

.carte-items .accordion-header button::after {
  display: none !important;
  content: "";
}

.carte-items .accordion-header button i {
  height: 36px;
  width: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgb(28, 46, 85);
  color: rgb(28, 46, 85);
  border-radius: 30px;
}

.carte-items .accordion-header button::after {
  height: 36px;
  width: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  content: "";
  border: 1px solid rgb(28, 46, 85);
  border-radius: 30px;
}

.carte-items .accordion-header button i {
  height: 36px;
  width: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgb(28, 46, 85);
  color: rgb(28, 46, 85);
  border-radius: 30px;
}

.carte-items .accordion-header button:not(.collapsed) i {
  transform: rotate(180deg);
}

div.slider-element-maps .item h4 {
  font-size: 18px;
  font-weight: bold;
}

div.slider-element-maps p {
  margin-bottom: 0px;
}

.carte-items .accordion-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.carte-items .accordion-item .row {
  align-items: center;
}

.carte-items .accordion-header button i {
  font-size: 16px;
}

.tabs--item button {
  width: 77%;
  background-color: transparent;
  margin: 4px;
  box-shadow: initial;
  outline: none;
  color: rgb(255, 255, 255);
  font-size: 20px;
  font-weight: bold;
  border: 0px;
  padding: 10px 0px;
  font-family: "manrope bold";
  border-radius: 6px;
}

.actualites .row>div:first-child .card .card-body p {
  color: rgba(17, 17, 17, 0.7);
}

.tabs--item {
  width: 100%;
  display: flex;
  justify-content: space-between;
  border: 2px solid rgb(255, 255, 255);
  background-color: rgb(15, 27, 92);
  border-radius: 10px;
}

.tabs--item>.active {
  background-color: rgb(255, 255, 255);
  color: rgb(15, 27, 92);
}

.service {
  background-color: rgb(15, 27, 92);
}

.all-item--service {
  border-radius: 10px;
  border: 1px solid rgb(255, 255, 255);
  padding: 30px;
  position: relative;
  margin-bottom: 100px;
}

.detail-item button {
  font-size: 20px;
  color: rgb(51, 90, 183);
  border: 0px;
  background-color: rgb(255, 255, 255);
  font-weight: bold;
  text-align: left;
  padding: 20px;
  border-radius: 10px;
}

.detail-item {
  display: flex;
  flex-direction: column;
  gap: 10px 0px;
  padding-right: 20px;
  height: 100%;
  justify-content: space-between;
}

.information--detail {
  background-color: rgb(255, 255, 255);
  border-radius: 10px;
}

.showing--detail {
  padding-left: 20px;
}

.img--shwoing-service {
  height: 101px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.img--shwoing-service img {
  width: 70%;
  height: auto;
  object-fit: cover;
}

.element---shwoing-service {
  display: flex;
  justify-content: space-between;
  margin: 0px 30px;
  padding: 20px;
  gap: 0px 15px;
  align-items: center;
  border-bottom: 1px solid rgb(17, 17, 17);
}

.wrapper--shwoing-service h4 {
  font-size: 18px;
  font-weight: bold;
  color: rgb(51, 90, 183);
}

.wrapper--shwoing-service a {
  display: flex;
  justify-content: flex-start;
  gap: 15px;
}

.btn--all.btn--service-element a {
  width: 100%;
  border: 1px solid rgb(15, 27, 92);
  font-size: 18px;
  display: block;
  text-align: center;
  padding: 10px 0px;
  border-radius: 10px;
  color: rgb(255, 255, 255);
  background-color: rgb(15, 27, 92);
}

.btn--service-element {
  padding: 0px 30px 20px;
}

.detail-item .active {
  background-color: rgb(51, 90, 183);
  color: rgb(255, 255, 255);
}

.element---shwoing-service>div:first-child {
  width: 30%;
}

.element---shwoing-service>div:last-child {
  width: 70%;
}

.showing--detail .information--detail>div:nth-last-child(2) {
  border-bottom: 0px solid rgb(17, 17, 17);
}

.detail-item button::after {
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-rendering: auto;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "";
}

.detail-item button {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.title--parent-h2 h2 {
  font-size: 32px;
  color: rgb(255, 255, 255);
}

.info-top-title p {
  color: rgb(255, 255, 255);
  padding: 10px 0px;
  font-family: "nunito regular";
}

.actualites .info-top-title h2,
.bg-blue-normal .info-top-title h2,
.actualites .info-top-title p,
.bg-blue-normal .info-top-title p {
  color: rgb(28, 46, 85);
}

.title--parent-h2 {
  padding: 0px 0px 25px;
}

.btn--sc a {
  color: rgb(255, 255, 255);
  font-size: 18px;
}

.btn--sc {
  background-color: rgb(51, 90, 183);
  width: max-content;
  margin: 40px auto auto;
  padding: 10px 40px;
  border-radius: 10px;
  z-index: 2;
}

.service .btn--sc {
  margin-top: 0px;
}

.btn--all a:hover {
  background-color: rgb(51, 90, 183);
  color: rgb(255, 255, 255) !important;
  border: 1px solid rgb(51, 90, 183) !important;
}

.more--link i {
  height: 50px;
  width: 50px;
  border-radius: 30px;
  border: 1px solid rgb(51, 90, 183);
  color: rgb(51, 90, 183);
  display: flex;
  align-items: center;
  justify-content: center;
}

.info--bottom-date-more {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 95%;
  width: 100%;
  left: 0px;
}

.publication {
  padding: 0px;
}

.bg-blue-normal {
  background-color: rgb(228, 232, 245);
}

.actualites .card-body h3 {
  color: rgb(15, 27, 92) !important;
  font-size: 20px;
}

/* .actualites .row>div:first-child .card .card-body .info--bottom-date-more {
  bottom: 0px;
  transform: translate(16px, 56px);
  position: absolute;
} */

.date--actualites span {
  gap: 10px;
  display: flex;
  color: rgb(17, 17, 17);
  align-items: center;
}

.bg-investisseurs {
  background-image: url("../images/inv-bg.webp");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.wrapper--investisseurs {
  background-color: rgba(54, 63, 113, 0.74);
  padding: 30px;
  border-radius: 10px;
  display: flex;
  gap: 30px 0px;
  flex-direction: column;
}

.wrapper--investisseurs img {
  width: min-content;
}

.wrapper--investisseurs h3 {
  color: rgb(255, 255, 255);
  font-size: 32px;
}

.wrapper--investisseurs p {
  color: rgb(255, 255, 255);
}

.btn--investisseurs {
  display: flex;
  gap: 0px 20px;
}

.btn--investisseurs a {
  border: 1px solid rgb(51, 90, 183);
  color: rgb(255, 255, 255);
  padding: 10px 20px;
  border-radius: 10px;
  background-color: rgb(51, 90, 183);
}

.btn--investisseurs a:hover {
  background-color: transparent;
}

.title--le-maroc h3 {
  font-size: 18px;
  color: rgb(255, 255, 255);
  font-family: "manrope bold";
}

.img--le-maroc {
  height: 60px;
}

.img--le-maroc img {
  height: 100%;
  width: auto;
}

.all-box-le-maroc {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 30px 0px;
}

.item--le-maroc {
  width: 14%;
  flex: 0 14%;
}

.all-box-le-maroc>div:nth-child(4),
.all-box-le-maroc>div:nth-child(5) {
  width: 19%;
}

.item--le-maroc {
  height: 197px;
  background-color: rgb(15, 27, 92);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  gap: 20px 0px;
  text-align: center;
}

.item--le-maroc a {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 30px 0px;
}

.item--le-maroc:hover {
  background-color: rgb(51, 90, 183);
}

.carte-item .info-top-title h2 {
  color: rgb(15, 27, 92);
}

.carte-item .info-top-title p {
  color: rgb(15, 27, 92);
  font-family: "nunito regular";
  font-weight: bold;
}

.carte-item .info-top-title .title--parent-h2 {
  padding: 0px;
}

.wrapper-info-mohammed_vi {
  max-width: 90%;
  background-image: linear-gradient(200deg, rgb(15, 27, 92) 60%, rgb(51, 90, 183) 100%);
  padding: 40px 40px 40px 22%;
  height: auto;
  border-radius: 10px;
  color: rgb(255, 255, 255);
  display: flex;
  align-items: center;
  gap: 10px;
}

.items--mohammed_vi {
  display: flex;
  padding: 50px 0px 0px;
  position: relative;
  justify-content: end;
}

.img--mohammed_vi {
  position: absolute;
  top: 0px;
  left: 0px;
}

.item--info-mohammed_vi h2 {
  width: 65%;
}

.item--info-mohammed_vi {
  display: flex;
  flex-direction: column;
  gap: 0px;
}

.item--info-mohammed_vi img {
  height: 100%;
  width: max-content;
}

.item--info-mohammed_vi p {
  color: rgb(255, 255, 255);
  font-family: "nunito italic";
}

.date-right--mohammed_vi {
  display: flex;
  flex-direction: column;
}

.main-menu.is-sticky .search-btn>i {
  color: rgb(17, 17, 17);
}

main {
  background-color: rgb(228, 232, 245);
}

.date-right--mohammed_vi img {
  text-align: center;
  margin: auto;
}

.date-right--mohammed_vi span {
  text-align: right;
  font-family: "nunito regular";
}

.img--mohammed_vi img {
  z-index: 2;
  position: relative;
}

.img--mohammed_vi .border {
  position: absolute;
  inset: 34px -32px -26px 32px;
  pointer-events: none;
  z-index: 0;
  border-radius: 10px;
  border: 2px solid rgb(255, 255, 255) !important;
}

.date-right--mohammed_vi .btn--investisseurs {
  display: flex;
  justify-content: right;
  padding-top: 2%;
}

.title--publication {
  z-index: 9;
  position: absolute;
  bottom: 75px;
  left: 0px;
  width: 100%;
  display: flex;
  flex-direction: column;
  height: 100%;
  align-items: baseline;
  justify-content: end;
  padding: 0px 70px;
}

.title--publication h3 {
  color: rgb(255, 255, 255);
  font-size: 32px;
  padding-bottom: 10px;
  width: 200px;
  position: relative;
}

.wrapper-scroll:hover p {
  display: block;
}

.title--publication p {
  color: rgb(255, 255, 255);
}

.title--publication p {
  display: none;
}

.wrapper-scroll {
  position: relative;
}

.title--publication h3::after {
  content: "";
  width: 100px;
  background-color: rgb(51, 90, 183);
  position: absolute;
  bottom: 0px;
  display: block;
  height: 4px;
}

.publication-container {
  background-image: url("../images/bg--bottom.webp");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.publication {
  position: relative;
}

.publication::after {
  background-image: url("../images/bg--bottom.webp");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  content: "";
  height: 100%;
  bottom: 0px;
  display: block;
  width: 100%;
}

.wrapper-accessibilty {
  position: fixed;
  right: 20px;
  top: 50%;
  z-index: 9;
}

.wrapper-accessibilty {
  position: fixed;
  top: 0px;
  z-index: 9;
  height: 100%;
  bottom: 0px;
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  right: -93px;
  transition: right 0.35s ease-in-out;
}

.list-social-sticky li {
  height: 52px;
  width: auto;
  background-color: rgb(15, 27, 92);
  align-items: center;
  display: flex;
  justify-content: center;
  border-bottom-left-radius: 27px;
  border-top-left-radius: 27px;
  transition: 0.4s linear;
}

.list-social-sticky ul {
  gap: 10px 0px;
  display: flex;
  flex-direction: column;
}

.list-social-sticky li a {
  color: rgb(255, 255, 255);
}

.wrapper-accessibilty button {
  margin: 15px 0px 10px;
  height: 52px;
  width: 52px;
  background-color: rgb(15, 27, 92);
  align-items: center;
  display: flex;
  justify-content: center;
  border-radius: 30px;
  box-shadow: initial;
  border: 0px;
  outline: none !important;
}

.list-social-sticky li a:hover {
  color: rgb(255, 255, 255);
}

button#vfrc-launcher {
  margin: 0px;
}

div.slider-element-maps p {
  font-family: "manrope regular";
}

.service {
  padding: 0px;
}

.banner--service img {
  width: 100%;
  height: 85px;
  object-fit: cover;
}

.service .container {
  padding-top: 40px;
  padding-bottom: 60px;
}

.main-menu.is-sticky a.navbar-brand img:nth-child(1) {
  display: block;
}

.slider-element-maps .owl-height {
  transition: none;
}

.img----slider {
  height: 173px;
  width: 50%;
}

.img----slider img {
  width: 100%;
  height: 100%;
}

.info----slider {
  width: 50%;
  position: relative;
}

.banner--breadcrumbs .active span {
  font-weight: bold;
  color: rgb(15, 27, 92);
  font-family: "manrope bold";
}

.banner--breadcrumbs a {
  font-family: "manrope regular";
  color: rgb(15, 27, 92);
}

.banner--breadcrumbs::before {
  font-weight: 300;
}

.breadcrumb-item+.breadcrumb-item::before {
  font-weight: bold;
}

.banner--breadcrumbs .breadcrumb {
  display: flex;
  align-items: center;
  margin-bottom: 0px;
}

ol.breadcrumb li:first-child a::after {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  position: absolute;
  top: 0px;
  left: 0px;
  content: "";
  color: rgb(15, 27, 92);
  right: auto;
}

.breadcrumb {
  padding-left: 30px;
}

ol.breadcrumb {
  position: relative;
}

.title--page.text-center h1 {
  color: rgb(15, 27, 92);
  font-size: 35px;
  font-weight: bold;
  margin-bottom: 0px;
  text-transform: uppercase;
}

.title--page {
  padding: 30px 0px 20px;
}

.bg-blue-title h2 {
  color: rgb(15, 27, 92);
}

section.wrapper--all-items a::after {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  position: absolute;
  right: -20px;
  bottom: 0px;
  content: "";
}

section.wrapper--all-items a {
  position: relative;
}

.sc-item h3 {
  font-size: 20px;
  color: rgb(15, 27, 92);
  padding: 20px 0px 10px;
}

.sc-item a {
  color: rgb(15, 27, 92);
  font-size: 15px;
}

.sc-item img {
  border-radius: 10px;
  overflow: hidden;
  width: 100%;
  height: 100%;
}

.sc-item-img {
  height: 234px;
  margin-bottom: 10px;
}

.emblemes .element--detail .sc-item-img {
  height: initial;
}

section.wrapper--all-items .container .row:last-child {
  gap: 30px 0px;
}

.historique-des-chefs {
  background-color: rgb(255, 255, 255);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
}

.historique-des-chefs {
  width: 100%;
  padding: 45px 0px;
  transition: box-shadow 0.3s;
}

.historique-des-chefs:hover {
  box-shadow: rgba(33, 33, 33, 0.2) 0px 0px 11px;
}

.historique-des-chefs>div {
  width: 40%;
}

.historique-des-chefs>div:first-child h2 {
  width: 85%;
  text-transform: uppercase;
  font-size: 20px;
  font-weight: bold;
  color: rgb(15, 27, 92);
}

.historique-des-chefs>div:last-child {
  display: flex;
  justify-content: right;
}

.historique-des-chefs>div:last-child .btn--sc {
  margin: 0px;
  width: 269px;
  padding: 10px 40px;
  text-align: center;
}

section.wrapper--decouvrir-egalement {
  background-color: rgb(255, 255, 255);
}

.column--info h3 {
  font-size: 18px;
  color: rgb(15, 27, 92);
  margin-bottom: 0px;
  padding: 0 5px;
}

.column--info {
  padding: 30px;
}

section.wrapper--decouvrir-egalement .row:last-child .items--egalements {
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid rgb(15, 27, 92);
}

.column--img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.6s ease-in-out;
}

.share--icon li a {
  font-size: 25px;
}

#actualites-internes .row>div:first-child .card a {
  flex-direction: column;
}

#actualites-internes .row>div:first-child .card .card-body {
  width: 100%;
  gap: 0px;
}

#actualites-internes .row>div:first-child .card .wrapper-img {
  width: 100%;
  height: 224px;
}

#actualites-internes .row>div:first-child .card .card-body .info--bottom-date-more {
  position: relative;
  transform: inherit;
}

#actualites-internes .row>.owl-stage-outer {
  width: auto;
  margin: 0px;
  padding: 0px;
}

#actualites-internes .owl-dots {
  display: flex;
  gap: 9px;
  margin: auto;
  justify-content: center;
  position: relative;
  width: 81%;
  bottom: 0px;
  right: 0px;
  padding-top: 30px;
  transform: initial;
}

#actualites-internes .owl-dot {
  width: 43px;
}

.btn--chambre-representants a {
  position: relative;
}

.btn--chambre-representants a::after {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  position: absolute;
  right: 0px;
  bottom: 0px;
  content: "";
}

.name--chambre-representants h3 {
  font-size: 20px;
  color: rgb(15, 27, 92);
}

section.wrapper--info--paragraphs {
  padding: 40px 0px 0px;
}

.subname--chambre-representants span {
  color: rgb(15, 27, 92);
  font-size: 16px;
}

.btn--chambre-representants a {
  font-size: 18px;
  color: rgb(255, 255, 255);
  padding: 0px 20px;
}

.btn--chambre-representants {
  background-color: rgb(15, 27, 92);
  padding: 15px 30px 15px 10px;
  border-radius: 10px;
  width: max-content;
}

.services_numeriques h3 {
  font-size: 14px;
  font-weight: bold;
}

.chambre-representants--img {
  height: 300px;
  border-radius: 10px;
  overflow: hidden;
}

.icon--chambre-representants img {
  border-radius: 10px;
  overflow: hidden;
}

.chambre-representants--img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

section.wrapper--chambre-representants .container:last-child .btn--chambre-representants {
  background-color: rgb(15, 27, 92);
}

.wrapper--chambre-representants .container .row:last-child {
  align-items: center;
}

.chambre-representants--info {
  display: flex;
  flex-direction: column;
  gap: 20px 0px;
}

section.wrapper--chambre-representants .container {
  padding-bottom: 4%;
}

section.wrapper--chambre-representants .container:last-child {
  padding-bottom: 0px;
}

.column--img {
  overflow: hidden;
}

.sc-item-img:hover img {
  transform: scale(1.1);
  max-width: 100%;
}

.sc-item-img {
  overflow: hidden;
  border-radius: 10px;
}

.sc-item-img img {
  width: 100%;
  height: auto;
  object-fit: cover;
  transition: 0.6s ease-in-out;
}

div#chatbot-setting {
  justify-content: center;
  left: 15px;
  right: auto;
  top: 14px;
}

button.back-to-top {
  background: rgb(255, 255, 255);
  height: 0px;
  width: 0px;
  overflow: hidden;
  border-radius: 50px;
  color: transparent;
  clear: both;
  visibility: hidden;
  position: fixed;
  cursor: pointer;
  display: block;
  right: 50px;
  bottom: 75px;
  font-size: 0px;
  z-index: 99;
  transition: 0.3s ease-in-out;
  border: 1px solid rgb(51, 90, 183);
  margin: 0px !important;
  padding: 0px !important;
  outline: 0px !important;
}

button.back-to-top::before,
button.back-to-top::after {
  content: "";
  display: block;
  vertical-align: middle;
  border-bottom: 10px solid rgb(51, 90, 183);
  border-left: 10px solid transparent;
  line-height: 0;
  border-right: 10px solid transparent;
  height: 0px;
  margin: 18px auto 0px;
  width: 0px;
  border-radius: 20px;
  visibility: hidden;
}

button.back-to-top.show::after,
button.back-to-top.show::before {
  visibility: visible;
}

button.back-to-top::after {
  border-bottom-color: rgb(255, 255, 255);
  position: relative;
  top: -24px;
}

button.back-to-top.show {
  display: block;
  font-size: 25px;
  right: 54px;
  bottom: 30px;
  height: 52px;
  width: 52px;
  visibility: visible;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 2px 4px 1px;
}

button.back-to-top.show:active {
  box-shadow: rgba(0, 0, 0, 0.25) 0px 4px 8px 2px;
}

.messages_royaux_img {
  margin: auto;
  width: 335px;
  text-align: center;
  padding: 20px;
  border: 1px solid rgb(163, 127, 77);
}

.messages_royaux_title h2 {
  width: 100%;
  margin: auto;
  font-size: 15px;
  font-weight: bold;
  color: rgb(163, 127, 77);
  text-transform: uppercase;
}

.messages_royaux_img img {
  width: 100%;
  height: 100%;
}

.messages_royaux_title {
  padding-top: 20px;
}

.filter_date select {
  height: 54px;
  width: 365px;
  margin: auto;
  border: 1px solid rgb(15, 27, 92);
  border-radius: 10px;
  color: rgba(15, 27, 92, 0.5);
  --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%230F1B5C' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}

.filter-champs input[type="date"] {
  display: block;
  position: relative;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='16' viewBox='0 0 448 512'%3E%3Cpath fill='%230F1B5C' d='M0 464c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V192H0v272zm320-196c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zm0 128c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zM192 268c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zm0 128c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zM64 268c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12H76c-6.6 0-12-5.4-12-12v-40zm0 128c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12H76c-6.6 0-12-5.4-12-12v-40zM400 64h-48V16c0-8.8-7.2-16-16-16h-32c-8.8 0-16 7.2-16 16v48H160V16c0-8.8-7.2-16-16-16h-32c-8.8 0-16 7.2-16 16v48H48C21.5 64 0 85.5 0 112v48h448v-48c0-26.5-21.5-48-48-48z'/%3E%3C/svg%3E") right 1rem center / 14px 16px no-repeat white;
  cursor: pointer;
}

.filter-champs input[type="date"]::-webkit-calendar-picker-indicator {
  opacity: 0;
}

.timeline-container {

  width: 100%;
  margin: auto;
  display: block;
  position: relative;
}

.timeline-container ul {
  margin: 20px 0px;
  padding: 0px;
  display: inline-block;
  width: 100%;
}

.timeline-container ul li {
  list-style: none;
  min-height: 50px;
  margin: 0px 0px 50px;
  display: flex;
  flex-direction: row;
  position: relative;
}

.timeline-container ul li.dashed {
  border-left: 1px dashed rgb(134, 214, 255);
}

.timeline-container ul li:last-child {
  border-left: 0px;
}

.timeline-container ul li .item-icon {
  position: absolute;
  top: 50%;
  content: " ";
  border: 1px solid rgb(0, 90, 143);
  border-radius: 500%;
  background: rgb(255, 255, 255);
  height: 14px;
  left: 0px;
  width: 14px;
  right: 0px;
  margin: auto;
  z-index: 9;
  transform: translateY(-50%);
}

.timeline-container ul li:hover::before {
  border-color: rgb(37, 140, 199);
  transition: 1000ms ease-in-out;
}

ul li .item-text {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  align-items: center;
}

ul li .item-title p {
  font-size: 20px;
  font-weight: bold;
  color: rgb(17, 17, 17);
  line-height: 29px;
}

ul li .item-detail {
  color: rgba(0, 0, 0, 0.5);
  font-size: 12px;
}

ul li .item-timestamp {
  color: rgb(141, 141, 141);
  font-size: 12px;
  text-align: right;
  padding-left: 20px;
}

.timeline-container ul li::before {
  position: absolute;
  content: "";
  width: 1px;
  background-color: rgb(0, 90, 143);
  left: 0px;
  top: 0px;
  z-index: 1;
  right: 0px;
  height: calc(100% + 50px);
  margin: auto;
}

.timeline-container ul li:nth-child(2n+1) .item-text {
  display: flex;
  flex-direction: row-reverse;
  width: 100%;
  justify-content: space-between;
}

.timeline-container ul li:nth-child(2n) .item-text {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: space-between;
}

.item-wrapper {
  width: 48%;
  background: rgb(255, 255, 255);
  padding: 30px;
  border-radius: 10px;
}

.item-time {
  width: 48%;
  color: rgb(255, 255, 255);
  height: 54px;
  align-items: center;
}

.timeline-container ul li:nth-child(2n) .item-text .item-time {
  justify-content: left;
  display: flex;
}

.timeline-container ul li:nth-child(2n+1) .item-text .item-time {
  justify-content: right;
  display: flex;
}

.timeline-container ul li .item-text .item-time .date-time-line {
  background: rgb(15, 27, 92);
  border-radius: 10px;
  padding: 15px 20px;
  width: auto;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0px 17px;
}

.timeline-cotainer ul li::before {
  position: absolute;
  content: "";
  width: 4px;
  background-color: rgb(51, 51, 51);
  left: 0px;
  top: 50%;
  z-index: 1;
  right: 0px;
  height: calc(100% + 50px);
  margin: auto;
}

.timeline-container ul li:first-child::before {
  top: 50%;
}

.timeline-container ul li:last-child::before {
  height: 50%;
}

.wrapper--title h3 {
  font-size: 32px;
  color: rgb(15, 27, 92);
  text-transform: uppercase;
  max-width: 494px;
  margin: auto;
}

.wrapper--title {
  margin: auto;
  text-align: center;
  display: block;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  /*  gap: 25px 0px;*/
  padding-bottom: 30px;
}

.wrapper--title time {
  width: 100%;
  display: block;
  font-weight: bold;
  margin-bottom: 10px;
}

.wrapper--title img {
  width: max-content;
  height: 100%;
}

.c-wysiwyg p {
  color: rgb(15, 27, 92);
  line-height: 30px;
  text-align: justify;
  margin-left: auto;
  margin-right: auto;
  text-rendering: optimizeLegibility;
}

.touristes--all-items p {
  color: rgb(17, 17, 17);
}

.filter-wp .filter-champs {
  height: 54px;
  width: 100%;
}

.filter-wp form {
  display: flex;
  justify-content: normal;
  gap: 0px 10px;
}

.filter-wp .filter-champs select,
.filter-wp .filter-champs input {
  width: 100%;
  height: 100%;
  border: 1px solid rgb(15, 27, 92);
  border-radius: 10px;
  padding: 0px 20px;
  color: rgba(15, 27, 92, 0.5);
  outline: none;
  font-size: 14px;
}

.filter-wp .filter-champs select {
  border: 1px solid rgb(15, 27, 92);
  --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%230F1B5C' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}

.filter-wp .submit-filter input {
  background-color: rgb(51, 90, 183);
  color: rgb(255, 255, 255);
  font-size: 18px;
  font-weight: bold;
  border: 1px solid rgb(51, 90, 183);
  transition: 0.3s;
}

.filter-wp .submit-filter:hover input {
  background-color: rgb(255, 255, 255);
  color: rgb(51, 90, 183);
  transition: 0.3s;
}

section.filter--search--box {
  padding-top: 0px;
}

section.box--video-patrimoine .row.slider--podcast {
  gap: 25px 0px;
}

.item--video {
  height: 260px;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 23px;
  position: relative;
}

.item--video img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.card--body-sc h2 {
  color: rgb(15, 27, 92);
  font-size: 20px;
  font-weight: bold;
}

.slider--podcast .item--video:hover::before {
  transform: translate(-50%, -150%) scale(10);
  transform-origin: center top;
  background-color: rgba(51, 90, 183, 0.5);
  border-radius: 0px;
}

.slider--podcast .item--video::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(1);
  z-index: 1;
  border-radius: 50%;
  transition: 0.35s ease-in-out;
}

.video-item::after {
  position: absolute;
  left: 0px;
  top: 0px;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  mix-blend-mode: multiply;
}

.item--video button {
  height: 45px;
  width: 45px;
  position: absolute;
  inset: auto 10px 10px auto;
}

.item--video button img {
  width: auto;
  height: auto;
}

.slider--podcast .item--video:hover button {
  height: 89px;
  width: 89px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: 0.3s ease-in-out;
}

.slider--podcast .item--video button {
  height: 45px;
  width: 45px;
  position: absolute;
  inset: auto 10px 10px auto;
  transition: 0.3s ease-in-out;
}

.slider--podcast .item--video button img {
  width: auto;
  height: auto;
  transition: 0.3s ease-in-out;
}

.item--video:hover+div h2 {
  color: rgb(51, 90, 183);
}

#videoModal .modal-dialog {
  margin: 0px auto;
  min-height: 100vh;
  display: flex;
  align-items: center;
  max-width: 60%;
  height: 60%;
}

#videoModal .modal-content {
  background: transparent;
  border: none;
  box-shadow: none;
  height: 60%;
}

#videoModal .modal-content .btn-close {
  color: rgb(255, 255, 255);
  border: none;
  opacity: 1;
  background: none;
  outline: none;
  box-shadow: initial;
  transition: transform 0.5s;
}

.btn-close::after {
  content: "×";
  font-size: 33px;
}

.modal-body iframe {
  width: 100%;
  height: 100%;
}

#play--video h3 {
  color: rgb(17, 17, 17);
  font-family: "manrope regular";
  font-size: 16px;
}

#play--video .row.slider--podcast .item--video:hover button {
  opacity: 1;
}

#play--video .btn--main {
  color: rgb(51, 90, 183);
  font-size: 18px;
  background-color: transparent;
  border: 1px solid rgb(51, 90, 183);
  display: flex;
  align-items: center;
  width: max-content;
  margin: auto;
  gap: 0px 10px;
  font-weight: bold;
}

.video--region {
  height: 577px;
}

.video--region video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.menu-level-1 {
  position: absolute;
  width: max-content;
  background: 0px 0px rgb(255, 255, 255);
  z-index: 20;
  top: 45px;
  opacity: 0;
  visibility: hidden;
  transform: scale(0.65) translateX(-50%);
  transform-origin: center top;
  transition: 0.3s ease-in-out, opacity 0.2s ease-in-out;
  border-radius: 0px;
  overflow: hidden;
  box-shadow: rgba(0, 0, 0, 0.8) 0px 10px 20px -20px inset;
  left: 50%;
  min-width: 180px;
}

.is-sticky .menu-level-1 {
  top: 62px;
}

.nav-item.hover-stable-line a {
  color: rgb(51, 90, 183);
}

.main-menu {
  z-index: 10;
  position: relative;
}
.main-menu {
  top: 0;
  right: 0;
  left: 0;
  z-index: 99;
}
/* user logged in */
.user-logged-in .main-menu.is-sticky {
  top: 80px;
}

/* .user-logged-in [aria-label="breadcrumb"] ~ ul */
.user-logged-in [aria-label="breadcrumb"] ~ ul {
  --bs-nav-tabs-border-width: 0;
  border-radius: 8px;
  overflow: hidden;
  display: inline-flex;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.25);
  padding: 0;
  /* gap: 1rem; */
}
.user-logged-in [aria-label="breadcrumb"] ~ ul > li {
  margin: 0;
}

.user-logged-in [aria-label="breadcrumb"] ~ ul [data-drupal-link-system-path] {
  color: #fafafa;
  /* border: 1px solid #1d71b8; */
  background: #1d71b8;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
  border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  /* padding: 0.7rem 1rem; */
  /* margin-right: -1px; */
  display: flex;
  padding: 0.75em 1.5em;
  cursor: pointer;
  -webkit-text-decoration: none;
  text-decoration: none;
  font-size: 12px;
  border-right: 1px solid rgba(255, 255, 255, 0.22);
  /* letter-spacing: 0.5px; */
  column-gap: 8px;
}
.user-logged-in [aria-label="breadcrumb"] ~ ul [data-drupal-link-system-path]::before {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
}
.user-logged-in [aria-label="breadcrumb"] ~ ul [data-drupal-link-system-path*="edit"]::before {content: "\f304";}
.user-logged-in [aria-label="breadcrumb"] ~ ul [data-drupal-link-system-path*="delete"]::before {content: "\f1f8";}
.user-logged-in [aria-label="breadcrumb"] ~ ul [data-drupal-link-system-path*="revisions"]::before {content: "\e13c";}
.user-logged-in [aria-label="breadcrumb"] ~ ul [data-drupal-link-system-path*="devel"]::before {content: "\f1c9";}
.user-logged-in [aria-label="breadcrumb"] ~ ul [data-drupal-link-system-path*="translations"]::before {content: "\f1ab";}

.user-logged-in [aria-label="breadcrumb"] ~ ul [data-drupal-link-system-path]:hover {
  background-color: #195281;
}
/* END./ user logged in */

/* Sticky menu */
.main-menu.is-sticky {
  position: fixed;
  animation: .3s ease-in-out;
  animation-name: fadeInDown;
  background-color: rgb(215, 223, 239);
}


@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

.text-sm {
  font-size: 14px;
  font-style: italic;
}

.hover-stable-line .menu-level-1 {
  opacity: 1;
  visibility: visible;
  transform: scale(1) translateX(-50%);
}

div#navbarNavDropdown {
  position: relative;
  width: 83%;
}

.menu-level-1 .menu-subs-col {
  max-width: 100%;
}

.menu-level-1 .menu-subs-col ul {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: baseline;
  flex-flow: column wrap;
  padding: 0px;
  gap: initial !important;
}

.menu-level-1 .menu-subs-col ul li {
  border: 0px solid rgb(204, 204, 204);
  width: auto;
  max-width: initial;
  border-radius: 10px;
  padding: 20px 40px;
  text-align: left;
}

.menu-level-1 .menu-subs-col ul a::after {
  display: none;
}

.menu-level-1 .menu-subs-col ul .sub-menu-item-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.menu-level-1 .menu-subs-col ul .sub-menu-item-title a {
  font-size: 16px;
  color: rgb(17, 17, 17);
}

.menu-level-1 .menu-subs-col ul .sub-menu-item-title a {
  font-size: 12px;
  color: rgb(17, 17, 17);
}

.menu-level-1 .menu-subs-col ul .sub-menu-item-title i {
  color: rgb(51, 90, 183);
  font-size: 25px;
}

.menu-level-1 .menu-subs-col ul li:hover {
  box-shadow: initial;
}

.menu-level-1 .menu-subs-col ul li:hover a {
  color: rgb(51, 90, 183) !important;
}

section.wrapper--book-open {
  background-size: cover;
  background-repeat: no-repeat;
  background-color: rgb(128, 128, 128);
  height: auto;
  padding-top: 50px;
}

section.wrapper--book-open .link--btn a {
  color: rgb(255, 255, 255);
  align-items: center;
  gap: 0px 20px;
  display: flex;
  width: max-content;
  margin: auto;
  background-color: transparent;
  border: 1px solid rgb(255, 255, 255);
}

section.touristes--all-card h2 {
  color: rgb(15, 27, 92);
  font-size: 32px;
  text-transform: uppercase;
  padding-bottom: 30px;
}

section.touristes--all-card {
  padding-top: 0px;
}

section.touristes--all-card {}

section.touristes--all-card .sc-item-img {
  /* height: 200px; */
  height: auto;
  margin-bottom: 0px;
  border-radius: 10px 10px 0px 0px;
}

section.touristes--all-card .row a {
  border-radius: 10px;
  overflow: hidden;
}

.body--card-maroc {
  background-color: rgb(255, 255, 255);
  padding: 30px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}

section.touristes--all-card .row .sc-item > a {
  border-bottom: 4px solid rgb(15, 27, 92);
}

section.touristes--all-card .row .sc-item:first-child h3 {
  color: rgb(15, 27, 92);
}

section.touristes--all-card .row .sc-item:nth-child(2) h3 {
  color: rgb(15, 27, 92);
}

section.touristes--all-card .row .sc-item:nth-child(3) h3 {
  color: rgb(24, 44, 83);
}

section.touristes--all-card .sc-item-img img {
  border-radius: 0px;
}

section.touristes--all-card .row .sc-item:nth-child(4) h3 {
  color: rgb(15, 27, 92);
}

/* section.touristes--all-card .row .sc-item:nth-child(2) .body--card-maroc {
  border-bottom: 4px solid rgb(15, 27, 92);
}

section.touristes--all-card .row .sc-item:nth-child(3) .body--card-maroc {
  border-bottom: 4px solid rgb(24, 44, 83);
}

section.touristes--all-card .row .sc-item:nth-child(4) .body--card-maroc {
  border-bottom: 4px solid rgb(15, 27, 92);
} */

.touristes--all-card .container>div:nth-child(2) {
  gap: 30px 0px;
}

section.touristes--all-card .btn--chambre-representants {
  margin: 40px auto auto;
}

#odd-even-card-maroc .sc-item .sc-item-img {
  height: 350px;
  width: 59%;
  border-radius: 10px;
}

#odd-even-card-maroc .sc-item>a {
  display: flex;
  gap: 0px 20px;
  align-items: center;
  position: relative;
}

#odd-even-card-maroc .sc-item .body--card-maroc {
  width: 52%;
  position: absolute;
  right: 5px;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  padding: 20px 40px;
}

section.touristes--all-card .btn--chambre-representants {
  margin: 40px auto auto;
}

#odd-even-card-maroc .btn--chambre-representants::after {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  position: absolute;
  right: 18px;
  bottom: 0px;
  content: "";
  height: 100%;
  display: flex;
  align-items: center;
}

#odd-even-card-maroc .btn--chambre-representants {
  margin-left: 0px;
  margin-top: 5px;
  position: relative;
  padding: 20px 48px 20px 25px;
  color: rgb(255, 255, 255);
}

#odd-even-card-maroc .row .sc-item:nth-child(2) .btn--chambre-representants {
  background-color: transparent;
  border: 1px solid rgb(15, 27, 92);
  color: rgb(15, 27, 92);
}

#odd-even-card-maroc .row .sc-item:nth-child(1) .btn--chambre-representants {
  background-color: transparent;
  border: 1px solid rgb(15, 27, 92);
  color: rgb(15, 27, 92);
}

#odd-even-card-maroc .row .sc-item:nth-child(3) .btn--chambre-representants {
  background-color: transparent;
  border: 1px solid rgb(24, 44, 83);
  color: rgb(24, 44, 83);
}

#odd-even-card-maroc .row .sc-item:nth-child(4) .btn--chambre-representants {
  background-color: transparent;
  border: 1px solid rgb(15, 27, 92);
  color: rgb(15, 27, 92);
}

#odd-even-card-maroc .row .sc-item:nth-child(5) .btn--chambre-representants {
  background-color: transparent;
  border: 1px solid rgb(15, 27, 92);
  color: rgb(15, 27, 92);
}

#odd-even-card-maroc .row .sc-item:nth-child(6) .btn--chambre-representants {
  background-color: transparent;
  border: 1px solid rgb(15, 27, 92);
  color: rgb(15, 27, 92);
}

section.touristes--all-card .row .sc-item:nth-child(5) h3 {
  color: rgb(15, 27, 92);
}

section.touristes--all-card .row .sc-item:nth-child(6) h3 {
  color: rgb(15, 27, 92);
}

section.touristes--all-card .row .sc-item:nth-child(5) .body--card-maroc {
  justify-content: center;
  border-bottom: 4px solid rgb(15, 27, 92);
}

section.touristes--all-card .row .sc-item:nth-child(6) .body--card-maroc {
  border-bottom: 4px solid rgb(15, 27, 92);
}

#tabs--tourisme {
  background-size: cover;
  background-repeat: no-repeat;
}

#tabs--tourisme .all-item--service {
  margin-bottom: 0px;
}

#tabs--tourisme h2 {
  font-size: 32px;
  font-weight: bold;
  color: rgb(255, 255, 255);
  padding-bottom: 2%;
}

.informations_pratiques {
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
}

.informations_pratiques::before {
  content: "";
  position: absolute;
  inset: 0px;
  background-color: rgba(92, 25, 15, 0.87);
  mix-blend-mode: multiply;
  z-index: 1;
  pointer-events: none;
}

.informations_pratiques .container {
  position: relative;
  z-index: 2;
}

#tabs--tourisme .tabs--item {
  background-color: transparent;
}

#tabs--tourisme .tabs--item .active {
  background-color: rgb(15, 27, 92);
  color: rgb(255, 255, 255);
}

#tabs--tourisme .info-top-title {
  text-align: center;
}

#tabs--tourisme .title--parent-h2 h2 {
  padding-bottom: 0px;
  margin-bottom: 0px;
}

#tabs--tourisme .btn--chambre-representants {
  margin: auto;
  border: 1px solid rgb(255, 255, 255);
  background-color: transparent;
}

#tabs--tourisme .element-sc.active {
  padding-bottom: 0px;
}

#tabs--tourisme .all-item--service {
  border: 0px;
  padding-top: 5px;
}

#odd-even-card-maroc .container>div:nth-child(2)>div:nth-child(2n) a {
  flex-direction: row-reverse;
}

#odd-even-card-maroc .container>div:nth-child(2)>div:nth-child(2n) a .body--card-maroc {
  left: 5px;
  right: auto;
}

div#les--secteurs .info--bottom-date-more {
  flex-direction: column;
  gap: 13px 0px;
  max-width: 100%;
}

div#les--secteurs .info--bottom-date-more .btn--chambre-representants {
  width: 100%;
  color: rgb(51, 90, 183);
  border: 1px solid rgb(51, 90, 183);
  background-color: transparent;
}

div#les--secteurs .card-body {
  padding: 30px;
}

div#les--secteurs .wrapper-img {
  border-radius: 10px 10px 0px 0px;
  overflow: hidden;
}

div#les--secteurs .wrapper-img img {
  border-radius: 10px 10px 0px 0px;
  overflow: hidden;
}

div#les--secteurs .info--bottom-date-more .btn--chambre-representants {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0px 20px;
}

.investisseurs--card .col-lg-12 h2 {
  color: rgb(15, 27, 92);
}

.wrapper--visitez_morocco {
  background-color: rgb(15, 27, 92);
  border-radius: 10px;
  color: rgb(255, 255, 255);
  display: flex;
  align-items: normal;
  justify-content: space-between;
  padding: 30px;
  flex-direction: column;
  width: 49%;
}

.info--visitez_morocco h2 {
  color: rgb(255, 255, 255);
}

.info--visitez_morocco h3 {
  padding-top: 30px;
  font-size: 24px;
  font-weight: 200;
  font-family: "montserrat black";
}

.info--visitez_morocco h2 {
  font-size: 36px;
  font-weight: bold;
  font-family: "montserrat Bold";
}

.info--visitez_morocco a {
  display: flex;
  align-items: normal;
  justify-content: left;
  gap: 0px 23px;
}

.info--visitez_morocco a i {
  color: rgb(255, 255, 255);
  font-size: 21px;
  position: relative;
  top: -4px;
}

.sectors-large .owl-height .owl-item.active.center {
  transform: scale(1);
  z-index: 12;
  position: inherit;
  right: auto;
  top: auto;
}

.sectors-large .sectors-large .owl-item.cloned.active {
  transform: scale(0.9);
  position: relative;
  right: 25px;
  top: 4px;
}

.sectors-large .owl-height .owl-item.active.center .item-sectors {
  right: 86%;
  background: rgb(255, 255, 255);
  top: 10px;
  height: 400px;
  cursor: auto;
  margin: 0px;
  width: 1180px !important;
}

.sectors-large .owl-item.center>div {
  cursor: auto;
  margin: 0px;
}

.sectors-large .owl-item .item-sectors {
  cursor: pointer;
  margin: 6% 3%;
  transition: margin 0.4s;
  height: 315px;
}

.our-news .owl-carousel .owl-stage-outer {
  height: 415.375px !important;
}

.card.item-sectors>div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  gap: 20px 0px;
  padding: 50px;
}

.news--img {
  height: 69px;
}

.card.item-sectors p {
  color: rgb(17, 17, 17);
  font-size: 18px;
}

.card.item-sectors h3 {
  color: rgb(15, 27, 92);
  font-size: 16px;
}

.sectors-large .owl-item .item-sectors {
  background-color: rgba(255, 255, 255, 0.6);
}

.slider-voyages-internes-center .owl-dots {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0px 10px;
}

.slider-element-voyages .slider-voyages-internes-center .owl-dot {
  background: rgb(210, 210, 210);
  height: 8px;
  border-radius: 6px;
  width: 43px;
}

.slider-element-voyages .slider-voyages-internes-center .owl-dots .active {
  background-color: rgb(51, 90, 183);
}

.slider-voyages-internes-center .owl-stage-outer {
  margin-bottom: 4%;
}

.slider-voyages-internes-center .owl-stage-outer .owl-stage {
  display: flex;
  align-items: center;
}

.slider-voyages-internes-center .owl-stage-outer .card.item-sectors {
  border-radius: 10px;
}

.slider-voyages-internes-center .owl-stage-outer .owl-item.active .card.item-sectors .card-body {
  opacity: 0;
}

.slider-voyages-internes-center .owl-stage-outer .owl-item.active.center .card.item-sectors .card-body {
  opacity: 1;
}

div#les--secteurs h3::after {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  position: absolute;
  right: 18px;
  bottom: 0px;
  content: "";
  height: 100%;
  display: flex;
  align-items: center;
}

div#les--secteurs h3 {
  position: relative;
}

.row.slider-element-maps .owl-stage>div:nth-child(3n+1) #les--secteurs h3 {
  color: rgb(0, 140, 210);
}

.row.slider-element-maps .owl-stage>div:nth-child(3n+2) #les--secteurs h3 {
  color: rgb(0, 145, 45);
}

.row.slider-element-maps .owl-stage>div:nth-child(3n+3) #les--secteurs h3 {
  color: rgb(249, 38, 0);
}

.row.slider-element-maps .owl-stage>div:nth-child(3n+1) #les--secteurs {
  border-bottom: 2px solid rgb(0, 140, 210);
  border-radius: 0px;
  padding-bottom: 0px !important;
}

.row.slider-element-maps .owl-stage>div:nth-child(3n+2) #les--secteurs {
  border-bottom: 2px solid rgb(0, 145, 45);
  border-radius: 0px;
  padding-bottom: 0px !important;
}

.row.slider-element-maps .owl-stage>div:nth-child(3n+3) #les--secteurs {
  border-bottom: 2px solid rgb(249, 38, 0);
  border-radius: 0px;
  padding-bottom: 0px !important;
}

#les--secteurs {
  border-radius: 0px;
}

.services_numeriques .wrapper-img {
  height: 157px;
}

.services_numeriques .wrapper-img img {
  height: 100%;
  width: 100%;
  object-fit: contain;
  padding: 10px;
}

.services_numeriques #les--secteurs {
  padding: 30px;
  border-radius: 10px;
}

.services_numeriques #les--secteurs .card-body {
  padding: 30px 0px 0px;
}

.services_numeriques div#les--secteurs h3::after {
  opacity: 0;
}

#owl--slider-v2 .sc-item a {
  display: flex;
  padding: 40px;
  background-color: rgb(255, 255, 255);
  border-radius: 10px 10px 0px 0px;
  align-items: center;
  border-bottom: 4px solid rgb(15, 27, 92);
}

#owl--slider-v2 h3 {
  color: rgb(15, 27, 92);
}

#owl--slider-v2 .btn--chambre-representants {
  display: flex;
  justify-content: left;
  align-items: baseline;
  text-align: left;
  width: max-content;
  margin: 0px;
  background-color: transparent;
  border: 1px solid rgb(15, 27, 92);
  color: rgb(15, 27, 92);
  padding: 15px 40px 15px 15px;
}

#owl--slider-v2 .body--card-maroc {
  border-bottom: 0px;
}

#owl--slider-v2 .sc-item-img {
  height: 366px;
}

#owl--slider-v2 .sc-item a>div {
  width: 50%;
  border-radius: 10px;
}

#owl--slider-v2 .btn--chambre-representants::after {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  position: absolute;
  right: 18px;
  bottom: 0px;
  content: "";
  height: 100%;
  display: flex;
  align-items: center;
}

#owl--slider-v2 .btn--chambre-representants {
  position: relative;
}

.list-social-sticky ul li a {
  display: flex;
  align-items: center;
  gap: 0px 30px;
  justify-content: space-between;
  padding: 15px;
  text-align: center;
  margin: auto;
  width: 150px;
}

.list-social-sticky ul li:hover {
  transform: translateX(-92px);
  width: 100%;
}

.list-social-sticky ul li a i {
  position: relative;
  left: 5px;
  color: rgb(255, 255, 255);
}

.service--appende {
  position: absolute;
  top: calc(100% + 50px);
  left: 50%;
  transform: translateX(-50%);
}

.section--slider {
  position: relative;
  width: 100%;
  overflow: hidden;
  height: 95vh;
}

.slider-main {
  width: 100%;
  height: 95vh;
}

.wrapper-slider img,
.wrapper-slider iframe,
.wrapper-slider video {
  max-width: 100%;
  height: auto;
}

.paragraph-wrapper {
  text-align: center;
  margin-top: 20px;
}

.owl-items .wrapper-slider {
  height: 100%;
}

.owl-items>div iframe {
  height: 100%;
  width: 100%;
}

.owl-items > div video {
  /* height: auto; */
  height: 100%;
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  /* object-fit: none; */
}

.owl-items>div img {
  height: 100%;
  object-fit: cover;
}

.preloader {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(200deg, rgb(15, 27, 92) 60%, rgb(51, 90, 183) 100%);
  z-index: 9999;
  opacity: 1;
  transition: opacity 2s;
}

.item-wrapper div:not([class]) a {
  border: 1px solid rgb(51, 90, 183);
  font-size: 18px;
  color: rgb(51, 90, 183);
  padding: 10px 25px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0px 10px;
  width: 190px;
}

form#views-exposed-form-message-royaux-page-1 {
  justify-content: center;
}

.item-wrapper {
  display: flex;
  flex-direction: column;
  gap: 15px 0px;
  box-shadow: rgba(0, 0, 0, 0.12) 0px 5px 12px;
}

.item-wrapper div:not([class]) {
  display: flex;
  gap: 0px 20px;
}

.date-time-line span {
  font-size: 20px;
}

section.wrapper--historique-des-chefs .btn--sc {
  margin-top: 0px;
}

.time--scrolle {
  position: absolute;
  left: 0px;
  right: 0px;
  width: 100%;
  text-align: center;
  top: -20%;
  transition: top 1s ease-in-out;
}

section.wrapper--historique-des-chefs {
  position: relative;
}

.wrapper--historique-des-chefs {
  position: relative;
}

.time--scrolle img {
  position: relative;
  width: 44%;
  transition: transform 0.3s ease-out;
}

.time--scrolle {
  position: absolute;
  width: 100%;
  text-align: center;
  top: -160px;
  z-index: 0;
}

.filter_date {
  z-index: 2;
  position: relative;
}

.item-wrapper div:not([class]) a:hover {
  background-color: rgb(51, 90, 183);
  color: rgb(255, 255, 255);
}

#patrimoine_maps .row {
  background-color: transparent;
  align-items: start;
  padding: 0px;
}

.carte--img {
  height: 230px;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
}

.carte--img img {
  width: 100%;
  height: 100%;
}

#patrimoine_maps .card-body h2 {
  font-size: 20px;
  color: rgb(15, 27, 92);
}

#patrimoine_maps .card-body p {
  padding-top: 10px;
}

#patrimoine_maps .card-body a {
  background-color: rgb(255, 255, 255);
  color: rgb(51, 90, 183);
  border: 1px solid rgb(51, 90, 183);
  padding: 10px 50px;
  font-weight: bold;
}

.album--img img {
  width: auto;
  height: auto;
  transition: 0.3s ease-in-out;
}

.album--img {
  height: 45px;
  width: 45px;
  position: absolute;
  inset: auto 10px 10px auto;
  transition: 0.3s ease-in-out;
}

#patrimoine_maps .card-body a:hover {
  color: rgb(255, 255, 255);
  background-color: rgb(51, 90, 183);
}

#patrimoine_maps .card-body {
  gap: 10px 0px;
  padding: 20px 0px 0px;
}

#patrimoine_maps .card {
  padding: 25px;
  border-radius: 10px;
}

.wrapper--info-tabs-dc h2 {
  color: rgb(15, 27, 92);
  font-size: 32px;
  font-weight: bold;
}

.wrapper--info-tabs-dc p {}

.share--icon h3 {
  font-size: 20px;
  text-transform: uppercase;
  color: rgb(17, 17, 17);
  text-align: left;
  margin-left: 0px;
}

.share--icon ul {
  display: flex;
  gap: 0px 15px;
}

.share--icon li {
  width: 48px;
  height: 48px;
  border: 1px solid rgb(17, 17, 17);
  align-items: center;
  display: flex;
  justify-content: center;
  border-radius: 10px;
}

.wrapper--info-tabs-dc {
  display: flex;
  flex-direction: column;
  gap: 16px 0px;
}

.share--icon {
  display: flex;
  flex-direction: column;
  gap: 20px 0px;
  margin-left: 0px;
  width: 100%;
  justify-content: left;
  text-align: left;
}

#card---tabs-scroll {
  width: 300px;
  border-radius: 10px;
  padding: 10px;
  background-color: white;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 8px;
  overflow-y: auto;
  max-height: 500px;
}

#card---tabs-scroll .card {
  padding: 10px;
  border-radius: 10px;
  transition: background-color 0.3s;
}

#card---tabs-scroll .card:hover {
  background-color: rgba(51, 90, 183, 0.1);
}

#card---tabs-scroll .card img {
  width: 60px;
  height: 60px;
  border-radius: 8px;
  margin-right: 10px;
}

#card---tabs-scroll .card-content {
  flex-grow: 1;
  width: 70%;
}

#card---tabs-scroll .card-title {
  font-size: 14px;
  font-weight: bold;
  color: rgb(51, 51, 51);
}

#card---tabs-scroll .card-time {
  font-size: 12px;
  color: rgb(102, 102, 102);
  margin-top: 5px;
}

#card---tabs-scroll::-webkit-scrollbar {
  width: 8px;
}

#card---tabs-scroll::-webkit-scrollbar-thumb {
  background: rgb(15, 27, 92);
  border-radius: 8px;
}

.iframe--append {
  height: 577px;
  border-radius: 10px;
  overflow: hidden;
}

.services_numeriques div#les--secteurs .wrapper-img {
  border-radius: 10px;
  border: 1px solid rgb(15, 27, 92);
}

.iframe--append iframe {
  width: 100%;
  height: 100%;
}

section.touristes--all-items {
  padding: 0px;
}

.video--region {
  width: 100%;
  height: auto;
}

.video--region #card---tabs-scroll {
  width: 100%;
  height: 100%;
}

section.detail--region .row {
  gap: 30px 0px;
  align-items: center;
  justify-content: space-between;
}

.wrapper--info-tabs-dc {
  height: auto;
  justify-content: space-between;
  padding: 20px 0px;
}

.img--tabs-video-sc {
  height: 96px;
  width: 30%;
}

.card--right-tabs {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0px 25px;
}

#card---tabs-scroll .img--tabs-video-sc img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#card---tabs-scroll .card {
  border: 0px;
}

#card---tabs-scroll .card--right-tabs h4 {
  font-size: 20px;
  color: rgb(15, 27, 92);
  font-weight: bold;
}

#card---tabs-scroll .card--right-tabs span {
  color: rgb(17, 17, 17);
  font-size: 16px;
}

.share--icon li:hover {
  background-color: rgb(15, 27, 92);
  color: rgb(255, 255, 255);
}

#slider----album-item .owl-item>div {
  width: 100%;
}

#slider----album-item .owl-dots {
  left: 0px;
  bottom: 0px;
  position: relative;
  padding-top: 20px;
  right: 0px;
  justify-content: center;
}

#slider----album-item .owl-dots .owl-dot {
  width: 43px;
}

.img--heritage-maroc {
  height: 389px;
}

.img--heritage-maroc img {
  width: 100%;
  height: 100%;
}

.info--heritage-maroc .btn--chambre-representants {
  background-color: rgb(51, 90, 183);
  color: rgb(255, 255, 255);
  padding: 15px 40px;
  font-size: 18px;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0px 15px;
}

.info--heritage-maroc h2 {
  color: rgb(15, 27, 92);
  font-size: 28px;
  text-transform: uppercase;
}

.wrapper--heritage-maroc {
  display: flex;
  align-items: center;
  border-radius: 10px;
  padding: 0px;
  overflow: hidden;
}

.wrapper--heritage-maroc>div {
  width: 50%;
}

.wrapper--heritage-maroc .info--heritage-maroc {
  display: flex;
  flex-direction: column;
  gap: 25px;
  padding: 40px;
  height: 100%;
  justify-content: center;
  background-color: rgb(255, 255, 255);
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
}

#wrapper-actualites .card-body h3 {
  color: rgb(15, 27, 92);
  font-size: 20px;
}

#wrapper-actualites {
  gap: 30px 0px;
}

#wrapper-actualites .card {
  border-radius: 10px;
  height: 100%;
  overflow: hidden;
}

.filter-wp .filter-champs {
  width: 25%;
}

.pagination-wp-lists li {
  height: 57px;
  width: 57px;
  border: 1px solid rgb(15, 27, 92);
  border-radius: 10px;
  transition: 0.3s ease-in-out;
  background-color: rgb(255, 255, 255);
}

.pagination-wp-lists ul {
  display: flex;
  justify-content: center;
  gap: 3px 20px;
  flex-wrap: wrap;
}

.pagination-wp-lists li a {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgb(17, 17, 17);
}

.pagination-wp-lists ul .active {
  background-color: rgb(15, 27, 92);
}

.pagination-wp-lists li:hover a {
  color: rgb(255, 255, 255);
}

.pagination-wp-lists li:hover {
  background-color: rgb(15, 27, 92);
}

.pagination-wp-lists ul .active a {
  color: rgb(255, 255, 255);
}

.news--actualites-fixed .column--img {
  height: 200px;
}

section.news--actualites-fixed .row {
  gap: 20px 0px;
}

section.news--actualites-fixed .items--egalements {
  border-radius: 10px;
  overflow: hidden;
}

.news--actualites-fixed .column--info h3 {
  color: rgb(255, 255, 255);
}

.news--actualites-fixed .column--info {
  background-color: rgb(15, 27, 92);
  padding: 15px;
}

section.news--actualites-fixed .row {
  gap: 20px 0px;
}

section.news--actualites-fixed .items--egalements {
  border-radius: 10px;
  overflow: hidden;
}

.news--actualites-fixed .column--info h3 {
  color: rgb(255, 255, 255);
}

.news--actualites-fixed .column--info {
  background-color: rgb(15, 27, 92);
  display: flex;
  justify-content: space-between;
  height: 100px;
  align-items: center;
}

.news--actualites-fixed .column--info i {
  color: rgb(255, 255, 255);
}

section.news--actualites-fixed .row>div {
  width: 20%;
}

.c-wysiwyg .wrapper--title img {
  border-radius: 10px;
}

section.wrapper--c-wysiwyg {
  padding-top: 0px;
}

.emblemes .all-item--service {
  padding: 5px;
  border: 0px;
  margin-bottom: 0px;
}

.emblemes .all-item--service .tabs--item {
  background-color: transparent;
  border: 2px solid rgb(15, 27, 92);
}

.emblemes .all-item--service .tabs--item .active {
  background-color: rgb(15, 27, 92);
  color: rgb(255, 255, 255);
}

.emblemes .all-item--service .tabs--item button {
  font-size: 17px;
  width: 100%;
  color: rgb(15, 27, 92);
  padding: 15px 20px;
}

.emblemes .title--parent-h2 h2 {
  font-size: 32px;
  color: rgb(15, 27, 92);
}

.emblemes .info-top-title p {
  color: rgb(17, 17, 17);
}

.fixed--img {
  height: auto;
  background-color: rgb(255, 255, 255);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0px;
  overflow: hidden;
}

.fixed--img img {
  width: 100%;
  height: auto;
}

.emblemes .element--detail>div:first-child img {
  object-fit: none;
}

.info-top-title h4 {
  color: rgb(15, 27, 92);
  font-size: 20px;
  font-weight: bold;
  padding: 0px 0px 20px;
}

.download-btn--img {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.download-wrapper {
  flex-direction: row;
  display: flex;
  align-items: center;
  gap: 20px 25px;
  justify-content: space-between;
  height: 429px;
  margin-bottom: 40px;
}

.emblemes .element--detail .element-sc:nth-child(4) .download-wrapper {
  flex-direction: column;
}

.download-btn--img h3 {
  color: rgb(15, 27, 92);
  font-size: 20px;
  font-weight: bold;
  text-transform: uppercase;
}

.img---btn-all {
  display: flex;
  flex-direction: column;
  gap: 15px 0px;
}

.img---btn-all a {
  font-size: 20px;
  width: 100%;
  height: 77px;
  border: 1px solid rgb(15, 27, 92);
  align-items: center;
  display: flex;
  justify-content: center;
  gap: 0px 15px;
  border-radius: 10px;
  color: rgb(15, 27, 92);
  transition: 0.3s ease-in-out;
}

.img---btn-all a:hover {
  background-color: rgb(15, 27, 92);
  color: rgb(255, 255, 255);
}
/* add container thumbnails */
.timeline-content .img-thumbnail {
  width: 220px;
  height: 220px;
  border: 0;
}

/* select the 4 element */
.element-sc:nth-child(4) .img---btn-all a {
  border-color: rgb(187, 10, 33);
  background-color: rgb(187, 10, 33);
  color: white;
  text-transform: uppercase;
  height: 54px;
  gap: 0 30px;
}
.bg-blue {
  background-color: rgb(15, 27, 92);
}
.element-sc:nth-child(4) .img---btn-all a:hover {
  border-color: rgb(187, 10, 33);
  background-color: rgb(117, 10, 25);
}
.element-sc:nth-child(4) .img---btn-all a::after {
  content: "\f019";
  font-weight: 900;
  font-family: "Font Awesome 6 Free";
  display: var(--fa-display,inline-block);
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-rendering: auto;
}
.element-sc:nth-child(4) .img---btn-all a::before {
  content: '';
  background: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2217.832%22%20height%3D%2216.962%22%20viewBox%3D%220%200%2017.832%2016.962%22%3E%3Cpath%20data-name%3D%22Path%2058276%22%20d%3D%22m6.59%2011.269%201.246.905-2.016%201.465Zm3.41.905%201.246-.905.77%202.37ZM3.908%207.752H6.4l-.478%201.463ZM7%2010l.73-2.248h2.37L10.83%2010l-1.914%201.39Zm4.432-2.248h2.49L11.91%209.215ZM8.916%204.108l.771%202.374H8.145Zm0-4.108L6.81%206.482H0l5.51%204-2.1%206.478%205.511-4%205.511%204-2.1-6.478%205.51-4h-6.81Z%22%20fill%3D%22%230c9b2e%22%2F%3E%3C%2Fsvg%3E) no-repeat;
  background-size: 28px;
  width: 28px;
  height: 28px;
}
/* hymne national video */
.download-wrapper .fixed--img {
  width: 100%;
  max-width: 754px;
}
.download-wrapper .fixed--img video {
  width: 100%;
  height: 320px;
  object-fit: cover;
}

.play--mp3 {
  background-color: transparent;
  height: auto;
  justify-content: left;
  flex-direction: column;
  align-items: baseline;
}

.play--mp3-ht--dc {
  height: auto;
}

.play--mp3-ht--dc .download-btn--img {
  height: auto;
}

.play--mp3 .audio-player source {
  background-color: rgb(255, 255, 255);
}

.play--mp3 .audio-player {
  width: 100%;
}

.play--mp3 .audio-player audio {
  width: 100%;
}

.download-wrapper h4 {
  color: rgb(15, 27, 92);
  font-size: 20px;
  font-weight: bold;
  text-transform: uppercase;
}

.emblemes .title--parent-h2 h2 {
  text-transform: uppercase;
}

.write--text-nachid h5 {
  width: 202px;
  line-height: 35px;
  text-align: center;
  margin: auto;
  font-size: 24px;
  color: rgb(17, 17, 17);
  font-weight: bold;
  font-family: "cairo bold";
}

.img--center--opc {
  position: absolute;
  top: 0px;
  opacity: 1;
  margin: auto;
  text-align: center;
  padding: 0px;
  left: auto !important;
  right: auto !important;
  width: 300px !important;
}

.write--text-nachid {
  position: relative;
  margin: auto;
  text-align: center;
}

.img--center--opc img {
  margin: auto;
  width: auto;
  height: auto;
  text-align: center;
}

.emblemes .element--detail .element-sc {
  margin-bottom: 0px;
  padding-bottom: 30px;
}

.wrapper-table {
  border-radius: 1em;
  overflow: hidden;
  padding: 0px;
  margin: 0px;
  border-collapse: separate;
  border-spacing: 1px;
  width: auto;
  border: 1px solid rgb(15, 27, 92);
}

.wrapper-table th,
.wrapper-table td {
  padding: 1em;
  background: rgb(255, 255, 255);
  border-bottom: 0px solid rgb(15, 27, 92);
  font-family: "manrope regular";
  text-align: justify;
}

.wrapper-table tbody tr:first-child th:first-child {
  border-radius: 9px 0px 0px;
}

.wrapper-table tbody tr:last-child th:last-child {
  border-radius: 9px 0px 0px;
}

.wrapper-table tbody tr:first-child th:last-child {
  border-radius: 0px 9px 0px 0px;
  font-weight: 400;
}

.wrapper-table tbody tr:last-child th:first-child {
  border-radius: 0px 9px 0px 0px;
}

.wrapper-table tbody tr:last-child td:last-child {
  border-radius: 0px 0px 9px;
}

.wrapper-table tbody tr:last-child td:first-child {
  border-radius: 0px 0px 0px 9px;
}

.wrapper-table td:first-child {
  font-weight: bold;
}

.wrapper-table td:last-child {
  font-weight: 400;
}

.wrapper-table {
  margin-top: 20px;
}

.table--all-wrapper {
  width: 100%;
  margin-bottom: 5%;
}

.fixed--img .table--all-wrapper:last-child {
  margin-bottom: 0px;
}

.organisations_tabs {
  padding-top: 0px;
}

.organisations_tabs .title--parent-h2 h2 {
  color: rgb(15, 27, 92);
}

.organisations_tabs p {
  color: rgb(17, 17, 17);
  padding: 0px 10px;
}

.organisations_tabs .info-top-title {
  text-align: center;
}

.organisations_tabs {
  padding-top: 0px;
}

.organisations_tabs .title--parent-h2 h2 {
  color: rgb(15, 27, 92);
}

.organisations_tabs p {
  color: rgb(17, 17, 17);
  padding: 0px 10px;
}

.organisations_tabs .info-top-title {
  text-align: center;
}

.organisations_tabs .all-item--service {
  padding: 0px;
  border: 0px;
  margin-bottom: 0px;
}

.organisations_tabs .tabs--item {
  background-color: rgb(255, 255, 255);
  border: 0px;
}

.organisations_tabs .tabs--item .active span {
  background-color: rgb(15, 27, 92);
  color: rgb(255, 255, 255);
  width: 100%;
  display: block;
  border-radius: 10px;
}

.organisations_tabs .tabs--item button span {
  padding: 5px;
  background-color: rgb(255, 255, 255);
  color: rgb(15, 27, 92);
}

.organisations_tabs .tabs--item button {
  padding: 3px;
  border-radius: 10px;
  background-color: rgb(255, 255, 255);
  overflow: hidden;
  border: 2px solid rgb(15, 27, 92);
}

.scroll--item-organisations_tabs {
  display: flex;
  justify-content: space-between;
}

.scroll--item-organisations_tabs>div {
  width: 24%;
  padding: 10px;
}

.scroll--item-organisations_tabs>div:nth-child(1) {
  border: 1px solid rgb(15, 27, 92);
  border-radius: 10px;
}

.scroll--item-organisations_tabs>div:nth-child(2) {
  border: 1px solid rgb(112, 112, 112);
  border-radius: 10px;
}

.scroll--item-organisations_tabs>div:nth-child(3) {
  border: 1px solid rgb(177, 10, 10);
  border-radius: 10px;
}

.scroll--item-organisations_tabs>div:nth-child(4) {
  border: 1px solid rgb(51, 90, 183);
  border-radius: 10px;
}

.scroll--item-organisations_tabs>div:nth-child(1) .top--item-organisations_tabs {
  background-color: rgb(15, 27, 92);
}

.scroll--item-organisations_tabs>div .top--item-organisations_tabs h3 {
  color: rgb(255, 255, 255);
  font-weight: bold;
  font-size: 18px;
}

.scroll--item-organisations_tabs>div .top--item-organisations_tabs span {
  color: rgb(255, 255, 255);
  font-size: 16px;
}

.img--wrapper-organisations_tabs {
  display: flex;
  align-items: center;
  gap: 0px 10px;
  height: 84px;
}

.img--wrapper-organisations_tabs h4 {
  font-size: 14px;
  color: rgb(15, 27, 92);
  margin-bottom: 0px;
  width: 75%;
}

.wrapper-organisations_tabs {}

.date--wrapper-organisations_tabs h5 {
  font-size: 14px;
  color: rgb(17, 17, 17);
  font-family: "manrope regular";
}

.link--icon-wrapper-organisations_tabs {
  text-align: right;
}

.top--item-organisations_tabs {
  height: 106px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 40px;
  text-align: center;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.scroll--item-organisations_tabs>div:nth-child(2) .top--item-organisations_tabs {
  background-color: rgb(112, 112, 112);
}

.scroll--item-organisations_tabs>div:nth-child(3) .top--item-organisations_tabs {
  background-color: rgb(177, 10, 10);
}

.scroll--item-organisations_tabs>div:nth-child(4) .top--item-organisations_tabs {
  background-color: rgb(51, 90, 183);
}

.wrapper-organisations_tabs {
  background-color: rgb(255, 255, 255);
  padding: 10px;
  border-radius: 10px;
}

.img--wrapper-ht {
  height: 58px;
  width: 25%;
}

.img--wrapper-ht img {
  width: auto;
  height: 100%;
  object-fit: contain;
}

.date--wrapper-organisations_tabs {
  margin: 10px 0px;
}

.showing--scrool-elemnt {
  font-size: 18px;
  background-color: rgb(51, 90, 183);
  font-weight: bold;
  border: 1px solid rgb(51, 90, 183);
  color: rgb(255, 255, 255);
  width: 100%;
  margin: 15px auto auto;
  padding: 10px;
  border-radius: 10px;
}

.all-elemnt-or-tabs {
  display: flex;
  flex-direction: column;
  gap: 15px 0px;
}

.all-elemnt-or-tabs .wrapper-organisations_tabs {
  display: none;
}

.all-elemnt-or-tabs .wrapper-organisations_tabs:nth-child(-n+5) {
  display: block;
}

.element-syndicats {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
  justify-content: flex-start;
}

.element-syndicats>div {
  width: 32%;
  border-radius: 10px;
  padding: 30px;
}

.item--syndicats .img--wrapper-ht {
  height: 90px;
}

.item--syndicats .img--wrapper-organisations_tabs {
  flex-direction: column;
  justify-content: left;
  align-items: baseline;
  gap: 15px 0px;
}

.item--syndicats {
  background-color: rgb(255, 255, 255);
}

.item--syndicats .link--icon-wrapper-organisations_tabs>div {
  border: 1px solid rgb(51, 90, 183);
  background-color: transparent;
  width: 100%;
  color: rgb(51, 90, 183);
}

.item--syndicats .date--wrapper-organisations_tabs {
  padding: 10px 0px;
}

.item--syndicats .img--wrapper-ht img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.pdf-viewer-container {
  padding: 0px;
  border-radius: 10px;
}

.pdf-viewer {
  width: 100%;
  height: 658px;
  border: 1px solid rgb(204, 204, 204);
  border-radius: 10px;
}

.controls {
  display: flex;
  justify-content: center;
  margin-top: 10px;
  align-items: center;
}

.controls button {
  background-color: rgb(255, 255, 255);
  color: rgb(15, 27, 92);
  border: none;
  padding: 10px 15px;
  margin: 0px 5px;
  border-radius: 5px;
  cursor: pointer;
  font-weight: bold;
}

.controls button:hover {
  background-color: rgb(255, 255, 255);
}

.page-indicator {
  font-size: 16px;
  color: white;
  margin-left: 20px;
  font-weight: bold;
}

span.a-filter-attr {
  background-color: rgba(15, 27, 92, 0.1);
  border-radius: 10px;
  padding: 10px;
  margin-right: 15px;
  position: relative;
  top: 2px;
}

.a-filter-selection {
  margin-top: 20px;
}

span.a-filter-attr i {
  color: rgb(15, 27, 92);
}

.a-filter-selection a {
  border: 1px solid rgb(15, 27, 92);
  padding: 8px 10px;
  border-radius: 10px;
  font-size: 16px;
  background-color: transparent !important;
  color: rgb(15, 27, 96) !important;
}

span.a-filter-attr span {
  margin-right: 10px;
  font-size: 16px;
}

span.a-filter-attr i:hover {
  color: rgb(187, 10, 33);
}

.a-filter-selection a:hover {
  background-color: rgb(255, 255, 255) !important;
  color: rgb(15, 27, 92) !important;
}

.multilingue .dropdown:hover .dropdown-menu {
  display: block;
  visibility: visible;
  opacity: 1;
}

.multilingue .dropdown-menu {
  display: none;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s;
  z-index: 9999;
}

body .multilingue button:hover {
  background-color: rgb(51, 90, 183);
  color: rgb(255, 255, 255);
}

.multilingue .dropdown button {
  background-color: rgb(255, 255, 255);
}

body .multilingue button:hover i {
  color: rgb(255, 255, 255);
}

.multilingue .dropdown-menu li:hover a {
  background-color: rgb(51, 90, 183);
  color: rgb(255, 255, 255);
}

.multilingue .dropdown-menu li a:hover {
  color: rgb(255, 255, 255);
}

.multilingue .dropdown-menu {
  min-width: auto;
  width: 100%;
  border-radius: 17px;
  padding: 11px 0px;
}

.play--mp3-ht--dc>div {
  gap: 25px 0px;
}

.item--syndicats .link--icon-wrapper-organisations_tabs>div {
  gap: 0px 10px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.visitez_morocco .row {
  display: flex;
  justify-content: space-between;
  gap: 20px 0px;
}

.wrapper--visitez_morocco:last-child {
  background-color: rgb(56, 15, 92);
}

section.visitez_morocco {
  padding-top: 20px;
}

.sectors-large .owl-height .owl-item.active.center .item-sectors {
  left: auto;
  right: auto;
  width: 100% !important;
}

.timeline {
  position: relative;
  margin: 20px 0px;
}

.timeline::before {
  content: "";
  position: absolute;
  width: 2px;
  background-color: rgb(15, 27, 92);
  top: 0px;
  bottom: 0px;
  left: 50%;
  margin-left: -2px;
}

.timeline-item {
  position: relative;
  margin-bottom: 40px;
  width: 100%;
  display: flex;
  justify-content: center;
  text-align: center;
  padding: 10px 20px;
}

.timeline-item .timeline-content {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 10px;
  width: 60%;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 10px;
  background-color: white;
  padding: 20px;
  border-radius: 5px;
}

.timeline-item img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
}

.timeline-title {
  font-size: 18px;
  font-weight: bold;
}

.timeline-date {
  color: gray;
  font-size: 14px;
}

.load-more-btn {
  text-align: center;
  margin-top: 20px;
}

.hidden-items {
  display: none;
}

.timeline-item .timeline-content {
  box-shadow: inherit;
  background-color: transparent;
  gap: 0px;
  width: 100%;
  margin: auto;
  position: relative;
  padding: 0px;
}

.timeline-content img {
  height: 100%;
  width: auto;
  border-radius: 10px;
  object-fit: cover;
}

.timeline-item {
  padding: 0px;
}

.timeline-content-wrapper {
  position: absolute;
  align-items: normal;
  display: flex;
  flex-direction: column;
  justify-content: center;
  top: 0px;
  bottom: 0px;
  width: 40%;
  text-align: left;
}

.timeline .timeline-item:nth-child(2n+1) .timeline-content-wrapper {
  right: 0px;
}

#patrimoine_maps .card-body h5 {
  color: rgb(15, 27, 92);
}

.timeline .timeline-item:nth-child(2n) .timeline-content-wrapper {
  left: 0px;
  text-align: right;
}

.load-more-btn button {
  background-color: rgb(51, 90, 183);
  border: 0px;
  padding: 10px 30px;
  border-radius: 10px;
  font-size: 18px;
}

.timeline-content-wrapper h2 {
  font-size: 20px;
  color: rgb(15, 27, 92);
  font-weight: bold;
}

.timeline-content-wrapper h3 {
  color: rgb(15, 27, 92);
  font-size: 16px;
  font-weight: 400;
  font-family: "manrope regular";
}

section.wrapper--timeline {
  padding-top: 0px;
}

.banner--breadcrumbs ul {
  display: flex;
  justify-content: flex-start;
  list-style: none;
  margin: 30px 0px 0px;
  background-color: white;
  padding: 15px;
}

.banner--breadcrumbs ul li .is-active {
  font-weight: bold;
  color: rgb(15, 27, 92);
  font-family: "manrope bold";
}

.banner--breadcrumbs ul li {
  margin: 0px 10px;
}

.detail--message-royaux .btn {
  border: 1px solid rgb(51, 90, 183);
  background-color: transparent;
  color: rgb(51, 90, 183);
  display: flex;
  width: max-content;
  margin: auto;
  gap: 0px 10px;
  align-items: center;
}

.banner--breadcrumbs .is-active {
  color: rgb(51, 90, 183);
}

#actualites-internes .row>div .card {
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 10px;
}

#actualites-internes .col-md-item {
  height: 100%;
  width: 100%;
}

#actualites-internes .row>div .card a {
  width: 100%;
  height: 100%;
}

section#actualites-internes .owl-stage {
  display: flex;
}

#actualites-internes .row>div .card .card-body {
  justify-content: space-between;
}

#wrapper-actualites .card {
  height: 100%;
}

#wrapper-actualites .card .card-body {
  display: flex;
  flex-direction: column;
}

#wrapper-actualites .card .card-body .info--bottom-date-more {
  margin-top: auto;
}

#wrapper-actualites .card a {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.slider-element-maps .owl-height {
  padding: 0px 1px;
}

.filter-wp .filter-champs .js-form-item,
.filter-wp .filter-champs .js-form-submit {
  height: 54px;
  width: 100%;
}

header.header-transparent {
  padding: 0px 40px;
}

div#navbarNavDropdown {
  align-items: center;
}

.main-menu nav {
  padding: 0px 40px;
}

.path-frontpage .main-menu nav {
  padding: 0px 40px;
}

.main-menu button>i {
  font-size: 20px;
}

.menu-level-1 .menu-subs-col {
  padding: 0px;
  border-bottom: 3px solid rgb(15, 27, 92);
  border-radius: 0px;
}

.menu-level-1 .menu-subs-col ul li {
  padding: 0px 15px;
}

.container-fluid-2 {
  display: flex;
  width: 100%;
}

.search-btn {
  padding-right: 0px;
}

.main-menu .navbar-brand {
  width: 17%;
  margin-right: 0px;
}

.main-menu .container-fluid {
  padding: 0px;
}

.wrapper-slider .my-video-dimensions {
  width: 100%;
  height: 100%;
}

.elements---404 {
  gap: 20px 0px;
  display: flex;
  flex-direction: column;
}

.elements---404 img {
  width: max-content;
  margin: auto;
}

.card--search h2 {
  font-size: 20px;
  color: rgb(15, 27, 92);
}

.card--search p {
  margin-bottom: 0px;
}

.img--search {
  height: 272px;
}

.img--search img {
  overflow: hidden;
  height: 100%;
  width: 100%;
}

section.box--recherche .row-item-loop {
  align-items: center;
  height: 100%;
  border-radius: 10px;
  background: rgb(255, 255, 255);
  overflow: hidden;
}

section.box--recherche .row-item-loop .img--search {
  width: 30%;
  padding: 0px;
}

.row-item-loop {
  display: flex;
}

section.box--recherche .row-item-loop .card--search {
  width: 70%;
  display: flex;
  flex-direction: column;
  gap: 12px 0px;
  height: 100%;
  padding: 40px;
}

section.box--recherche .container {
  display: flex;
  flex-direction: column;
  gap: 30px 0px;
}

section.box--recherche .row-item-loop:not(:has(.img--search)) .card--search {
  width: 100%;
}

.dates--cle h3 {
  color: rgb(51, 90, 183);
  font-size: 20px;
}

.actualites .row:last-child .card a {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.actualites .row:last-child .card {
  height: 100%;
}

.actualites .row:last-child .card .card-body {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

/* .actualites .row>div:first-child .card .card-body {
  justify-content: space-evenly;
} */

.main-menu .nav-item a {
  font-size: 15px;
}

.main-menu ul {
  font-size: 16px;
}

div#navbarNavDropdown>ul {
  padding: 0px 15px;
  gap: 0px 10px !important;
}

.banner--breadcrumbs {
  padding-bottom: 0px;
}

.card--search .badge {
  background-color: rgb(51, 90, 183);
  color: rgb(255, 255, 255);
  border: 1px solid rgb(51, 90, 183);
  padding: 0.5rem 1.375rem;
  width: fit-content;
  font-size: 16px;
}

.card--search .badge:hover {
  background-color: transparent;
  color: rgb(15, 27, 92);
}

.news--actualites-fixed .column--img img {
  height: auto;
}

section.wrapper--chambre-representants .container .btn--chambre-representants:hover {
  background: rgb(15, 27, 92);
}

.services_numeriques h3 {
  font-weight: bold;
  color: rgb(15, 27, 92);
  font-size: 25px !important;
}

.services_numeriques h2 {
  font-weight: bold;
  color: rgb(15, 27, 92);
  font-size: 20px !important;
}

.filter-wp .filter-champs select::placeholder,
.filter-wp .filter-champs input::placeholder {
  color: rgba(15, 27, 92, 0.5);
}

.listig----list ul {
  padding-left: 25px;
  line-height: 30px;
  list-style: circle !important;
}

.listig----list ul,
.listig----list li {
  color: rgb(15, 27, 92);
  font-size: 18px;
  line-height: 40px;
  font-family: "manrope regular";
  list-style: circle !important;
}

.c-wysiwyg li {
  text-align: justify;
}

.time--scrolle img.selector {
  position: relative;
  transition: transform 0.2s ease-in-out;
}

.banner_destacados_wrapper .top_banner {
  margin-bottom: 50px;
}

.banner_destacados_wrapper .top_banner .content_title .title {
  text-align: center;
  color: white;
}

.banner_destacados_wrapper .gallery_wrapper .owl-stage-outer .owl-stage {
  display: flex;
  align-items: center;
}

.banner_destacados_wrapper .gallery_wrapper .owl-stage-outer .owl-stage .owl-item .item {
  position: relative;
}

.banner_destacados_wrapper .gallery_wrapper .owl-stage-outer .owl-stage .owl-item .item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.banner_destacados_wrapper .gallery_wrapper .owl-stage-outer .owl-stage .owl-item .item .content_wrapper {
  z-index: 1;
  position: absolute;
  height: auto;
  bottom: 30px;
  left: 0px;
  right: 0px;
  color: white;
  overflow: hidden;
  text-align: center;
  width: 100%;
  padding: 0px 30px;
}

body .banner_destacados_wrapper .gallery_wrapper .owl-stage-outer .owl-stage .owl-item.center .content_wrapper {
  bottom: 60px;
}

.banner_destacados_wrapper .gallery_wrapper .owl-stage-outer .owl-stage .owl-item .item .content_wrapper .content_title {
  margin-bottom: 0px;
}

.banner_destacados_wrapper .gallery_wrapper .owl-stage-outer .owl-stage .owl-item .item .content_wrapper .content_title .title {
  font-size: 22px;
  line-height: 25px;
  color: white;
  text-align: center;
}

.banner_destacados_wrapper .gallery_wrapper .owl-stage-outer .owl-stage .owl-item .item .content_wrapper .content_title .title small {
  font-size: 12px;
  line-height: 14px;
  color: white;
  font-weight: bold;
  display: none;
}

.banner_destacados_wrapper .gallery_wrapper .owl-stage-outer .owl-stage .owl-item .item .content_wrapper .desc {
  line-height: 24px;
  max-height: 0px;
  overflow: hidden;
  margin-bottom: 0px;
  transition: 0.7s;
  text-align: center;
}

.banner_destacados_wrapper .gallery_wrapper .owl-stage-outer .owl-stage .owl-item .item .links_wrapper {
  z-index: 1;
  display: inline-block;
  position: absolute;
  bottom: 30px;
  right: 30px;
  transform: translateX(calc(100% + 35px));
  transition: 0.5s;
}

.banner_destacados_wrapper .gallery_wrapper .owl-stage-outer .owl-stage .owl-item.active {
  transition: width 0.5s;
  width: 380px !important;
}

.banner_destacados_wrapper .gallery_wrapper .owl-stage-outer .owl-stage .owl-item.active.center {
  width: 600px !important;
}

.banner_destacados_wrapper .gallery_wrapper .owl-stage-outer .owl-stage .owl-item.active.center .item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.banner_destacados_wrapper .gallery_wrapper .owl-stage-outer .owl-stage .owl-item.active.center .item .content_wrapper .content_title .title {
  font-size: 38px;
  line-height: 40px;
}

.banner_destacados_wrapper .gallery_wrapper .owl-stage-outer .owl-stage .owl-item.active.center .item .content_wrapper .content_title .title small {
  display: block;
}

.banner_destacados_wrapper .gallery_wrapper .owl-stage-outer .owl-stage .owl-item.active.center .item .links_wrapper {
  transform: translateX(0px);
  transition-delay: 0.6s;
}

.banner_destacados_wrapper .gallery_wrapper .owl-stage-outer .owl-stage .owl-item.active.center .item::before {
  top: 300px;
  opacity: 1;
}

.banner_destacados_wrapper .gallery_wrapper .owl-stage-outer .owl-stage .owl-item.active.center:hover .item .content_wrapper .desc {
  max-height: 500px;
  overflow: hidden;
  margin-bottom: 0px;
}

.banner_destacados_wrapper .owl-item.center .item {
  transform: scale(1);
}

.gallery_wrapper .play-button img {
  width: 100%;
  height: 100%;
}

.banner_destacados_wrapper .gallery_wrapper .owl-stage-outer .owl-stage .owl-item .item .play-button {
  display: none;
}

body .banner_destacados_wrapper .gallery_wrapper .owl-stage-outer .owl-stage .owl-item.center .play-button {
  display: block;
}

.wrapper--slider--hp .play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 50px;
  color: white;
  cursor: pointer;
}

.wrapper--slider--hp .modal {
  display: none;
  position: fixed;
  z-index: 9999;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  justify-content: center;
  align-items: center;
}

.wrapper--slider--hp .modal-content {
  padding: 0px;
  width: 80%;
  max-width: 700px;
  background-color: transparent;
  box-shadow: none;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.wrapper--slider--hp .close {
  color: white;
  float: right;
  font-size: 28px;
  cursor: pointer;
  position: absolute;
  top: 10px;
  right: 15px;
}

.wrapper--slider--hp iframe {
  width: 100%;
  height: 100%;
  border: none;
}

.wrapper--slider--hp .play-button {
  height: 65px;
  width: 65px;
  z-index: 9;
}

.banner_destacados_wrapper .gallery_wrapper .owl-stage-outer .owl-stage .owl-item .item {
  height: 290px;
}

.banner_destacados_wrapper .gallery_wrapper .owl-stage-outer .owl-stage .owl-item.active.center .item {
  height: 400px !important;
}

.timeline-content-wrapper p {
  margin: 14px 0px;
  font-size: 18px;
  color: rgb(15, 27, 92);
}

.timeline-content-wrapper h3 {
  margin: 0px;
}

.wrapper_filter {
  z-index: 1;
  position: relative;
}

.services_numeriques #les--secteurs .card-body {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.services_numeriques #les--secteurs a {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.services_numeriques #les--secteurs {
  height: 100%;
}

div#les--secteurs .info--bottom-date-more {
  align-items: normal;
}

.pagination-wp-lists li.pager__item.pager__item--ellipsis {
  align-items: center;
  display: flex;
  justify-content: center;
  background-color: transparent;
  border: 0px;
  font-size: 30px;
  position: relative;
  top: -5px;
}

section.wrapper--historique-des-chefs .btn--sc {
  color: rgb(255, 255, 255);
  font-size: 18px;
}

.title--pdf h2 {
  font-size: 36px;
  text-align: center;
  line-height: 48px;
}

.wrapper--pdf .description p strong {
  font-size: 18px;
  color: rgb(17, 17, 17);
  line-height: 24px;
  padding-bottom: 30px;
  display: block;
}

.wrapper--pdf .description p {
  font-size: 18px;
}

.title--pdf {
  margin-bottom: 40px;
}

section.wrapper--pdf {
  border-bottom: 18px solid rgb(24, 74, 155);
}

section.detail--region .row>div:nth-child(2) {
  order: 3;
}

.organisations_tabs .img--wrapper-organisations_tabs {
  height: auto;
}

div.slider-element-maps .item h3 {
  font-family: "manrope bold";
  color: rgb(15, 27, 92);
  font-size: 18px;
  font-weight: bold;
}

.item-time-download a {
  border: 1px solid rgb(51, 90, 183);
  font-size: 18px;
  color: rgb(51, 90, 183);
  padding: 10px 25px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0px 10px;
  width: fit-content;
}

.years--number h4 {
  color: rgb(51, 90, 183);
  font-size: 18px;
}

.dates--cle h3 {
  color: rgb(15, 27, 92);
}

.dates--cle .item-time-download a:hover {
  background-color: rgb(51, 90, 183);
  color: rgb(255, 255, 255);
}

.dates--cle .item-wrapper {
  position: relative;
  border: 2px solid rgb(51, 90, 183);
}

.dates--cle .item-wrapper::before {
  content: "";
  position: absolute;
  top: 50%;
  right: -12px;
  transform: translateY(-50%);
  width: 0px;
  height: 0px;
  border-left: 12px solid rgb(51, 90, 183);
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  z-index: 9;
}

.dates--cle .item-wrapper::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -9px;
  transform: translateY(-50%);
  width: 0px;
  height: 0px;
  border-left: 10px solid rgb(255, 255, 255);
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  z-index: 9;
}

.dates--cle .timeline-container ul li::before {
  content: "";
  background-color: rgb(51, 90, 183);
}

.dates--cle .timeline-container ul li .item-icon {
  border: 1px solid rgb(51, 90, 183);
  background: rgb(228, 232, 245);
}

.dates--cle .timeline-container ul li:nth-child(2n+1) .item-text .item-wrapper::after {
  content: "";
  border-left: initial;
  border-right: 10px solid rgb(255, 255, 255);
  right: auto;
  left: -9px;
}

.dates--cle .timeline-container ul li:nth-child(2n+1) .item-text .item-wrapper::before {
  content: "";
  left: -12px;
  right: auto;
  border-right: 12px solid rgb(51, 90, 183);
  border-left: initial;
}

.sectors-large .owl-height .owl-item.active.center .col-md-item {
  max-width: 100%;
  margin: auto !important;
}

.sectors-large .owl-height .owl-item.active.center .col-md-item::before {
  content: "";
  position: absolute;
  top: 10px;
  left: -15px;
  width: 95%;
  height: 70%;
  background-color: rgb(240, 244, 252);
  border-radius: 15px;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 4px 10px;
  z-index: -1;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  bottom: 0px;
}

.sectors-large .owl-height .owl-item.active.center .col-md-item::after {
  content: "";
  position: absolute;
  top: 20px;
  right: -15px;
  width: 95%;
  height: 70%;
  background-color: rgb(240, 244, 252);
  border-radius: 15px;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 4px 10px;
  z-index: -2;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  bottom: 0px;
}

.sectors-large .owl-height .owl-item.active.center .col-md-item {
  max-width: 90%;
}

section.touristes--all-items p {
  color: rgb(15, 27, 92);
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 0px;
}

section.detail--region .row>div {
  min-height: 500px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

section.detail--region .row {
  align-items: normal;
  justify-content: space-between;
  gap: 0px;
}

.video--region {
  height: 500px;
}

.share--icon {
  line-height: 0;
  gap: 0px;
}

section.detail--region .row>div>div .share--icon ul {
  padding-top: 16px;
}

.share--icon ul {
  margin-top: 14px;
  margin-bottom: 30px;
}

.iframe--append {
  height: 500px;
}

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

.btn--chambre-representants {
  width: max-content;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.btn--chambre-representants a {
  font-size: 16px;
}

.wrapper-table tr {
  font-size: 18px;
  text-align: justify;
}

.main-menu.mobile-menu .navbar-brand {
  display: none;
}

.btn--audio>div {
  display: flex;
  align-items: center;
  justify-content: normal;
  gap: 0px 30px;
}

.main-menu.mobile-menu .navbar-brand {
  display: none;
}

header.header-transparent .is-sticky .navbar-brand {
  display: block;
}

.main-menu ul li .nav-link {
  cursor: default;
}

.main-menu ul li .nav-link[href]:not([href="#"]) {
  cursor: pointer;
}

table {
  font-family: "nunito regular";
}

section.wrapper--chambre-representants .container:last-child .btn--chambre-representants::after {
  background: rgb(255, 255, 255);
  content: "";
  height: 155px;
  left: -75px;
  opacity: 0.4;
  position: absolute;
  top: -50px;
  transform: rotate(35deg);
  transition: 0.55s cubic-bezier(0.19, 1, 0.22, 1);
  width: 50px;
}

section.wrapper--chambre-representants .container:last-child .btn--chambre-representants:hover::after {
  left: 120%;
  transition: 0.55s cubic-bezier(0.19, 1, 0.22, 1);
}

section.wrapper--chambre-representants .container:last-child .btn--chambre-representants {
  overflow: hidden;
  transition: 0.3s ease-in-out;
  position: relative;
}

.btn--audio .navbar-brand>img:first-child {
  display: none;
}

.main-menu.is-sticky a.navbar-brand img:nth-child(1) {
  display: none;
}

.main-menu.is-sticky a.navbar-brand img:nth-child(2) {
  display: block;
}

.path-frontpage .btn--audio .navbar-brand img:first-child {
  display: block;
}

.path-frontpage .btn--audio .navbar-brand img {
  display: none;
}

.path-frontpage .main-menu a.navbar-brand img:nth-child(2) {
  display: block;
}

.path-frontpage .main-menu a.navbar-brand img:nth-child(1) {
  display: none;
}

.info--paragraphs .text-content {
  overflow: hidden;
  max-height: 3em;
  display: block;
  position: relative;
  overflow-wrap: break-word;
}

.info--paragraphs.expanded .text-content {
  max-height: none;
}

.info--paragraphs.expanded .text-content {
  -webkit-line-clamp: unset;
  white-space: normal;
}

.info--paragraphs .toggle-button {
  text-decoration: underline;
  color: rgb(51, 90, 183);
}

.informations_pratiques .tabs--item button a {
  color: rgb(255, 255, 255);
  height: 100%;
  display: flex;
  padding: 10px 0px;
  justify-content: center;
  align-items: center;
}

.informations_pratiques .all-item--service {
  margin-bottom: 0px;
  padding-bottom: 0px;
}

.informations_pratiques .tabs--item button {
  padding: 0px;
}

body:not(.path-frontpage) {
  background-color: rgb(255, 255, 255);
}

body:not(.path-frontpage) main {
  background-color: rgb(255, 255, 255);
}

body:not(.path-frontpage) .bg-blue-normal {
  background-color: rgb(255, 255, 255);
}

div#discover-morocco {
  padding-top: 40px;
}

div#discover-morocco .sc-item a {
  box-shadow: rgba(0, 0, 0, 0.12) 0px 5px 12px;
  display: block;
}
div#discover-morocco .sc-item a:hover img {
  transform: scale(1.1);
}

section#odd-even-card-maroc .sc-item .body--card-maroc,
.all-elemnt-or-tabs .wrapper-organisations_tabs {
  overflow: hidden;
  box-shadow: rgba(0, 0, 0, 0.12) 0px 5px 12px;
}

div#discover-morocco .body--card-maroc {
  /* height: 235px; */
  padding-top: 10px;
  padding-bottom: 10px;
}

#odd-even-card-maroc .btn--chambre-representants {
  margin-bottom: 0px;
}

section#actualites-internes div#growth-sectors .card-body h2 {
  font-size: 25px;
  padding-bottom: 10px;
  color: rgb(15, 27, 92) !important;
}

section#actualites-internes div#growth-sectors .card-body {
  height: auto;
}

section#actualites-internes div#growth-sectors .card-body {
  height: auto;
}

section#actualites-internes div#growth-sectors .card-body h2 {
  font-size: 25px;
  padding-bottom: 10px;
  color: rgb(15, 27, 92) !important;
}

section#renault .news--img img {
  height: 100%;
  width: auto !important;
}

section#renault .owl-carousel .owl-stage-outer {
  height: auto !important;
}

.slider__verticale .owl-carousel {
  max-width: 100%;
}

.slider__verticale .owl-carousel .owl-nav {
  padding-top: 0.4em;
  font-family: sans-serif;
  font-size: 0.8em;
}

.slider__verticale .owl-carousel .owl-nav>div {
  padding: 0.4em 1.4em;
  border: 1px solid rgb(51, 51, 51);
  background: linear-gradient(rgba(255, 255, 255, 0.3), rgba(0, 0, 0, 0.2)) rgb(0, 0, 0);
  color: white;
  border-radius: 0.4em;
  box-shadow: rgba(0, 0, 0, 0.5) 0.1em 0.1em 0.4em;
}

.slider__verticale .owl-carousel .owl-nav>div:hover {
  background-color: rgb(51, 51, 51);
}

.slider__verticale .owl-carousel .owl-nav .owl-prev {
  float: left;
}

.slider__verticale .owl-carousel .owl-nav .owl-next {
  float: right;
}

.slider__verticale .sc-item a>div {
  width: 50% !important;
}

.slider__verticale #actualites-internes .sc-item a .body--card-maroc {
  position: relative;
  right: 2px !important;
  height: auto !important;
}

.slider__vertical .sc-item>a {
  align-items: flex-start;
}

.slider__verticale .owl-carousel .owl-nav {
  flex-direction: column;
  position: absolute;
  bottom: 5px;
  display: flex;
  width: 100%;
  justify-content: right;
  text-align: right;
  align-items: flex-start;
  gap: 5px 0px;
}

.slider__verticale .owl-carousel {
  position: relative;
}

.slider__verticale .owl-carousel .owl-nav i {
  font-size: 21px;
  transform: rotate(90deg);
  background: rgb(51, 90, 183);
  width: 35px;
  border-radius: 10px;
  color: rgb(255, 255, 255);
  height: 35px;
  align-items: center;
  justify-content: center;
  display: flex;
}

#nav---owl {
  display: none !important;
}

.slider__verticale .sc-item a {
  align-items: center !important;
  flex-direction: row-reverse;
}

.slider__verticale {
  background-color: rgb(15, 27, 92);
}

.slider__verticale #actualites-internes .sc-item a .body--card-maroc,
.slider__verticale #actualites-internes .sc-item a .body--card-maroc p {
  text-align: left;
}

.slider__verticale {
  padding-top: 40px !important;
}

.slider__verticale .col-lg-12 h2 {
  color: rgb(255, 255, 255);
}

.slider__verticale {
  padding-top: 40px !important;
}

.slider__verticale .col-lg-12 h2 {
  color: rgb(255, 255, 255);
}

.informations_pratiques {
  background-color: rgb(255, 255, 255) !important;
  background-image: initial !important;
}

.informations_pratiques::before {
  background-color: rgb(255, 255, 255);
}

.informations_pratiques .tabs--item button a {
  color: rgb(15, 27, 92);
}

.informations_pratiques .tabs--item {
  border: 2px solid rgb(15, 27, 92);
}

.informations_pratiques .tabs--item .active a {
  color: rgb(255, 255, 255);
}

.informations_pratiques h2 {
  color: rgb(15, 27, 92) !important;
}

.is-sticky .menu-level-1 {
  width: max-content;
}

.menu-level-1 .menu-subs-col ul .sub-menu-item-title a {
  font-size: 13px !important;
}

.timeline .timeline-item:nth-child(2n) .timeline-content-wrapper p {
  text-align: right;
}

.timeline .timeline-item:nth-child(2n+1) .timeline-content-wrapper p {
  text-align: center;
}

.main-menu ul>li.nav-item:nth-child(2) .menu-level-1 {
  width: max-content;
}

.row.slider-element-maps .owl-stage>div #les--secteurs {
  border-bottom: 1px solid rgb(15, 27, 92) !important;
  border-radius: 10px !important;
}

.icon--chambre-representants {
  height: 88px;
  margin: auto;
}

.icon--chambre-representants img {
  width: auto;
  margin: auto;
  text-align: center;
}

.wrapper--chambre-representants h2 {
  text-align: center;
}

.main-menu.mobile-menu .navbar-brand img {
  height: 69px;
  width: 211px;
}

.btn--audio .navbar-brand img {
  height: 69px;
  width: 211px;
}

.wrapper--login {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: auto;
  background-color: rgb(255, 255, 255);
  padding: 40px 15px;
}

.wrapper--login .container {
  max-width: 400px;
  width: 100%;
}

.wrapper--login .user-login-form {
  background-color: rgb(255, 255, 255);
  padding: 30px;
  border-radius: 10px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 8px;
  text-align: center;
}

.wrapper--login input[type="submit"] {
  background-color: rgb(15, 27, 92);
  color: rgb(255, 255, 255);
  border-radius: 10px;
  padding: 10px 20px;
  border: none;
  cursor: pointer;
  width: 100%;
  font-weight: bold;
  transition: 0.3s ease-in-out;
  position: relative;
  overflow: hidden !important;
}

.wrapper--login input[type="text"],
.wrapper--login input[type="password"] {
  padding: 12px;
  border: 1px solid rgb(204, 204, 204);
  border-radius: 10px;
  margin-bottom: 15px;
  width: 100%;
  box-sizing: border-box;
}

.wrapper--login .form-item label {
  display: block;
  text-align: left;
  margin-bottom: 5px;
  color: rgb(51, 51, 51);
  font-weight: bold;
}

.wrapper--login input[type="submit"]::after {
  background: rgb(255, 255, 255);
  content: "";
  height: 155px;
  left: -75px;
  opacity: 0.4;
  position: absolute;
  top: -50px;
  transform: rotate(35deg);
  transition: 0.55s cubic-bezier(0.19, 1, 0.22, 1);
  width: 50px;
}

.wrapper--login input[type="submit"]:hover::after {
  left: 120%;
  transition: 0.55s cubic-bezier(0.19, 1, 0.22, 1);
}

form#views-exposed-form-message-royaux-page-2 {
  margin: auto;
  justify-content: center;
}

.timeline-container ul li:nth-child(2n+1) .item-text {
  flex-direction: row;
}

.timeline-container ul li:nth-child(2n) .item-text {
  flex-direction: row-reverse;
}

.timeline-container ul li:nth-child(2n+1) .item-text .item-time {
  justify-content: left;
}

.timeline-container ul li:nth-child(2n) .item-text .item-time {
  justify-content: right;
}

section.wrapper--all-items a:first-child::after {
  content: "";
  display: none;
}

.element-syndicats>div {
  box-shadow: rgba(0, 0, 0, 0.12) 0px 5px 12px;
}

.img--wrapper-organisations_tabs h4 {
  height: 35px;
  align-items: center;
  display: flex;
}

.historique-des-chefs {
  box-shadow: rgba(33, 33, 33, 0.2) 0px 0px 11px;
}

section.wrapper--all-items h6 {
  color: rgb(15, 27, 92);
  font-size: 15px;
}

.dates--cle ul li:nth-child(2n+1) .item-text {
  flex-direction: row-reverse;
}

.dates--cle ul li:nth-child(2n) .item-text {
  flex-direction: row;
}

.Culture-wrapper .info--visitez_morocco a {
  align-items: center;
  padding-top: 20px;
}

.Culture-wrapper .wrapper--visitez_morocco:last-child .item--visitez_morocco {
  border-radius: 10px;
  overflow: hidden;
}

.Culture-wrapper .wrapper--visitez_morocco:last-child .item--visitez_morocco img {
  border-radius: 10px;
  overflow: hidden;
}

.info--paragraphs ul,
.info--paragraphs li {
  color: rgb(15, 27, 92);
  font-size: 18px;
  line-height: 40px;
  font-family: "manrope regular";
  list-style: circle !important;
}

.info--paragraphs ul {
  padding-left: 25px;
}

.info--paragraphs li {
  text-align: justify;
}

.Culture-wrapper .row>div:last-child {
  background-color: rgb(196, 162, 90);
}

.Culture-wrapper .row>div:first-child {
  background-color: transparent;
}

.Culture-wrapper .row>div {
  padding: 0px;
  position: relative;
}

.Culture-wrapper .row>div img {
  width: auto;
  height: 100%;
}

.Culture-wrapper .row>div .info--visitez_morocco {
  position: absolute;
  inset: 0px;
  margin: auto;
  display: flex;
  justify-content: center;
}

.Culture-wrapper .row>div .info--visitez_morocco h2 {
  text-transform: uppercase;
  font-family: "montserrat Bold";
  max-width: 200px;
  text-align: center;
}

.Culture-wrapper .row>div .info--visitez_morocco a {
  width: 100%;
  height: 100%;
  margin: auto;
  text-align: center;
  justify-content: center;
}

.Culture-wrapper .row>div:first-child::after {
  content: "";
  background-color: rgba(51, 90, 183, 0.75);
  height: 100%;
  width: 100%;
  display: flex;
  inset: 0px;
  position: absolute;
  overflow: hidden;
}

.Culture-wrapper .row>div {
  overflow: hidden;
  border-radius: 10px;
  height: 295px;
}

.Culture-wrapper .row>div .info--visitez_morocco a {
  z-index: 2;
}

.services_numeriques .info--bottom-date-more .btn--chambre-representants {
  color: rgb(15, 27, 92) !important;
  border: 1px solid rgb(15, 27, 92) !important;
}

section#actualites-internes div#growth-sectors .card-body {
  justify-content: initial;
}

section#actualites-internes div#growth-sectors .card-body p {
  height: auto;
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
}

section#actualites-internes div#growth-sectors .card-body h2 {
  padding-bottom: 0px;
}

.wrapper-table tr {
  padding: 0px;
  margin: 0px;
  border-width: 0px 0px 1px;
  border-top-style: initial;
  border-right-style: initial;
  border-left-style: initial;
  border-top-color: initial;
  border-right-color: initial;
  border-left-color: initial;
  border-image: initial;
  border-bottom-style: solid;
  border-bottom-color: rgb(15, 27, 92);
}

.wrapper-table tr:last-child {
  border-bottom: 0px solid rgb(15, 27, 92);
}

.wrapper-table tbody,
.wrapper-table table {
  width: 100%;
}

.wrapper-table td:first-child {
  border-right: 1px solid rgb(15, 27, 92);
}

.main-menu ul li .nav-link {
  position: relative;
}

.list-social-sticky li {
  border: 1px solid rgb(255, 255, 255);
}

.sc-copyright p {
  font-size: 14px;
}

.wrapper-scroll {
  height: 230px;
}

.wrapper--list {
  display: flex;
  align-items: center;
}

.chambre-representants--img img {
  width: 300px;
  margin: auto;
  text-align: center;
}

.chambre-representants--img {
  margin: auto;
}

.name--chambre-representants {
  text-align: center;
}

.subname--chambre-representants {
  text-align: center;
}

.btn--chambre-representants a.internal-link::after {
  display: none;
}

.wrapper--all-items .sc-item span {
  color: rgb(15, 27, 92);
  font-size: 15px;
  font-weight: bold;
  font-family: "manrope bold";
}

.wrapper--timeline .timeline .timeline-item:nth-child(2n+1) .timeline-content-wrapper p {
  text-align: left;
}

.timeline .timeline-item:nth-child(2n+1) .timeline-content-wrapper {
  text-align: left;
}

.Culture-wrapper .wrapper--visitez_morocco:first-child:hover .item--visitez_morocco img {
  transform: scale(1.1);
  max-width: 100%;
}

.Culture-wrapper .item--visitez_morocco {
  overflow: hidden;
}

.Culture-wrapper .item--visitez_morocco img {
  width: 100%;
  height: auto;
  object-fit: cover;
  transition: 0.6s ease-in-out;
}

.row-item-loop {
  box-shadow: rgba(0, 0, 0, 0.12) 0px 5px 12px;
}

#tabs--tourisme .tabs--item button:hover a {
  background-color: rgb(15, 27, 92);
  color: rgb(255, 255, 255);
  border-radius: 10px;
}

.actualites-c-wysiwyg h1 {
  text-align: left;
  color: rgb(15, 27, 92);
}

.actualites-c-wysiwyg .wrapper--title {
  justify-content: left;
  align-items: self-start;
}

.lire-plus-sticky h3 {
  color: rgb(28, 46, 85);
  font-size: 32px;
  margin-bottom: 30px;
}

.lire-plus-sticky {
  background-color: rgb(228, 232, 245);
  padding: 40px;
  border-radius: 10px;
  overflow: hidden;
}

.wrapper-lire-plus-sticky a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0px 15px;
}

.wrapper-lire-plus-sticky a img {
  border-radius: 10px;
  height: 76px;
}

.wrapper-lire-plus-sticky h2 {
  font-size: 16px;
  color: rgb(17, 17, 17);
}

.wrapper-lire-plus-sticky {
  display: flex;
  flex-direction: column;
  gap: 20px 0px;
}

span.tags--categorie {
  background-color: rgba(15, 27, 92, 0.1);
  color: rgb(15, 27, 92);
  padding: 5px 9px;
  border-radius: 10px;
  font-size: 16px;
}

.wrapper----share {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.wrapper----share .info--bottom-date-more {
  justify-content: left;
  max-width: 100%;
}

.actualites-c-wysiwyg .wrapper--title {
  gap: 15px 0px;
}

.wrapper----share span {
  color: rgb(15, 27, 92);
}

section.actualites-c-wysiwyg {
  padding-top: 40px;
}

.actualites-c-wysiwyg .title--page {
  padding-top: 0px;
}

.actualites-c-wysiwyg .wrapper--title img {
  width: 100%;
}

.wrapper----share ul {
  justify-content: right;
}

.actualites-c-wysiwyg .col-lg-4 {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: sticky;
  top: 85px;
}

.deux--details-acc .container {
  display: flex;
  justify-content: space-between;
}

.deux-column--actualites {
  background-color: rgb(228, 232, 245);
  padding: 25px 15px;
  border-radius: 10px;
}

.info--paragraphs span.text-content li {
  color: rgb(17, 17, 17) !important;
}

.wrapper--lire-plus-title-date {
  width: 60%;
}

.wrapper-lire-plus-sticky a img {
  width: 40%;
  object-fit: cover;
}

.wrapper-lire-plus-sticky h2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.slider__verticale .sc-item-img img {
  height: 100%;
}

.investisseurs--card img {
  height: 100%;
}

.bg--representants {
  background-color: rgb(228, 232, 245);
  padding: 20px;
  margin: 0;
}

.btn---parlement {
  margin: 30px 0;
}

.btn--chambre-representants a {
  font-size: 16px;
}

body .investisseurs--card {
  padding-top: 40px;
}

.deux-column--actualites .wrapper-img img {
  object-fit: cover;
}

.wrapper--info--strategie-politiques .info-box {
  border-radius: 10px;
  padding: 0px;
  transition: transform 0.3s, box-shadow 0.3s;
  overflow: hidden;
  background-color: rgba(142, 160, 223, 0.17);
}

.wrapper--info--strategie-politiques .info-box:hover {
  transform: scale(1.02);
  box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 15px;
}

.wrapper--info--strategie-politiques h2 {
  color: rgb(15, 27, 92);
  font-size: 20px;
  padding: 10px 30px;
  text-align: left;
}

.wrapper--info--strategie-politiques .box-content {
  max-height: 293px;
}

.wrapper--info--strategie-politiques .box-content img {
  height: auto;
  width: auto;
  object-fit: cover;
}

button#vfrc-launcher img {
  border: 2px solid rgb(255, 255, 255);
  height: 40px;
  width: 40px;
  object-fit: none;
  border-radius: 30px;
}

.Culture-wrapper .row>div {
  width: 100%;
  height: 200px;
}

.Culture-wrapper .row>div:first-child::after {
  opacity: 0;
}

button#vfrc-launcher img {
  border: 0px;
  width: auto;
  height: auto;
  object-fit: initial;
}

button#vfrc-launcher {
  display: none;
}

.wrapper--chambre-representants h2 {
  font-size: 25px;
}

section#actualites-internes div#growth-sectors .card-body {
  justify-content: space-between;
}

li.breadcrumb-item {
  font-family: "manrope regular";
  color: rgb(15, 27, 92);
}

div#chatbot-setting {
  justify-content: center;
  left: 22px;
  right: auto;
  top: initial;
  height: 60px;
  bottom: 110px;
}

div#chatbot-setting button img {
  width: 32px;
  height: 60px;
  object-fit: contain;
}

#toggleAccessPanel {
  width: 60px;
  height: 60px;
  background-color: rgb(15, 27, 92);
}

.wrapper--team-investisseurs {
  display: flex;
  align-items: center;
  gap: 0px 20px;
}

.wrapper--team-investisseurs h3 {
  margin-bottom: 0px;
}

/* #owl--slider-v2 .row>div:first-child .card a {
  height: auto;
} */

.detail-item>button:hover {
  background-color: rgb(51, 90, 183);
  color: rgb(255, 255, 255);
}

.service--appende:hover {
  background-color: rgb(255, 255, 255);
}

.service--appende:hover a {
  color: rgb(51, 90, 183);
}

div#les--secteurs .info--bottom-date-more .btn--chambre-representants {
  background-color: rgb(15, 27, 92);
  color: rgb(255, 255, 255) !important;
}

div#les--secteurs .info--bottom-date-more .btn--chambre-representants:hover {
  background-color: rgb(255, 255, 255);
  color: rgb(15, 27, 92) !important;
}

.emblemes .all-item--service .tabs--item {
  margin: auto;
}

.info--bottom-date-more span {
  font-size: 13px;
}

.emblemes .btn--main {
  background-color: rgb(51, 90, 183);
  display: flex;
  width: max-content;
  margin: auto;
  gap: 0px 13px;
  align-items: center;
  color: rgb(255, 255, 255);
}

.btn--all.btn--service-element a:hover {
  background-color: rgb(255, 255, 255);
  color: rgb(15, 27, 92) !important;
}

.slider__verticale #actualites-internes .sc-item a .body--card-maroc p {
  direction: initial;
}

.Culture-wrapper .row>div:first-child::after {
  display: none;
}

.img---logo_culturema {
  height: 87px;
}

.Culture-wrapper .row>div .info--visitez_morocco {
  align-items: center;
}

.wrapper-scroll a {
  height: 100%;
}

.wrapper--info--strategie-politiques h2 {
  display: flex;
  align-items: center;
}

.bg--text-timeline+.timeline-content-wrapper h2,
.bg--text-timeline+.timeline-content-wrapper p,
.bg--text-timeline+.timeline-content-wrapper h3 {
  color: rgb(76, 141, 37);
}

.listig----list p {
  color: rgb(15, 27, 92);
  line-height: 35px;
  text-align: justify;
}

.listig----list h2 {
  color: rgb(15, 27, 92);
}

.wrapper--info--strategie-politiques .info-box a {
  color: rgb(15, 27, 91);
}

.wrapper--all-items .sc-item-img:hover img {
  transform: initial;
}

.detail-item .btn {
  font-size: 17px;
  color: rgb(51, 90, 183);
  border: 0px;
  background-color: rgb(255, 255, 255);
  font-weight: bold;
  text-align: left;
  padding: 20px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 5px 0px;
}

.detail-item .btn::after {
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-rendering: auto;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "";
}

.detail-item .btn:hover {
  background-color: rgb(51, 90, 183);
  color: rgb(255, 255, 255);
}

#nav---owl {
  flex-direction: column;
  position: absolute;
  bottom: 0px;
  display: flex;
  width: 100%;
  justify-content: right;
  text-align: right;
  align-items: end;
  gap: 5px 0px;
  z-index: 1;
  right: 17px;
}

#nav---owl button {
  outline: none;
  box-shadow: initial;
  background-color: transparent;
  border: 0px;
}

div#nav---owl i {
  font-size: 21px;
  transform: rotate(90deg);
  background: rgb(51, 90, 183);
  width: 35px;
  border-radius: 10px;
  color: rgb(255, 255, 255);
  height: 35px;
  align-items: center;
  justify-content: center;
  display: flex;
}

.slider__verticale div#actualites-internes {
  position: relative;
}

.carte-items .accordion-header {
  pointer-events: none;
}

.wrapper--chambre-representants .btn--chambre-representants a {
  font-size: 13px;
  padding: 0px 15px;
}

.wrapper--chambre-representants .btn--chambre-representants {
  padding: 15px 10px 15px 5px;
}

.wrapper--chambre-representants .btn--chambre-representants a::after {
  right: -2px;
}

section.wrapper--book-open ._df_book>.df-ui-next,
section.wrapper--book-open ._df_book>.df-ui-prev {
  height: 60px;
  background-color: transparent;
  opacity: 1;
  align-items: center;
  justify-content: center;
  width: 60px !important;
  display: flex !important;
}

section.wrapper--book-open ._df_book>.df-ui-next::before,
section.wrapper--book-open ._df_book>.df-ui-prev::before {

  color: rgb(15, 27, 92)
}
/* 
.slider-main::after {
  background-color: initial;
} */

#useful-information button:first-child {
  background-color: rgb(15, 27, 92);
}

#useful-information button:first-child a {
  color: rgb(255, 255, 255);
}

.element-syndicats>div {
  padding: 15px;
}

div#center-footer {
  margin-bottom: 1%;
}

div#top-footer {
  /* margin-bottom: 1%; */
  margin-bottom: 0;
}

.img----slider iframe {
  width: 100%;
  height: 100%;
  border-radius: 10px;
}

.top--wrapper-item-sc {
  position: relative;
  display: contents;
}

.iframe---video {
  display: none;
}

.iframe---video.active {
  display: block;
}

.iframe---video {
  position: relative;
  height: 100%;
  z-index: 999;
}

.iframe---video iframe {
  display: block !important;
}

.information--detail {
  width: 100%;
}

.wrapper--shwoing-service a {
  justify-content: space-between;
  width: 100%;
}

.element---shwoing-service>div:last-child {
  width: 100%;
}

.maps .img----slider .video-thumbnail {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 273px;
}

.maps .video-thumbnail .play-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  border-radius: 50%;
}

.maps .video-thumbnail .play-icon img {
  width: 30px;
  height: 30px;
}

.maps .video-iframe {
  display: none;
  width: 100%;
  height: 100%;
}

.filter_date.filter-wp form {
  justify-content: center;
}

.img--mohammed_vi img {
  border-radius: 10px;
  width: 100%;
  height: 100%;
}

.fixed--img.play--mp3 video#VisaChipCardVideo {
  width: 100%;
}

.info--visitez_morocco a {
  align-items: center;
}

.download-btn--img .audio-player {
  display: none;
}

.banner_destacados_wrapper .owl-item.center .item iframe {
  transform: scale(1);
}

.c-wysiwyg .link--btn a,
section.wrapper--book-open .link--btn a {
  color: rgb(255, 255, 255);
  background-color: rgb(51, 90, 183);
  border: 1px solid rgb(51, 90, 183);
}

section.wrapper--decouvrir-egalement .column--info {
  border-top: 1px solid rgb(15, 27, 92);
}

.wrapper--info--strategie-politiques .info-box {
  box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 15px;
  height: 100%;
}

.item--visitez_morocco {
  padding: 30px;
}

section.visitez_morocco .wrapper--visitez_morocco {
  justify-content: center;
  align-items: center;
  padding: 0px;
}

section.visitez_morocco .wrapper--visitez_morocco a {
  height: 100%;
  width: 100%;
  margin: auto;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 30px;
}

.showing--menu-mobile .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M5 5l20 20M25 5L5 25'/%3e%3c/svg%3e");
}

.time--scrolle-img {
  background-image: url("../images/etoile_maroc.png");
  background-position: 50.25% 270px;
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 1;
  mix-blend-mode: luminosity;
  height: 100%;
  width: 100%;
  top: 0px;
  left: 0px;
  position: absolute;
  background-attachment: fixed;
}

.banner_destacados_wrapper .gallery_wrapper .owl-stage-outer .owl-stage .owl-item.active {
  pointer-events: none;
}

.banner_destacados_wrapper .gallery_wrapper .owl-stage-outer .owl-stage .owl-item.active.center {
  pointer-events: auto;
}

.banner_destacados_wrapper .owl-item.center .item iframe {
  transform: scale(1);
}

.banner_destacados_wrapper .gallery_wrapper .owl-stage-outer .owl-stage .owl-item.active {
  margin: 0px !important;
}

.item--info-mohammed_vi p:empty {
  display: none;
}

.main-menu nav .container-fluid .navbar-toggler {
  box-shadow: initial;
}

.dates--cle .timeline-container ul li:nth-child(2n+1) .item-text .item-time {
  justify-content: right;
}

.dates--cle .timeline-container ul li:nth-child(2n) .item-text .item-time {
  justify-content: left;
}

div#carteContainer path {
  stroke: none;
}

div#carteContainer-2 path {
  stroke: none;
}

div#carteContainer-2 path:hover {
  stroke: none;
}

.box--video-patrimoine.services_numeriques #les--secteurs {
  padding: 0px;
}

.box--video-patrimoine.services_numeriques #les--secteurs h2 {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0px;
}

.box--video-patrimoine.services_numeriques #les--secteurs .card-body {
  padding: 20px;
  justify-content: center;
}

.box--video-patrimoine.services_numeriques #les--secteurs .card-body .info--bottom-date-more {
  display: none;
}

section.visitez_morocco.Culture-wrapper .wrapper--visitez_morocco a {
  padding: 0px;
}

.Culture-wrapper .wrapper--visitez_morocco:last-child .item--visitez_morocco {
  width: 100%;
  max-width: 100%;
  padding: 0px;
}

section.visitez_morocco.Culture-wrapper .wrapper--visitez_morocco a>div {
  width: 100%;
}

section.visitez_morocco.Culture-wrapper {
  padding: 0px;
}

.carte--img img {
  object-fit: cover;
}

section#wrapper--social-media-four-column h2 {
  color: #f6b009;
}

section#wrapper--social-media-four-column .item--visitez_morocco {
  height: 345px;
}

section#wrapper--social-media-four-column .info--visitez_morocco a:hover {
  background-color: transparent;
}

section#wrapper--social-media-four-column ul.social-icon {
  display: flex;
  width: 80%;
  justify-content: space-between;
}

section#wrapper--social-media-four-column ul li {
  width: 32%;
  height: 80px;
  border-radius: 10px;
}

section#wrapper--social-media-four-column ul li a {
  color: rgb(255, 255, 255);
  border-radius: 10px;
  border: 1px solid rgb(255, 255, 255);
}

section#wrapper--social-media-four-column ul li a i {
  color: rgb(255, 255, 255);
}

section#wrapper--social-media-four-column .item--visitez_morocco img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

section#wrapper--social-media-four-column .wrapper--visitez_morocco {
  height: auto;
  width: 100%;
  margin: auto;
}

section#wrapper--social-media-four-column .wrapper--visitez_morocco:first-child:hover .item--visitez_morocco img {
  transform: initial;
}

section#wrapper--social-media-four-column ul li a {
  transition: filter 0.3s;
  backdrop-filter: blur(10px);
}

section#wrapper--social-media-four-column .social-icon li:hover {
  filter: blur(0px);
  background-color: rgb(187, 10, 33);
}

.emblemes .element--detail .element-sc div#book_pdf {
  width: 100dvw;
  min-width: 100dvw !important;
}

.click--modal-box {
  display: flex;
  justify-content: space-between;
  border-radius: 10px;
  width: 50%;
}

.item---modal-box-sc>div {
  height: 165px;
  border-radius: 10px;
  background-color: rgb(247, 249, 255);
  border: 1px solid rgb(51, 90, 183);
}

.item---modal-box-sc>div img {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  object-fit: cover;
}

.item---modal-box-sc {
  width: 31%;
  border-radius: 10px;
}

.item---modal-box-sc .item-time-download a {
  width: auto;
  height: 165px;
  border-radius: 10px;
}

.my--modal-detes .modal {
  display: none;
  position: fixed;
  z-index: 9999;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.8);
}

.my--modal-detes .modal-content {
  position: relative;
  margin: 10% auto;
  padding: 20px;
  width: 80%;
  background-color: white;
  border-radius: 10px;
}

.my--modal-detes .owl-carousel .item img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0px auto;
}

.my--modal-detes .close {
  position: absolute;
  top: 10px;
  right: 20px;
  color: rgb(170, 170, 170);
  font-size: 30px;
  font-weight: bold;
  cursor: pointer;
}

.my--modal-detes .close:hover {
  color: black;
}

.click--modal-box>div {
  width: 30%;
  overflow: hidden;
  height: 165px;
}

.click--modal-box>div img {
  width: 40%;
  height: 40%;
  object-fit: cover;
}

.my--modal-detes .modal-content {
  background-color: transparent;
  height: 500px;
}

.my--modal-detes .modal-content iframe {
  height: 100%;
}

.my--modal-detes .close {
  color: rgb(255, 255, 255);
  font-size: 30px;
  top: -15px;
}

.my--modal-detes .modal-content {
  background-color: transparent;
  height: 100%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: center;
}

.my--modal-detes .modal-content iframe,
.my--modal-detes .modal-content .item {
  height: 500px;
  width: 70%;
  overflow: hidden;
  margin: auto;
}

.my--modal-detes .close {
  color: #fff;
  font-size: 30px;
  top: 0;
}

.my--modal-detes .modal-content img {
  height: 100% !important;
  width: 100%;
}

.my--modal-detes .owl-carousel .item img {
  object-fit: cover;
}

.my--modal-detes .owl-carousel .item img {
  width: 100%;
  height: 100% !important;
}

.my--modal-detes .modal-content .owl-nav {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 99;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 0 40px;
}

.my--modal-detes .modal-content .owl-nav button span {
  color: #fff;
  font-size: 40px;
}

.click--modal-box>div {
  position: relative;
  cursor: pointer;
  height: 36px;
  width: 80px;
  border-radius: 10px;
  background-color: rgb(229 233 251);
  /*border: 1px solid rgb(51, 90, 183);*/
  margin-left: 5px;
}

.icon--after--ply {
  position: absolute !important;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100% !important;
}

.icon--after--ply img {
  object-fit: scale-down !important;
}

section#wrapper--social-media-four-column ul li a i {
  top: 0px;
}

section#wrapper--social-media-four-column .info--visitez_morocco {
  display: flex;
  flex-direction: column;
}

section#wrapper--social-media-four-column h2 {
  width: 100%;
  max-width: 100%;
  text-transform: uppercase;
  margin-bottom: 15px;
}

/*  */
#wrapper--social-media-four-column .social-icon .facebook:hover {
  background-color: #1877f2;
  /* Facebook Blue */
  border-color: #1877f2;
}

/* Instagram hover */
#wrapper--social-media-four-column .social-icon .instagram:hover {
  background: radial-gradient(circle at 30% 107%,
      #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%);
  border-color: #d6249f;
  /* Instagram gradient border */
}

/* X (formerly Twitter) hover */
#wrapper--social-media-four-column .social-icon .twitter:hover {
  background-color: #000;
  /* Twitter Blue */
  border-color: #000;
}

section#wrapper--social-media-four-column ul li a i {
  font-size: 30px;
}

section#wrapper--social-media-four-column h2 {
  width: 540px;
}

/*  */
.accessPanel-footer__title {
  display: none;
}

.maps .carte--img img {
  height: auto;
}

.maps .carte--img {
  height: auto;
}

@-moz-document url-prefix() {
  input[type="date"] {
    background-image: initial !important;
    background-color: white;
  }
}

#play--video .paginations_maroc {
  padding: 10px 0 0 0;
}

section.wrapper--c-wysiwyg time {
  width: 100%;
  text-align: left;
}

.emblemes .all-item--service .tabs--item button {
  padding: 15px;
  font-size: 15px;
}

.emblemes .element--detail>div:first-child img {
  object-fit: cover;
}

.wrapper-accessibilty {
  height: max-content;
  margin: auto;
}

.click--modal-box>div>div {
  border: 0;
}

#remove--line .timeline-item .item-icon {
  position: absolute;
  top: 50%;
  content: " ";
  border: 1px solid rgb(0, 90, 143);
  border-radius: 500%;
  background: rgb(255, 255, 255);
  height: 14px;
  left: 0px;
  width: 14px;
  right: 0px;
  margin: auto;
  z-index: 9;
  transform: translateY(-50%);
}

#remove--line .timeline-content-wrapper {
  width: 48%;
}

#remove--line .timeline-title,
.bg--text-timeline+.timeline-content-wrapper h2,
.bg--text-timeline+.timeline-content-wrapper p,
.bg--text-timeline+.timeline-content-wrapper h3 {
  color: rgb(15, 27, 92);
}

#remove--line .timeline-item {
  position: relative;
}

/* #remove--line .timeline-item {
  position: relative;
  } */


#remove--line .timeline-item:before {
  content: "";
  position: absolute;
  content: "";
  width: 1px;
  background-color: rgb(0, 90, 143);
  left: 0px;
  top: 0px;
  z-index: 1;
  right: 0px;
  height: calc(100% + 50px);
  margin: auto;

}

#remove--line .timeline-content.bg--tet-timeline {
  position: absolute;
  top: 50%;
  content: " ";
  border: 1px solid rgb(0, 90, 143);
  border-radius: 500%;
  background: rgb(255, 255, 255);
  height: 100%;
  left: 0px;
  width: 14px;
  right: 0px;
  margin: auto;
  z-index: 9;
  transform: translateY(-50%);
}

#remove--line .timeline-item .timeline-content {
  background-color: transparent;
  border: 0;
}

#remove--line:before {
  opacity: 0;
}

#remove--line .timeline-item:first-child::before {
  top: 50%;
}

#remove--line .timeline-item:last-child::before {
  height: 50%;
}

.slider-actualites-internes .wrapper-img img {
  height: 100%;
  /* object-fit: cover; */
}

/*  */
.maps div#carteContainer path:hover {
  fill: #0C9B2E;
}

.maps .carte-item {
  display: none;
}

.maps .carte-item.active {
  display: block;
  /* Show the active item */

}

.maps .highcharts-point.active {
  stroke: blue;
  stroke-width: 2px;
}

.maps div#carteContainer path:hover {
  fill: #0C9B2E;
}

div#carteContainer path.active {
  fill: #0C9B2E;
}

.tooltip {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.7);
  color: white;
  padding: 5px;
  border-radius: 3px;
  pointer-events: none;
  /* Avoid blocking mouse events */
  z-index: 1000;
  /* Make sure the tooltip appears above other elements */
  display: none;
  /* Initially hidden */
}

.c-wysiwyg .wrapper--title img {
  max-height: 450px;
}

#wrapper-actualites .wrapper-img {
  height: 240px;
  overflow: hidden;
  background-size: cover;
  background-position: center;
}

#wrapper-actualites .wrapper-img img {
  height: 100%;
  width: 100%;
  backdrop-filter: blur(5px);
}

.wrapper-actualites .wrapper-img img {
  object-fit: cover;
}

#patrimoine_maps div#carteContainer path {
  fill: #e9e9e9;
  stroke: #fff;
}

#patrimoine_maps div#carteContainer path:hover {
  fill: rgb(15, 27, 92);
}

#patrimoine_maps div#carteContainer path.active {
  fill: rgb(15, 27, 92);
}

/* calendar section  */
.calendar--section .wrapper-table td {
  font-size: 1rem;
  text-align: initial;
  padding: .75rem;
  border: 0;
}

.calendar--section .wrapper-table tr:not(:last-child) {
  border-bottom: 1px solid rgba(15, 27, 92, 0.15);
}

.calendar--section .wrapper-table {
  border: 0;
  background-color: white;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  border-radius: 10px;
  overflow: hidden;
}

.calendar--section .wrapper-table td:first-child {
  white-space: nowrap;
  background-color: rgba(15, 27, 92, 0.12);
  color: rgb(15, 27, 92);
  padding: .75em 1rem;
}
.calendar--section .fixed--img {
  overflow: initial;
}