/* Panneau d'information */
ul#info { position:fixed; margin:0; padding:0; top:18px; right:0; list-style:none; z-index:2000; }
ul#info li { width:396px; }
ul#info li div { display:block; margin-left:396px; width:396px; height:90px; border-radius:18px 0 0 18px; -moz-border-radius:18px 0 0 18px; filter:drop-shadow(5px 5px 5px rgba(160, 160, 160, 1)); }
ul#info .bandeau div { background-color:rgba(255,255,255, 1); }
.bandeau .info { color:#ff7400; }
.bandeau .pictoInfo { float:left; width:auto; height:63px; padding:12.6px 27px 12.6px 18px; opacity:0.8; }
.bandeau .inter { color:#ff5c5c; }
.bandeau .pictoInter { float:left; width:auto; height:63px; padding:12.6px 27px 12.6px 18px; }
.bandeau .indis { color:#ff7400; }
.bandeau .pictoIndis { float:left; width:auto; height:63px; padding:12.6px 27px 12.6px 18px; }
.bandeau .valid { color:#9fdb18; }
.bandeau .pictoValid { float:left; width:auto; height:63px; padding:12.6px 27px 12.6px 18px; }
.bandeau h3 { display:block; font-family:'robotoregular', Arial; font-size:21.6px; font-weight:500; padding:9px 0 0; }
.bandeau p { display:block; font-family:'robotoregular', Arial; font-size:13.5px; font-weight:400; color:rgba(85, 85, 85, 1); padding:3.6px 0 0; }

/* Erreurs */
#boite { display:block; position:absolute; opacity:1; margin:0; padding:0; overflow:hidden; background-color:rgba(235,235,235, 1); width:100%; height:100%; left:0; top:0; -moz-box-sizing: border-box;  box-sizing: border-box; }
#boite a { color:rgba(85, 85, 85, 1); }
#boite .input { border-radius:5px; box-shadow:inset 5px 5px 5px #b5b5b5, inset -5px -5px 5px #ebebeb; fill:rgba(235,235,235,1); position:absolute; margin:0 auto; padding:0 10px; overflow:visible; width:12vw; height:30px; left:43.2vw; top:370px; z-index:2; outline:none; }
#boite .btn_valid { display:block; position:absolute; cursor:pointer; margin:0; padding:0; background-color:transparent; background-image:url('../images/b-valider.png'); width:52px; height:52px; top:510px; left:48vw; overflow:visible; z-index:1; text-indent:-9999px; }
#boite .txt1 { position:absolute; opacity:1; margin:0 auto; padding:0; text-align:center; color:rgba(255,115,92, 1); -webkit-text-stroke:unset; font-size:25.2px; font-weight:600; font-style:normal; font-family:'robotoregular', Arial; white-space:pre; width:100%; top:270px; }
#boite .txt2 { position:absolute; opacity:1; margin:0 auto; padding:0; text-align:center; color:rgba(85, 85, 85, 1); -webkit-text-stroke:unset; font-size:16.2px; font-weight:500; font-style:normal; font-family:'robotoregular', Arial; white-space:pre; width:100%; top:324px; }
#boite .txt3 { position:absolute; opacity:1; margin:0 auto; padding:0; text-align:center; color:rgba(85, 85, 85, 1); -webkit-text-stroke:unset; font-size:13.5px; font-weight:500; font-style:normal; font-family:'robotoregular', Arial; white-space:pre; width:100%; top:432px; }
#boite .txt4 { position:absolute; opacity:1; margin:0 auto; padding:0; text-align:center; color:rgba(85, 85, 85, 1); -webkit-text-stroke:unset; font-size:16.2px; font-weight:500; font-style:normal; font-family:'robotoregular', Arial; white-space:pre; width:100%; top:324px; }
#boite .txt5 { position:absolute; opacity:1; margin:0 auto; padding:0; text-align:center; color:rgba(85, 85, 85, 1); -webkit-text-stroke:unset; font-size:13.5px; font-weight:500; font-style:normal; font-family:'robotoregular', Arial; white-space:pre; width:100%; top:432px; }
#boite .infolegal { display:block; position:relative; width:353px; margin:5px auto 0; font-family:'robotoregular', Arial; font-size:15px; color:rgba(85, 85, 85, 1); z-index:2; top:94%; }
.cs-loader { position:absolute; top:0; left:0; height:100%; width:100%; }
.cs-loader-inner { transform:translateY(-50%); top:385.2px; position:absolute; width:calc(100% - 199.8px); color:rgba(85, 85, 85, 1); padding:0 100.8px; text-align:center; }
.cs-loader-inner label { font-size:19.8px; opacity:0; display:inline-block; }
@keyframes lol { 0% { opacity:0; transform:translateX(-300.6px); } 33% { opacity:1; transform:translateX(0); } 66% { opacity:1; transform:translateX(0); } 100% { opacity:0; transform:translateX(300.6px); } }
@-webkit-keyframes lol { 0% { opacity:0; -webkit-transform:translateX(-300.6px); } 33% { opacity:1; -webkit-transform:translateX(0); } 66% { opacity:1; -webkit-transform:translateX(0); } 100% { opacity:0; -webkit-transform:translateX(300.6px); } }
.cs-loader-inner label:nth-child(6) { -webkit-animation:lol 3s infinite ease-in-out; animation:lol 3s infinite ease-in-out; }
.cs-loader-inner label:nth-child(5) { -webkit-animation:lol 3s 100ms infinite ease-in-out; animation:lol 3s 100ms infinite ease-in-out; }
.cs-loader-inner label:nth-child(4) { -webkit-animation:lol 3s 200ms infinite ease-in-out; animation:lol 3s 200ms infinite ease-in-out; }
.cs-loader-inner label:nth-child(3) { -webkit-animation:lol 3s 300ms infinite ease-in-out; animation:lol 3s 300ms infinite ease-in-out; }
.cs-loader-inner label:nth-child(2) { -webkit-animation:lol 3s 400ms infinite ease-in-out; animation:lol 3s 400ms infinite ease-in-out; }
.cs-loader-inner label:nth-child(1) { -webkit-animation:lol 3s 500ms infinite ease-in-out; animation:lol 3s 500ms infinite ease-in-out; }

/* Cookie */
.wrappercook{ position:absolute; font-family:'robotoregular', Arial; top:72%; left:30.06px; max-width:365.4px; background:#fff; padding:25.02px 25.02px 30.06px 25.02px; border-radius:14.94px; box-shadow:1.08px 7.02px 14.04px -5.04px rgba(0,0,0,0.15); text-align:center; z-index:9999; }
.wrappercook.hide{ opacity:0; pointer-events:none; transform:scale(0.8); transition:all 0.3s ease; }
.wrappercook img{ max-width:90px; }
.contentcook header{ font-family:'robotoregular', Arial; font-size:21.6px; font-weight:600; margin-bottom:14.4px; }
.contentcook{ margin-top:10.08px; font-size:14.4px; }
.contentcook p{ color:#858585; margin:5.04px 0 19.98px 0; }
.contentcook .buttons{ display:flex; align-items:center; justify-content:center; }
.buttonscook button{ padding:10.08px 19.98px; border:none; outline:none; color:#fff; font-size:14.4px; font-weight:500; border-radius:5.04px; background:rgba(85, 85, 85, 1); cursor:pointer; transition:all 0.3s ease; }
.buttonscook button:hover{ transform:scale(0.97); }
.buttonscook .item{ margin:0 10.08px; }
.buttonscook .item2{ font-size:14.4px; font-weight:600; color:rgba(85, 85, 85, 1); margin:0 10.08px; }
.buttonscook a{ color:#FCBA7F; }

/* Maintenance */
.maintenance { display:block; position:relative; width:600px; margin:180px auto; }
.javascript { display:block; position:relative; width:100px; margin:320px auto 0; }
.bSideOff { display:block; position:absolute; background-color:transparent; width:100px; height:100px; left:31.4px; top:26px; overflow:hidden; }
.footer_js { display:block; position:absolute; background-color:rgba(239, 239, 239, 1); width:100%; height:100%; margin:0; padding:0; overflow-y:hidden; overflow-x:hidden; }
.p_js1 { display:inline-block; position:absolute; width:100%; left:0; opacity:1; margin:260px auto; color:#555555; font-size:24px; font-weight:600; font-style:normal; font-family:'robotoregular', Arial; text-align:center; white-space:pre; }
.p_js2 { display:inline-block; position:absolute; width:100%; left:0; top:500px; opacity:1; margin:0; color:#555555; font-size:20px; font-weight:600; font-style:normal; font-family:'robotoregular', Arial; text-align:center; white-space:pre; }

/* Tablet */
#Rectangle_320 { opacity: 0.047; fill: rgba(85,85,85,1); }
.Rectangle_320 { position: absolute; overflow: visible; width: 114.67vw; height: 70vw; left: 0px; top: 0px; }
#Rectangle_335 { opacity: 0.047; fill: rgba(85,85,85,1); }
.Rectangle_335 { position: absolute; overflow: visible; width: 114.67vw; height: 233vw; left: 0px; top: 190vw; }
#Rectangle_336 { opacity: 0.047; fill: rgba(85,85,85,1); }
.Rectangle_336 { position: absolute; overflow: visible; width: 114.67vw; height: 47vw; left: 0px; top:658vw; }
#Rectangle_420 { opacity: 0.047; fill: rgba(85,85,85,1); }
.Rectangle_420 { display:none; }
#Rectangle_435 { opacity: 0.047; fill: rgba(85,85,85,1); }
.Rectangle_435 { display:none; }
#Rectangle_436 { opacity: 0.047; fill: rgba(85,85,85,1); }
.Rectangle_436 { display:none; }
#Rectangle_423 { opacity: 0.047; fill: rgba(85,85,85,1); }
.Rectangle_423 { display:none; }
#Rectangle_431 { opacity: 0.047; fill: rgba(85,85,85,1); }
.Rectangle_431 { display:none; }
#Rectangle_432 { opacity: 0.047; fill: rgba(85,85,85,1); }
.Rectangle_432 { display:none; }
.boutons_haut_phone { position:absolute; background-color:transparent; width:auto; height:auto; margin:2vw; z-index:2; }
.bouton1_phone { display:block; position:absolute; background-color:transparent; width:11vw; height:11vw; left:0; top:0; overflow:hidden; }
.bouton2_phone { display:block; position:absolute; background-color:transparent; width:11vw; height:11vw; left:11vw; top:0; overflow:hidden; }
.bouton3_phone { display:block; position:absolute; background-color:transparent; width:11vw; height:11vw; left:22vw; top:0; overflow:hidden; }
.vignetteLabelexpo { display: block; position: absolute; box-sizing: content-box; -ms-transform: rotate(0.00deg); -webkit-transform: rotate(0.00deg); transform: rotate(0.00deg); -ms-transform-origin: center; -webkit-transform-origin: center; transform-origin: center; background-image: url("/images/assets/vignetteLabelexpo.png"); background-position: center; background-repeat: no-repeat; background-size: cover; opacity: 1; cursor: default; margin-top: 0.00px; margin-right: 0.00px; margin-bottom: 0.00px; margin-left:0.00px; padding-top:0.00px; padding-right:0.00px; padding-bottom: 0.00px; padding-left: 0.00px; overflow-x: unset; overflow-y: unset; background-color: transparent; width: 28.15vw; height: 16.91vw; left: 71vw; top: 0; }
#logo { position: absolute; width: 66.78vw; height: 21.31vw; left: 14.07vw; top: 16.67vw; overflow: visible; }
.logo { display: block; position: absolute; box-sizing: content-box; -ms-transform: rotate(0.00deg); -webkit-transform: rotate(0.00deg); transform: rotate(0.00deg); -ms-transform-origin: center; -webkit-transform-origin: center; transform-origin: center; background-image: url("/images/assets/logo.png"); background-position: center; background-repeat: no-repeat; background-size: cover; opacity: 1; cursor: default; margin-top: 0.00px; margin-right: 0.00px; margin-bottom: 0.00px; margin-left: 0.00px; padding-top: 0.00px; padding-right: 0.00px; padding-bottom: 0.00px; padding-left: 0.00px; overflow-x: unset; overflow-y: unset; background-color: transparent; width: 63.859vw; height: 20.378vw; left: 0; top: 0; }
#_phone1 { left: 12.37vw; top: 40.12vw; position: absolute; overflow: visible; width: 74.2vw; height: 10.74vw; text-align: center; font-family:'robotocondensedregular', Arial; font-style: normal; font-weight: bold;  font-size: 3.09vw; color: rgba(85,85,85,1); }
#_phone2 { left: 9.28vw; top: 53.95vw; position: absolute; overflow: visible; width: 80.37vw; height: 10.37vw; text-align: left; font-family:'robotoregular', Arial; font-style: normal; font-weight: normal; font-size: 2.22vw; color: rgba(85,85,85,1); }
#_phone3 { left: 9.53vw; top: 73vw; position: absolute; overflow: visible; width:80.12vw; height:5.06vw; text-align: left; font-family:'robotocondensedregular', Arial; font-style: normal; font-weight: bold; font-size: 4.32vw; color: rgba(255,115,92,1); }
#_phone4 { left: 9.41vw; top: 79.5vw; position: absolute; overflow: visible; width:80.12vw; height:3.58vw; text-align:left; font-family:'robotocondensedregular', Arial; font-style: normal; font-weight: bold; font-size: 3.09vw; color: rgba(85,85,85,1); }
#_phone5 { position: absolute; width: 80.25vw; height: 33.05vw; left: 9.28vw; top: 86vw; overflow: visible; }
#_phone6 { display:none; }
#_phone6_1 { left: 9.28vw; top: 119.51vw; position: absolute; overflow: visible; width: 80.37vw; height: 38.89vw; text-align: left; font-family:'robotoregular', Arial; font-style: normal; font-weight: bold; font-size: 3vw; color: rgba(85,85,85,1); }
#_phone6_2 { display:none; }
#_phone7 { display:none }
#_phone7_1 { left: 9.28vw; top: 194.5vw; position: absolute; overflow: visible; width: 80.37vw; height: 5.06vw; text-align: left; font-family:'robotocondensedregular', Arial; font-style: normal; font-weight: bold; font-size: 4.32vw; color: rgba(193,74,147,1); }
#_phone8 { left: 9.28vw; top: 201vw; position: absolute; overflow: visible; width:80.37vw; height: 3.58vw; text-align: left; font-family:'robotocondensedregular', Arial; font-style: normal; font-weight: bold; font-size: 3.09vw; color: rgba(85,85,85,1); }
#_phone9 { left: 9.28vw; top: 207vw; position: absolute; overflow: visible; width: 80.37vw; height: 5.19vw; text-align: left; font-family:'robotoregular', Arial; font-style: normal; font-weight: normal; font-size: 2.22vw; color: rgba(85,85,85,1); }
#picto_caddie { position: absolute; width: 9vw; height: 9vw; left: 44.5vw; top: 220vw; overflow: visible; }
#_phone10 { left: 27.5vw; top: 230vw; position: absolute; overflow: visible; width: 43.33vw; height: 10.12vw; line-height:5vw; text-align: center; font-family:'robotocondensedregular', Arial; font-style: normal; font-weight: bold; font-size: 4.32vw; color: rgba(255,209,15,1); }
#vue_client { position: absolute; width: 80.25vw; height: 37.29vw; left: 9.28vw; top: 245vw; overflow: visible; }
#_phone11 { display:none }
#_phone11_1 { left: 9.28vw; top: 286vw; position: absolute; overflow: visible; width: 79.01vw; height: 18.15vw; text-align: left; font-family:'robotoregular', Arial; font-style: normal; font-weight: normal; font-size: 2.22vw; color: rgba(85,85,85,1); }
#picto_admin { position: absolute; width: 9vw; height: 9vw; left: 44.5vw; top: 314vw; overflow: visible; }
#_phone12 { display:none }
#_phone12_1 { left: 23.5vw; top: 325vw; position: absolute; overflow: visible; width: 51.98vw; height: 10.12vw; line-height:5vw; text-align: center; font-family:'robotocondensedregular', Arial; font-style: normal; font-weight: bold; font-size: 4.32vw; color: rgba(193,74,147,1); }
#vue_admin { position: absolute; width: 80.25vw; height: 37.29vw; left: 9.28vw; top: 340vw; overflow: visible; }
#_phone13 { display:none }
#_phone13_1 { left: 9.28vw; top: 381vw; position: absolute; overflow: visible; width: 80.37vw; height: 31.11vw; text-align: left; font-family:'robotoregular', Arial; font-style: normal; font-weight: normal; font-size: 2.22vw; color: rgba(85,85,85,1); }
#_phone14 { left: 9.28vw; top:427vw; position: absolute; overflow: visible; width:80.37vw; height:5.06vw; text-align: left; font-family:'robotocondensedregular', Arial; font-style: normal; font-weight: bold; font-size: 4.32vw; color: rgba(4,191,191,1); }
#_phone15 { left: 9.28vw; top: 434vw; position: absolute; overflow:visible; width:80.37vw; height: 7.16vw; text-align: left; font-family:'robotocondensedregular', Arial; font-style: normal; font-weight: bold; font-size: 3.09vw; color: rgba(85,85,85,1); }
#picto_calculette { position: absolute; width: 9vw; height: 9vw; left: 44.5vw; top: 448vw; overflow: visible; }
#_phone16 { left: 9.28vw; top: 459vw; position: absolute; overflow: visible; width: 80.37vw; height: 3.58vw; text-align: center; font-family:'robotocondensedregular', Arial; font-style: normal; font-weight: bold; font-size: 3.09vw; color: rgba(85,85,85,1); }
#vue_selection { position: absolute; width: 83vw; height: 26.32vw; left: 7.28vw; top: 465vw; overflow: visible; }
#Groupe_de_masques_3 { position: absolute; width: 80.25vw; height: 22.63vw; left: 0vw; top: 0vw; overflow: visible; }
#_phone17 { left: 9.28vw; top: 494vw; position: absolute; overflow: visible; width: 80.37vw; height: 12.96vw; text-align: left; font-family:'robotoregular', Arial; font-style: normal; font-weight: normal; font-size: 2.22vw; color: rgba(85,85,85,1); }
#picto_multiprocess { position: absolute; width: 9vw; height: 9vw; left: 44.5vw; top: 515vw; overflow: visible; }
#_phone18 { left: 9.28vw; top: 526vw; position: absolute; overflow: visible; width: 80.37vw; height: 15.47vw; text-align: center; font-family:'robotocondensedregular', Arial; font-style: normal; font-weight: bold; font-size: 3.09vw; color: rgba(85,85,85,1); }
#_phone19 { left: 9.28vw; top: 532vw; position: absolute; overflow: visible; width: 80.37vw; height: 31.11vw; text-align: center; font-family:'robotoregular', Arial; font-style: normal; font-weight: normal; font-size: 2.22vw; color: rgba(85,85,85,1); }
#picto_bdd { position: absolute; width: 9vw; height: 9vw; left: 45.5vw; top: 572vw; overflow: visible; }
#_phone20 { left: 9.28vw; top: 583vw; position: absolute; overflow: visible; width: 80.37vw; height: 3.58vw; text-align: center; font-family:'robotocondensedregular', Arial; font-style: normal; font-weight: bold; font-size: 3.09vw; color: rgba(85,85,85,1); }
#vue_cylindre { position: absolute; width: 80.25vw; height: 46.1vw; left: 9.28vw; top: 591vw; overflow: visible; }
#_phone21 { left: 11.28vw; top: 641vw; position: absolute; overflow: visible; width: 80.38vw; height: 7.78vw; text-align: left; font-family:'robotoregular', Arial; font-style: normal; font-weight: normal; font-size: 2.22vw; color: rgba(85,85,85,1); }
#_phone22 { left: 9.28vw; top: 665vw; position: absolute; overflow: visible; width: 80.38vw; height: 10.37vw; text-align: center; font-family:'robotocondensedregular', Arial; font-style: normal; font-weight: bold; font-size: 2.96vw; color: rgba(2,136,209,1); }
#_phone23 { left: 9.28vw; top: 685vw; position: absolute; overflow: visible; width: 80.38vw; height: 3.46vw; text-align: center; font-family:'robotoregular', Arial; font-style: normal; font-weight: normal; font-size: 2.96vw; color: rgba(85,85,85,1); text-decoration: underline; }
#_phone24 { left: 9.28vw; top: 700vw; position: absolute; overflow: visible; width: 80.38vw; height: 3.46vw; text-align: center; font-family:'robotocondensedregular', Arial; font-style: normal; font-weight: bold; font-size: 2.96vw; color: rgba(85,85,85,1); }
#_phone23 a, #_phone24 a { color: rgba(85,85,85,1); text-decoration:none; }
#Rectangle_425 { opacity: 0.098; fill: rgba(255,115,92,1); }
.Rectangle_425 { display:none; }
#Rectangle_426 { opacity: 0.099; fill: rgba(193,74,147,1); }
.Rectangle_426 { display:none; }
#Rectangle_427 { opacity: 0.098; fill: rgba(4,191,191,1); }
.Rectangle_427 { display:none; }
#Rectangle_429 { opacity: 0.098; fill: rgba(255,209,15,1); }
.Rectangle_429 { display:none; }
#Rectangle_430 { opacity: 0.098; fill: rgba(2,136,209,1); }
.Rectangle_430 { display:none; }