body {
	margin: 0;
	padding: 0;
  }
  
  .partie1 {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgb(0, 179, 255);
  }

  .partie1 img{
	width: 100%;
	height: 100%;
	object-fit: fill;
  }
  
  .partie2 {
	position: absolute;
	top: 100%; 
	width: 100%;
	height: 100%;
	/* background-color: rgb(0, 55, 255); */
  }

  .section{
	position:relative;
	width: 100%;
	height: 100vh;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
  }

  .section:before{
	content: '';
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 100px;
	z-index: 1;
  }

  .section:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
  }

  .section img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
  }

  .cadre1{
	position: absolute;
	width: 22%;
	padding-bottom: 10%;
	left: 2%;
	top: 2%;
	z-index: 2;
	transform: rotate(10deg);
	transition: transform 0.3s ease;
  }

  .cadre1:hover {
    transform: rotate(-10deg);
}

  .cadre2{
	position: absolute;
	width: 18%;
	padding-bottom: 6%;
	left: calc(22% + 4%);
	top: 3%;
	z-index: 3;
	transform: rotate(-5deg);
	transition: transform 0.3s ease;
  }

  .cadre2:hover {
    transform: rotate(5deg);
}

  .cadre3{
	position: absolute;
	width: 15%;
	padding-bottom: 8%;
	left: calc(40% + 6%);
	top: 2%;
	z-index: 3;
	transform: rotate(10deg);
	transition: transform 0.3s ease;
  }

  .cadre3:hover {
    transform: rotate(-10deg);
}

  .cadre4{
	position: absolute;
	width: 15%;
	padding-bottom: 10%;
	left: calc(55% + 8%);
	top: 5%;
	z-index: 3;
	transform: rotate(10deg);
	transition: transform 0.3s ease;
  }

  .cadre4:hover {
    transform: rotate(-10deg);
}

  .cadre5{
	position: absolute;
	width: 18%;
	padding-bottom: 10%;
	left: calc(70% + 10%);
	top: 4%;
	z-index: 3;
	transform: rotate(10deg);
	transition: transform 0.3s ease;
  }

  .cadre5:hover {
    transform: rotate(-10deg);
}

  .cadre6{
	position: absolute;
	width: 25%;
	padding-bottom: 10%;
	left: 2%;
	top: calc(10% + 12%);
	z-index: 3;
	transform: rotate(10deg);
	transition: transform 0.3s ease;
  }

  .cadre6:hover {
    transform: rotate(-10deg);
}

  .cadre7{
	position: absolute;
	width: 13%;
	padding-bottom: 15%;
	left: calc(25% + 4%);
	top: calc(10% + 7%);
	z-index: 3;
	transform: rotate(10deg);
	transition: transform 0.3s ease;
  }

  .cadre7:hover {
    transform: rotate(-10deg);
}

  .cadre8{
	position: absolute;
	width: 18%;
	padding-bottom: 12%;
	left: calc(38% + 6%);
	top: calc(10% + 10%);
	z-index: 3;
	transform: rotate(10deg);
	transition: transform 0.3s ease;
  }

  .cadre8:hover {
    transform: rotate(-10deg);
}

  .cadre9{
	position: absolute;
	width: 10%;
	padding-bottom: 8%;
	left: calc(56% + 8%);
	top: calc(10% + 17%);
	z-index: 3;
	transform: rotate(10deg);
	transition: transform 0.3s ease;
  }

  .cadre9:hover {
    transform: rotate(-10deg);
}

  .cadre10{
	position: absolute;
	width: 18%;
	padding-bottom: 22%;
	left: calc(66% + 14%);
	top: calc(10% + 17%);
	z-index: 3;
	transform: rotate(-10deg);
	transition: transform 0.3s ease;
  }

  .cadre10:hover {
    transform: rotate(10deg);
}

  .cadre11{
	position: absolute;
	width: 18%;
	padding-bottom: 12%;
	left: 2%;
	top: calc(20% + 24%);
	z-index: 3;
	transform: rotate(-10deg);
	transition: transform 0.3s ease;
  }

  .cadre11:hover {
    transform: rotate(10deg);
}

  .cadre12{
	position: absolute;
	width: 15%;
	padding-bottom: 10%;
	left:calc(18% + 4%);
	top: calc(20% + 28%);
	z-index: 3;
	transform: rotate(2deg);
	transition: transform 0.3s ease;
  }

  .cadre12:hover {
    transform: rotate(-5deg);
}

  .cadre13{
	position: absolute;
	width: 38%;
	padding-bottom: 12%;
	left:calc(33% + 6%);
	top: calc(20% + 26%);
	z-index: 3;
	transform: rotate(4deg);
	transition: transform 0.3s ease;
  }

  .cadre13:hover {
    transform: rotate(-4deg);
}

  .cadre14{
	position: absolute;
	width: 15%;
	padding-bottom: 12%;
	left:2%;
	top: calc(30% + 40%);
	z-index: 3;
	transform: rotate(-7deg);
	transition: transform 0.3s ease;
  }

  .cadre14:hover {
    transform: rotate(7deg);
}

  .cadre15{
	position: absolute;
	width: 12%;
	padding-bottom: 14%;
	left:calc(15% + 4%);
	top: calc(30% + 40%);
	z-index: 3;
	transform: rotate(3deg);
	transition: transform 0.3s ease;
  }

  .cadre15:hover {
    transform: rotate(-3deg);
}

  .cadre16{
	position: absolute;
	width: 13%;
	padding-bottom: 13%;
	left:calc(27% + 6%);
	top: calc(30% + 41%);
	z-index: 3;
	transform: rotate(10deg);
	transition: transform 0.3s ease;
  }

  .cadre16:hover {
    transform: rotate(-10deg);
}

  .cadre17{
	position: absolute;
	width: 14%;
	padding-bottom: 13%;
	left:calc(40% + 8%);
	top: calc(30% + 41%);
	z-index: 3;
	transform: rotate(5deg);
	transition: transform 0.3s ease;
  }

  .cadre17:hover {
    transform: rotate(-5deg);
}

  .cadre18{
	position: absolute;
	width: 20%;
	padding-bottom: 12%;
	left:calc(54% + 10%);
	top: calc(30% + 41%);
	z-index: 3;
	transform: rotate(-10deg);
	transition: transform 0.3s ease;
  }

  .cadre18:hover {
    transform: rotate(10deg);
}

  .cadre19{
	position: absolute;
	width: 12%;
	padding-bottom: 12%;
	left:calc(74% + 12%);
	top: calc(30% + 41%);
	z-index: 3;
	transform: rotate(-2deg);
	transition: transform 0.3s ease;
  }

  .edelweiss {
	display: flex;
	width: 100%;
	height: 20%;
	position: absolute;
	top: 90%;
	z-index: 3;
  }

  .edelweiss-unit {
	flex: 1;
	width: 100%;
	overflow: hidden; 
  }
  
  .edelweiss-unit img {
	width: 100%; 
	height: 100%; 
	object-fit:contain; 
  }