.main{display:flex;flex-direction:column;align-items:center;justify-content:center}.main-bg{display:flex;flex-direction:column;align-items:center;margin:30px 0;width:100%}.Bg{position:relative;z-index:0}.bg-text{position:absolute;background-image:linear-gradient(to bottom right,rgb(48,48,111),70%,orange);color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;top:0;left:0;opacity:.8}.bg-text>h1,.bg-text>p{margin:0;padding:0}.bg-text>h1{font-size:5em;animation-name:welcom;animation-duration:2s}.bg-text>p{font-size:1.5em;text-align:center}.Bg>img{width:100%;height:auto}.phone-bg-image{display:none}.btns{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center}@keyframes welcom{0%{font-size:1px}to{font-size:5em}}@media only screen and (min-width: 1100px){.bg-text>h1{font-size:7em}}@media only screen and (max-width: 800px){.phone-bg-image{display:block}.desk-bg-image{display:none}.bg-text>h1{font-size:2em}.bg-text>p{font-size:.8em}@keyframes welcom{0%{font-size:1px}to{font-size:2em}}}.Intro{display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap;max-width:850px;width:100%;color:#fff;font-size:large;padding:20px}.Intro>h1{font-size:2em;font-family:Courier New,Courier,monospace;text-align:left;align-self:center}.Intro>div{font-size:large;max-width:500px}.Intro>div>*{margin:0}.Intro .i0{font-weight:700}.Nivaux{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;justify-content:space-between;color:#fff}.nivau{display:flex;flex-direction:column;width:250px;justify-content:center;align-items:center;text-align:center;margin:20px 5px;padding:10px;background-image:linear-gradient(rgba(0,0,0,0),rgb(8,0,47));border-radius:5px}.nivau:hover{box-shadow:1px 1px 10px #000}.nivau>img{width:100%;height:auto;border-radius:5px}@media only screen and (max-width: 600px){.nivau{margin:20px auto}}.Estk{background-color:inherit;width:250px;text-align:center;background-color:#30306f;color:#fff;padding:10px;border-radius:10px;box-shadow:0 0 3px #000;background-color:#32327a}.Fond-blanc{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#fff;color:#08002f;width:100%;padding:100px 10px;border-radius:0 250px 0 0;margin-top:30px}.Fond-blanc>.row{display:flex;flex-direction:row;flex-wrap:wrap}.Bref-apropos{max-width:500px}.Bref-apropos>p{font-size:large}.Contact-input{display:flex;flex-direction:column;align-items:center;color:#fff}.Contact-input>input{background-color:transparent;border:none;padding:10px;border-bottom:1px solid white;margin:5px;color:#fff;font-size:large;outline:none}.Contact-input>textarea{background-color:transparent;border:1px solid white;resize:none;margin-top:10px;padding:10px;border-radius:5px;outline:none;color:#fff;font-size:large}.Contact-input>.btn-x{font-size:large;background-color:#08002f;border:none}.Journal{display:flex;flex-direction:column;width:100%;margin:auto}.articles{margin:auto;max-width:750px}.Journal .title-journal{color:#fff;font-size:3em;margin:0 10px}.Journal .article{border-bottom:1px solid rgb(8,0,47);display:flex;flex-direction:column}.Journal .article>img{width:90%;margin:10px;align-self:center;border-radius:20px;border:5px solid white;box-shadow:1px 1px 5px #000}.Gallery{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;margin:30px 0;max-width:800px}.Gallery img{width:150px;height:100px;border-radius:7px;opacity:.5;margin:5px;transition-duration:1s;cursor:grab}.Gallery img:hover{opacity:1}.Gallery .clicked{opacity:1;width:95%;height:auto;box-shadow:2px 2px 10px #000}@media only screen and (max-width: 600px){.Gallery img{width:70px;height:50px}}*{box-sizing:border-box}body{background-color:#fff;margin:0;font-family:Inter,Avenir,Helvetica,Arial,sans-serif}#root{display:flex;flex-direction:column;justify-content:space-between;margin:0;background-color:#30306f;width:100%}.btn-x,.btn-y{padding:10px;border-radius:20px;width:200px;margin:5px;font-weight:700;color:#fff;text-decoration:none;text-align:center}.btn-x{background-color:#08002f;border:1px solid black}.btn-y{border:1px solid white;background-color:transparent}.btn-x:hover,.btn-y:hover{border-color:orange}.Header{display:flex;flex-direction:row;justify-content:space-around;align-items:center;box-shadow:0 0 2px gray;padding:10px;background-color:#30306f;color:#fff}.Header .logo{display:flex;flex-direction:row}.Header .logo img{width:50px;height:50px;margin-right:10px}nav{display:flex;flex-direction:row;justify-content:space-around}.desk-menu a{margin:5px;color:#fff;text-decoration:none;font-size:large}.logo-text{display:flex;flex-direction:column;justify-content:center;font-size:large}.logo-text>*{padding:0;margin:0}.logo-text>p{color:orange;font-size:medium}.logo-text-phone{display:none}nav>.phone-menu{display:none;flex-direction:column;justify-content:space-between;height:max-content}nav>.phone-menu>div{width:20px;height:4px;background-color:#fff;margin:2px 0}.phone-menu-desactive{display:none}.phone-menu-active{z-index:1;position:fixed;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#040124cc;font-size:xx-large;animation-name:menuAnim;animation-duration:1s}.phone-menu-active>*{color:#fff;text-decoration:none;margin:10px}.close{position:fixed;top:0px;left:20px}@keyframes menuAnim{0%{background-color:transparent}to{background-color:#040124cc}}@media only screen and (max-width: 600px){nav>.phone-menu{display:flex}.desk-menu{display:none}.logo-text-phone{display:block}.logo-text-desk,.invisible-span{display:none}}.Footer{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-around;background-color:#08002f;color:#fff;padding:20px}.Footer>.nav{display:flex;flex-direction:column;margin:10px}.Footer>.nav>a{color:#fff;margin:5px}.copy>a{display:flex;flex-direction:row;align-items:center}.copy img{width:40px;height:auto;margin:5px}.rci{text-align:center}.rci>*{margin:2px}.rci>img{width:50px}@media only screen and (max-width: 600px){.Footer{flex-direction:column}}.Apropos{width:100%;color:#fff;margin:0}.Apropos .apropos-title{font-size:3em;margin-left:10px}.Apropos .apropos-body{margin:auto}.Apropos .apropos-body .row{display:flex;flex-direction:row;flex-wrap:wrap;margin:10px;justify-content:space-around}.Apropos .logo{width:200px}.Contact{width:100%;margin:auto;color:#000}.Contact .contact-title{color:#fff;font-size:3em;margin-left:10px}.contact-body{max-width:750px}.Contact .Intro{color:#000}