:root {
  --green: #20947c;
  --light-green: #ecf5f3;
  --ocre: #e79d81;
  --light-ocre: #fbf4f2;
  --dark-green: #38594d;
}

.navbar {
  background-color: #fbf4f2;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: none;
  height: 100px;
  padding: 10px 50px;
  text-decoration: none;
  display: flex;
}


.navbar .button-style {
	
margin-top : 0;	
	
}


.menu-items {
  grid-column-gap: 20px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.menu-item {
  color: #20947c;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}


.menu-item-2 {
  color: #20947c;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.social-media-icons {
  grid-column-gap: 7px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.social-media-icon {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 33px;
  height: 33px;
  text-decoration: none;
  display: flex;
}

.button-style {
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.frame-6 {
  grid-column-gap: 10px;
  -webkit-backdrop-filter: blur(7px);
  backdrop-filter: blur(7px);
  background-color: #20947c;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 50px;
  padding: 15px 30px;
  text-decoration: none;
  display: flex;
}

.button-style-2 {
  color: #ecf5f3;
  text-align: center;
  letter-spacing: .06em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.vector {
  object-fit: cover;
}

.text-paragraphe {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
}

.text-surtitre {
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: General Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 122%;
}

.text-titre {
  margin-top: 0;
  margin-bottom: 0;
  font-family: General Sans, sans-serif;
  font-size: 32px;
  font-weight: 400;
  line-height: 122%;
}

.text-paragraphe-value {
  margin-top: 0;
  margin-bottom: 0;
  font-family: General Sans, sans-serif;
  font-size: 22px;
  font-weight: 500;
  line-height: 140%;
}

.text-small-infos {
  margin-top: 0;
  margin-bottom: 16px;
  font-family: General Sans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 130%;
}

.text-keynumber {
  margin-top: 0;
  margin-bottom: 0;
  font-family: General Sans, sans-serif;
  font-size: 60px;
  font-weight: 500;
  line-height: 122%;
}

.text-titre-bloc {
  margin-top: 0;
  margin-bottom: 0;
  font-family: General Sans, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 120%;
}

.text-date {
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: General Sans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 122%;
}

.text-surtitre-mini {
  margin-top: 0;
  margin-bottom: 0;
  font-family: General Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 122%;
}

.text-grand-titre {
  margin-top: 0;
  margin-bottom: 0;
  font-family: General Sans, sans-serif;
  font-size: 44px;
  font-weight: 400;
  line-height: 122%;
}

.svg {
  color: var(--green);
  width: 8px;
}

.link-block {
  justify-content: center;
  align-items: stretch;
  width: 33px;
  height: 33px;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.svg-2, .svg-3 {
  color: var(--green);
  width: 17px;
}

.svg-4 {
  color: var(--green);
  width: 15px;
}

.home .hero {
  
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 700px;
  min-height: 700px;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.hero-elements {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 830px;
  text-decoration: none;
  display: flex;
}

.logo-marrakech {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 288px;
  height: 281.3px;
  text-decoration: none;
  display: flex;
}

.container {
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  height: 281.3px;
  text-decoration: none;
  display: flex;
}


.hero-elements .container {
	
width : 354px	
	
}


.title-style {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 44px;
  font-weight: 400;
  line-height: 122%;
  text-decoration: none;
}

.marrakech-durable {
  grid-row-gap: 60px;
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 50px 100px 80px;
  text-decoration: none;
  display: flex;
}

.titles {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.title-style-2 {
  color: #e79d81;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 122%;
  text-decoration: none;
}

.subtitle {
  color: #20947c;
  text-align: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 44px;
  font-weight: 400;
  line-height: 122%;
  text-decoration: none;
}

.key-numbers {
  grid-column-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
margin-bottom : 60px
}

.key-number {
  grid-row-gap: 20px;
  background-color: #fbf4f2;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 250px;
  padding: 20px;
  display: flex;
}

.number {
  grid-row-gap: 4px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text {
  color: #e79d81;
  text-align: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 60px;
  font-weight: 500;
  line-height: 122%;
  text-decoration: none;
}

.text-2 {
  color: #e79d81;
  text-align: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 22px;
  font-weight: 500;
  line-height: 140%;
  text-decoration: none;
}

.date-du-lancement-du-projet {
  color: #e79d81;
  text-align: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.key-number-2 {
  grid-row-gap: 20px;
  background-color: #20947c;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 250px;
  padding: 20px;
  display: flex;
}

.text-3 {
  color: #ecf5f3;
  text-align: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 60px;
  font-weight: 500;
  line-height: 122%;
  text-decoration: none;
}

.text-4 {
  color: #ecf5f3;
  text-align: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 22px;
  font-weight: 500;
  line-height: 140%;
  text-decoration: none;
}

.text-5 {
  color: #ecf5f3;
  text-align: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.key-number-3 {
  grid-row-gap: 20px;
  background-color: #e79d81;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 250px;
  padding: 20px;
  display: flex;
}

.text-6 {
  color: #fbf4f2;
  text-align: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 60px;
  font-weight: 500;
  line-height: 122%;
  text-decoration: none;
}

.text-7 {
  color: #fbf4f2;
  text-align: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 22px;
  font-weight: 500;
  line-height: 140%;
  text-decoration: none;
}

.text-8 {
  color: #fbf4f2;
  text-align: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.xx {
  color: #20947c;
  text-align: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 60px;
  font-weight: 500;
  line-height: 122%;
  text-decoration: none;
}

.detail {
  color: #20947c;
  text-align: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 22px;
  font-weight: 500;
  line-height: 140%;
  text-decoration: none;
}

.lorem-ipsum-set-dolor-amet {
  color: #20947c;
  text-align: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.content-and-logos {
  grid-column-gap: 80px;
  justify-content: flex-start;
/*   align-items: center; */
  width: 100%;
  text-decoration: none;
  display: flex;
}

.content-and-logos .logos {
	
height : auto !important;
grid-row-gap: 10px;	
	
}



.content-style {
  grid-row-gap: 42px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.description {
  color: #38594d;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.call-to-action {
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.frame-7 {
  grid-column-gap: 10px;
  -webkit-backdrop-filter: blur(7px);
  backdrop-filter: blur(7px);
  background-color: #e79d81;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 50px;
  padding: 15px 30px;
  text-decoration: none;
  display: flex;
}

.button-style-3 {
  color: #38594d;
  text-align: center;
  letter-spacing: .06em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.logos {
  grid-column-gap: 10px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 572px;
  text-decoration: none;
  display: flex;
}

.logo-ministere {
  grid-row-gap: 10px;
  background-color: #ecf5f3;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 186.667px;
  height: 281px;
  text-decoration: none;
  display: flex;
}

.logo-ministere-2 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 127.334px;
  height: 120.962px;
  text-decoration: none;
  display: flex;
}

.logo-commune {
  grid-column-gap: 10px;
  background-color: #ecf5f3;
  justify-content: center;
  align-items: center;
  width: 186.667px;
  height: 281px;
  text-decoration: none;
  display: flex;
}

.logo-commune-2 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 72.0002px;
/*   height: 101.921px; */
	height : auto;
  text-decoration: none;
  display: flex;
}

.logo-wilaya {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 104.885px;
  height: 114px;
  text-decoration: none;
  display: flex;
}

.logo-pnud {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 51.3333px;
  height: 104.851px;
  text-decoration: none;
  display: flex;
}

.logo-gef {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 59.9999px;
  height: 79.9933px;
  text-decoration: none;
  display: flex;
}

.thmatiques {
  grid-row-gap: 60px;
  background-image: linear-gradient(#ecf5f3 0%, #fff 100%);
  border: 0 solid #20947c;
  border-top-width: 1px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 80px 100px;
  text-decoration: none;
  display: flex;
}

.container-2 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.numbered-block {
  background-color: #ecf5f3;
  border: 1px solid #20947c;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 302.5px;
  height: 195px;
  padding: 20px;
  text-decoration: none;
  display: flex;
}

.xx-2 {
  color: #20947c;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 22px;
  font-weight: 300;
  line-height: 120%;
  text-decoration: none;
}

.lorem-ipsum-set-dolor-amet-2 {
  color: #20947c;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.container-3 {
  grid-row-gap: 34px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 615px;
  height: 400px;
  padding-right: 80px;
  text-decoration: none;
  display: flex;
}

.content-style-2 {
  grid-row-gap: 42px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.titles-2 {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.subtitle-2 {
  color: #e79d81;
  text-transform: uppercase;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 122%;
  text-decoration: none;
}

.title-style-3 {
  color: #20947c;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 32px;
  font-weight: 400;
  line-height: 122%;
  text-decoration: none;
}

.content-style-3 {
  grid-column-gap: 42px;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.odd {
  grid-row-gap: 49px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.layer_1 {
  object-fit: cover;
  overflow: hidden;
}

.sdg-icons-container {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.f-web-goal-03-1 {
  object-fit: cover;
}

.container-4 {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-1000003685 {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: none;
  text-decoration: none;
  display: flex;
}

.container-5 {
  grid-row-gap: 34px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: none;
  height: 400px;
  padding-right: 80px;
  text-decoration: none;
  display: flex;
}

.content-style-4 {
  grid-row-gap: 42px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.content-style-5 {
  grid-column-gap: 42px;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-1000003684 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-wrap: wrap;
/*   justify-content: flex-start; */
	justify-content : space-between;
  align-items: flex-start;
  width: 100%;
  max-width: none;
  text-decoration: none;
  display: flex;
}

.numbered-block-2 {
  background-color: #ecf5f3;
  border: 1px solid #20947c;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 49%;
  max-width: none;
  height: 195px;
  padding: 20px;
  text-decoration: none;
  display: flex;
}

.xx-3 {
  color: #20947c;
  border: 1px #000;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 22px;
  font-weight: 300;
  line-height: 120%;
  text-decoration: none;
}

.numbered-block-3 {
  background-color: #ecf5f3;
  border: 1px solid #20947c;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 49%;
  height: 195px;
  padding: 20px;
  display: flex;
}

.frame-1000003686 {
/*   grid-column-gap: 10px; */
  grid-column-gap: 13px;
	
  flex: 0 auto;
/*   justify-content: flex-start; */
  justify-content: flex-end;
	
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
margin-top : 10px;	
margin-bottom : 60px;	
}

.numbered-block-4 {
  background-color: #ecf5f3;
  border: 1px solid #20947c;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
/*   width: 100%; */
  max-width: none;
  height: 195px;
  padding: 20px;
  text-decoration: none;
  display: flex;
width : 293px	
}

.activites {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.banner {
  grid-row-gap: 10px;
  background-image: url('../images/Banner.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 352px;
  min-height: 352px;
  display: flex;
}

.title-style-4 {
  color: #fbf4f2;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 122%;
  text-decoration: none;
}

.hero-elements-2 {
  grid-row-gap: 43px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.subtitle-3 {
  color: #fbf4f2;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 63px;
  font-weight: 400;
  line-height: 113%;
  text-decoration: none;
}

.content-section {
  grid-row-gap: 65px;
  background-color: #fbf4f2;
  border: 0 solid #e79d81;
  border-top-width: 1px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 100px 16px 70px;
  text-decoration: none;
  display: flex;
}

.content-container {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 732px;
  display: flex;
}

.image-row {
  grid-column-gap: 10px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 361px;
  text-decoration: none;
  display: grid;
}

.bloc-thmatique {
  background-image: url('../images/Bloc-Thématique.png');
  background-position: 0 0;
  background-size: cover;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: 361px;
  padding: 30px;
  text-decoration: none;
  display: flex;
position : relative;	
}

.bloc-thmatique::after {
	
background-color : #00000080;
width : 100%;
height : 100%;
content: "";
position : absolute;
	z-index : 0;
	left : 0;
	top : 0
	
}


.bloc-thmatique.block2 {
  background-image: url('../images/Bloc-Thématique2.png');
}

.bloc-thmatique.block3 {
  background-image: url('../images/Bloc-Thématique3.png');
}

.bloc-thmatique.block4 {
  background-image: url('../images/Bloc-Thématique2.png');
}

.frame-1000003622 {
  grid-row-gap: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
	position : relative;
	z-index : 1
}

.frame-1000003617 {
	
position : relative;
	z-index : 1	
	
}

.frame-1000003624 {
  grid-column-gap: 20px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
	position : relative;
	z-index : 1
}

.text-9 {
  color: #fbf4f2;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 122%;
  text-decoration: none;
}

.contenu-bloc {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.plan-climat-de-marrakech {
  color: #fff;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 19px;
  font-weight: 500;
  line-height: 120%;
  text-decoration: none;
}

.frame-1000003617 {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-1000003616 {
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 130px;
  text-decoration: none;
  display: flex;
}

.text-10 {
  color: #fbf4f2;
  text-transform: uppercase;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 122%;
  text-decoration: none;
}

.mini-cta {
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.frame-1000003687 {
  grid-column-gap: 10px;
  -webkit-backdrop-filter: blur(7px);
  backdrop-filter: blur(7px);
  background-color: #e79d81;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 50px;
  padding: 15px 30px;
  text-decoration: none;
  display: flex;
}

.button-style-4 {
  color: #38594d;
  text-align: center;
  letter-spacing: .06em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.link-block-2 {
  width: 54px;
  height: 54px;
}

.articles {
  grid-row-gap: 45px;
  background-color: #38594d;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 80px 100px;
  text-decoration: none;
  display: flex;
}

.header-style {
  grid-column-gap: 45px;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.home .articles .header-style {
	
margin-bottom : 45px	
	
}

.title-style-5 {
  color: #ecf5f3;
  text-transform: uppercase;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 122%;
  text-decoration: none;
}

.subtitle-4 {
  color: #ecf5f3;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 32px;
  font-weight: 400;
  line-height: 122%;
  text-decoration: none;
}

.frame-1000003688 {
  grid-column-gap: 10px;
  -webkit-backdrop-filter: blur(7px);
  backdrop-filter: blur(7px);
  background-color: #ecf5f3;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 50px;
  padding: 15px 30px;
  text-decoration: none;
  display: flex;
}

.button-style-5 {
  color: #20947c;
  text-align: center;
  letter-spacing: .06em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.article-list {
  grid-column-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.bloc-news {
  grid-row-gap: 28px;
  background-color: #ecf5f3;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
height : 595px;
	
	
}

.bloc-news .call-to-action {
	
justify-content: flex-end;	
	
}



.bloc-news .wrrp_image {
	
width : 100%;
height : 230px;	
	
}

.bloc-news .wrrp_image img {
	
object-fit: cover;
    width: 100%;
    height: 100%;
	
}


.frame-1000003621 {
  grid-row-gap: 30px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-bottom: 40px;
  padding-left: 40px;
  padding-right: 40px;
  text-decoration: none;
  display: flex;
height : 330px;	
}

.contenu-bloc-2 {
  grid-row-gap: 26px;
  flex-direction: column;
  justify-content: space-between;
/*   align-items: flex-end; */
  width: 100%;
  text-decoration: none;
  display: flex;
height : 330px;	
}


.contenu-bloc-2 .top {
	
display : flex;
flex-direction : column;
gap : 26px;	
	
}


.text-11 {
  color: #20947c;
  text-transform: uppercase;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 400;
  line-height: 122%;
  text-decoration: none;
}

.text-12 {
  color: #20947c;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 500;
  line-height: 120%;
  text-decoration: none;
}

.text-13 {
  color: #38594d;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.vivre-marrakech-durable {
  grid-row-gap: 10px;
  background-image: url('../images/Vivre-Marrakech-Durable.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 700px;
  min-height: 700px;
  padding: 159px 100px;
  display: flex;
  overflow: hidden;
	position : relative;
}




.vivre-marrakech-durable::after {
	
    content: "";
    left: 0;
    top: 0;
    background: #000;
    z-index: 0;
    position: absolute;
    width: 100%;
    height: 100%;
	opacity : 0.2;
}

.vivre-marrakech-durable .content-style-6 {
	
z-index : 1;
position : relative;	
	
}


.home .marrakech-durable .subtitle {
	
margin-bottom : 60px;
display : block	
	
}

.content-style-6 {
  grid-row-gap: 42px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 449px;
  text-decoration: none;
  display: flex;
}

.title-style-6 {
  color: #fbf4f2;
  text-transform: uppercase;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 122%;
  text-decoration: none;
}

.subtitle-5 {
  color: #fbf4f2;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 32px;
  font-weight: 400;
  line-height: 122%;
  text-decoration: none;
}

.description-2 {
  color: #fbf4f2;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.button-style-6 {
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.bibliothque {
  grid-row-gap: 10px;
  background-color: #e79d81;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.section-3 {
  background-color: #e79d81;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 30px;
  text-decoration: none;
  display: flex;
}

.home .bibliothque .section-3 {
	
/* width : max-content; */
margin : auto;
	
}

.container-6 {
  background-color: #fbf4f2;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 475px;
  display: flex;
}

.content-style-7 {
  grid-row-gap: 42px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 475px;
  padding: 80px 100px;
  text-decoration: none;
  display: flex;
}

.title-style-7 {
  color: #e79d81;
  text-transform: uppercase;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 122%;
  text-decoration: none;
}

.subtitle-6 {
  color: #20947c;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 32px;
  font-weight: 400;
  line-height: 122%;
  text-decoration: none;
}

.button-style-7 {
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.image {
  grid-column-gap: 10px;
  background-image: url('../images/Image.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 475px;
  min-height: 475px;
  padding: 129px 237px;
  text-decoration: none;
  display: flex;
}

.image-container {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 190px;
  height: 217px;
  text-decoration: none;
  display: flex;
}

.footer {
  background-color: #38594d;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 100%;
  padding: 90px 80px;
  text-decoration: none;
  display: flex;
}

.logo {
  object-fit: cover;
  overflow: hidden;
}

.menu-container {
  grid-row-gap: 19px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.menu-title {
  color: #e79d81;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.links-container {
  grid-column-gap: 43px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.links-column {
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.link-title {
  color: #fbf4f2;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
}

.social-container {
/*   grid-row-gap: 69px; */
	grid-row-gap: 40px; 
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}


.social-container .ml {
	
	gap: 40px;
	display: flex;	
	
}

.social-container .ml a {
	
font-size : 12px	
	
}

.social-links-container {
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 351.6px;
  text-decoration: none;
  display: flex;
}

.social-icons-container {
  grid-column-gap: 7px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.social-icon {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 33px;
  height: 33px;
  text-decoration: none;
  display: flex;
}

.copyright-text {
  opacity: .3;
  color: #fbf4f2;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
}