/* Panneau d'information */
ul#info { position:fixed; margin:0; padding:0; top:0.5vw; 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; }

/* Cookie */
.wrappercook{ position:fixed; font-family:'robotoregular', Arial; bottom:3vw; left:2vw; margin:0 auto; width:82vw; background:#fff; padding:7vw 7vw 8vw 7vw; border-radius:4vw; 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: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; }

/* 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; }

/* Phone */
.langue_m { display:block; position:absolute; left:22vw; top:5.5vw; }
.container_accueil { display:block; position:absolute; width:100%; height:237vw; background:linear-gradient(191.8deg, rgba(239,239,239,1) 0%, rgba(208,208,208,1) 100%); margin:0; padding:0; overflow-x:hidden; overflow-y:auto; cursor:default; }
.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:2vw; top:2vw; 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/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: -1vw; }
#logo { position: absolute; width: 63.2vw; height: 33.33vw; left: 17vw; top: 17vw; 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/contact/logosidenew.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.2vw; height:33.33vw; left: 0; top: 0; }
#zone { display:block; position:relative; opacity:1; cursor:default; margin:60vw 0 -57.5vw 7.5vw; padding:0; width:85vw; height:7vw; }
.lib { position:absolute; opacity:1; margin:0; padding:0.2vw 0; text-align:left; color:rgba(88, 87, 86, 1); font-size:4vw; font-weight:500; font-style:normal; font-family:'lato', Arial; white-space:pre; width:25vw; height:1.5vw; left:0; top:0; }
.input { position:absolute; padding:0.1vw 2vw; background:url("/images/contact/champs.png"); background-repeat:no-repeat; background-size:cover; border-width:none; border-radius:0.6vw; width:56vw; height:7vw; left:29.4vw; top:-0.5vw; font-size:4vw; font-family:'lato', sans-serif; font-weight:normal; color:rgba(88, 87, 86, 1); outline:none; box-sizing:border-box; margin:0; -moz-appearance:none; -webkit-appearance:none; appearance:none; cursor:default; border-color:rgba(88, 87, 86, 1); box-shadow: inset 3px 3px 3px #00000029; border-radius: 10px; }
.input:invalid { color:rgba(88, 87, 86, 1); }
.input [disabled] { color:rgba(88, 87, 86, 1); }
.input option { color:rgba(88, 87, 86, 1); }
.input::-ms-expand { display:none; }
.input:hover { border-color:rgba(88, 87, 86, 1); }
.input:focus { background-color:transparent; color:rgba(88, 87, 86, 1); }
.input2 { position:absolute; padding:0.1vw 2vw; background:url("/images/contact/champsolution.png"); background-repeat:no-repeat; background-size:cover; border-width:none; border-radius:0.6vw; width:57.5vw; height:7.5vw; left:29vw; top:-0.7vw; font-size:4vw; font-family:'lato', sans-serif; font-weight:normal; color:rgba(88, 87, 86, 1); outline:none; box-sizing:border-box; margin:0; -moz-appearance:none; -webkit-appearance:none; appearance:none; cursor:default; border-color:rgba(88, 87, 86, 1); }
.input2:invalid { color:rgba(88, 87, 86, 1); }
.input2 [disabled] { color:rgba(88, 87, 86, 1); }
.input2 option { color:rgba(88, 87, 86, 1); }
.input2::-ms-expand { display:none; }
.input2:hover { border-color:rgba(88, 87, 86, 1); }
.input2:focus { background-color:transparent; color:rgba(88, 87, 86, 1); }
.input-box { display:block; position:absolute; padding:0.1vw 2vw; background:url("../images/contact/champmessage.png"); background-repeat:no-repeat; background-size:cover; border-width:none; border-radius:0.6vw; width:56vw; height:60vw; left:29.4vw; top:-0.5vw; font-size:4vw; font-family:'lato', sans-serif; font-weight:normal; color:rgba(88, 87, 86, 1); outline:none; box-sizing:border-box; margin:0; -moz-appearance:none; -webkit-appearance:none; appearance:none; cursor:default; border-color:rgba(88, 87, 86, 1); z-index:100; box-shadow: inset 3px 3px 3px #00000029; border-radius: 10px; }
textarea { width:53vw; height:60vw; resize:none; background-color:transparent; font-size:4vw; font-family:'lato', sans-serif; font-weight:normal; color:rgba(88, 87, 86, 1); outline:none; box-sizing:border-box; margin:0; -moz-appearance:none; -webkit-appearance:none; appearance:none;word-wrap:break-word; overflow:hidden; text-overflow:ellipsis; z-index:101; }
.zonec { top:53vw; }
.input4 { position:absolute; opacity:1; margin:0; padding:0; background-color:rgba(221, 221, 221, 1); border-color:rgba(112, 112, 112, 1); border-style:none; border-width:0.1vw; border-radius:0.6vw; border-color:rgba(88, 87, 86, 1); width:54vw; height:18vw; left:31vw; top:0;outline:none; box-sizing:border-box; }
.audiohp { display:block; position:absolute; width:6.5vw; height:6.5vw; opacity:1; margin:0; padding:0; cursor:default; top:11.2vw; left:23vw; overflow:hidden; }
.refresh { display:block; position:absolute; width:5vw; height:5vw; opacity:1; margin:0; padding:0; cursor:default; top:12vw; left:15vw; overflow:hidden; }
.refresh_ { position:absolute; width:100%; height:100%; cursor:pointer; top:0; left:0; }
.zoned { top:64.5vw; }
.zonee { width:40vw; left:45.4vw; }
#zone2 { display:none; position:absolute; opacity:1; cursor:default; top:50.5vw; left:7.5vw; padding:0; width:24vw; height:1.5vw; }
.txt_contact { position:absolute; width:auto; height:auto; left:7.5vw; top:229vw; font-size:3.5vw; font-family:'lato', sans-serif; font-weight:normal; color:rgba(88, 87, 86, 1);  }
.button { display:block; position:absolute; background:url("../images/contact/boutonenvoyer.png"); background-size:18vw; width:16vw; height:16vw; left:77.5vw; top:220vw; text-indent:-9999px; }
.button:hover { color:#3FA9F5; text-decoration:none; cursor:pointer; }
.foot2 { position:absolute; width:100%; text-align:center; color:rgba(88, 87, 86, 1); font-size:3.5vw; font-weight:500; font-style:normal; font-family:'lato', Arial; top:250vw; }
#burger-image { width: 20vw; height: 20vw; position: absolute; top: 2vw; left: 2vw; }
#burger-image.open { width: 23.3vw; height: 23.3vw; top: -1.1vw; left: -1.1vw; }
.menu-content-hidden { display: none; }
.menu-content-visible { display: flex; flex-direction: column; position: absolute; top: 20.5vw; left: 2.1vw; background-color: transparent; z-index: 1; }
.boutons_haut_phone2 { position:absolute; background-color:transparent; width:auto; height:auto; margin:2vw; z-index:2; }
.bouton2_phone { display:block; position:absolute; background-color:transparent; width:20vw; height:20vw; margin-top:-5.5vw; margin-left:78vw; overflow:hidden; z-index:99; }
.bouton3_phone { display:block; position:absolute; background-color:transparent; width:20vw; height:20vw; margin-top:-5.5vw; margin-left:58vw; overflow:hidden; }
.bouton4_phone { display:block; position:relative; background-color:transparent; width:20vw; height:20vw; left:0.1vw; top:0; overflow:hidden; }
#fondbulleaccueil { display: block; position: absolute; background-image: url("../images/accueil/fondbulleaccueil.png"); background-position: center; background-repeat: no-repeat; background-size:200vw 95vw; opacity: 1; cursor: default; margin:0; padding:0; overflow-x: unset; overflow-y: unset; background-color: transparent; width: 200vw; height:95vw; left:-48vw; top:-1vw; }
#logo2 { position: absolute; width: 63.2vw; height: 33.33vw; left: 17vw; top: 49vw; overflow: visible; }
#_phone1 { left: 5vw; top:27vw; position: absolute; overflow: visible; width: 90vw; height: auto; text-align: center; font-family:'lato', sans-serif; font-style: normal; font-weight: bold;  font-size: 3.5vw; color:#585756; }
#_phone2 { left: 5vw; top:38vw; position: absolute; overflow: visible; width: 90vw; height: auto; text-align: center; font-family:'lato', sans-serif; font-style: normal; font-weight: bold;  font-size: 5.8vw; color:#C3C3C3; }
#_phone3 { position: relative; overflow: visible; width: 100vw; height: auto; margin-top:100vw; text-align: center; font-family:'lato', sans-serif; font-style: normal; font-weight: bold;  font-size: 7vw; color: color-mix(in srgb, #C9C8C8, black 10%); }
#_phone4 { left: 5vw; position: relative; overflow: visible; width: 90vw; height: auto; margin-top:5vw; text-align: center; font-family:'lato', sans-serif; font-style: normal; font-weight: bold;  font-size: 3.8vw; color:#585756; }
.txtlight { opacity:0.7; }
#_phone5 { left: 8vw; position: relative; overflow: visible; width: 90vw; height: auto; margin-top:6vw; text-align: left; font-family:'lato', sans-serif; font-style: normal; font-weight: normal;  font-size: 3.8vw; color:#585756; }
#_phone6 { position: relative; overflow: visible; width: 100vw; height: auto; margin-top:12vw; text-align: center; font-family:'lato', sans-serif; font-style: normal; font-weight: bold;  font-size: 7vw; color: color-mix(in srgb, #C9C8C8, black 10%); }
.txt1 { color: color-mix(in srgb, #585756, black 10%); }
.txt2 { color: color-mix(in srgb, #045287, black 10%); }
.txt3 { color: color-mix(in srgb, #E38F30, black 10%); }
.txt4 { color: color-mix(in srgb, #555555, black 10%); }
#_phone7 { left:5vw; position: relative; overflow: visible; width: 90vw; height: auto; margin-top:6vw; text-align: center; font-family:'lato', sans-serif; font-style: normal; font-weight: bold;  font-size: 5vw; color:#585756; }
#_phone8 { width:100vw; height:305vw; margin-top:14vw; background: #FFFFFF 0% 0% no-repeat padding-box; }
#_phone9 { position: relative; overflow: visible; width: 100vw; height: auto; padding:10vw 0 5vw; text-align: center; font-family:'lato', sans-serif; font-style: normal; font-weight: bold;  font-size: 7vw; color: color-mix(in srgb, #C9C8C8, black 10%); }
#_phone10 { left:9.2vw; position: relative; width:81.60vw; height:57.60vw; margin-top:5vw; }
#_phone11 { left: 18vw; position: relative; overflow: visible; width: 64vw; height: auto; margin-top:0; text-align: center; font-family:'lato', sans-serif; font-style: normal; font-weight: normal;  font-size: 3.8vw; color:#585756; }
#_phone12 { left:9.2vw; position: relative; width:81.12vw; height:20.16vw; margin-top:15vw; }
#_phone13 { left: 18vw; position: relative; overflow: visible; width: 64vw; height: auto; margin-top:6vw; text-align: center; font-family:'lato', sans-serif; font-style: normal; font-weight: normal;  font-size: 3.8vw; color:#585756; }
#_phone14 { left:10.16vw; position: relative; width:79.68vw; height:28.56vw; margin-top:15vw; }
#_phone15 { left:13.76vw; position: relative; width:72.48vw; height:25.68vw; margin-top:15vw; }
#_phone16 { left:22.52vw; position: relative; width:54.96vw; height:11.04vw; margin-top:10vw; }
#_phone17 { left: 18vw; position: relative; overflow: visible; width: 64vw; height: auto; margin-top:6vw; text-align: center; font-family:'lato', sans-serif; font-style: normal; font-weight: bold;  font-size: 3.8vw; color:#585756; }
#_phone18 { left:26.12vw; position: relative; width:47.76vw; height:40.32vw; margin-top:10vw; }
#_phone19 { left: 18vw; position: relative; overflow: visible; width: 64vw; height: auto; margin-top:0; text-align: center; font-family:'lato', sans-serif; font-style: normal; font-weight: normal;  font-size: 3.8vw; color:#585756; }
#_phone20 { width:100vw; height:170vw; margin-top:14vw; background: #FFFFFF 0% 0% no-repeat padding-box; }
#_phone21 { position: relative; overflow: visible; width: 100vw; height: auto; margin:0 auto; margin-top:8vw; text-align: center; font-family:'lato', sans-serif; font-style: normal; font-weight: bold;  font-size: 4.8vw; color:#585756; }
#_phone22 { left:7vw; position: relative; width:83.7vw; height:26.42vw; margin-top:-8vw; }
.foot3 { left:5vw; position:relative; width:90vw; margin-top:5vw; margin-bottom:5vw; text-align:center; color:rgba(88, 87, 86, 1); font-size:3.5vw; font-weight:500; font-style:normal; font-family:'lato', Arial; }
#fondbullevision { display:none; }
#chainemetiers { display:none; }
#objectiftriangle { display:none; }
#objectifcarre { display:none; }
#objectifrond { display:none; }
#tab1 { display:none; }
#tab2 { display:none; }
#tab3 { display:none; }
#tab4 { display:none; }
#bullegbox { display:none; }
#bulleLabelway { display:none; }
#bullegraphictools { display:none; }
#bullesogood { display:none; }
#bullesuite { display:none; }
#bulleaccompagnants { display:none; }