html,body,#root{position:fixed;top:0;left:0;width:100%;height:100%;background:#c3c3c3}#myLoader{position:absolute;z-index:10;top:0;left:0;width:100%;height:100%;background:#FFF;pointer-events:auto}.preloading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;font-size:1.5rem;margin-top:20px}#colorChoice{position:absolute;bottom:20px;left:-34px}.spinner{border:2px solid rgba(0,0,0,.1);border-left-color:#333;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#colorChoiceBts{display:none;flex-direction:column}#colorChoiceBts span{border-radius:50%;width:25px;height:25px;margin-top:2px;pointer-events:auto;cursor:pointer}.btColorChoice{position:absolute;bottom:calc(10% + 48px);left:calc(15% + 14px);cursor:pointer;pointer-events:auto}.dotColorContent{position:absolute;margin-top:20px;margin-left:-15px;opacity:1}.dotColor{height:25px;width:25px;border-radius:50%;display:inline-block;border:1px solid #FFFFFF;background:#2e6608}#color1{background-color:#7b0b0b}#color2{background-color:#051641}#color3{background-color:green}#color4{background-color:#000}#color5{background-color:#7d9238}#color6{background-color:#e6c686}#color7{background-color:#e686e4}.interface{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;font-family:Noto Sans,sans-serif;font-size:14px;font-weight:300;z-index:2}.contentAbout #titreAbout{font-size:3em;margin-bottom:6px}.contentAbout #masqueAbout{position:relative;overflow:hidden;font-size:1.2em;width:290px;height:75px;margin-top:-6px}.logo{color:#fff;position:absolute;top:calc(15% + 20px);left:calc(15% + 80px);font-size:1.6em;text-align:left;width:160px;margin-left:-80px}.creativeDev{color:#fff;position:absolute;top:calc(15% + 50px);left:calc(15% + 82px);font-size:1.2em;width:150px;margin-left:10px}.creativeDev #masque{position:relative;overflow:hidden;font-size:1.2em;width:250px;height:30px;padding-top:4px}.creativeDev #textMasque1{font-size:1.6em;position:absolute;transform:translateY(-6px)}.creativeDev #textMasque2{font-size:1.6em;position:absolute;transform:translateY(-40px)}.mentions{color:#fff;position:absolute;bottom:calc(10% + 6px);left:calc(15% + 80px);font-size:.8em;text-align:left;width:250px;margin-left:-45px}#viseur{position:absolute;top:50%;left:50%;font-size:1.6em;text-align:center;width:160px;margin-left:-80px;color:#fff}.menu{position:absolute;top:16%;right:calc(15% + 10px);text-align:right;color:#fff}.menuBt{height:32px;width:120px;text-align:right;padding-right:8px;margin-right:-10px;pointer-events:all;cursor:pointer;font-size:25px}#bt4{display:none}#backAbout,#backWork,#backContact{font-size:1em;width:100px;margin-left:26px;margin-bottom:6px}#backBkg{width:100px;height:25px;position:absolute;background:0xKK00KK20;margin-left:-26px;pointer-events:auto;cursor:pointer}#backArrow{position:absolute;transform:scaleX(-1);transform:rotate(-90deg);margin-left:-26px}.btSuivant{position:absolute;bottom:12%;right:calc(15% - 14px)}#nextArrow{pointer-events:auto;cursor:pointer;font-size:1em;transform:rotate(180deg)}.dotContent{position:absolute;margin-top:-16px;margin-left:-16px;opacity:.6}.dot{height:60px;width:60px;border-radius:50%;display:inline-block;border:1px solid #FFFFFF}.line-TopLeft{display:none;position:absolute;top:20%;left:20%;border-top:1px solid black;border-left:1px solid black;width:10px;height:10px}.line-TopRight{position:absolute;top:16.7%;right:15%;border-right:1px solid #FFFFFF;width:10px;height:90px}.line-BottomLeft{display:none;position:absolute;bottom:10%;left:15%;border-bottom:1px solid #FFFFFF;width:20px;height:10px}.line-BottomRight{display:none;position:absolute;bottom:20%;right:20%;border-bottom:1px solid black;border-right:1px solid black;width:10px;height:10px}.contentAbout{position:absolute;display:none;color:#fff;top:calc(20% + 70px);left:calc(20% + 102px);text-align:justify;width:650px;font-size:1.2em}#infoAbout{margin-top:16px}#introAbout{font-size:.9em}#introAboutBt{pointer-events:auto;cursor:pointer;display:none}.contentAbout .squareBkg{position:absolute;right:calc(27% + 10px);background-color:#fff9;width:0px;height:100px}#menuAboutBts{width:200px}#sub0MenuAbout{display:flex;margin-top:10px;flex-direction:row}.subMenuAbout{padding-top:6px;padding-right:20px}#subMenuAboutn1{display:block;position:absolute;opacity:1;font-size:1em}#subMenuAboutn2,#subMenuAboutn3{display:block;position:absolute;opacity:0;font-size:1em}.btMenuAbout{font-size:1.2em;font-weight:900;pointer-events:auto;cursor:pointer}#aboutBt1{color:#484848;font-size:25px}#bkg_1{top:calc(22% + 120px)}#bkg_2{top:calc(22% + 220px)}#bkg_3{top:calc(22% + 320px)}#bkg_4{top:calc(22% + 420px)}#bkg_5{top:calc(22% + 520px)}#bkg_6{top:calc(22% + 620px)}.contentWork{position:absolute;display:none;color:#fff;top:calc(20% + 70px);left:calc(20% + 102px);text-align:justify;width:750px;font-size:1.2em}#infoWork{margin-top:16px;display:flex-inline;position:absolute;top:100px;left:calc(50% - 110px);height:calc(80vh - 250px);min-height:240px;max-height:400px;width:600px;max-width:420px;padding-right:6px;justify-content:space-between;overflow-x:hidden;overflow-y:scroll;pointer-events:auto;cursor:auto}#infoWork .workImg{align-items:center;justify-content:center;flex-basis:300px;flex-shrink:0;margin-right:20px;max-width:400px}#infoWorkTxt{margin-top:20px}.contentWork #titreWork{font-size:3em;margin-bottom:6px}.contentWork #masqueWork{position:relative;overflow:hidden;font-size:1.2em;width:250px;height:75px;margin-top:-6px}#infoWork::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#ffffff30}#infoWork::-webkit-scrollbar{width:8px;background-color:#ffffff30;pointer-events:auto;cursor:pointer}::-webkit-scrollbar{pointer-events:auto;cursor:pointer}#infoWork::-webkit-scrollbar-thumb{background-color:#fff}.workTitle{pointer-events:auto;cursor:pointer;font-size:20px;width:160px}#workTitlen1{font-size:25px}.workImgTitle{font-size:1.2em;font-weight:900}.workImgText{font-size:.9em;font-weight:300;text-align:left;font-style:italic;margin-top:4px;margin-bottom:28px}.workImgTitre{font-size:1em;font-weight:900;text-align:left;margin-top:6px;margin-bottom:0;text-transform:uppercase}.workImgLink{font-size:.85em;font-weight:900;text-align:right}.workImg a{font-size:1em;font-weight:900;text-align:right;color:#fff;text-decoration:none}.workImg a,.workImg a:link,.workImg a:visited{font-weight:900;text-align:right}.workImg a:focus{font-weight:900;text-align:right}.workImg a:hover,.workImg a:active{font-weight:900;text-align:right}.workImgPlus{font-size:.7em;font-weight:900;text-align:right;margin-top:-24px;margin-bottom:16px;cursor:pointer;pointer-events:auto}.contentContact{position:absolute;display:none;color:#fff;top:calc(20% + 70px);left:calc(20% + 102px);text-align:justify;width:750px;font-size:1.2em}.contentContact #titreContact{font-size:3em;margin-bottom:6px}.contentContact #masqueContact{position:relative;overflow:hidden;font-size:1.2em;width:260px;height:75px;margin-top:-6px}#infoContact{margin-top:16px;display:flex;flex-direction:row;text-align:left}.infoContactPart{margin-right:20px}#infoContactPartn1{font-size:1.75em;font-weight:900;margin-bottom:0;cursor:pointer;pointer-events:auto}#infoContactPartn2{font-size:1.1em}#infoContactVille{margin-top:7px;font-size:1.3em}#infoContactTitre{font-size:1.75em}@media (max-width: 1200px){.logo{top:20px;left:120px;font-size:1.6em}.creativeDev{top:50px;left:132px}.menu{top:20px;right:70px}.line-TopRight{top:26px;right:60px}.line-BottomLeft{bottom:32px;left:40px}.btSuivant{bottom:40px;right:60px}.mentions{bottom:40px;left:120px}.btColorChoice{bottom:83px;left:54px}.contentAbout,.contentWork{top:70px;left:140px;width:70%}.contentContact{top:70px;left:140px;width:90%}#infoWork{max-height:800px;height:calc(80vh - 110px)}}@media (max-width: 760px){.logo{top:10px;left:100px;font-size:1.6em}.creativeDev{left:12px}.contentAbout{top:50px;left:20px;width:calc(90% - 1px)}#sub0MenuAbout{display:flex;flex-direction:column}.contentWork{top:50px;left:20px;width:70%}#infoWork{top:180px;left:calc(75vw - 350px);width:90vw;height:calc(80vh - 220px)}#infoWorkTxt{margin-top:4px}.contentContact{top:50px;left:20px;width:90%}.contentWork #titreWork,.contentAbout #titreAbout,.contentContact #titreContact{font-size:2.2em}.contentWork #masqueWork,.contentAbout #masqueAbout,.contentContact #masqueContact{height:45px}.menu{top:10px;right:20px}.line-TopRight{top:16px;right:10px}.line-BottomLeft{bottom:32px;left:40px}.btSuivant{bottom:22px;right:26px}.mentions{bottom:20px;left:100px}.line-BottomLeft{bottom:12px;left:20px}.btColorChoice{bottom:60px;left:34px}}@media (max-width: 600px){#infoContact{margin-top:16px;flex-direction:column}#infoContactPartn1{margin-bottom:20px}}@media (max-width: 500px){#infoWork{left:0}#aboutBt1{color:#fff;font-size:20px}#introAbout{display:block}#introAboutBt{display:none}#subMenuAboutn1,#subMenuAboutn2,#subMenuAboutn3{opacity:0;font-size:.9em}}@media (max-height: 500px){#infoWork{width:90vw;top:40px;left:210px;min-height:240px}.btSuivant{display:none}#sub0MenuAbout{flex-direction:row}#subMenuAboutn1,#subMenuAboutn2,#subMenuAboutn3{opacity:0;font-size:.9em}.contentWork #titreWork,.contentAbout #titreAbout,.contentContact #titreContact{font-size:2.2em}.contentWork #masqueWork,.contentAbout #masqueAbout,.contentContact #masqueContact{height:45px}}