*{font-family:din-condensed,sans-serif;font-weight:400;font-style:normal;box-sizing:border-box;text-decoration:none;list-style-type:none;margin:0;padding:0;text-align:center;transition:all .2s ease-in-out}html{scroll-behavior:smooth}body{width:100%;margin:0;padding:0;display:flex;flex-direction:column;justify-content:center;background-color:#b24c59}a,article,aside,div,footer,h1,hr,section,svg{color:#fff}section{display:flex;flex-direction:column;align-items:center;padding:1em 1em 2.5em 1em;width:100%}section article{width:90%}h1,h2,h3{font-weight:700;padding:1em;font-size:1.3em}footer{width:100%;padding:1em;background:rgba(127,54,62,.95);backdrop-filter:blur(10px)}nav{z-index:3;width:100%;height:7.5vh;display:flex;position:fixed;top:0;left:0;background:rgba(127,54,62,.95);backdrop-filter:blur(10px)}ul{padding:0;margin:0;display:flex;justify-content:space-between;align-items:center;flex-direction:row;flex-wrap:nowrap;width:100%;height:100%}li{margin:0;padding:0;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}li img{height:32px}ul li:nth-child(1){padding-left:5%}section:nth-child(2n+1){background:#b24c59}section:nth-child(2n+1) a:hover{color:#505050!important}section:nth-child(2n){background:#e0dace}section:nth-child(2n) a:hover{color:#b24c59!important}section:nth-child(2n) *{color:#505050}section:nth-child(2n) h4{color:#bc6e74}#sectionBackground{max-height:100vh;padding:0;margin:0}#sectionBackground div{height:100%;width:100%;display:flex}#sectionBackground div img{width:100%}#competences h4{color:#505050}.skillbar{padding:.5em;width:100%;display:flex;justify-content:center;align-items:center}.whiteBack{width:200px;height:20px;background:#fff;border-radius:.3em}.whiteBack div{height:20px;background:#b24c59;border-radius:.3em 0 0 .3em}#jaugeInspirations{width:170px}#jaugeTendances{width:155px}#jaugeMateriauxTissus{width:170px}#jaugeManipulations{width:155px}#jaugeManipulations{width:155px}#jaugeDetails{width:155px}#jaugeCouture{width:180px}#jaugePatronagePlat{width:155px}#jaugePatronageDigital{width:105px}#jaugeTricotMain{width:150px}#jaugeTricotMachine{width:105px}#jaugeCrochet{width:120px}#jaugeShibori{width:180px}#jaugeBatik{width:110px}#jaugeFlocage{width:160px}#jaugeSerigraphie{width:160px}#jaugeDigitalPhotoshop{width:160px}#jaugeTissageManuel{width:110px}#jaugeAnglais{width:200px;border-radius:.3em}#jaugeItalien{width:200px;border-radius:.3em}#jaugeFrançais{width:200px;border-radius:.3em}#jaugeAllemand{width:120px}#jaugeLangueDesSignesLSF{width:85px}@keyframes slidein{0%{margin-top:100vh}100%{margin-top:0}}@keyframes slideout{0%{margin-top:0}100%{margin-top:-100vh}}.slider4Projet{width:100%;text-align:center;overflow:hidden}.slider4Projet figure{position:relative;width:400%;margin:0;padding:0;font-size:0;text-align:left;animation:14s slidy4 infinite}.slider4Projet figure img{width:25%;height:auto;float:left}.slider5Projet{width:100%;text-align:center;overflow:hidden}.slider5Projet figure{position:relative;width:500%;margin:0;padding:0;font-size:0;text-align:left;animation:17.5s slidy5 infinite}.slider5Projet figure img{width:20%;height:auto;float:left}.middle{display:flex;justify-content:center;align-items:center;width:100%}.middleProjet{display:flex;justify-content:center;align-items:center;width:100%;padding:0 0 2em 0}#voirProjets{padding:3em 0 1em 0}#contact article{padding:.5em}a:hover,a:hover div,article:hover .iconHover,article:hover div{color:#505050}.iconHover{color:#fff}#underNavProjet{height:7.5vh;padding:0;margin:0}#underNav{height:7.5vh;padding:0;margin:0}#underNavIndex{display:none}.ligne{display:flex;flex-wrap:wrap;padding:0 4px 0 4px;min-height:100vh}.colonne{flex:100%;max-width:100%}.colonne{padding:0 4px;position:relative}.colonne img{margin-top:8px;vertical-align:middle;width:100%}.colonne a img{margin-top:8px;vertical-align:middle;width:100%}@keyframes loaderCircle{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.loaderCircle div{box-sizing:border-box!important}.loaderCircle>div{position:absolute;width:96.47999999999999px;height:96.47999999999999px;top:52.25999999999999px;left:52.25999999999999px;border-radius:50%;border:16.08px solid;border-color:#fff transparent #fff transparent;animation:loaderCircle 1s linear infinite}.loaderCircle>div:nth-child(2){border-color:transparent}.loaderCircle>div:nth-child(2) div{position:absolute;width:100%;height:100%;transform:rotate(45deg)}.loaderCircle>div:nth-child(2) div:after,.loaderCircle>div:nth-child(2) div:before{content:"";display:block;position:absolute;width:16.08px;height:16.08px;top:-16.08px;left:24.119999999999997px;background:#fff;border-radius:50%;box-shadow:0 80.39999999999999px 0 0 #fff}.loaderCircle>div:nth-child(2) div:after{left:-16.08px;top:24px;box-shadow:80px 0 0 0 #fff}.spinner-dual-ring{width:201px;height:201px;display:inline-block;overflow:hidden;background:rgba(0,0,0,0)}.loaderCircle{width:100%;height:100%;position:relative;transform:translateZ(0) scale(1);backface-visibility:hidden;transform-origin:0 0}.loaderCircle div{box-sizing:content-box}#loader{width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:4;display:flex;justify-content:center;align-items:center;background:#b24c59;opacity:1;transition:opacity .3s ease-out}#displayNone{display:none}.mentionLegale{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:0;margin:0}#logoContainer{width:100%}#logoContainer img{width:29px}@keyframes slidy4{0%{left:0}20%{left:0}25%{left:-100%}45%{left:-100%}50%{left:-200%}70%{left:-200%}75%{left:-300%}95%{left:-300%}100%{left:0}}@keyframes slidy5{0%{left:0}15%{left:0}20%{left:-100%}35%{left:-100%}40%{left:-200%}55%{left:-200%}60%{left:-300%}75%{left:-300%}80%{left:-400%}95%{left:-400%}100%{left:0}}@keyframes slidy6{0%{left:0}11.66%{left:0}16.66%{left:-100%}28.33%{left:-100%}33.33%{left:-200%}45%{left:-200%}50%{left:-300%}61.66%{left:-300%}66.66%{left:-400%}78.33%{left:-400%}83.33%{left:-500%}95.00%{left:-500%}100%{left:0}}@media (min-width:600px){.colonne{flex:50%;max-width:50%}.slider4Projet,.slider5Projet{width:60%;text-align:center;overflow:hidden}}@media (min-width:680px){#underNav{height:0}}@media (min-width:1024px){nav{height:7.5vh}#underNavProjet{height:7.5vh;padding:0;margin:0}#underNav{height:7.5vh;padding:0;margin:0}.slider4Projet,.slider5Projet{width:30%;text-align:center;overflow:hidden}}@media (min-width:1200px){*{font-size:1.05em}#logoContainer img{width:35px}section article{width:50%}.colonne{flex:25%;max-width:25%}#competences{display:flex;flex-wrap:wrap;flex-direction:row;align-items:flex-start;width:100%;justify-content:space-evenly}#competences h2{width:100%}#competences article{width:20%}.whiteBack div{height:20px;background:#b24c59;border-radius:.3em 0 0 .3em;width:0!important;transition:width 1s ease-in-out}#competences:hover article div{transition:width 1s ease-in-out}#competences:hover article #jaugeInspirations{width:170px!important}#competences:hover article #jaugeTendances{width:155px!important}#competences:hover article #jaugeMateriauxTissus{width:170px!important}#competences:hover article #jaugeManipulations{width:155px!important}#competences:hover article #jaugeManipulations{width:155px!important}#competences:hover article #jaugeDetails{width:155px!important}#competences:hover article #jaugeCouture{width:180px!important}#competences:hover article #jaugePatronagePlat{width:155px!important}#competences:hover article #jaugePatronageDigital{width:105px!important}#competences:hover article #jaugeTricotMain{width:150px!important}#competences:hover article #jaugeTricotMachine{width:105px!important}#competences:hover article #jaugeCrochet{width:120px!important}#competences:hover article #jaugeShibori{width:180px!important}#competences:hover article #jaugeBatik{width:110px!important}#competences:hover article #jaugeFlocage{width:160px!important}#competences:hover article #jaugeSerigraphie{width:160px!important}#competences:hover article #jaugeDigitalPhotoshop{width:160px!important}#competences:hover article #jaugeTissageManuel{width:110px!important}#competences:hover article #jaugeAnglais{width:200px!important;border-radius:.3em}#competences:hover article #jaugeItalien{width:200px!important;border-radius:.3em}#competences:hover article #jaugeFrançais{width:200px!important;border-radius:.3em}#competences:hover article #jaugeAllemand{width:120px!important}#competences:hover article #jaugeLangueDesSignesLSF{width:85px!important}}