@import url(https://fonts.googleapis.com/css?family=Roboto);*{margin:0;padding:0;scroll-behavior:smooth}::-webkit-scrollbar{width:7.5px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#333}::-webkit-scrollbar-thumb:hover{background:#222}@font-face{font-family:'Squared-Display';font-display:auto;src:url("../add/roboto/Squared Display.ttf")}@font-face{font-family:'Roboto-Light';font-display:auto;src:url(../add/roboto/Roboto-Light.ttf)}#header{width:100%;height:4.3vh;position:-webkit-sticky;position:sticky;background-color:#111;top:0;z-index:1000}#header>.logo{float:left;color:#fff;font-size:30px;top:5%;padding-left:.7%;font-family:Squared-Display,sans-serif}#rightlogo{float:right;top:50%;padding-right:.7%}#topreturn{-webkit-display:none;display:none;width:42px;height:42px;float:left;color:white;cursor:pointer}.containermenu{display:inline-block;cursor:pointer}.bar1,.bar2,.bar3{width:30px;height:5px;background-color:white;margin:4px 0;transition:0.4s;-webkit-transition:0.4s;-o-transition:0.4s;-moz-transition:0.4s;-ms-transition:0.4s}.change .bar1{-webkit-transform:rotate(-45deg) translate(-8px,8px);-o-transform:rotate(-45deg) translate(-8px,8px);-moz-transform:rotate(-45deg) translate(-8px,8px);-ms-transform:rotate(-45deg) translate(-8px,8px);transform:rotate(-45deg) translate(-6px,6px)}.change .bar2{opacity:0}.change .bar3{-webkit-transform:rotate(45deg) translate(-8px,-8px);-o-transform:rotate(45deg) translate(-8px,-8px);-moz-transform:rotate(45deg) translate(-8px,-8px);-ms-transform:rotate(45deg) translate(-8px,-8px);transform:rotate(45deg) translate(-6px,-6px)}#menu{float:right;color:white}#menu>#menu2{float:right;display:block}.sidenav{height:100%;width:0;position:fixed;z-index:1;top:4.3vh;right:0;background-color:#111;overflow-x:hidden;padding-top:10px;-o-transition:0.5s;-moz-transition:0.5s;-ms-transition:0.5s;-webkit-transition:0.5s;transition:0.5s}.sidenav a{padding:8px 8px 8px 8px;text-decoration:none;font-size:20px;color:#818181;display:block;-o-transition:0.3s;-moz-transition:0.3s;-ms-transition:0.3s;-webkit-transition:0.3s;transition:0.3s;font-family:Roboto-Light,Roboto,sans-serif}.sidenav>.RSmenu{display:inline-flex;padding-left:10px}.sidenav a:hover{color:#f1f1f1}#content{-webkit-transition:margin-right .5s;-o-transition:margin-right .5s;-moz-transition:margin-right .5s;-ms-transition:margin-right .5s;transition:margin-right .5s}@media screen and (max-height:450px){.sidenav{padding-top:15px}.sidenav a{font-size:18px}}#content{font-family:Roboto,sans-serif;text-align:center}.content1{width:100%;color:#fff;background-color:#00171F;margin:auto;padding-bottom:2%;padding-top:2%}.content2{width:100%;background-color:#E5E5E5;margin:auto;padding-bottom:2%;padding-top:2%}#moi{background-image:url(../add/moi.jpg);background-position:50% 60%;background-size:cover;height:45vh;padding-top:20px;margin:auto;overflow:auto}#moi>p{font-family:Roboto-Light,sans-serif;text-align:left;font-size:1.4em;margin-left:5%;margin-right:30%;line-height:135%}#skills{height:auto}.ligne{width:100%;height:auto;padding-bottom:20px;padding-top:40px;display:flex;justify-content:space-around;align-items:center;flex-wrap:wrap}.flip3D{width:100px;height:100px;padding:20px}.flip3D>.front{height:100px;width:100px;position:absolute;-webkit-transform:rotateY(0deg);-o-transform:rotateY(0deg);-moz-transform:rotateY(0deg);-ms-transform:rotateY(0deg);transform:rotateY(0deg);border-radius:7px;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:transform 1s;-o-transition:transform 1s;-moz-transition:transform 1s;-ms-transition:transform 1s;transition:transform 1s}.flip3D>.back{height:100px;width:100px;position:absolute;-webkit-transform:rotateY(180deg);-o-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-ms-transform:rotateY(180deg);transform:rotateY(180deg);border-radius:7px;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:transform 1s;-o-transition:transform 1s;-moz-transition:transform 1s;-ms-transition:transform 1s;transition:transform 1s}.flip3D>.front img{width:auto;height:100%}.flip3D>.back img{width:auto;height:100%}.flip3D:hover>.front{-webkit-transform:rotateY(-180deg);-o-transform:rotateY(-180deg);-moz-transform:rotateY(-180deg);-ms-transform:rotateY(-180deg);transform:rotateY(-180deg)}.flip3D:hover>.back{-webkit-transform:rotateY(0deg);-o-transform:rotateY(0deg);-moz-transform:rotateY(0deg);-ms-transform:rotateY(0deg);transform:rotateY(0deg)}#parcours{height:auto;box-sizing:border-box}.ecv{height:100%;width:125px;vertical-align:middle}.cd-container{width:90%;max-width:1080px;margin:0 auto;padding:0 10%;border-radius:2px}.cd-container::after{content:'';display:table;clear:both}#cd-timeline{position:relative;padding:2em 0}#cd-timeline::before{content:'';position:absolute;top:0;left:25px;height:100%;width:4px;background:#2B343A}@media only screen and (min-width:1170px){#cd-timeline{}#cd-timeline::before{left:50%;margin-left:-2px}}.cd-timeline-block{position:relative;margin:2em 0}.cd-timeline-block:after{content:"";display:table;clear:both}.cd-timeline-block:first-child{margin-top:0}.cd-timeline-block:last-child{margin-bottom:0}@media only screen and (min-width:1170px){.cd-timeline-block{}.cd-timeline-block:first-child{margin-top:0}.cd-timeline-block:last-child{margin-bottom:0}}.cd-timeline-img{position:absolute;top:8px;left:12px;width:30px;height:30px;border-radius:50%;box-shadow:0 0 0 4px #2B343A;,inset 0 2px 0 rgba(0,0,0,.08),0 3px 0 4px rgba(0,0,0,.05)}.cd-timeline-img{background:#2B3435}@media only screen and (min-width:1170px){.cd-timeline-img{width:30px;height:30px;left:50%;margin-left:-15px;margin-top:15px;-o-transform:translateZ(0);-o-backface-visibility:hidden;-moz-transform:translateZ(0);-moz-backface-visibility:hidden;-ms-transform:translateZ(0);-ms-backface-visibility:hidden;-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden}}.cd-timeline-content{position:relative;margin-left:60px;margin-right:30px;background:#333C42;border-radius:2px;padding:1em}.cd-timeline-content>.timeline-content-info{background:#2B343A;padding:5px 10px;color:rgba(255,255,255,.7);font-size:12px;box-shadow:inset 0 2px 0 rgba(0,0,0,.08);border-radius:2px}.cd-timeline-content>.timeline-content-info>i{margin-right:5px}.timeline-content-info-title,.timeline-content-info-date{width:calc(50% - 2px);display:inline-block}@media (max-width:500px){.timeline-content-info-title,.timeline-content-info-date{display:block;width:100%}}.content-skills{font-size:12px;padding:0;margin-bottom:0;display:flex;flex-wrap:wrap;justify-content:center}.content-skills>li{background:#40484D;border-radius:2px;display:inline-block;padding:2px 10px;color:rgba(255,255,255,.7);margin:3px 2px;text-align:center;flex-grow:1}.cd-timeline-content:after{content:"";display:table;clear:both}.cd-timeline-content h2{color:rgba(255,255,255,.9);margin-top:0;margin-bottom:5px}.cd-timeline-content p,.cd-timeline-content .cd-date{color:rgba(255,255,255,.7);font-size:13px;font-size:.8125rem}.cd-timeline-content .cd-date{display:inline-block}.cd-timeline-content p{margin:1em 0;line-height:1.6}.cd-timeline-content::before{content:'';position:absolute;top:16px;right:100%;height:0;width:0;border:7px solid transparent;border-right:7px solid #333C42}@media only screen and (min-width:768px){.cd-timeline-content h2{font-size:20px;font-size:1.25rem}.cd-timeline-content p{font-size:16px;font-size:1rem}.cd-timeline-content .cd-read-more,.cd-timeline-content .cd-date{font-size:14px;font-size:.875rem}}@media only screen and (min-width:1170px){.cd-timeline-content{color:white;margin-left:0;padding:1.6em;width:36%;margin:0 5%}.cd-timeline-content::before{top:24px;left:100%;border-color:transparent;border-left-color:#333C42}.cd-timeline-content .cd-date{position:absolute;width:100%;left:122%;top:6px;font-size:16px;font-size:1rem}.cd-timeline-block:nth-child(even) .cd-timeline-content{float:right}.cd-timeline-block:nth-child(even) .cd-timeline-content::before{top:24px;left:auto;right:100%;border-color:transparent;border-right-color:#333C42}.cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more{float:right}.cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date{left:auto;right:122%;text-align:center}}#realisations{height:auto}.realigne{width:100%;height:auto;padding-bottom:20px;padding-top:40px;display:flex;justify-content:space-around;align-items:center;flex-wrap:wrap}.realigne>a{width:100%;height:auto;padding-bottom:20px;padding-top:40px}.realigne>img{width:40%;height:auto;filter:grayscale(100%);cursor:pointer}.realigne>img:hover{filter:grayscale(0%);-webkit-transform:scale(1.1);-o-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}#snackbar{visibility:hidden;min-width:250px;margin:auto;background-color:#333;color:#fff;text-align:center;border-radius:2px;padding:16px;position:fixed;z-index:1;bottom:30px}#snackbar.show{visibility:visible;-webkit-animation:fadein 0.5s,fadeout 0.5s 7.5s;animation:fadein 0.5s,fadeout 0.5s 7.5s}@-webkit-keyframes fadein{from{bottom:0;opacity:0}to{bottom:30px;opacity:1}}@keyframes fadein{from{bottom:0;opacity:0}to{bottom:30px;opacity:1}}@-webkit-keyframes fadeout{from{bottom:30px;opacity:1}to{bottom:0;opacity:0}}@keyframes fadeout{from{bottom:30px;opacity:1}to{bottom:0;opacity:0}}#Loisirs{height:auto}#hobbies{width:100%;height:auto;padding-bottom:20px;padding-top:40px;display:inline-flex;justify-content:space-around;align-items:center;flex-wrap:wrap}.hobb{width:20vh;height:100%;padding:5vw}.hobb p{visibility:hidden}.hobb:hover p{visibility:visible}#Contact{height:auto}@media screen and (max-width:979px){#formcontact{width:97%;margin:0 auto;align-content:center;box-sizing:border-box;padding:20px}}@media screen and (min-width:980px){#formcontact{width:50%;margin:0 auto;align-content:center;box-sizing:border-box;padding:20px}}input[type=text],select,textarea{width:100%;padding:12px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;margin-top:6px;margin-bottom:16px;resize:vertical}input[type=email],select,textarea{width:100%;padding:12px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;margin-top:6px;margin-bottom:16px;resize:vertical}input[type=submit]{background-color:#00171F;color:white;padding:12px 20px;border:none;border-radius:4px;cursor:pointer}input[type=submit]:hover{background-color:#00171D}.alert{padding:20px;background-color:#f44336;color:white;opacity:1;transition:opacity 0.6s;margin-bottom:15px}.alert.success{background-color:#4CAF50}.alert.info{background-color:#2196F3}.alert.warning{background-color:#ff9800}.closebtn{margin-left:15px;color:white;font-weight:700;float:right;font-size:22px;line-height:20px;cursor:pointer;transition:0.3s}.closebtn:hover{color:black}footer{float:left;width:100%;height:auto;background-color:#111;color:white;text-align:center;display:inline-block}.RSmenuF{display:inline-block}.RSmenuF a{padding-right:10px;height:3.5vh}a,.cv:link{color:white;text-decoration:none}