.main-content{position:relative;display:flex;align-items:center;justify-content:center;flex-flow:column nowrap;padding:6.4rem;background-color:var(--secondary);overflow:hidden}h1{position:static;z-index:1;color:var(--primary);font-family:var(--font-secondary);font-size:6.4rem;font-weight:700;width:100%;text-align:left;margin-bottom:5.6rem;opacity:0;transform:translateX(-10rem);animation:fadeInFromLeft 2s ease .2s forwards}.bloc-configuration{display:flex;align-items:center;justify-content:center;flex-flow:row nowrap;width:100%;height:65rem;gap:9rem}.bloc-configuration-minimale,.bloc-configuration-periph-add,.bloc-configuration-periph-indis{position:static;z-index:1;display:flex;align-items:flex-start;justify-content:center;flex-flow:column nowrap;width:30%;padding:3.2rem;gap:2.4rem;border-radius:3.2rem;border:.2rem solid var(--primary);box-shadow:0 .4rem .4rem 0 rgba(0,0,0,.25);background-color:var(--secondary)}.bloc-configuration-minimale h2,.bloc-configuration-periph-add h2,.bloc-configuration-periph-indis h2{font-size:2.4rem;font-weight:700}.bloc-configuration-minimale ul,.bloc-configuration-periph-add ul,.bloc-configuration-periph-indis ul{display:flex;align-items:flex-start;justify-content:center;flex-flow:column nowrap;gap:2.4rem}.bloc-configuration-minimale li,.bloc-configuration-periph-add li,.bloc-configuration-periph-indis li{font-size:1.8rem;display:flex;align-items:center;justify-content:center;gap:1.6rem}.bloc-configuration-minimale{align-self:flex-end;opacity:0;transform:translateX(-10rem);animation:fadeInFromLeft 2s ease .2s forwards}.bloc-configuration-periph-indis{align-self:flex-start;opacity:0;transform:translateY(-10rem);animation:fadeInFromTop 2s ease .2s forwards}.bloc-configuration-periph-add{align-self:flex-end;margin-bottom:7.7rem;opacity:0;transform:translateX(10rem);animation:fadeInFromRight 2s ease .2s forwards}.svg-haut-droite{position:absolute;top:0;right:0;opacity:0;animation:fadeIn 2s ease .2s forwards}.svg-ordinateur{position:absolute;bottom:15%;width:12%;opacity:0;transform:translateY(10rem);animation:fadeInFromBottom 2s ease .2s forwards}.svg-gauche{position:absolute;bottom:17%;left:32%;width:12%;opacity:0;animation:fadeIn 2s ease .2s forwards}.svg-droite{position:absolute;bottom:17%;right:32%;width:12%;opacity:0;animation:fadeIn 2s ease .2s forwards}.svg-haut{position:absolute;bottom:32%;opacity:0;animation:fadeIn 2s ease .2s forwards}.svg-haut-droite-resp,.svg-milieu-gauche,.svg-resp{display:none}@keyframes fadeInFromLeft{from{opacity:0;transform:translateX(-10rem)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInFromRight{from{opacity:0;transform:translateX(10rem)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInFromBottom{from{opacity:0;transform:translateY(10rem)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInFromTop{from{opacity:0;transform:translateY(-10rem)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@media (max-width:1500px){.svg-haut{bottom:29%}}@media (max-width:1400px){.bloc-configuration-periph-add{margin-bottom:3.5rem}.svg-haut-droite{opacity:.7}.svg-ordinateur{bottom:10%}.svg-gauche{bottom:10%}.svg-droite{bottom:10%}.svg-haut{bottom:25%}}@media (max-width:1300px){.bloc-configuration{gap:2rem}.bloc-configuration-periph-add{margin-bottom:0}.svg-ordinateur{bottom:5%;width:8%}.svg-gauche{bottom:5%;width:8%;left:36%}.svg-droite{bottom:5%;width:8%;right:36%}.svg-haut{bottom:20%}}@media (max-width:1200px){.main-content{padding:3.2rem}.svg-haut{bottom:18.5%}}@media (max-width:1100px){.bloc-configuration{gap:1rem}.svg-haut{bottom:16.5%}}@media (max-width:1000px){.main-content{padding:3.2rem 2.4rem}h1{font-size:3.2rem;margin-bottom:1.6rem;padding-right:1.6rem}.bloc-configuration{flex-flow:column nowrap;height:auto;gap:3.2rem}.bloc-configuration-minimale,.bloc-configuration-periph-add,.bloc-configuration-periph-indis{width:80%;padding:1.6rem;gap:1.6rem;border-radius:1.4rem;border:.15rem solid var(--primary);box-shadow:0 .18rem .18rem 0 rgba(0,0,0,.25)}.bloc-configuration-minimale h2,.bloc-configuration-periph-add h2,.bloc-configuration-periph-indis h2{font-size:2rem}.bloc-configuration-minimale ul,.bloc-configuration-periph-add ul,.bloc-configuration-periph-indis ul{gap:1.6rem}.bloc-configuration-minimale li,.bloc-configuration-periph-add li,.bloc-configuration-periph-indis li{font-size:1.6rem;gap:.7rem}.bloc-configuration-minimale{align-self:flex-start;transform:translateX(-10rem);animation:fadeInFromLeft 2s ease .2s forwards}.bloc-configuration-periph-indis{align-self:flex-end;transform:translateX(10rem);animation:fadeInFromRight 2s ease .2s forwards}.bloc-configuration-periph-add{align-self:flex-start;margin-bottom:7.7rem;transform:translateX(-10rem);animation:fadeInFromLeft 2s ease .2s forwards}.svg-droite,.svg-gauche,.svg-haut,.svg-haut-droite{display:none}.svg-ordinateur{position:absolute;bottom:0;right:2.3rem}.svg-resp{display:block;position:absolute;bottom:11rem;right:5rem;opacity:0;animation:fadeIn 2s ease .2s forwards}.svg-haut-droite-resp{display:block;position:absolute;top:0;right:0;opacity:0;animation:fadeIn 2s ease .2s forwards}.svg-milieu-gauche{display:block;position:absolute;left:0;opacity:0;animation:fadeIn 2s ease .2s forwards}}@media (max-width:700px){.svg-ordinateur{width:12%}}@media (max-width:500px){.main-content{padding:1.6rem;overflow:hidden}h1{font-size:2.8rem}.svg-ordinateur{width:16%}}@media (max-width:400px){.svg-ordinateur{width:20%}}