@font-face{font-family:"acme";src:url("../polices/acme.ttf") format("truetype")}@keyframes underline{0%{width:0%}70%{width:93%}100%{width:93%}}@keyframes underline_title{0%{width:0%}70%{width:100%}100%{width:100%}}@keyframes opac{0%{opacity:0}100%{opacity:1}}@keyframes fall{0%{transform:translateY(-100vh) rotateY(-35deg) rotateX(15deg)}100%{transform:translateY(0) rotateY(-35deg) rotateX(15deg)}}@keyframes blind{0%{opacity:0}100%{opacity:0}}@keyframes vavient{0%{transform:translateX(0vw)}100%{transform:translateX(2vw)}}@keyframes details{0%{transform:translateY(-20vh);opacity:0}100%{transform:translateY(0vh);opacity:1}}body{margin:0;padding:0;color:#fff;font-family:"acme",Arial,Helvetica,sans-serif}h1{text-align:center}a:link,a:visited,a:active,a{color:#fff;text-decoration:none}#real h2,#fonc h2,#tech h2{margin:auto;margin-top:2rem;margin-bottom:2rem;position:relative;text-transform:uppercase}#real h2::after,#fonc h2::after,#tech h2::after{content:"";position:absolute;left:0;bottom:0;height:2px;background-color:#fff;animation:underline_title 3s infinite ease-out;box-shadow:0 0 1px #fff,0 0 2px #fff,0 0 4px #fff,0 0 8px #fff,0 0 16px #fff}.back{width:2rem;cursor:pointer;position:absolute;opacity:.5}.back:hover{opacity:1}.menu{cursor:pointer;position:absolute;right:1rem;width:8rem;background-color:rgba(100,100,100,.6);border-radius:10px;padding-left:1rem;display:none}.menu a:hover{text-shadow:0 0 10px #fff,0 0 20px #fff,0 0 40px #fff,0 0 80px #fff,0 0 160px #fff}.real{top:104vh;right:10rem}.realu{top:104vh;right:7rem}.realmenu{top:108vh}.realvideo{top:4vh;right:7rem}.fonc{top:204vh;right:10rem}.foncu{top:204vh;right:7rem}.foncmenu{top:208vh}.tech{top:304vh;right:10rem}.techu{top:304vh;right:7rem}.techmenu{top:308vh}.logo{width:3%;position:absolute;left:3vw;cursor:pointer}.logoaccueil{top:3vh}.logoreal{top:103vh}.logofonc{top:204vh;width:3%;position:absolute;left:3vw;cursor:pointer}.logotech{top:304vh;width:3%;position:absolute;left:3vw;cursor:pointer}.video{display:flex;margin-top:7vh}.video video{margin:auto}#ecommerce{background-image:linear-gradient(to bottom, rgba(14, 43, 80, 0.8), rgba(14, 43, 80, 0.8)),url("../images/caddie.jpg");background-size:25% 25%;height:100vh}#social{background-image:linear-gradient(to bottom, rgba(14, 43, 80, 0.8), rgba(14, 43, 80, 0.8)),url("../images/socialnet.jpg");background-size:100% 100%;height:100vh}#sondage{background-image:linear-gradient(to bottom, rgba(14, 43, 80, 0.8), rgba(14, 43, 80, 0.8)),url("../images/sondage.jpg");background-size:25% 25%;height:100vh}#envoipdf{background-image:linear-gradient(to bottom, rgba(14, 43, 80, 0.8), rgba(14, 43, 80, 0.8)),url("../images/convention_blur.jpg");background-size:100% 100%;height:100vh}#stock{background-image:linear-gradient(to bottom, rgba(14, 43, 80, 0.8), rgba(14, 43, 80, 0.8)),url("../images/livre.jpg");background-size:100% 100%;height:100vh}#pro{background-color:#ff0;width:80%;margin:auto;margin-top:40vh;height:10vh;transform:rotateZ(-10deg);color:blue;font-size:2rem;border-radius:8px;display:flex}#pro p{margin:auto}#email{background-image:linear-gradient(to bottom, rgba(14, 43, 80, 0.8), rgba(14, 43, 80, 0.8)),url("../images/email.jpg");background-size:100% 100%;height:100vh}#planning{background-image:linear-gradient(to bottom, rgba(14, 43, 80, 0.8), rgba(14, 43, 80, 0.8)),url("../images/calendar.jpg");background-size:100% 100%;height:100vh}#mentions{background-color:#02080f;margin-left:4rem;margin-right:4rem}#mentions #update{text-align:right}@media only screen and (max-width: 1450px){.fonc{top:229vh}.foncu{top:229vh}.foncmenu{top:233vh}.tech{top:329vh}.techu{top:329vh}.techmenu{top:333vh}.logofonc{top:229vh}.logotech{top:329vh}}@media only screen and (max-width: 992px){.back{width:1.5rem}.real{right:3rem}.realu,.realvideo{right:1rem}.fonc{top:204vh;right:3rem}.foncu{top:204vh;right:1rem}.foncmenu{top:208vh}.tech{top:304vh;right:3rem}.techu{top:304vh;right:1rem}.techmenu{top:308vh}.logofonc{top:204vh}.logotech{top:304vh}}@media only screen and (max-width: 670px){#real h2,#fonc h2,#tech h2{font-size:1.5rem;text-align:center;margin-top:4rem}.logoreal,.logofonc,.logotech{display:none}.tech{top:344vh}.techu{top:344vh}.techmenu{top:348vh}#ecommerce h1,#social h1,#sondage h1,#envoipdf h1,#stock h1,#email h1,#planning h1{font-size:1.6rem}}#accueil{background-image:linear-gradient(to bottom, #101d43, #075a76);height:100vh;display:flex;flex-direction:column}#une{display:flex;margin-top:8%}#crea{width:40%;margin:auto;margin-top:4rem;margin-left:5rem;display:flex;flex-direction:column;font-size:1.5rem;line-height:6rem}#crea span{width:.6rem;height:.6rem;background-color:#fff;display:inline-block}#crea h1{text-align:left}#del{text-shadow:0 0 10px #fff,0 0 20px #fff,0 0 40px #fff,0 0 80px #fff,0 0 160px #fff;-webkit-box-reflect:below 1px linear-gradient(transparent, #0008);font-size:3.5rem;margin-top:1rem}h2{margin-top:5rem;margin-bottom:0;display:flex;font-size:2rem}#dev{justify-content:center;margin:auto;position:relative}#dev::after{position:absolute;content:"";height:2px;background-color:#fff;left:0;bottom:0;animation:underline 3s infinite ease-out;box-shadow:0 0 1px #fff,0 0 2px #fff,0 0 4px #fff,0 0 8px #fff,0 0 16px #fff}#menu{width:50%;perspective:1000px;font-size:1.5rem;display:flex;justify-content:center}#menu a{display:grid;grid-template-columns:20% auto;border-radius:10px;padding:14px;cursor:pointer;transform:rotateY(-35deg) rotateX(15deg);position:absolute;border-bottom:4px solid rgba(0,0,0,.2);border-right:4px solid rgba(0,0,0,.2);transition:.7s ease-out;background-color:#101d43;background-image:linear-gradient(135deg, #075a76, #101d43);width:16rem;height:6rem;text-decoration:none;text-transform:uppercase;box-shadow:0 0 1px #fff,0 0 2px #fff,0 0 4px #fff,0 0 8px #fff,0 0 16px #fff}#menu a:nth-child(1){top:32px;z-index:2;animation-name:blind,fall;animation-duration:4s,4s;animation-delay:0s,4s}#menu a:nth-child(2){top:140px;z-index:1;animation-name:blind,fall;animation-duration:2s,4s;animation-delay:0s,2s}#menu a:nth-child(3){top:255px;z-index:0;animation:fall 4s ease-out}#menu a:hover{transform:translateY(30px) rotateY(-35deg) rotateX(15deg) scale(1.2);z-index:3;text-shadow:0 0 10px #fff,0 0 20px #fff,0 0 40px #fff,0 0 80px #fff,0 0 160px #fff}#menu div p{margin-left:2rem;margin-top:50%}.logo{width:3%;position:absolute;top:3vh;left:3vw;cursor:pointer}.logoreal{top:103vh}#sigle{font-size:5rem;text-shadow:0 0 10px #fff,0 0 20px #fff,0 0 40px #fff,0 0 80px #fff,0 0 160px #fff;color:#538cd0;width:10vw;margin:auto;display:flex;flex-direction:column;align-items:center;margin-top:2rem}#sigle div{display:flex}#sigle div:nth-child(2){margin-top:-47px}#sigle div:nth-child(2) p:nth-child(2){transform:rotateZ(180deg) translateY(5px)}#sigle p{margin:0;padding:0}#sigle p:nth-child(2){margin-left:-10px}#cadre_delphmout{display:flex;justify-content:center}#delphmout{width:380px;margin:auto;font-size:3rem;position:absolute;top:10rem}#delphmout>p{margin-bottom:10px}#delphmout span{color:#538cd0;text-shadow:2px 0px 0px #fff}#delphmout #devweb{margin-top:-40px;display:flex;letter-spacing:2px}#delphmout #devweb p:nth-child(2){margin-left:9px;transform:rotateZ(180deg) translateY(5px);color:#538cd0;text-shadow:-2px 0px 0px #fff}#delphmout #line{height:2px;background-color:#fff;animation:underline 3s infinite ease-out;box-shadow:0 0 1px #fff,0 0 2px #fff,0 0 4px #fff,0 0 8px #fff,0 0 16px #fff}@media only screen and (max-width: 1750px){#crea{width:40%;font-size:1rem;line-height:3rem;margin-top:2rem}#sigle{font-size:3rem;margin-top:1rem}#sigle div{display:flex}#sigle div:nth-child(2){margin-top:-29px}#sigle p:nth-child(2){margin-left:-5px}#delphmout{font-size:2rem;width:250px;top:5rem}#delphmout>p{margin-bottom:2px}#delphmout #devweb{letter-spacing:1px}#delphmout #devweb p:nth-child(2){transform:rotateZ(180deg) translateY(2px)}#delphmout #line{margin-bottom:10px}}@media only screen and (max-width: 992px){#accueil{background-size:100% 160%}#crea{font-size:.6rem;line-height:2rem;margin-top:0rem}#menu{font-size:1rem}#menu a{width:12rem;height:4rem}#menu a:nth-child(1){top:-5px}#menu a:nth-child(2){top:85px}#menu a:nth-child(3){top:175px}#une{margin-top:20%}}@media only screen and (max-width: 670px){#une{flex-direction:column;margin-left:auto;margin-right:auto;margin-top:7rem}#une #crea{width:100%;margin-left:auto;margin-right:auto}#menu{width:100%;font-size:1.2rem}#menu a:nth-child(1){top:40px}#menu a:nth-child(2){top:130px}#menu a:nth-child(3){top:220px}}#real{background-image:linear-gradient(to bottom, #101d43, #075a76);height:100vh;display:flex;flex-direction:column}#projets{height:50vh;display:flex;margin-right:1rem;margin-left:1rem;margin-top:2rem}#selec{width:15%;display:flex}#selec p{margin:auto;margin-left:0;font-size:2rem}#selec img{width:2.3rem;animation:vavient .5s ease-out alternate infinite}#sites{display:flex;justify-content:flex-end;height:100%;width:85%;margin:auto}#sites a{display:grid;grid-template-columns:20% auto;display:flex;flex-direction:column;justify-content:flex-end;border-radius:10px;padding-left:14px;cursor:pointer;transition:.5s ease-in-out;width:11%;height:100%;margin-left:1rem;text-decoration:none;border:2px solid #fff;box-shadow:4px 4px 2px #fff}#sites a:hover{width:20%}#sites a:hover div{text-shadow:0 0 10px #fff,0 0 20px #fff}#sites a div{font-size:1.5rem;color:#fff;width:100px}#sites a:nth-child(1){background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.8)),url("../images/caddie.jpg");background-size:auto 100%}#sites a:nth-child(2){background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.8)),url("../images/socialnet.jpg");background-size:auto 100%}#sites a:nth-child(3){background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.8)),url("../images/sondage.jpg");background-size:auto 100%}#sites a:nth-child(4){background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.8)),url("../images/convention.jpg");background-size:auto 100%}#sites a:nth-child(5){background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.8)),url("../images/livre.jpg");background-size:auto 100%}#sites a:nth-child(6){background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.8)),url("../images/email.jpg");background-size:auto 100%}#sites a:nth-child(7){background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.8)),url("../images/calendar.jpg");background-size:auto 100%}#subsites{display:flex;align-items:center;height:50%;width:82%;margin-right:1rem;margin-left:auto;margin-top:0;font-size:1.5rem}#subsites p{animation:details 1s ease-out}@media only screen and (max-width: 1450px){#real{height:125vh}#projets #selec p{margin:0;margin-left:1rem}#sites{width:70%;flex-direction:column;justify-content:flex-start;height:100vh}#sites a{width:60%;height:20rem;margin-right:0;margin-left:auto;margin-bottom:1rem;justify-content:center}#sites a:hover{width:60%}#sites a div{width:300px;height:100px;display:flex;align-items:flex-end}#subsites{width:45%;margin-right:auto;margin-left:2rem;align-items:flex-start}}@media only screen and (max-width: 992px){#real{height:100vh}#projets{flex-direction:column;margin-top:0;height:40vh;overflow:hidden}#subsites{width:80%;height:30%;margin:auto}#selec{width:100%;font-size:1.5rem;margin-bottom:2rem}#sites{width:90%;flex-direction:row;height:100vh}#sites a{width:100%;height:80%;margin:auto}#sites a:hover{width:100%}}@media only screen and (max-width: 670px){#subsites{font-size:1rem}}#fonc{background-image:linear-gradient(to bottom, #101d43, #075a76);height:100vh;display:flex;flex-direction:column}#fonc #develop{display:flex;margin-top:0}#fonc #develop>div{width:66%;margin-left:auto;margin-right:auto}#fonc #develop>div:nth-child(2),#fonc #develop>div:nth-child(3),#fonc #develop>div:nth-child(4),#fonc #develop>div:nth-child(5),#fonc #develop>div:nth-child(6),#fonc #develop>div:nth-child(7){display:none}#fonc #develop h3{color:#000;mix-blend-mode:screen;background-color:#fff;font-size:2rem;text-align:center;margin-bottom:0;margin-top:0}#fonc #develop h3+div{background-color:rgba(14,43,80,.4);padding-top:1rem;padding-bottom:1rem}#fonc #develop ul{font-size:1.2rem}#fonc #develop ul li{margin-top:.4rem}#fonc .push{width:3rem;cursor:pointer;position:absolute;top:250vh;opacity:.5}#fonc .push:hover{opacity:1}#fonc .left{transform:rotateZ(-90deg);left:3vw}#fonc .right{transform:rotateZ(90deg);right:3vw}@media only screen and (max-width: 992px){#fonc #left,#fonc #right{display:none}#fonc #develop h3{font-size:2rem}}@media only screen and (max-width: 670px){#fonc{height:140vh}#fonc #develop h3{font-size:1.5rem}#fonc #develop>div{width:95%}#fonc #develop>div ul{font-size:1rem}}#tech{background-image:linear-gradient(to bottom, #101d43, #075a76);height:100vh;display:flex;flex-direction:column}#tech #util{display:flex;justify-content:center;margin-top:10rem}#tech #util>div{width:10%;margin-left:4rem;margin-right:4rem}#tech #util h3{color:#000;mix-blend-mode:screen;background-color:#fff;font-size:2rem;text-align:center;margin-bottom:0;margin-top:0}#tech #util h3+div{background-color:rgba(14,43,80,.7);padding-top:1rem;padding-bottom:1rem}#tech #util ul{font-size:1.2rem}#tech #util ul li{margin-top:.4rem}@media only screen and (max-width: 1450px){#tech #util>div{width:20%;margin-left:2rem;margin-right:2rem}}@media only screen and (max-width: 670px){#tech{height:130vh}#tech #util{flex-direction:column;margin-top:0;align-items:center}#tech #util>div{width:40%;margin-bottom:2rem}#tech #util h3{font-size:1.5rem}}#perso{background-image:linear-gradient(to left, #02080f, #101d43);display:flex}#perso #expe{width:50%;font-size:1.5rem;display:flex;margin-left:0;margin-right:0}#perso #expe ul{margin-top:3rem;margin-bottom:3rem;margin-left:auto;margin-right:auto}#perso #expe ul li{margin-top:.2rem;margin-bottom:.2rem}#perso #linkedin{width:20%;display:flex;margin-left:0;margin-right:auto}#perso #linkedin a{margin-top:auto;margin-bottom:2rem;margin-right:auto;margin-left:auto}#perso #linkedin img{width:50px}#moi{width:20%;display:flex}#moi img{max-width:300px;margin:auto;margin-bottom:2rem}#footer{background-color:#02080f;margin-top:0;height:15vh;display:flex;justify-content:center}#footer>div{margin-top:2rem;margin-right:2rem;margin-left:2rem;font-size:1.2rem}@media only screen and (max-width: 1750px){#perso #expe{width:50%;margin-left:auto;margin-right:auto}#perso #expe ul{margin-top:3rem;margin-bottom:3rem;margin-left:auto;margin-right:auto}#perso #linkedin{width:20%;margin-right:auto;margin-left:auto}#moi{width:30%}#moi img{max-width:230px;margin:auto}}@media only screen and (max-width: 992px){#perso{flex-direction:column}#perso #expe{width:100%}#perso #linkedin{width:100%}#moi{width:100%;margin-left:auto;margin-right:auto}}/*# sourceMappingURL=style.css.map */