/*===============================================================================*/
/* |	Layer Name: key.png                                                        
/* |	Parent Layer: marteau.png                                                  
/*-------------------------------------------------------------------------------*/
		/*
	#### position
		
		├─ Start
		│     time = 0.000
		│     value = 483.5, 346.69, 0
		│     duration = 0.640s
		├─ Layer In Point
		│     time = 0.000
		├─ Keyframe 1
		│     time = 0.640
		│     value = 483.5, 346.69, 0
		│     duration = 0.160s
		│     easing = cubic-bezier(0.333, 0.000, 0.667, 1.000)
		├─ Keyframe 2
		│     time = 0.800
		│     value = 714.12, 215.53, 0
		│     duration = 0.200s
		│     easing = cubic-bezier(0.000, 0.000, 0.667, 1.000)
		├─ Keyframe 3
		│     time = 1.000
		│     value = 710.21, 486.54, 0
		│     duration = 0.320s
		│     easing = cubic-bezier(0.000, 0.000, 0.436, 1.000)
		├─ Keyframe 4
		│     time = 1.320
		│     value = 483.5, 346.69, 0
		│     duration = 0.200s
		└─ End
		      time = 1.520
		      value = 483.5, 346.69, 0
		*/
		.backgroundImage_0 { background-image: url('./images/image_key.png_0.png') }
		.layerInitial_0{
            width: 225px;
            height: 225px; 
             
            translate: 371.00px 234.19px 0.00px;
                rotate: 0.00deg;
                scale: 1.00 1.00 1;
             
            opacity: 1.00; 
            transform-style: preserve-3d; 
            transform-origin: 50.00% 50.00%;
            display: block;
            position: absolute;
        }
		@keyframes AE_Position_0 {
			0% { translate: 371.00px 234.19px 0.00px; animation-timing-function: cubic-bezier(0.333, 0.000, 0.667, 1.000); }
			42.11% { translate: 371.00px 234.19px 0.00px; animation-timing-function: cubic-bezier(0.333, 0.000, 0.667, 1.000); }
			52.63% { translate: 601.62px 103.03px 0.00px; animation-timing-function: cubic-bezier(0.000, 0.000, 0.667, 1.000); }
			65.79% { translate: 597.71px 374.04px 0.00px; animation-timing-function: cubic-bezier(0.000, 0.000, 0.436, 1.000); }
			86.84% { translate: 371.00px 234.19px 0.00px;  }
			100% { translate: 371.00px 234.19px 0.00px; }
		}


		.layerAnimation_0 { 
                animation: AE_Position_0 1.52s cubic-bezier(0.333, 0.000, 0.667, 1.000) 0.00s infinite normal none;
            }




/*===============================================================================*/
/* |	Layer Name: marteau.png                                                    
/*-------------------------------------------------------------------------------*/
		/*
	#### rotation
		
		├─ Start
		│     time = 0.000
		│     value = 31
		│     duration = --
		├─ Keyframe 1
		│     time = 0.000
		│     value = 31
		│     duration = 0.240s
		│     easing = cubic-bezier(0.333, 0.000, 0.300, 1.000)
		├─ Keyframe 2
		│     time = 0.240
		│     value = 13
		│     duration = 0.400s
		│     easing = cubic-bezier(1.000, -0.000, 1.000, 1.000)
		├─ Keyframe 3
		│     time = 0.640
		│     value = 108
		│     duration = 0.680s
		│     easing = cubic-bezier(0.000, 0.000, 0.000, 1.000)
		├─ Keyframe 4
		│     time = 1.320
		│     value = 31
		│     duration = 0.200s
		└─ End
		      time = 1.520
		      value = 31
		*/
		.layerInitial_1 {
            width: 1000px;
            height: 1920px; 
             
            translate: -246.90px -1398.58px 0.00px;
                rotate: 31.00deg;
                scale: 0.20 0.20 1;
             
            opacity: 1.00; 
            transform-style: preserve-3d; 
            transform-origin: 50.00% 100.00%;
            display: block;
            position: absolute;
        }
		@keyframes AE_Rotation_1 {
			0% { rotate: 31.00deg; animation-timing-function: cubic-bezier(0.333, 0.000, 0.300, 1.000); }
			0.00% { rotate: 31.00deg; animation-timing-function: cubic-bezier(0.333, 0.000, 0.300, 1.000); }
			15.79% { rotate: 13.00deg; animation-timing-function: cubic-bezier(1.000, -0.000, 1.000, 1.000); }
			42.11% { rotate: 108.00deg; animation-timing-function: cubic-bezier(0.000, 0.000, 0.000, 1.000); }
			86.84% { rotate: 31.00deg;  }
			100% { rotate: 31.00deg; }
		}


		.layerAnimation_1 { 
                animation: AE_Rotation_1 1.52s cubic-bezier(0.333, 0.000, 0.300, 1.000) 0.00s infinite normal none;
            }




/*===============================================================================*/
/* |	Layer Name: marteau.png                                                    
/*-------------------------------------------------------------------------------*/
		/*
	#### rotation
		
		├─ Start
		│     time = 0.000
		│     value = 31
		│     duration = --
		├─ Keyframe 1
		│     time = 0.000
		│     value = 31
		│     duration = 0.240s
		│     easing = cubic-bezier(0.333, 0.000, 0.300, 1.000)
		├─ Keyframe 2
		│     time = 0.240
		│     value = 13
		│     duration = 0.400s
		│     easing = cubic-bezier(1.000, -0.000, 1.000, 1.000)
		├─ Keyframe 3
		│     time = 0.640
		│     value = 108
		│     duration = 0.680s
		│     easing = cubic-bezier(0.000, 0.000, 0.000, 1.000)
		├─ Keyframe 4
		│     time = 1.320
		│     value = 31
		│     duration = 0.200s
		└─ End
		      time = 1.520
		      value = 31
		*/
		.backgroundImage_2 { background-image: url('./images/image_marteau.png_1.png') }
		.layerInitial_2{
            width: 1000px;
            height: 1920px; 
             
            translate: -246.90px -1398.58px 0.00px;
                rotate: 31.00deg;
                scale: 0.20 0.20 1;
             
            opacity: 1.00; 
            transform-style: preserve-3d; 
            transform-origin: 50.00% 100.00%;
            display: block;
            position: absolute;
        }
		@keyframes AE_Rotation_2 {
			0% { rotate: 31.00deg; animation-timing-function: cubic-bezier(0.333, 0.000, 0.300, 1.000); }
			0.00% { rotate: 31.00deg; animation-timing-function: cubic-bezier(0.333, 0.000, 0.300, 1.000); }
			15.79% { rotate: 13.00deg; animation-timing-function: cubic-bezier(1.000, -0.000, 1.000, 1.000); }
			42.11% { rotate: 108.00deg; animation-timing-function: cubic-bezier(0.000, 0.000, 0.000, 1.000); }
			86.84% { rotate: 31.00deg;  }
			100% { rotate: 31.00deg; }
		}


		.layerAnimation_2 { 
                animation: AE_Rotation_2 1.52s cubic-bezier(0.333, 0.000, 0.300, 1.000) 0.00s infinite normal none;
            }




/*===============================================================================*/
/* |	Layer Name: key3                                                           
/*-------------------------------------------------------------------------------*/
		/*
	#### position
		
		├─ Start
		│     time = 0.000
		│     value = 460.82, 666.88, 0
		│     duration = 0.640s
		├─ Layer In Point
		│     time = 0.000
		├─ Keyframe 1
		│     time = 0.640
		│     value = 460.82, 666.88, 0
		│     duration = 0.680s
		│     easing = cubic-bezier(0.000, 0.000, 0.000, 1.000)
		├─ Keyframe 2
		│     time = 1.320
		│     value = 218.12, 642.77, 0
		│     duration = 0.200s
		└─ End
		      time = 1.520
		      value = 218.12, 642.77, 0

	#### scale
		
		├─ Start
		│     time = 0.000
		│     value = 0, 0, 100
		│     duration = 0.600s
		├─ Layer In Point
		│     time = 0.000
		├─ Keyframe 1
		│     time = 0.600
		│     value = 0, 0, 100
		│     duration = 0.040s
		│     easing = cubic-bezier(0.167, 0.250, 0.667, 1.000)
		├─ Keyframe 2
		│     time = 0.640
		│     value = 15, 15, 100
		│     duration = 0.680s
		│     easing = cubic-bezier(0.000, -0.000, 0.000, 1.000)
		├─ Keyframe 3
		│     time = 1.320
		│     value = 0, 0, 100
		│     duration = 0.200s
		└─ End
		      time = 1.520
		      value = 0, 0, 100

	#### rotation
		
		├─ Start
		│     time = 0.000
		│     value = 212
		│     duration = 0.640s
		├─ Layer In Point
		│     time = 0.000
		├─ Keyframe 1
		│     time = 0.640
		│     value = 212
		│     duration = 0.680s
		│     easing = cubic-bezier(0.000, -0.000, 0.000, 1.000)
		├─ Keyframe 2
		│     time = 1.320
		│     value = 70
		│     duration = 0.200s
		└─ End
		      time = 1.520
		      value = 70
		*/
		.backgroundImage_3 { background-image: url('./images/image_key3_2.png') }
		.layerInitial_3{
            width: 225px;
            height: 225px; 
             
            translate: 348.32px 554.38px 0.00px;
                rotate: 212.00deg;
                scale: 0.00 0.00 1;
             
            opacity: 1.00; 
            transform-style: preserve-3d; 
            transform-origin: 50.00% 50.00%;
            display: block;
            position: absolute;
        }
		@keyframes AE_Position_3 {
			0% { translate: 348.32px 554.38px 0.00px; animation-timing-function: cubic-bezier(0.000, 0.000, 0.000, 1.000); }
			42.11% { translate: 348.32px 554.38px 0.00px; animation-timing-function: cubic-bezier(0.000, 0.000, 0.000, 1.000); }
			86.84% { translate: 105.62px 530.27px 0.00px;  }
			100% { translate: 105.62px 530.27px 0.00px; }
		}

		@keyframes AE_Rotation_3 {
			0% { rotate: 212.00deg; animation-timing-function: cubic-bezier(0.000, -0.000, 0.000, 1.000); }
			42.11% { rotate: 212.00deg; animation-timing-function: cubic-bezier(0.000, -0.000, 0.000, 1.000); }
			86.84% { rotate: 70.00deg;  }
			100% { rotate: 70.00deg; }
		}

		@keyframes AE_Scale_3 {
			0% { scale: 0.00 0.00 1; animation-timing-function: cubic-bezier(0.167, 0.250, 0.667, 1.000); }
			39.47% { scale: 0.00 0.00 1; animation-timing-function: cubic-bezier(0.167, 0.250, 0.667, 1.000); }
			42.11% { scale: 0.15 0.15 1; animation-timing-function: cubic-bezier(0.000, -0.000, 0.000, 1.000); }
			86.84% { scale: 0.00 0.00 1;  }
			100% { scale: 0.00 0.00 1; }
		}


		.layerAnimation_3 { 
                animation: AE_Position_3 1.52s cubic-bezier(0.000, 0.000, 0.000, 1.000) 0.00s infinite normal none,
				AE_Rotation_3 1.52s cubic-bezier(0.000, -0.000, 0.000, 1.000) 0.00s infinite normal none,
				AE_Scale_3 1.52s cubic-bezier(0.167, 0.250, 0.667, 1.000) 0.00s infinite normal none;
            }




/*===============================================================================*/
/* |	Layer Name: key2                                                           
/*-------------------------------------------------------------------------------*/
		/*
	#### position
		
		├─ Start
		│     time = 0.000
		│     value = 683.6, 653.53, 0
		│     duration = 0.640s
		├─ Layer In Point
		│     time = 0.000
		├─ Keyframe 1
		│     time = 0.640
		│     value = 683.6, 653.53, 0
		│     duration = 0.680s
		│     easing = cubic-bezier(0.000, 0.000, 0.000, 1.000)
		├─ Keyframe 2
		│     time = 1.320
		│     value = 894.47, 656.2, 0
		│     duration = 0.200s
		└─ End
		      time = 1.520
		      value = 894.47, 656.2, 0

	#### scale
		
		├─ Start
		│     time = 0.000
		│     value = 0, 0, 100
		│     duration = 0.600s
		├─ Layer In Point
		│     time = 0.000
		├─ Keyframe 1
		│     time = 0.600
		│     value = 0, 0, 100
		│     duration = 0.040s
		│     easing = cubic-bezier(0.167, 0.250, 0.667, 1.000)
		├─ Keyframe 2
		│     time = 0.640
		│     value = 10, 10, 100
		│     duration = 0.680s
		│     easing = cubic-bezier(0.000, -0.000, 0.000, 1.000)
		├─ Keyframe 3
		│     time = 1.320
		│     value = 0, 0, 100
		│     duration = 0.200s
		└─ End
		      time = 1.520
		      value = 0, 0, 100

	#### rotation
		
		├─ Start
		│     time = 0.000
		│     value = 174
		│     duration = 0.640s
		├─ Layer In Point
		│     time = 0.000
		├─ Keyframe 1
		│     time = 0.640
		│     value = 174
		│     duration = 0.680s
		│     easing = cubic-bezier(0.000, -0.000, 0.000, 1.000)
		├─ Keyframe 2
		│     time = 1.320
		│     value = 70
		│     duration = 0.200s
		└─ End
		      time = 1.520
		      value = 70
		*/
		.backgroundImage_4 { background-image: url('./images/image_key2_3.png') }
		.layerInitial_4{
            width: 225px;
            height: 225px; 
             
            translate: 571.10px 541.03px 0.00px;
                rotate: 174.00deg;
                scale: 0.00 0.00 1;
             
            opacity: 1.00; 
            transform-style: preserve-3d; 
            transform-origin: 50.00% 50.00%;
            display: block;
            position: absolute;
        }
		@keyframes AE_Position_4 {
			0% { translate: 571.10px 541.03px 0.00px; animation-timing-function: cubic-bezier(0.000, 0.000, 0.000, 1.000); }
			42.11% { translate: 571.10px 541.03px 0.00px; animation-timing-function: cubic-bezier(0.000, 0.000, 0.000, 1.000); }
			86.84% { translate: 781.97px 543.70px 0.00px;  }
			100% { translate: 781.97px 543.70px 0.00px; }
		}

		@keyframes AE_Rotation_4 {
			0% { rotate: 174.00deg; animation-timing-function: cubic-bezier(0.000, -0.000, 0.000, 1.000); }
			42.11% { rotate: 174.00deg; animation-timing-function: cubic-bezier(0.000, -0.000, 0.000, 1.000); }
			86.84% { rotate: 70.00deg;  }
			100% { rotate: 70.00deg; }
		}

		@keyframes AE_Scale_4 {
			0% { scale: 0.00 0.00 1; animation-timing-function: cubic-bezier(0.167, 0.250, 0.667, 1.000); }
			39.47% { scale: 0.00 0.00 1; animation-timing-function: cubic-bezier(0.167, 0.250, 0.667, 1.000); }
			42.11% { scale: 0.10 0.10 1; animation-timing-function: cubic-bezier(0.000, -0.000, 0.000, 1.000); }
			86.84% { scale: 0.00 0.00 1;  }
			100% { scale: 0.00 0.00 1; }
		}


		.layerAnimation_4 { 
                animation: AE_Position_4 1.52s cubic-bezier(0.000, 0.000, 0.000, 1.000) 0.00s infinite normal none,
				AE_Rotation_4 1.52s cubic-bezier(0.000, -0.000, 0.000, 1.000) 0.00s infinite normal none,
				AE_Scale_4 1.52s cubic-bezier(0.167, 0.250, 0.667, 1.000) 0.00s infinite normal none;
            }




/*===============================================================================*/
/* |	Layer Name: key1                                                           
/*-------------------------------------------------------------------------------*/
		/*
	#### position
		
		├─ Start
		│     time = 0.000
		│     value = 635.6, 652.2, 0
		│     duration = 0.640s
		├─ Layer In Point
		│     time = 0.000
		├─ Keyframe 1
		│     time = 0.640
		│     value = 635.6, 652.2, 0
		│     duration = 0.680s
		│     easing = cubic-bezier(0.000, 0.000, 0.000, 1.000)
		├─ Keyframe 2
		│     time = 1.320
		│     value = 847.36, 570.42, 0
		│     duration = 0.200s
		└─ End
		      time = 1.520
		      value = 847.36, 570.42, 0

	#### scale
		
		├─ Start
		│     time = 0.000
		│     value = 0, 0, 100
		│     duration = 0.600s
		├─ Layer In Point
		│     time = 0.000
		├─ Keyframe 1
		│     time = 0.600
		│     value = 0, 0, 100
		│     duration = 0.040s
		│     easing = cubic-bezier(0.167, 0.250, 0.667, 1.000)
		├─ Keyframe 2
		│     time = 0.640
		│     value = 13.96, 13.96, 100
		│     duration = 0.680s
		│     easing = cubic-bezier(0.000, -0.000, 0.000, 1.000)
		├─ Keyframe 3
		│     time = 1.320
		│     value = 0, 0, 100
		│     duration = 0.200s
		└─ End
		      time = 1.520
		      value = 0, 0, 100

	#### rotation
		
		├─ Start
		│     time = 0.000
		│     value = 0
		│     duration = 0.640s
		├─ Layer In Point
		│     time = 0.000
		├─ Keyframe 1
		│     time = 0.640
		│     value = 0
		│     duration = 0.680s
		│     easing = cubic-bezier(0.000, -0.000, 0.000, 1.000)
		├─ Keyframe 2
		│     time = 1.320
		│     value = 164
		│     duration = 0.200s
		└─ End
		      time = 1.520
		      value = 164
		*/
		.backgroundImage_5 { background-image: url('./images/image_key1_4.png') }
		.layerInitial_5{
            width: 225px;
            height: 225px; 
             
            translate: 523.10px 539.70px 0.00px;
                rotate: 0.00deg;
                scale: 0.00 0.00 1;
             
            opacity: 1.00; 
            transform-style: preserve-3d; 
            transform-origin: 50.00% 50.00%;
            display: block;
            position: absolute;
        }
		@keyframes AE_Position_5 {
			0% { translate: 523.10px 539.70px 0.00px; animation-timing-function: cubic-bezier(0.000, 0.000, 0.000, 1.000); }
			42.11% { translate: 523.10px 539.70px 0.00px; animation-timing-function: cubic-bezier(0.000, 0.000, 0.000, 1.000); }
			86.84% { translate: 734.86px 457.92px 0.00px;  }
			100% { translate: 734.86px 457.92px 0.00px; }
		}

		@keyframes AE_Rotation_5 {
			0% { rotate: 0.00deg; animation-timing-function: cubic-bezier(0.000, -0.000, 0.000, 1.000); }
			42.11% { rotate: 0.00deg; animation-timing-function: cubic-bezier(0.000, -0.000, 0.000, 1.000); }
			86.84% { rotate: 164.00deg;  }
			100% { rotate: 164.00deg; }
		}

		@keyframes AE_Scale_5 {
			0% { scale: 0.00 0.00 1; animation-timing-function: cubic-bezier(0.167, 0.250, 0.667, 1.000); }
			39.47% { scale: 0.00 0.00 1; animation-timing-function: cubic-bezier(0.167, 0.250, 0.667, 1.000); }
			42.11% { scale: 0.14 0.14 1; animation-timing-function: cubic-bezier(0.000, -0.000, 0.000, 1.000); }
			86.84% { scale: 0.00 0.00 1;  }
			100% { scale: 0.00 0.00 1; }
		}


		.layerAnimation_5 { 
                animation: AE_Position_5 1.52s cubic-bezier(0.000, 0.000, 0.000, 1.000) 0.00s infinite normal none,
				AE_Rotation_5 1.52s cubic-bezier(0.000, -0.000, 0.000, 1.000) 0.00s infinite normal none,
				AE_Scale_5 1.52s cubic-bezier(0.167, 0.250, 0.667, 1.000) 0.00s infinite normal none;
            }




/*===============================================================================*/
/* |	Layer Name: timeline-studio.fr                                             
/*-------------------------------------------------------------------------------*/
		/*
	#### scale
		
		├─ Start
		│     time = 0.000
		│     value = 100, 100, 100
		│     duration = 0.600s
		├─ Layer In Point
		│     time = 0.000
		├─ Keyframe 1
		│     time = 0.600
		│     value = 100, 100, 100
		│     duration = 0.040s
		│     easing = cubic-bezier(0.333, 0.000, 0.667, 1.000)
		├─ Keyframe 2
		│     time = 0.640
		│     value = 146, 54, 100
		│     duration = 0.160s
		│     easing = cubic-bezier(0.333, 0.000, 0.667, 1.000)
		├─ Keyframe 3
		│     time = 0.800
		│     value = 80, 120, 100
		│     duration = 0.200s
		│     easing = cubic-bezier(0.333, 0.000, 0.667, 1.000)
		├─ Keyframe 4
		│     time = 1.000
		│     value = 110, 90, 100
		│     duration = 0.320s
		│     easing = cubic-bezier(0.333, 0.000, 0.667, 1.000)
		├─ Keyframe 5
		│     time = 1.320
		│     value = 100, 100, 100
		│     duration = 0.200s
		└─ End
		      time = 1.520
		      value = 100, 100, 100
		*/
		@font-face {
			font-family: bold;
			src: url('./fonts/CocogoosePro-Bold.ttf') format('truetype');
		}

		.layerInitial_6{
            position: absolute;
            line-height: 52.3380033522844px;
            display: block;
            opacity: 1.00; 
            width: fit-content;
            height: fit-content;
            translate: 250.00px 671.00px 0px;
            font-family: bold;
            font-size: 61px;
            color: rgb(255, 255, 255);
            transform-origin: 50.04% 98.25%;
            transform-style: preserve-3d;
            white-space: nowrap;
        }
		@keyframes AE_Scale_6 {
			0% { scale: 1.00 1.00 1; animation-timing-function: cubic-bezier(0.333, 0.000, 0.667, 1.000); }
			39.47% { scale: 1.00 1.00 1; animation-timing-function: cubic-bezier(0.333, 0.000, 0.667, 1.000); }
			42.11% { scale: 1.46 0.54 1; animation-timing-function: cubic-bezier(0.333, 0.000, 0.667, 1.000); }
			52.63% { scale: 0.80 1.20 1; animation-timing-function: cubic-bezier(0.333, 0.000, 0.667, 1.000); }
			65.79% { scale: 1.10 0.90 1; animation-timing-function: cubic-bezier(0.333, 0.000, 0.667, 1.000); }
			86.84% { scale: 1.00 1.00 1;  }
			100% { scale: 1.00 1.00 1; }
		}


		.layerAnimation_6 { 
                animation: AE_Scale_6 1.52s cubic-bezier(0.333, 0.000, 0.667, 1.000) 0.00s infinite normal none;
            }




/*===============================================================================*/
/* |	Layer Name: En construction...                                             
/*-------------------------------------------------------------------------------*/
		@font-face {
			font-family: light;
			src: url('./fonts/CocogoosePro-Light.ttf') format('truetype');
		}

		.layerInitial_7{
            position: absolute;
            line-height: 39.1510006673634px;
            display: block;
            opacity: 1.00; 
            width: fit-content;
            height: fit-content;
            translate: 329.00px 844.00px 0px;
            font-family: light;
            font-size: 49px;
            color: rgb(255, 255, 255);
            transform-origin: 49.72% 98.37%;
            transform-style: preserve-3d;
            white-space: nowrap;
        }