/***************************************************
 * Generated by SVG Artista on 8/29/2024, 8:09:59 PM
 * MIT license (https://opensource.org/licenses/MIT)
 * W. https://svgartista.net
 * 
 * correctifs apportés cf JS
 * Logo design by itchiweb.com
 **************************************************/

 svg .svg-elem-1 {
  stroke-dashoffset: 101.94454956054688px;
  stroke-dasharray: 101.94454956054688px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0s,
         fill 0.7s ease 0.8s;
          transition: stroke-dashoffset 1s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0s,
                fill 0.7s ease 0.8s;
}

svg.active .svg-elem-1 {
  stroke-dashoffset: 0;
  fill: rgb(255, 255, 255);
}
/* PBM  */
svg .svg-elem-2 {
 
  stroke-dashoffset: 372.7967529296875px; 
  /* stroke-dasharray: 372.7967529296875px;*//* cause */
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.12s,
          fill 0.7s ease 0.9s;
          transition: stroke-dashoffset 1s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.12s,
                fill 0.7s ease 0.9s;

}

svg.active .svg-elem-2 {
  stroke-dashoffset: 0;
  fill: rgb(255, 255, 255);
}

svg .svg-elem-3 {
  stroke-dashoffset: 320.1755967878496px;
  stroke-dasharray: 320.1755967878496px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.24s,
                        fill 0.7s ease 1s;
          transition: stroke-dashoffset 1s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.24s,
                fill 0.7s ease 1s;
}

svg.active .svg-elem-3 {
  stroke-dashoffset: 0;
  fill: rgb(255, 255, 255);
}

svg .svg-elem-4 {
  stroke-dashoffset: 216.71243705925713px;
  stroke-dasharray: 216.71243705925713px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.36s,
                        fill 0.7s ease 1.1s;
          transition: stroke-dashoffset 1s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.36s,
                fill 0.7s ease 1.1s;
}

svg.active .svg-elem-4 {
  stroke-dashoffset: 0;
  fill: rgb(255, 255, 255);
}

svg .svg-elem-5 {
  stroke-dashoffset: 89.42076110839844px;
  stroke-dasharray: 89.42076110839844px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.48s,
                        fill 0.7s ease 1.2000000000000002s;
          transition: stroke-dashoffset 1s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.48s,
                fill 0.7s ease 1.2000000000000002s;
}

svg.active .svg-elem-5 {
  stroke-dashoffset: 0;
  fill: rgb(255, 255, 255);
}

svg .svg-elem-6 {
  stroke-dashoffset: 40.14002620386795px;
  stroke-dasharray: 40.14002620386795px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.6s,
                        fill 0.7s ease 1.3s;
          transition: stroke-dashoffset 1s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.6s,
                fill 0.7s ease 1.3s;
}

svg.active .svg-elem-6 {
  stroke-dashoffset: 0;
  fill: rgb(0, 0, 0);
}

svg .svg-elem-7 {
  stroke-dashoffset: 24188.197265625px;
  stroke-dasharray: 24188.197265625px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.72s,
                        fill 0.7s ease 1.4000000000000001s;
          transition: stroke-dashoffset 1s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.72s,
                fill 0.7s ease 1.4000000000000001s;
}

svg.active .svg-elem-7 {
  stroke-dashoffset: 0;
  fill: rgb(0, 0, 0);
}

svg .svg-elem-8 {
  stroke-dashoffset: 21981.181640625px;
  stroke-dasharray: 21981.181640625px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.84s,
                        fill 0.7s ease 1.5s;
          transition: stroke-dashoffset 1s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.84s,
                fill 0.7s ease 1.5s;
}

svg.active .svg-elem-8 {
  stroke-dashoffset: 0;
  fill: rgb(0, 0, 0);
}

svg .svg-elem-9 {
  stroke-dashoffset: 24232.00390625px;
  stroke-dasharray: 24232.00390625px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.96s,
                        fill 0.7s ease 1.6s;
          transition: stroke-dashoffset 1s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.96s,
                fill 0.7s ease 1.6s;
}

svg.active .svg-elem-9 {
  stroke-dashoffset: 0;
  fill: rgb(0, 0, 0);
}

svg .svg-elem-10 {
  stroke-dashoffset: 9928.9013671875px;
  stroke-dasharray: 9928.9013671875px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.895, 0.03, 0.685, 0.22) 1.08s,
                        fill 0.7s ease 1.7000000000000002s;
          transition: stroke-dashoffset 1s cubic-bezier(0.895, 0.03, 0.685, 0.22) 1.08s,
                fill 0.7s ease 1.7000000000000002s;
}

svg.active .svg-elem-10 {
  stroke-dashoffset: 0;
  fill: rgb(0, 0, 0);
}

svg .svg-elem-11 {
  stroke-dashoffset: 11508.6357421875px;
  stroke-dasharray: 11508.6357421875px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.895, 0.03, 0.685, 0.22) 1.2s,
                        fill 0.7s ease 1.8s;
          transition: stroke-dashoffset 1s cubic-bezier(0.895, 0.03, 0.685, 0.22) 1.2s,
                fill 0.7s ease 1.8s;
}

svg.active .svg-elem-11 {
  stroke-dashoffset: 0;
  fill: rgb(0, 0, 0);
}

svg .svg-elem-12 {
  stroke-dashoffset: 11629.392578125px;
  stroke-dasharray: 11629.392578125px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.895, 0.03, 0.685, 0.22) 1.3199999999999998s,
                        fill 0.7s ease 1.9000000000000001s;
          transition: stroke-dashoffset 1s cubic-bezier(0.895, 0.03, 0.685, 0.22) 1.3199999999999998s,
                fill 0.7s ease 1.9000000000000001s;
}

svg.active .svg-elem-12 {
  stroke-dashoffset: 0;
  fill: rgb(0, 0, 0);
}

svg .svg-elem-13 {
  stroke-dashoffset: 4906.4638671875px;
  stroke-dasharray: 4906.4638671875px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.895, 0.03, 0.685, 0.22) 1.44s,
                        fill 0.7s ease 2s;
          transition: stroke-dashoffset 1s cubic-bezier(0.895, 0.03, 0.685, 0.22) 1.44s,
                fill 0.7s ease 2s;
}

svg.active .svg-elem-13 {
  stroke-dashoffset: 0;
  fill: rgb(0, 0, 0);
}

svg .svg-elem-14 {
  stroke-dashoffset: 11842px;
  stroke-dasharray: 11842px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.895, 0.03, 0.685, 0.22) 1.56s,
                        fill 0.7s ease 2.1s;
          transition: stroke-dashoffset 1s cubic-bezier(0.895, 0.03, 0.685, 0.22) 1.56s,
                fill 0.7s ease 2.1s;
}

svg.active .svg-elem-14 {
  stroke-dashoffset: 0;
  fill: rgb(0, 0, 0);
}

svg .svg-elem-15 {
  stroke-dashoffset: 9347.4873046875px;
  stroke-dasharray: 9347.4873046875px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.895, 0.03, 0.685, 0.22) 1.68s,
                        fill 0.7s ease 2.2s;
          transition: stroke-dashoffset 1s cubic-bezier(0.895, 0.03, 0.685, 0.22) 1.68s,
                fill 0.7s ease 2.2s;
}

svg.active .svg-elem-15 {
  stroke-dashoffset: 0;
  fill: rgb(0, 0, 0);
}

svg .svg-elem-16 {
  stroke-dashoffset: 7182px;
  stroke-dasharray: 7182px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.895, 0.03, 0.685, 0.22) 1.7999999999999998s,
                        fill 0.7s ease 2.3s;
          transition: stroke-dashoffset 1s cubic-bezier(0.895, 0.03, 0.685, 0.22) 1.7999999999999998s,
                fill 0.7s ease 2.3s;
}

svg.active .svg-elem-16 {
  stroke-dashoffset: 0;
  fill: rgb(0, 0, 0);
}

svg .svg-elem-17 {
  stroke-dashoffset: 11629.40234375px;
  stroke-dasharray: 11629.40234375px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.895, 0.03, 0.685, 0.22) 1.92s,
                        fill 0.7s ease 2.4000000000000004s;
          transition: stroke-dashoffset 1s cubic-bezier(0.895, 0.03, 0.685, 0.22) 1.92s,
                fill 0.7s ease 2.4000000000000004s;
}

svg.active .svg-elem-17 {
  stroke-dashoffset: 0;
  fill: rgb(0, 0, 0);
}

svg .svg-elem-18 {
  stroke-dashoffset: 11508.6513671875px;
  stroke-dasharray: 11508.6513671875px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.895, 0.03, 0.685, 0.22) 2.04s,
                        fill 0.7s ease 2.5s;
          transition: stroke-dashoffset 1s cubic-bezier(0.895, 0.03, 0.685, 0.22) 2.04s,
                fill 0.7s ease 2.5s;
}

svg.active .svg-elem-18 {
  stroke-dashoffset: 0;
  fill: rgb(0, 0, 0);
}

svg .svg-elem-19 {
  stroke-dashoffset: 10607.1396484375px;
  stroke-dasharray: 10607.1396484375px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.895, 0.03, 0.685, 0.22) 2.16s,
                        fill 0.7s ease 2.6s;
          transition: stroke-dashoffset 1s cubic-bezier(0.895, 0.03, 0.685, 0.22) 2.16s,
                fill 0.7s ease 2.6s;
}

svg.active .svg-elem-19 {
  stroke-dashoffset: 0;
  fill: rgb(0, 0, 0);
}

svg .svg-elem-20 {
  stroke-dashoffset: 1322px;
  stroke-dasharray: 1322px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.895, 0.03, 0.685, 0.22) 2.28s,
                        fill 0.7s ease 2.7s;
          transition: stroke-dashoffset 1s cubic-bezier(0.895, 0.03, 0.685, 0.22) 2.28s,
                fill 0.7s ease 2.7s;
}

svg.active .svg-elem-20 {
  stroke-dashoffset: 0;
  fill: rgb(0, 0, 0);
}


/* fix */
svg.tmp .svg-elem-2 {
  stroke-dasharray: 372.7967529296875px;/* cause */
}


/*******
 * animate UAP
 * fade in fx
 */
/*.svg-elem-6, circle */
.svg-elem-7,
.svg-elem-8,
.svg-elem-9,
.svg-elem-10,
.svg-elem-11,
.svg-elem-12,
.svg-elem-13,
.svg-elem-14,
.svg-elem-15,
.svg-elem-16,
.svg-elem-17,
.svg-elem-18,
.svg-elem-19,
.svg-elem-20
{
  animation: fadeInAnimation ease 2s;
  animation-iteration-count: 1;
  animation-fill-mode: both;
  }

@keyframes fadeInAnimation
{
  0%
  { 
  opacity: 0;
  }

  100% 
  {
  opacity: 1;
  }
}


/*******
 * animate UAP
 * delay circle
 */
.svg-elem-6 {
  animation: 2s fadeIn;
  animation-fill-mode: forwards;
  visibility: hidden;
}


@keyframes fadeIn {
  99% {
    visibility: hidden;
  }
  100% {
    visibility: visible;
  }
}