.pulse{
	animation-name: pulse_animation;
	animation-duration: 1000ms;
	transform-origin:70% 70%;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	}
	
	@keyframes pulse_animation {
	0% { transform: scale(1); }
	20% { transform: scale(1.03); }
	30% { transform: scale(1.06); }
	40% { transform: scale(1.08); }
	50% { transform: scale(1.08); }
	60% { transform: scale(1.08); }
	70% { transform: scale(1.06); }
	80% { transform: scale(1.03); }
	100% { transform: scale(1); }
	}
	
.pulse2{
	animation-name: pulse2_animation;
	animation-duration: 1000ms;
	transform-origin:70% 70%;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	}
	
	@keyframes pulse2_animation {
	0% { transform: scale(1) rotate(180deg); }
	20% { transform: scale(1.03) rotate(180deg); }
	30% { transform: scale(1.06) rotate(180deg); }
	40% { transform: scale(1.08) rotate(180deg); }
	50% { transform: scale(1.08) rotate(180deg); }
	60% { transform: scale(1.08) rotate(180deg); }
	70% { transform: scale(1.06) rotate(180deg); }
	80% { transform: scale(1.03) rotate(180deg); }
	100% { transform: scale(1) rotate(180deg); }
	}	
	
.pulse3{
	animation-name: pulse3_animation;
	animation-duration: 1000ms;
	transform-origin:70% 70%;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	}
	
	@keyframes pulse3_animation {
	0% { transform: scale(1) rotate(90deg); }
	20% { transform: scale(1.03) rotate(90deg); }
	30% { transform: scale(1.06) rotate(90deg); }
	40% { transform: scale(1.08) rotate(90deg); }
	50% { transform: scale(1.08) rotate(90deg); }
	60% { transform: scale(1.08) rotate(90deg); }
	70% { transform: scale(1.06) rotate(90deg); }
	80% { transform: scale(1.03) rotate(90deg); }
	100% { transform: scale(1) rotate(90deg); }
	}	
	
.pulse4{
	animation-name: pulse4_animation;
	animation-duration: 1000ms;
	transform-origin:70% 70%;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	}
	
	@keyframes pulse4_animation {
	0% { transform: scale(1) rotate(270deg); }
	20% { transform: scale(1.03) rotate(270deg); }
	30% { transform: scale(1.06) rotate(270deg); }
	40% { transform: scale(1.08) rotate(270deg); }
	50% { transform: scale(1.08) rotate(270deg); }
	60% { transform: scale(1.08) rotate(270deg); }
	70% { transform: scale(1.06) rotate(270deg); }
	80% { transform: scale(1.03) rotate(270deg); }
	100% { transform: scale(1) rotate(270deg); }
	}	
.dep1c2cordroite{
	animation-name: dep1c2cordroite_animation;
	animation-duration: 1000ms;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
	animation-timing-function: linear;
	}
		
	@keyframes dep1c2cordroite_animation {
	0% { left: 22px; }

	100% { left: 124px; }
	}

.dep2c3cordroite{
	animation-name: dep2c3cordroite_animation;
	animation-duration: 1000ms;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
	animation-timing-function: linear;
	}
		
	@keyframes dep2c3cordroite_animation {
	0% { left: 124px; }

	100% { left: 226px; }
	}

.dep3c4cordroite{
	animation-name: dep3c4cordroite_animation;
	animation-duration: 1000ms;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
	animation-timing-function: linear;
	}
		
	@keyframes dep3c4cordroite_animation {
	0% { left: 226px; }

	100% { left: 328px; }
	}

.dep2c1cordroite{
	animation-name: dep2c1cordroite_animation;
	animation-duration: 1000ms;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
	animation-timing-function: linear;
	}
		
	@keyframes dep2c1cordroite_animation {
	0% { left: 124px; }

	100% { left: 22px; }
	}

.dep3c2cordroite{
	animation-name: dep3c2cordroite_animation;
	animation-duration: 1000ms;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
	animation-timing-function: linear;
	}
		
	@keyframes dep3c2cordroite_animation {
	0% { left: 226px; }

	100% { left: 124px; }
	}

.dep4c3cordroite{
	animation-name: dep4c3cordroite_animation;
	animation-duration: 1000ms;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
	animation-timing-function: linear;
	}
		
	@keyframes dep4c3cordroite_animation {
	0% { left: 328px; }

	100% { left: 226px; }
	}

.dep1c2corgauche{
	animation-name: dep1c2corgauche_animation;
	animation-duration: 1000ms;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
	animation-timing-function: linear;
	}
		
	@keyframes dep1c2corgauche_animation {
	0% { left: 22px; }

	100% { left: 124px; }
	}

.dep2c3corgauche{
	animation-name: dep2c3corgauche_animation;
	animation-duration: 1000ms;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
	animation-timing-function: linear;
	}
		
	@keyframes dep2c3corgauche_animation {
	0% { left: 124px; }

	100% { left: 226px; }
	}

.dep3c4corgauche{
	animation-name: dep3c4corgauche_animation;
	animation-duration: 1000ms;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
	animation-timing-function: linear;
	}
		
	@keyframes dep3c4corgauche_animation {
	0% { left: 226px; }

	100% { left: 328px; }
	}

.dep2c1corgauche{
	animation-name: dep2c1corgauche_animation;
	animation-duration: 1000ms;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
	animation-timing-function: linear;
	}
		
	@keyframes dep2c1corgauche_animation {
	0% { left: 124px; }

	100% { left: 22px; }
	}

.dep3c2corgauche{
	animation-name: dep3c2corgauche_animation;
	animation-duration: 1000ms;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
	animation-timing-function: linear;
	}
		
	@keyframes dep3c2corgauche_animation {
	0% { left: 226px; }

	100% { left: 124px; }
	}

.dep4c3corgauche{
	animation-name: dep4c3corgauche_animation;
	animation-duration: 1000ms;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
	animation-timing-function: linear;
	}
		
	@keyframes dep4c3corgauche_animation {
	0% { left: 328px; }

	100% { left: 226px; }
	}
	
.dep4l3lor0{
	animation-name: dep4l3l_animation;
	animation-duration: 1000ms;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
	animation-timing-function: linear;
	}
		
	@keyframes dep4l3l_animation {
	0% { top: 326px;transform: rotate(0deg); }

	100% { top: 224px;transform: rotate(0deg); }
	}
	
.dep3l2lor0{
	animation-name: dep3l2l_animation;
	animation-duration: 1000ms;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
	animation-timing-function: linear;
	}
		
	@keyframes dep3l2l_animation {
	0% { top: 224px;transform: rotate(0deg); }

	100% { top: 122px;transform: rotate(0deg); }
	}
	
.dep2l1lor0{
	animation-name: dep2l1l_animation;
	animation-duration: 1000ms;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
	animation-timing-function: linear;
	}
		
	@keyframes dep2l1l_animation {
	0% { top: 122px;transform: rotate(0deg); }

	100% { top: 20px;transform: rotate(0deg); }
	}

.dep1l2lor0{
	animation-name: dep1l2l_animation;
	animation-duration: 1000ms;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
	animation-timing-function: linear;
	}
		
	@keyframes dep1l2l_animation {
	0% { top: 20px;transform: rotate(0deg); }

	100% { top: 122px;transform: rotate(0deg); }
	}
	
.dep2l3lor0{
	animation-name: dep2l3l_animation;
	animation-duration: 1000ms;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
	animation-timing-function: linear;
	}
		
	@keyframes dep2l3l_animation {
	0% { top: 122px; }

	100% { top: 224px; }
	}

.dep3l4lor0{
	animation-name: dep3l4l_animation;
	animation-duration: 1000ms;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
	animation-timing-function: linear;
	}
		
	@keyframes dep3l4l_animation {
	0% { top: 224px; }

	100% { top: 326px; }
	}

.dep1l2lorbas{
	animation-name: dep1l2lorbas_animation;
	animation-duration: 1000ms;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
	animation-timing-function: linear;
	}
		
	@keyframes dep1l2lorbas_animation {
	0% { top: 20px;transform:rotate(180deg) }

	100% { top: 122px;transform:rotate(180deg) }
	}

.dep2l3lorbas{
	animation-name: dep2l3lorbas_animation;
	animation-duration: 1000ms;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
	animation-timing-function: linear;
	}
		
	@keyframes dep2l3lorbas_animation {
	0% { top: 122px;transform:rotate(180deg) }

	100% { top: 224px;transform:rotate(180deg) }
	}

.dep3l4lorbas{
	animation-name: dep3l4lorbas_animation;
	animation-duration: 1000ms;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
	animation-timing-function: linear;
	}
		
	@keyframes dep3l4lorbas_animation {
	0% { top: 224px;transform:rotate(180deg) }

	100% { top: 326px;transform:rotate(180deg) }
	}
	
.dep2l1lorbas{
	animation-name: dep2l1lorbas_animation;
	animation-duration: 1000ms;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
	animation-timing-function: linear;
	}
		
	@keyframes dep2l1lorbas_animation {
	0% { top: 122px;transform:rotate(180deg) }

	100% { top: 20px;transform:rotate(180deg) }
	}

.dep3l2lorbas{
	animation-name: dep3l2lorbas_animation;
	animation-duration: 1000ms;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
	animation-timing-function: linear;
	}
		
	@keyframes dep3l2lorbas_animation {
	0% { top: 224px;transform:rotate(180deg) }

	100% { top: 122px;transform:rotate(180deg) }
	}
	
.dep4l3lorbas{
	animation-name: dep4l3lorbas_animation;
	animation-duration: 1000ms;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
	animation-timing-function: linear;
	}
		
	@keyframes dep4l3lorbas_animation {
	0% { top: 326px;transform:rotate(180deg) }

	100% { top: 224px;transform:rotate(180deg) }
	}

	
.rotation0deg90deg
{
	animation-name: rotation0deg90deg_animation;
	animation-duration: 1000ms;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
	animation-timing-function: linear;
	}
		
	@keyframes rotation0deg90deg_animation {
	0% { transform: rotate(0deg); }

	100% { transform: rotate(90deg); }
	}

.rotation90deg180deg
{
	animation-name: rotation90deg180deg_animation;
	animation-duration: 1000ms;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
	animation-timing-function: linear;
	}
		
	@keyframes rotation90deg180deg_animation {
	0% { transform: rotate(90deg); }

	100% {  }
	}

.rotation180deg270deg
{
	animation-name: rotation180deg270deg_animation;
	animation-duration: 1000ms;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
	animation-timing-function: linear;
	}
		
	@keyframes rotation180deg270deg_animation {
	0% {  }

	100% {  }
	}

.rotation270deg0deg
{
	animation-name: rotation270deg0deg_animation;
	animation-duration: 1000ms;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
	animation-timing-function: linear;
	}
		
	@keyframes rotation270deg0deg_animation {
	0% {  }

	100% { transform: rotate(360deg); }
	}

.rotation0deg270deg
{
	animation-name: rotation0deg270deg_animation;
	animation-duration: 1000ms;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
	animation-timing-function: linear;
	}
		
	@keyframes rotation0deg270deg_animation {
	0% { transform: rotate(0deg); }

	100% {  }
	}

.rotation270deg180deg
{
	animation-name: rotation270deg180deg_animation;
	animation-duration: 1000ms;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
	animation-timing-function: linear;
	}
		
	@keyframes rotation270deg180deg_animation {
	0% {  }

	100% {  }
	}

.rotation180deg90deg
{
	animation-name: rotation180deg90deg_animation;
	animation-duration: 1000ms;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
	animation-timing-function: linear;
	}
		
	@keyframes rotation180deg90deg_animation {
	0% {  }

	100% { transform: rotate(90deg); }
	}

.rotation90deg0deg
{
	animation-name: rotation90deg0deg_animation;
	animation-duration: 1000ms;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
	animation-timing-function: linear;
	}
		
	@keyframes rotation90deg0deg_animation {
	0% { transform: rotate(90deg); }

	100% { transform: rotate(0deg); }
	}

.voyant1B2B
{
	animation-name: voyant1B2B_animation;
	animation-duration: 1000ms;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
	animation-timing-function: linear;
	}
		
	@keyframes voyant1B2B_animation {
	0% { height: 0px;top:60px }

	100% { height: 108px;top:60px }
	}


.voyant2B3B
{
	animation-name: voyant2B3B_animation;
	animation-duration: 1000ms;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
	animation-timing-function: linear;
	}
		
	@keyframes voyant2B3B_animation {
	0% { height: 0px;top:160px }

	100% { height: 108px;top:160px }
	}


.voyant3B4B
{
	animation-name: voyant3B4B_animation;
	animation-duration: 1000ms;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
	animation-timing-function: linear;
	}
		
	@keyframes voyant3B4B_animation {
	0% { height: 0px;top:260px }

	100% { height: 108px;top:260px }
	}
	
.voyant4B3B
{
	animation-name: voyant4B3B_animation;
	animation-duration: 1000ms;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
	animation-timing-function: linear;
	}
		
	@keyframes voyant4B3B_animation {
	0% { height: 0px;top:360px }

	100% { height: 108px;top:260px }
	}


.voyant3B2B
{
	animation-name: voyant3B2B_animation;
	animation-duration: 1000ms;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
	animation-timing-function: linear;
	}
		
	@keyframes voyant3B2B_animation {
	0% { height: 0px;top:260px }

	100% { height: 108px;top:160px }
	}


.voyant2B1B
{
	animation-name: voyant2B1B_animation;
	animation-duration: 1000ms;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
	animation-timing-function: linear;
	}
		
	@keyframes voyant2B1B_animation {
	0% { height: 0px;top:160px }

	100% { height: 108px;top:60px }
	}

.voyant1A1B
{
	animation-name: voyant1A1B_animation;
	animation-duration: 1000ms;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
	animation-timing-function: linear;
	}
		
	@keyframes voyant1A1B_animation {
	0% { width: 0px;left:68px }

	100% { width: 108px;left:68px }
	}
	
.voyant1B1C
{
	animation-name: voyant1B1C_animation;
	animation-duration: 1000ms;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
	animation-timing-function: linear;
	}
		
	@keyframes voyant1B1C_animation {
	0% { width: 0px;left:170px }

	100% { width: 108px;left:170px }
	}
	
.voyant1C1D
{
	animation-name: voyant1C1D_animation;
	animation-duration: 1000ms;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
	animation-timing-function: linear;
	}
		
	@keyframes voyant1C1D_animation {
	0% { width: 0px;left:272px }

	100% { width: 108px;left:272px }
	}
	
.voyant1B1A
{
	animation-name: voyant1B1A_animation;
	animation-duration: 1000ms;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
	animation-timing-function: linear;
	}
		
	@keyframes voyant1B1A_animation {
	0% { width: 0px;left:170px }

	100% { width: 108px;left:68px }
	}
	
.voyant1C1B
{
	animation-name: voyant1C1B_animation;
	animation-duration: 1000ms;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
	animation-timing-function: linear;
	}
		
	@keyframes voyant1C1B_animation {
	0% { width: 0px;left:272px }

	100% { width: 108px;left:170px }
	}
	
.voyant1D1C
{
	animation-name: voyant1D1C_animation;
	animation-duration: 1000ms;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
	animation-timing-function: linear;
	}
		
	@keyframes voyant1D1C_animation {
	0% { width: 0px;left:374px }

	100% { width: 108px;left:272px }
	}
	
.formetraits
{
	z-index: 10;
    border-radius: 5px;
    background: #ec5828;
    position: absolute;
}
.boutonhome{
	position:absolute;cursor:pointer;z-index:3;top:10px;left:10px;width:50px;height:50px;
}