/* Panneau d'information */
ul#info { position:fixed; margin:0; padding:0; top:20px; right:0; list-style:none; z-index:2000; }
ul#info li { width:440px; }
ul#info li div { display:block; margin-left:440px; width:440px; height:100px; border-radius:20px 0 0 20px; -moz-border-radius:20px 0 0 20px; 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:70px; padding:14px 30px 14px 20px; opacity:0.8; }
.bandeau .inter { color:#ff5c5c; }
.bandeau .pictoInter { float:left; width:auto; height:70px; padding:14px 30px 14px 20px; }
.bandeau .indis { color:#ff7400; }
.bandeau .pictoIndis { float:left; width:auto; height:70px; padding:14px 30px 14px 20px; }
.bandeau .valid { color:#9fdb18; }
.bandeau .pictoValid { float:left; width:auto; height:70px; padding:14px 30px 14px 20px; }
.bandeau h3 { display:block; font-family:'robotoregular', Arial; font-size:24px; font-weight:500; padding:10px 0 0; }
.bandeau p { display:block; font-family:'robotoregular', Arial; font-size:15px; font-weight:400; color:rgba(85, 85, 85, 1); padding:4px 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:410px; 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:550px; left:49vw; 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:24px; font-weight:600; font-style:normal; font-family:'robotoregular', Arial; white-space:pre; width:100%; top:300px; }
#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:16px; font-weight:500; font-style:normal; font-family:'robotoregular', Arial; white-space:pre; width:100%; top:360px; }
#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:14px; font-weight:500; font-style:normal; font-family:'robotoregular', Arial; white-space:pre; width:100%; top:480px; }
#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:16px; font-weight:500; font-style:normal; font-family:'robotoregular', Arial; white-space:pre; width:100%; top:360px; }
#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:14px; font-weight:500; font-style:normal; font-family:'robotoregular', Arial; white-space:pre; width:100%; top:480px; }
#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:428px; position:absolute; width:calc(100% - 222px); color:rgba(85, 85, 85, 1); padding:0 112px; text-align:center; }
.cs-loader-inner label { font-size:22px; opacity:0; display:inline-block; }
@keyframes lol { 0% { opacity:0; transform:translateX(-334px); } 33% { opacity:1; transform:translateX(0); } 66% { opacity:1; transform:translateX(0); } 100% { opacity:0; transform:translateX(334px); } }
@-webkit-keyframes lol { 0% { opacity:0; -webkit-transform:translateX(-334px); } 33% { opacity:1; -webkit-transform:translateX(0); } 66% { opacity:1; -webkit-transform:translateX(0); } 100% { opacity:0; -webkit-transform:translateX(334px); } }
.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:33.4px; max-width:405.6px; background:#fff; padding:27.8px 27.8px 33.4px 27.8px; border-radius:16.6px; box-shadow:1.2px 7.8px 15.6px -5.6px 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:100px; }
.contentcook header{ font-family:'robotoregular', Arial; font-size:24px; font-weight:600; margin-bottom:15px; }
.contentcook{ margin-top:11.2px; font-size:15px; }
.contentcook p{ color:#858585; margin:5.6px 0 22.2px 0; }
.contentcook .buttons{ display:flex; align-items:center; justify-content:center; }
.buttonscook button{ width:150px; padding:11.2px 22.2px; border:none; outline:none; color:#fff; font-size:15px; font-weight:500; border-radius:5.6px; background:rgba(85, 85, 85, 1); cursor:pointer; transition:all 0.3s ease; }
.buttonscook button:hover{ transform:scale(0.97); }
.buttonscook .item{ margin:0 11.2px; }
.buttonscook .item2{ font-size:15px; font-weight:600; color:rgba(85, 85, 85, 1); margin:0 11.2px; }
.buttonscook a{ color:#FCBA7F; }

/* Maintenance */
.maintenance { display:block; position:relative; width:900px; margin:180px auto 0; }
.javascript { display:block; position:relative; width:120px; margin:380px auto 0; }
.bSideOff { display:block; position:absolute; background-color:transparent; width:110px; height:110px; 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:320px 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:600px; 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; }

/* Computer */
#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 { 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 { position: absolute; overflow: visible; width: 114.67vw; height: 48vw; left: 0px; top: 0px; }
#Rectangle_431 { opacity: 0.047; fill: rgba(85,85,85,1); }
.Rectangle_431 { position: absolute; overflow: visible; width: 114.67vw; height: 57vw; left: 0px; top: 82vw; }
#Rectangle_432 { opacity: 0.047; fill: rgba(85,85,85,1); }
.Rectangle_432 { position: absolute; overflow: visible; width: 114.67vw; height: 20vw; left: 0px; top: 210vw; }
.boutons_haut_phone { position:absolute; background-color:transparent; width:auto; height:auto; margin:1vw; z-index:2; }
.bouton1_phone { display:block; position:absolute; background-color:transparent; width:5vw; height:5vw; left:0; top:0; overflow:hidden; }
.bouton2_phone { display:block; position:absolute; background-color:transparent; width:5vw; height:5vw; left:5vw; top:0; overflow:hidden; }
.bouton3_phone { display:block; position:absolute; background-color:transparent; width:5vw; height:5vw; left:10vw; 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: 21.19vw; height: 12.7vw; left: 79vw; top: 0; }
#logo { position: absolute; width: 43.16vw; height: 13.84vw; left: 20vw; top: 11.69vw; 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: 41.30vw; height: 13.24vw; left: 0; top: 0; }
#_phone1 { left: 10.99vw; top: 27vw; position: absolute; overflow: visible; width: 78.07vw; height: 6.41vw; text-align: center; font-family:'robotocondensedregular', Arial; font-style: normal; font-weight: bold;  font-size: 1.82vw; color: rgba(85,85,85,1); }
#_phone2 { left: 17.34vw; top: 37.52vw; position: absolute; overflow: visible; width: 41.72vw; height: 6.04vw; text-align: left; font-family:'robotoregular', Arial; font-style: normal; font-weight: normal; font-size: 1.3vw; color: rgba(85,85,85,1); }
#_phone3 { left: 17.4vw; top: 51vw; position: absolute; overflow: visible; width:33.8vw; height:2.14vw; text-align: left; font-family:'robotocondensedregular', Arial; font-style:normal; font-weight:bold; font-size: 1.82vw; color: rgba(255,115,92,1); }
#_phone4 { left: 17.34vw; top: 54vw; position: absolute; overflow: visible; width:33.8vw; height:1.51vw; text-align:left; font-family:'robotocondensedregular', Arial; font-style: normal; font-weight: bold; font-size: 1.3vw; color: rgba(85,85,85,1); }
#_phone5 { position: absolute; width: 33.85vw; height: 13.94vw; left: 55.31vw; top: 58vw; overflow: visible; }
#_phone6 { display:none; }
#_phone6_1 { display:none; }
#_phone6_2 { left: 17.34vw; top: 58.31vw; position: absolute; overflow: visible; width: 33.91vw; height: 16.41vw; line-height:1.2vw; text-align: left; font-family:'robotoregular', Arial; font-style: normal; font-weight: bold; font-size: 1.2vw; color: rgba(85,85,85,1); }
#_phone7 { display:none }
#_phone7_1 { left: 17.4vw; top: 85.45vw; position: absolute; overflow: visible; width: 33.91vw; height: 2.14vw; text-align: left; font-family:'robotocondensedregular', Arial; font-style: normal; font-weight: bold; font-size: 1.82vw; color: rgba(193,74,147,1); }
#_phone8 { left: 17.4vw; top: 88.55vw; position: absolute; overflow: visible; width:33.91vw; height:1.51vw; text-align: left; font-family:'robotocondensedregular', Arial; font-style: normal; font-weight: bold; font-size: 1.3vw; color: rgba(85,85,85,1); }
#_phone9 { left: 17.4vw; top: 91.3vw; position: absolute; overflow: visible; width: 33.91vw; height: 2.19vw; text-align: left; font-family:'robotoregular', Arial; font-style: normal; font-weight: normal; font-size: 1vw; color: rgba(85,85,85,1); }
#picto_caddie { position: absolute; width: 4vw; height: 4vw; left: 30.99vw; top:99vw; overflow: visible; }
#_phone10 { left: 23.96vw; top: 103.22vw; position: absolute; overflow: visible; width: 18.28vw; height: 4.27vw; line-height:2vw; text-align: center; font-family:'robotocondensedregular', Arial; font-style: normal; font-weight: bold; font-size: 1.82vw; color: rgba(255,209,15,1); }
#vue_client { position: absolute; width: 33.85vw; height: 15.73vw; left: 16.15vw; top: 108.22vw; overflow: visible; }
#_phone11 { display:none }
#_phone11_1 { left: 16.41vw; top: 124.83vw; position: absolute; overflow: visible; width: 33.33vw; height: 7.66vw; text-align: left; font-family:'robotoregular', Arial; font-style: normal; font-weight: normal; font-size: 1vw; color: rgba(85,85,85,1); }
#picto_admin { position: absolute; width: 4vw; height: 4vw; left: 70.16vw; top: 87.92vw; overflow: visible; }
#_phone12 { display:none }
#_phone12_1 { left: 61.3vw; top: 92.06vw; position: absolute; overflow: visible; width: 21.93vw; height: 4.27vw; line-height:2vw; text-align: center; font-family:'robotocondensedregular', Arial; font-style: normal; font-weight: bold; font-size: 1.82vw; color: rgba(193,74,147,1); }
#vue_admin { position: absolute; width: 33.75vw; height: 15.7vw; left: 55.36vw; top: 97vw; overflow: visible; }
#_phone13 { display:none }
#_phone13_1 { left: 55.31vw; top:113.66vw; position: absolute; overflow: visible; width: 33.91vw; height: 13.13vw; text-align:left; font-family:'robotoregular', Arial; font-style: normal; font-weight: normal; font-size: 0.95vw; color: rgba(85,85,85,1); }
#_phone14 { left: 17.4vw; top:142.77vw; position: absolute; overflow: visible; width:33.91vw; height:2.14vw; text-align: left; font-family:'robotocondensedregular', Arial; font-style:normal; font-weight:bold; font-size:1.82vw; color: rgba(4,191,191,1); }
#_phone15 { left: 17.4vw; top: 146vw; position: absolute; overflow:visible; width:33.91vw; height:3.02vw; text-align: left; font-family:'robotocondensedregular', Arial; font-style: normal; font-weight: bold; font-size:1.3vw; color: rgba(85,85,85,1); }
#picto_calculette { position: absolute; width: 4vw; height: 4vw; left: 30.99vw; top: 152.72vw; overflow: visible; }
#_phone16 { left: 22.08vw; top: 157vw; position: absolute; overflow: visible; width: 22.03vw; height: 1.51vw; text-align: center; font-family:'robotocondensedregular', Arial; font-style: normal; font-weight: bold; font-size: 1.3vw; color: rgba(85,85,85,1); }
#vue_selection { position: absolute; width: 33.85vw; height: 9.55vw; left: 16.15vw; top: 160vw; overflow: visible; }
#Groupe_de_masques_3 { position: absolute; width: 33.85vw; height: 9.55vw; left: 0vw; top: 0vw; overflow: visible; }
#_phone17 { left: 16.15vw; top: 171.46vw; position: absolute; overflow: visible; width: 33.91vw; height: 5.47vw; text-align: left; font-family:'robotoregular', Arial; font-style: normal; font-weight: normal; font-size: 1vw; color: rgba(85,85,85,1); }
#picto_multiprocess { position: absolute; width: 4vw; height: 4vw; left: 30.99vw; top: 182.1vw; overflow: visible; }
#_phone18 { left: 20.05vw; top: 186.34vw; position: absolute; overflow: visible; width: 26.09vw; height: 1.51vw; text-align: center; font-family:'robotocondensedregular', Arial; font-style: normal; font-weight: bold; font-size: 1.3vw; color: rgba(85,85,85,1); }
#_phone19 { left: 23.96vw; top: 189.5vw; position: absolute; overflow: visible; width: 18.28vw; height: 13.13vw; text-align: center; font-family:'robotoregular', Arial; font-style: normal; font-weight: normal; font-size:1vw; color: rgba(85,85,85,1); }
#picto_bdd { position: absolute; width: 4vw; height: 4vw; left: 70.16vw; top: 152.72vw; overflow: visible; }
#_phone20 { left: 55.31vw; top: 157vw; position: absolute; overflow: visible; width: 33.91vw; height: 1.51vw; text-align: center; font-family:'robotocondensedregular', Arial; font-style: normal; font-weight: bold; font-size: 1.3vw; color: rgba(85,85,85,1); }
#vue_cylindre { position: absolute; width: 33.85vw; height: 19.45vw; left: 55.31vw; top: 166vw; overflow: visible; }
#_phone21 { left: 55.31vw; top: 160vw; position: absolute; overflow: visible; width: 33.91vw; height: 3.28vw; text-align: left; font-family:'robotoregular', Arial; font-style: normal; font-weight: normal; font-size: 1vw; color: rgba(85,85,85,1); }
#_phone22 { left: 33.07vw; top: 213vw; position: absolute; overflow: visible; width: 33.91vw; height: 5.83vw; text-align: center; font-family:'robotocondensedregular', Arial; font-style: normal; font-weight: bold; font-size: 1.25vw; color: rgba(2,136,209,1); }
#_phone23 { left: 40.63vw; top: 220vw; position: absolute; overflow: visible; width: 18.28vw; height: 1.46vw; text-align: center; font-family:'robotoregular', Arial; font-style: normal; font-weight: normal; font-size: 1.25vw; color: rgba(85,85,85,1); text-decoration: underline; }
#_phone24 { left: 40.63vw; top: 225vw; position: absolute; overflow: visible; width: 18.28vw; height: 1.25vw; text-align: center; font-family:'robotocondensedregular', Arial; font-style: normal; font-weight: bold; font-size: 1.04vw; 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 { filter: drop-shadow(10px 20px 10px rgba(85, 85, 85, 0.749)); width: 15.02vw; height: 15.5vw; top:-2vw; position: absolute; overflow: visible; transform: matrix(1,0,0,1,194.5945,949.4403) rotate(45deg); transform-origin: center; }
#Rectangle_426 { opacity: 0.099; fill: rgba(193,74,147,1); }
.Rectangle_426 { filter: drop-shadow(10px 20px 10px rgba(85, 85, 85, 0.749)); width: 19.64vw; height: 20.27vw; top:-6vw; position: absolute; overflow: visible; transform: matrix(1,0,0,1,693.5264,1658.4445) rotate(24deg); transform-origin: center; }
#Rectangle_427 { opacity: 0.098; fill: rgba(4,191,191,1); }
.Rectangle_427 { filter: drop-shadow(10px 20px 10px rgba(85, 85, 85, 0.749)); width: 18.18vw; height: 18.77vw; top:-6vw; position: absolute; overflow: visible; transform: matrix(1,0,0,1,860.4611,2744.1202) rotate(76deg); transform-origin: center; }
#Rectangle_429 { opacity: 0.098; fill: rgba(255,209,15,1); }
.Rectangle_429 { filter: drop-shadow(10px 20px 10px rgba(85, 85, 85, 0.749)); width: 18.18vw; height: 18.77vw; top:-8vw; position: absolute; overflow: visible; transform: matrix(1,0,0,1,555.6869,3732.5305) rotate(30deg); transform-origin: center; }
#Rectangle_430 { opacity: 0.098; fill: rgba(2,136,209,1); }
.Rectangle_430 { filter: drop-shadow(10px 20px 10px rgba(85, 85, 85, 0.749)); width: 10.68vw; height: 11.06vw; top:-8vw; position: absolute; overflow: visible; transform: matrix(1,0,0,1,1087.04,4165.5106) rotate(123deg); transform-origin: center; }