// global styles
*,
*:before,
*:after {
  box-sizing: border-box;
}

body {
  background-color: white;
}

.wrap {
  position: absolute;
  top:0;right:0;bottom:0;left:0;
  max-width: 1200px;
  min-width: 300px;
  padding: 10px;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}




.svg-wrap {
  width: 100%;
  margin: auto;
}

#svg {
  width: 50%; 
  height: 50%;
  overflow: inherit; 
  margin-right: 100px;
}

.is-loading {
  opacity: 1;
}

#Analyse
 {
    opacity:0;
    -moz-animation: anim 3s linear forwards 5s;
    -webkit-animation: anim 3s linear forwards 5s;
    -o-animation: anim 3s linear forwards 5s;
    -ms-animation: anim 3s linear forwards 5s;
    animation: anim 1.5s linear forwards 0.5s;
}
#Strategie
{
    opacity:0;
    -moz-animation: anim 3s linear forwards 5s;
    -webkit-animation: anim 3s linear forwards 5s;
    -o-animation: anim 3s linear forwards 5s;
    -ms-animation: anim 3s linear forwards 5s;
    animation: anim 2s linear forwards 1s;
}
#Proposition
{
    opacity:0;
    -moz-animation: anim 3s linear forwards 5s;
    -webkit-animation: anim 3s linear forwards 5s;
    -o-animation: anim 3s linear forwards 5s;
    -ms-animation: anim 3s linear forwards 5s;
    animation: anim 2s linear forwards 1.5s;
}
#MiseEO
{
    opacity:0;
    -moz-animation: anim 3s linear forwards 5s;
    -webkit-animation: anim 3s linear forwards 5s;
    -o-animation: anim 3s linear forwards 5s;
    -ms-animation: anim 3s linear forwards 5s;
    animation: anim 2.25s linear forwards 1.75s;
}
#Suivi
{
    opacity:0;
    -moz-animation: anim 3s linear forwards 5s;
    -webkit-animation: anim 3s linear forwards 5s;
    -o-animation: anim 3s linear forwards 5s;
    -ms-animation: anim 3s linear forwards 5s;
    animation: anim 2.5s linear forwards 2s;
}
#Ajustements
{
    opacity:0;
    -moz-animation: anim 3s linear forwards 5s;
    -webkit-animation: anim 3s linear forwards 5s;
    -o-animation: anim 3s linear forwards 5s;
    -ms-animation: anim 3s linear forwards 5s;
    animation: anim 2.75s linear forwards 2.25s;
}

#fleche1,
#fleche2,
#fleche3,
#fleche4,
#fleche5 {
    opacity:0;
    -moz-animation: anim 3s linear forwards 5s;
    -webkit-animation: anim 3s linear forwards 5s;
    -o-animation: anim 3s linear forwards 5s;
    -ms-animation: anim 3s linear forwards 5s;
    animation: anim 2.5s linear forwards 2s;
}

#fleche6 {
    opacity:0;
    -moz-animation: anim 3s linear forwards 5s;
    -webkit-animation: anim 3s linear forwards 5s;
    -o-animation: anim 3s linear forwards 5s;
    -ms-animation: anim 3s linear forwards 5s;
    animation: anim 3s linear forwards 2.5s;
}

@-moz-keyframes anim {
   0%  {opacity:0;}
   100% {opacity:1;}
}
@-webkit-keyframes anim {
   0%  {opacity:0;}
   100% {opacity:1;}
}
@-o-keyframes anim {
   0%  {opacity:0;}
   100% {opacity:1;}
}
@-ms-keyframes anim {
   0%  {opacity:0;}
   100% {opacity:1;}
}
@keyframes anim {
   0%  {opacity:0;}
   100% {opacity:1;}
}






#fleche1,
#fleche2,
#fleche3,
#fleche4,
#fleche5




// fix fouc in safari and mobile browsers when path segment are of length 0
#box1,
#box2,
#box3,
#box4,
#box5,
#box6,

{
    opacity: 1;
}