.illu{
    width:100%;
    display: flex;
    align-items: center;
    justify-content: space-around;
}
#soleil{
    position: relative;
    width: 20vw;
    height: 20vw;
    animation-timing-function: linear;
    padding: 5vw;
    margin: 30px;
}
#soleil::before{
    content:'';
    position: absolute;
    background-image: url('../images/Rayons-soleil.svg');
    z-index: -2;
    width:90%;
    height: 90%;
    top: 5%;
    left: 5%;
    animation: soleil 15s infinite;
    animation-timing-function: linear;
}
#soleil::after{
    content:'';
    position: absolute;
    background-image: url('../images/EMC.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: -2;
    width:40%;
    height: 20%;
    top: 50%;left:5%;transform: rotate(0deg);
}
#soleil.animate_cme::after{
    animation-name: emc;
    animation-duration: 2s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}
#terre{
    position: relative;
    width: 10vw;
    height: 10vw;
}
#terre::before{
    content:'';
    position: absolute;
    background-image: url('../images/bouclier-extern.svg');
    width:150%;
    height: 150%;
    top: -25%;
    left: -25%;
    animation: bouclier 1s infinite;
    animation-delay: 0.5s;
    animation-direction: alternate;
    animation-timing-function: linear;
}
#terre::after{
    content:'';
    position: absolute;
    background-image: url('../images/bouclier-intern.svg');
    width:140%;
    height: 140%;
    top: -20%;
    left: -20%;
    animation-name: bouclier;
    animation-direction: alternate;
    animation-duration: 1s;
    animation-iteration-count: infinite;
}
#simu{
    margin-top: 5%;
}