@charset "utf-8";html{scroll-behavior:smooth}body{margin:0 auto;font-family:Arial,Helvetica,sans-serif}div,main{box-sizing:border-box}main{width:100%;min-height:100vh;background-color:#ccc}.column,.container,.row,.section{display:flex}.container{width:100%;flex-direction:row;justify-content:center}.section{flex-direction:row;flex-wrap:wrap;justify-content:center;align-content:space-between}.row{flex-direction:row;flex-wrap:wrap}.column{flex-direction:column}.full{width:100%;max-width:1920px}.medium{width:62.5%;max-width:1200px}.main-center{justify-content:center}.main-between{justify-content:space-between}.main-end{justify-content:flex-end}.cross-center{align-items:center}.cross-end{align-items:flex-end}.one{width:100%}.two{width:50%}.three{width:calc(100%/3)}.four{width:30%}.five{width:20%}.five-4x{width:80%}.light{background-color:#fff}.dark{background-color:#333}img{max-width:100%;height:auto;text-align:center}.diviseur-haut{transform:translateY(-1px);overflow:hidden}.diviseur-bas{transform:translateY(1px);overflow:hidden}a#cRetour{border-radius:3px;padding:5px;font-size:24px;text-align:center;color:#fff;background:rgba(0,0,0,.75);position:fixed;right:20px;opacity:1;z-index:99999;transition:all ease-in .2s;backface-visibility:hidden;-webkit-backface-visibility:hidden;text-decoration:none}a#cRetour:before{content:"\25b2"}a#cRetour:hover{background:#000;transition:all ease-in .2s}a#cRetour.cInvisible{bottom:-35px;opacity:0;transition:all ease-in .5s}a#cRetour.cVisible{bottom:20px;opacity:1}.sticky{position:sticky;top:0;z-index:10}#myBUTTONcLOSE,#myBUTTONoPEN{background-color:#369;border:none;color:#fff;padding:12px 24px;font-size:16px;cursor:pointer}#myBUTTONoPEN{font-size:24px;padding:8px 26px}#hamburger{display:none}nav a{display:flex;text-decoration:none}nav ul{list-style-type:none;margin:0;padding:0}nav ul ul{background-color:#fff;display:none;position:absolute;width:12%;margin-top:10px;z-index:99}nav>ul{display:flex;flex-direction:row}nav>ul>li:first-of-type{border-left-width:1px;border-left-style:solid;border-left-color:#000}nav>ul>li{flex-grow:1;border-right-width:1px;border-right-style:solid;border-right-color:#000}nav ul ul li+li{border-top:1px solid #fff}.deroule,nav ul li a{padding:10px 18px;color:#000;text-align:left}.deroule:hover,nav>ul>li>a:hover{background-color:#b45900;color:#000}.deroule,nav>ul>li>a{background-color:#333;color:#fff}.deroule{cursor:pointer}nav ul ul a{background-color:#ccc;color:#333}nav ul ul a:hover{background-color:#333;color:#fff}.fleche{display:inline-block;width:0;height:0;margin-left:4px;vertical-align:middle;border-top:6px solid;border-right:6px solid transparent;border-left:6px solid transparent}.button{border-radius:6px;background-color:#b45900;border:2px solid #fff;display:inline-block;cursor:pointer;color:#fff;font-size:16px;font-weight:700;text-decoration:none;margin-top:20px;padding-top:10px;padding-right:32px;padding-bottom:10px;padding-left:32px}.button:hover{border-color:#b45900;background-color:#fff;color:#b45900}.int-simple{padding:5% 10%}.header-image{background-image:url(../image/ux-ui-designer-web-developer-1900.webp);background-repeat:no-repeat;background-size:cover}.section-image{background-image:url(../image/web-developer-ux-ui-designer-1900.webp);background-repeat:no-repeat;background-size:cover;background-attachment:fixed}.diviseur{height:auto;width:100%}.flip-vertical{transform:scaleY(-1)}.flip-horizontal{transform:scaleX(-1)}.flip-all{transform:scale(-1,-1)}.header-ux{padding-top:10%;text-align:center}svg{width:35%;height:auto}.ux-ui{stroke-dasharray:1000px;stroke-dashoffset:1000px;animation:anim 4s ease infinite}.et{stroke-dasharray:200px;stroke-dashoffset:200px;animation:animet 4s ease infinite}@keyframes anim{to{stroke-dashoffset:0;fill:#f7931e}}@keyframes animet{to{stroke-dashoffset:0;fill:#969696}}.header-skill{padding-top:3%;text-align:center;font-size:24px;color:#fff;font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif;font-style:italic}.header-fleche{padding-top:3%;text-align:center;font-size:38px;font-weight:700;color:#b45900;text-decoration:none}.bounce{-moz-animation:bounce 3s infinite;-webkit-animation:bounce 3s infinite;animation:bounce 3s infinite}@keyframes bounce{0%,100%,20%,50%,80%{transform:translateY(0)}40%{transform:translateY(-30px)}60%{transform:translateY(-15px)}}.myfoto{background-image:url(../image/jean-luc-denbroeder.webp);background-repeat:no-repeat;width:125px;height:125px;border:3px solid #b45900;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}p{color:#666;line-height:1.5em}.justify{text-align:justify}a{text-decoration:none}.myname{color:#b45900}.txt-white{color:#fff}.txt-center{text-align:center}.cv-title{font-size:24px;color:#b45900;font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif;font-style:normal}hr.cv-title{border:0;height:2px;color:#b45900;background-color:#b45900}hr.cv-description{border:0;border-top-width:2px;border-top-style:dotted;border-top-color:#b45900;background-color:#fff}.int-cv{padding:0}.int-realisation{padding:0 0}@media screen and (max-width:1280px){.medium{width:80%}.five,.five-4x{width:100%;margin-top:-10px;margin-bottom:-10px;padding:0 3%}.int-simple{padding:2% 3%}nav ul ul{width:15%}.deroule,nav ul li a{padding:10px 10px}.button{margin-top:20px;margin-left:3%}.header-image{background-image:url(../image/ux-ui-designer-web-developer-1280.webp)}.section-image{background-image:url(../image/web-developer-ux-ui-designer-1280.webp)}.cv-title{padding:0 3%}.int-cv{padding:0 3%}}@media screen and (max-width:1024px){.medium{width:100%}.two{width:100%}.four{width:32%}.cv-title{font-size:21px}.five,.five-4x{width:100%;margin-top:-10px;margin-bottom:-10px;padding:0 3%}.int-simple{padding:2% 3%}.int-realisation{padding:0 3%}.button{margin-top:20px;margin-left:3%;padding-right:10px;padding-left:10px}.header-image{background-image:url(../image/ux-ui-designer-web-developer-1024.webp)}.section-image{background-image:url(../image/web-developer-ux-ui-designer-1024.webp)}.header-skill{font-size:20px}.cv-title{padding:0 3%}.int-cv{padding:0 3%}svg{width:50%}}@media screen and (max-width:960px){nav>ul{flex-direction:column}.dark{background-color:transparent}.cross-end{flex-direction:column;align-items:flex-end}.deroule,nav ul li a{padding:10px 20px}nav>ul>li:first-of-type{border-top-width:1px;border-top-style:solid;border-top-color:#000}nav>ul>li{flex-grow:1;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#000;border-left-width:1px;border-left-style:solid;border-left-color:#000}nav ul ul{width:175px}svg{width:50%}}@media screen and (max-width:800px){.row{flex-direction:column}.main-end{align-items:flex-end}.header-image{background-image:url(../image/ux-ui-designer-web-developer-800.webp)}.section-image{background-image:url(../image/web-developer-ux-ui-designer-800.webp)}.medium{width:100%}.two{width:100%}.four{width:100%}.int-simple{padding:0 5%}.int-realisation{padding:0 20%}.int-button{padding-left:5%}.justify{text-align:left}.header-skill{font-size:18px}.txt-white{font-size:16px}svg{width:45%}}@media screen and (max-width:640px){.row{flex-direction:column}.header-image{background-image:url(../image/ux-ui-designer-web-developer-640.webp)}.section-image{background-image:url(../image/web-developer-ux-ui-designer-640.webp)}.two{width:100%}.four{width:100%}.int-simple{padding:0 2%}.int-realisation{padding:0 15%}.txt-white{font-size:14px}svg{width:50%}}@media screen and (max-width:320px){.header-image{background-image:url(../image/ux-ui-designer-web-developer-320.webp)}.section-image{background-image:url(../image/web-developer-ux-ui-designer-320.webp)}.header-skill{font-size:16px}.txt-white{font-size:12px}svg{width:75%}}