/* Panneau d'information */
ul#info { position:fixed; margin:0; padding:0; top:16px; right:0; list-style:none; z-index:2000; }
ul#info li { width:352px; }
ul#info li div { display:block; margin-left:352px; width:352px; height:80px; border-radius:16px 0 0 16px; -moz-border-radius:16px 0 0 16px; 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:56px; padding:11.2px 24px 11.2px 16px; opacity:0.8; }
.bandeau .inter { color:#ff5c5c; }
.bandeau .pictoInter { float:left; width:auto; height:56px; padding:11.2px 24px 11.2px 16px; }
.bandeau .indis { color:#ff7400; }
.bandeau .pictoIndis { float:left; width:auto; height:56px; padding:11.2px 24px 11.2px 16px; }
.bandeau .valid { color:#9fdb18; }
.bandeau .pictoValid { float:left; width:auto; height:56px; padding:11.2px 24px 11.2px 16px; }
.bandeau h3 { display:block; font-family:'robotoregular', Arial; font-size:19.2px; font-weight:500; padding:8px 0 0; }
.bandeau p { display:block; font-family:'robotoregular', Arial; font-size:12px; font-weight:400; color:rgba(85, 85, 85, 1); padding:3.2px 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:30vw; height:30px; left:32vw; top:330px; 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:470px; left:44.5vw; overflow:visible; z-index:1; text-indent:-9999px; }
#boite .txt1 {display:block; position:relative; width:80%; opacity:1; margin:0 auto; padding:0; text-align:center; color:rgba(255,115,92, 1); -webkit-text-stroke:unset; font-size:16px; font-weight:600; font-style:normal; font-family:'robotoregular', Arial; top:240px; }
#boite .txt2 { display:block; position:relative; width:80%; opacity:1; margin:0 auto; padding:0; text-align:center; color:rgba(85, 85, 85, 1); -webkit-text-stroke:unset; font-size:14px; font-weight:500; font-style:normal; font-family:'robotoregular', Arial; top:288px; }
#boite .txt3 { display:block; position:absolute; width:100%; opacity:1; margin:0 auto; top:480px; color:rgba(85, 85, 85, 1); font-size:12px; font-weight:500; font-style:normal; font-family:'robotoregular', Arial; text-align:center; word-break: break-word; }
#boite .txt4 { display:block; position:relative; width:80%; opacity:1; margin:0 auto; padding:0; text-align:center; color:rgba(85, 85, 85, 1); -webkit-text-stroke:unset; font-size:14px; font-weight:500; font-style:normal; font-family:'robotoregular', Arial; top:260px; }
#boite .txt5 { display:block; position:absolute; width:80%; opacity:1; margin:0 auto; left:10%; top:400px; color:rgba(85, 85, 85, 1); font-size:12px; font-weight:500; font-style:normal; font-family:'robotoregular', Arial; text-align:center; word-break: break-word; }
#boite .infolegal { display:block; position:absolute; width:100%; margin:0 auto; font-family:'robotoregular', Arial; font-size:12px; text-align:center; color:rgba(85, 85, 85, 1); z-index:2; top:94%; }
.cs-loader { display:inline-block; position:relative; top:0; left:0; height:100%; width:100%; }
.cs-loader-inner { transform:translateY(-50%); top:342.4px; position:absolute; width:calc(100% - 177.6px); color:rgba(85, 85, 85, 1); padding:0 89.6px; text-align:center; }
.cs-loader-inner label { font-size:17.6px; opacity:0; display:inline-block; }
@keyframes lol { 0% { opacity:0; transform:translateX(-267.2px); } 33% { opacity:1; transform:translateX(0); } 66% { opacity:1; transform:translateX(0); } 100% { opacity:0; transform:translateX(267.2px); } }
@-webkit-keyframes lol { 0% { opacity:0; -webkit-transform:translateX(-267.2px); } 33% { opacity:1; -webkit-transform:translateX(0); } 66% { opacity:1; -webkit-transform:translateX(0); } 100% { opacity:0; -webkit-transform:translateX(267.2px); } }
.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%; margin:0 26.72px; max-width:324.48px; background:#fff; padding:22.24px 22.24px 26.72px 22.24px; border-radius:13.28px; box-shadow:0.96px 6.24px 12.48px -4.48px 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:80px; }
.contentcook header{ font-family:'robotoregular', Arial; font-size:19.2px; font-weight:600; margin-bottom:12.8px; }
.contentcook{ margin-top:8.96px; font-size:12.8px; }
.contentcook p{ color:#858585; margin:4.48px 0 17.76px 0; }
.contentcook .buttons{ display:flex; align-items:center; justify-content:center; }
.buttonscook button{ padding:8.96px 17.76px; border:none; outline:none; color:#fff; font-size:12.8px; font-weight:500; border-radius:4.48px; background:rgba(85, 85, 85, 1); cursor:pointer; transition:all 0.3s ease; }
.buttonscook button:hover{ transform:scale(0.97); }
.buttonscook .item{ margin:0 8.96px; }
.buttonscook .item2{ font-size:12.8px; font-weight:600; color:rgba(85, 85, 85, 1); margin:0 8.96px; }
.buttonscook a{ color:#FCBA7F; }

/* Maintenance */
.maintenance { display:block; position:relative; width:350px; margin:180px auto; }
.javascript { display:block; position:relative; width:60px; margin:300px auto 0; }
.bSideOff { display:block; position:absolute; background-color:transparent; width:80px; height:80px; left:31.4px; top:26px; overflow:hidden; }
.footer_js { display:block; position:absolute; background-color:rgba(239, 239, 239, 1); width:100%; height:100%; min-height:920px; margin:0; padding:0; overflow:visible; }
.p_js1 { display:inline-block; position:absolute; width:100%; left:0; opacity:1; margin:250px auto;color:#555555; font-size:18px; font-weight:600; font-style:normal; font-family:'robotoregular', Arial; text-align:center; white-space:pre; }
.p_js2 { display:block; position:relative; width:60%; opacity:1; margin:40px auto; color:#555555; font-size:14px; font-weight:600; font-style:normal; font-family:'robotoregular', Arial; text-align:center; word-break: break-word; }

/* Phone */
#Rectangle_320 { opacity: 0.047; fill: rgba(85,85,85,1); }
.Rectangle_320 { display:none; }
#Rectangle_335 { opacity: 0.047; fill: rgba(85,85,85,1); }
.Rectangle_335 { display:none; }
#Rectangle_336 { opacity: 0.047; fill: rgba(85,85,85,1); }
.Rectangle_336 { display:none; }
#Rectangle_420 { opacity: 0.047; fill: rgba(85,85,85,1); }
.Rectangle_420 { position: absolute; overflow: visible; width: 114.67vw; height: 164vw; left: 0px; top: 0px; }
#Rectangle_435 { opacity: 0.047; fill: rgba(85,85,85,1); }
.Rectangle_435 { position: absolute; overflow: visible; width: 114.67vw; height: 460vw; left: 0px; top: 379vw; }
#Rectangle_436 { opacity: 0.047; fill: rgba(85,85,85,1); }
.Rectangle_436 { position: absolute; overflow: visible; width: 114.67vw; height: 80vw; left: 0px; top: 1330vw; }
#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:20vw; height:20vw; left:0; top:0; overflow:hidden; }
.bouton2_phone { display:block; position:absolute; background-color:transparent; width:20vw; height:20vw; left:18.5vw; top:0; overflow:hidden; }
.bouton3_phone { display:block; position:absolute; background-color:transparent; width:20vw; height:20vw; left:37vw; 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: 42.665vw; height: 27.465vw; left: 58vw; top: 0; }
#logo { position: absolute; width: 90vw; height: 29.46vw; left: 5.97vw; top: 35.13vw; 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: 86.064vw; height: 24.75264vw; left: 0; top: 0; }
#_phone1 { left: 5.8vw; top: 70.87vw; position: absolute; overflow: visible; width: 92.47vw; height: 30.93vw; text-align: center; font-family:'robotocondensedregular', Arial; font-style: normal; font-weight: bold;  font-size: 6.67vw; color: rgba(85,85,85,1); }
#_phone2 { left: 8.5vw; top: 113vw; position: absolute; overflow: visible; width: 85vw; height: 33.6vw; text-align: left; font-family:'robotoregular', Arial; font-style: normal; font-weight: normal; font-size: 4.5vw; color: rgba(85,85,85,1); }
#_phone3 { left: 8vw; top: 175vw; position: absolute; overflow: visible; width: 90vw; height: 10.93vw; text-align: left; font-family:'robotocondensedregular', Arial; font-style: normal; font-weight: bold; font-size: 9.33vw; color: rgba(255,115,92,1); }
#_phone4 { left: 8vw; top: 190vw; position: absolute; overflow: visible; width: 90vw; height: 15.47vw; text-align: left; font-family:'robotocondensedregular', Arial; font-style: normal; font-weight: bold; font-size: 6.67vw; color: rgba(85,85,85,1); }
#_phone5 { position: absolute; width: 85vw; height: 35vw; left: 8.5vw; top: 213vw; overflow: visible; }
#_phone6 { left: 8.5vw; top: 255vw; position: absolute; overflow: visible; width: 85vw; height: 117.6vw; text-align: left; font-family:'robotoregular', Arial; font-style: normal; font-weight: bold; font-size: 4.8vw; color: rgba(85,85,85,1); }
#_phone6_1 { display:none; }
#_phone6_2 { display:none; }
#_phone7 { left: 8vw; top: 384vw; position: absolute; overflow: visible; width: 90vw; height: 10.93vw; text-align: left; font-family:'robotocondensedregular', Arial; font-style: normal; font-weight: bold; font-size: 9.33vw; color: rgba(193,74,147,1); }
#_phone7_1 { display:none; }
#_phone8 { left: 8vw; top: 400vw; position: absolute; overflow: visible; width: 90vw; height: 15.47vw; text-align: left; font-family:'robotocondensedregular', Arial; font-style: normal; font-weight: bold; font-size: 6.67vw; color: rgba(85,85,85,1); }
#_phone9 { left: 8.5vw; top: 422vw; position: absolute; overflow: visible; width: 85vw; height: 22.4vw; text-align: left; font-family:'robotoregular', Arial; font-style: normal; font-weight: normal; font-size: 4.8vw; color: rgba(85,85,85,1); }
#picto_caddie { position: absolute; width: 20vw; height: 20vw; left: 42.315vw; top: 459vw; overflow: visible; }
#_phone10 { left: 5vw; top: 480vw; position: absolute; overflow: visible; width: 90vw; height: 10.93vw; line-height:11vw; text-align: center; font-family:'robotocondensedregular', Arial; font-style: normal; font-weight: bold; font-size: 9.3vw; color: rgba(255,209,15,1); }
#vue_client { position: absolute; width: 83vw; height: 35vw; left: 8.5vw; top: 510vw; overflow: visible; }
#_phone11 { left: 8vw; top: 553vw; position: absolute; overflow: visible; width: 85vw; height: 56vw; text-align: left; font-family:'robotoregular', Arial; font-style: normal; font-weight: normal; font-size: 4.8vw; color: rgba(85,85,85,1); }
#_phone11_1 { display:none; }
#picto_admin { position: absolute; width: 20vw; height: 20vw; left: 42.315vw; top: 612vw; overflow: visible; }
#_phone12 { left: 5vw; top: 635vw; position: absolute; overflow: visible; width: 90vw; height: 10.93vw; line-height:11vw; text-align: center; font-family:'robotocondensedregular', Arial; font-style: normal; font-weight: bold; font-size: 9.3vw; color: rgba(193,74,147,1); }
#_phone12_1 { display:none }
#vue_admin { position: absolute; width: 83vw; height: 35vw; left: 8.5vw; top: 676vw; overflow: visible; }
#_phone13 { left: 8vw; top: 720vw; position: absolute; overflow: visible; width: 85vw; height: 95.2vw; text-align: left; font-family:'robotoregular', Arial; font-style: normal; font-weight: normal; font-size: 4.8vw; color: rgba(85,85,85,1); }
#_phone13_1 { display:none }
#_phone14 { left: 8vw; top: 848vw; position: absolute; overflow: visible; width: 90vw; height: 10.93vw; text-align: left; font-family:'robotocondensedregular', Arial; font-style: normal; font-weight: bold; font-size: 8.33vw; color: rgba(4,191,191,1); }
#_phone15 { left: 8vw; top: 864vw; position: absolute; overflow: visible; width: 90vw; height: 15.47vw; text-align: left; font-family:'robotocondensedregular', Arial; font-style: normal; font-weight: bold; font-size: 6.67vw; color: rgba(85,85,85,1); }
#picto_calculette { position: absolute; width: 20vw; height: 20vw; left: 42.315vw; top: 905vw; overflow: visible; }
#_phone16 { left: 5vw; top: 930vw; position: absolute; overflow: visible; width: 90vw; height: 15.47vw; text-align: center; font-family:'robotocondensedregular', Arial; font-style: normal; font-weight: bold; font-size: 6.67vw; color: rgba(85,85,85,1); }
#vue_selection { position: absolute; width: 83vw; height: 26.32vw; left: 8.5vw; top: 950vw; overflow: visible; }
#Groupe_de_masques_3 { position: absolute; width: 83vw; height: 26.32vw; left: 0vw; top: 0vw; overflow: visible; }
#_phone17 { left: 8vw; top: 985vw; position: absolute; overflow: visible; width: 85vw; height: 39.2vw; text-align: left; font-family:'robotoregular', Arial; font-style: normal; font-weight: normal; font-size: 4.8vw; color: rgba(85,85,85,1); }
#picto_multiprocess { position: absolute; width: 20vw; height: 20vw; left: 42.315vw; top: 1044vw; overflow: visible; }
#_phone18 { left: 5vw; top: 1069vw; position: absolute; overflow: visible; width: 90vw; height: 15.47vw; text-align: center; font-family:'robotocondensedregular', Arial; font-style: normal; font-weight: bold; font-size: 6.67vw; color: rgba(85,85,85,1); }
#_phone19 { left: 8vw; top: 1090vw; position: absolute; overflow: visible; width: 85vw; height: 67.2vw; text-align: center; font-family:'robotoregular', Arial; font-style: normal; font-weight: normal; font-size: 4.8vw; color: rgba(85,85,85,1); }
#picto_bdd { position: absolute; width: 20vw; height: 20vw; left: 42.315vw; top: 1177vw; overflow: visible; }
#_phone20 { left: 5vw; top: 1202vw; position: absolute; overflow: visible; width: 90vw; height: 7.73vw; text-align: center; font-family:'robotocondensedregular', Arial; font-style: normal; font-weight: bold; font-size: 6.67vw; color: rgba(85,85,85,1); }
#vue_cylindre { position: absolute; width: 83vw; height: 47.68vw; left: 8.5vw; top: 1227vw; overflow: visible; }
#_phone21 { left: 10vw; top: 1285vw; position: absolute; overflow: visible; width: 85vw; height: 28vw; text-align: left; font-family:'robotoregular', Arial; font-style: normal; font-weight: normal; font-size: 4.8vw; color: rgba(85,85,85,1); }
#_phone22 { left: 5vw; top: 1340vw; position: absolute; overflow: visible; width: 90vw; height: 37.33vw; text-align: center; font-family:'robotocondensedregular', Arial; font-style: normal; font-weight: bold; font-size: 6.4vw; color: rgba(2,136,209,1); }
#_phone23 { left: 5vw; top: 1380vw; position: absolute; overflow: visible; width: 90vw; height: 7.47vw; text-align: center; font-family:'robotoregular', Arial; font-style: normal; font-weight: normal; font-size: 6.4vw; color: rgba(85,85,85,1); text-decoration: underline; }
#_phone24 { left: 5vw; top: 1400vw; position: absolute; overflow: visible; width: 90vw; height: 6.4vw; text-align: center; font-family:'robotocondensedregular', Arial; font-style: normal; font-weight: bold; font-size: 5.33vw; 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; }