@import "normalize.css";*{box-sizing:border-box}.template,.header-video,#main-title,#etape1-2,#etape1-3,#etape1-4,#etape1-5,#etape2,#espace-pro,#etape3{display:none}@font-face{font-family:karbon-light;font-style:normal;font-weight:400;src:local(karbon-light),url(../fonts/karbon-light.woff2)format("woff2")}@font-face{font-family:karbon-medium;font-style:normal;font-weight:400;src:local(karbon-medium),url(../fonts/karbon-medium.woff2)format("woff2")}@font-face{font-family:karbon-regular;font-style:normal;font-weight:400;src:local(karbon-regular),url(../fonts/karbon-regular.woff2)format("woff2")}@font-face{font-family:karbon-semibold;font-style:normal;font-weight:400;src:local(karbon-semibold),url(../fonts/karbon-semibold.woff2)format("woff2")}html{color:#000;font-family:karbon-regular,Helvetica,Arial,Lucida,sans-serif;font-size:100%}body{box-sizing:border-box;text-rendering:optimizeLegibility;background:#f6f6f6 url(../img/bg/background_carte.jpg) 50% 180px/auto 100vh no-repeat;font-size:14px;line-height:20px}div[id^=etape],#etape2,#etape3{width:100%;margin:0 auto}.etape-container{max-width:1280px;margin:0 auto}@media only screen and (min-width:768px){#etape1{background-size:cover}#etape1-4{background:#f6f6f6 url(../img/bg/background_infosvoyageurs.jpg) top/cover no-repeat}}input:-webkit-autofill{color:#fff!important;border:1px solid #fff9!important;font-family:karbon-light,Helvetica,Arial,Lucida,sans-serif!important;box-shadow:inset 0 0 0 48px #0000!important}input:-webkit-autofill:hover{color:#fff!important;border:1px solid #fff9!important;font-family:karbon-light,Helvetica,Arial,Lucida,sans-serif!important;box-shadow:inset 0 0 0 48px #0000!important}input:-webkit-autofill:focus{color:#fff!important;border:1px solid #fff9!important;font-family:karbon-light,Helvetica,Arial,Lucida,sans-serif!important;box-shadow:inset 0 0 0 48px #0000!important}input:-webkit-autofill:active{color:#fff!important;border:1px solid #fff9!important;font-family:karbon-light,Helvetica,Arial,Lucida,sans-serif!important;box-shadow:inset 0 0 0 48px #0000!important}input:-webkit-autofill{color:#fff!important;border:1px solid #fff9!important;font-family:karbon-light,Helvetica,Arial,Lucida,sans-serif!important;box-shadow:inset 0 0 0 48px #ffc100!important}input:autofill{color:#fff!important;border:1px solid #fff9!important;font-family:karbon-light,Helvetica,Arial,Lucida,sans-serif!important;box-shadow:inset 0 0 0 48px #ffc100!important}input:-webkit-autofill:hover{color:#fff!important;border:1px solid #fff9!important;font-family:karbon-light,Helvetica,Arial,Lucida,sans-serif!important;box-shadow:inset 0 0 0 48px #ffc100!important}input:autofill:hover{color:#fff!important;border:1px solid #fff9!important;font-family:karbon-light,Helvetica,Arial,Lucida,sans-serif!important;box-shadow:inset 0 0 0 48px #ffc100!important}input:-webkit-autofill:focus{color:#fff!important;border:1px solid #fff9!important;font-family:karbon-light,Helvetica,Arial,Lucida,sans-serif!important;box-shadow:inset 0 0 0 48px #ffc100!important}input:autofill:focus{color:#fff!important;border:1px solid #fff9!important;font-family:karbon-light,Helvetica,Arial,Lucida,sans-serif!important;box-shadow:inset 0 0 0 48px #ffc100!important}input:-webkit-autofill:active{color:#fff!important;border:1px solid #fff9!important;font-family:karbon-light,Helvetica,Arial,Lucida,sans-serif!important;box-shadow:inset 0 0 0 48px #ffc100!important}input:autofill:active{color:#fff!important;border:1px solid #fff9!important;font-family:karbon-light,Helvetica,Arial,Lucida,sans-serif!important;box-shadow:inset 0 0 0 48px #ffc100!important}#identification_agence,#main-title,#first-2-steps-container,#etape1-3,#etape1-4,#etape1-5,#etape2,#etape3,#conclusion{z-index:1;margin:0 auto;padding:.625rem;position:relative}@media only screen and (min-width:500px){#identification_agence,#main-title,#first-2-steps-container,#etape1-3,#etape1-4,#etape1-5,#etape2,#etape3,#conclusion{padding:1.25rem 1.25rem 2rem}}@media only screen and (min-width:768px){#identification_agence,#main-title,#first-2-steps-container,#etape1-3,#etape1-4,#etape1-5,#etape2,#etape3,#conclusion{padding:2.5rem 1.875rem 8rem}}div[id^=etape]{clear:both;position:relative}h3#main-title,div[id^=etape] h4,#etape2 h4,#etape3 h4,#conclusion h4{font-family:karbon-light,Helvetica,Arial,Lucida,sans-serif;font-size:2.5rem;font-weight:100;line-height:normal}@media only screen and (min-width:768px){h3#main-title,div[id^=etape] h4,#etape2 h4,#etape3 h4,#conclusion h4{margin-bottom:1rem;font-size:60px;line-height:72px}}h3#main-title span,div[id^=etape] h4 span,#etape2 h4 span,#etape3 h4 span,#conclusion h4 span{color:#ffc100}h1,h2,h3,h4,h5,h6{font-family:karbon-light,Helvetica,Arial,Lucida,sans-serif;font-weight:100}#effacement_session_php{display:none!important}.top_meta_infos.fixed{z-index:99999999;background-color:#fff;position:fixed;top:0;left:0;right:0;box-shadow:0 .5px .5px -14px #00000006,0 1.3px 1.1px -14px #00000009,0 2.4px 2.1px -14px #0000000b,0 4.2px 3.8px -14px #0000000e,0 7.9px 7.1px -14px #0001,0 19px 17px -14px #00000017}#fildariane{max-width:1280px;margin:0 auto;padding:1rem;transition:all .5s ease-in-out;display:none}@media only screen and (min-width:768px){#fildariane{flex-flow:row;place-content:center space-between;align-items:center;display:flex}}#fildariane span{text-align:center;cursor:pointer;transition:all .4s;display:inline-block;position:relative}#fildariane span:before{content:"";z-index:0;background-color:#cbcbcb;width:calc(20vw - 96px);max-width:180px;height:1px;display:block;position:absolute;top:40%;left:78px}#fildariane span:last-child:before{display:none}#fildariane span em{z-index:10;background-color:#f6f6f6;border:1px solid #cbcbcb;border-radius:100%;width:80px;height:80px;font-style:normal;line-height:80px;display:block}#fildariane span label{text-transform:uppercase;letter-spacing:2px;color:#cbcbcb;margin-top:10px;font-size:10px;display:inline-block}#fildariane span.active,#fildariane span.active label{color:#ffc100}#fildariane span.active:before{background-color:#ffc100}#fildariane span.active em{border-color:#ffc100}#fildariane span.active:hover,#fildariane span.encours:hover,#fildariane span.encours,#fildariane span.active:hover label,#fildariane span.encours:hover label,#fildariane span.encours label{color:#ffc100}#fildariane span.active:hover:after,#fildariane span.encours:hover:after,#fildariane span.encours:after{content:"";z-index:0;background-color:#ffc100;width:calc(10vw - 48px);max-width:80px;height:1px;display:block;position:absolute;top:40%;left:78px}#fildariane span.active:hover em,#fildariane span.encours:hover em,#fildariane span.encours em{background:url(../img/icons/cercle_scrollbar_hover_80.svg) 50%/78px no-repeat;border:none}#fildariane span.active:last-child:hover:after,#fildariane span.encours:last-child:hover:after,#fildariane span.encours:last-child:after{display:none!important}.top_meta_infos.fixed #fildariane{max-width:650px;padding:1rem}@media only screen and (min-width:768px){.top_meta_infos.fixed #fildariane{flex-flow:row;place-content:stretch space-evenly;align-items:flex-start;display:flex}}.top_meta_infos.fixed #fildariane span{width:90px}.top_meta_infos.fixed #fildariane span:before{z-index:-1;background-color:#cbcbcb;width:calc(20vw - 186px);max-width:80px;position:absolute;top:33%;left:71px}.top_meta_infos.fixed #fildariane span:last-child:before{display:none}.top_meta_infos.fixed #fildariane span em{z-index:10;background-color:#fff;width:60px;height:60px;line-height:60px;display:inline-block}.top_meta_infos.fixed #fildariane span label{text-transform:uppercase;letter-spacing:2px;font-size:10px}.top_meta_infos.fixed #fildariane span.active{color:#ffc100}.top_meta_infos.fixed #fildariane span.active:before{background-color:#ffc100}.top_meta_infos.fixed #fildariane span.active em{border-color:#ffc100}.top_meta_infos.fixed #fildariane span.active:hover,.top_meta_infos.fixed #fildariane span.encours:hover,.top_meta_infos.fixed #fildariane span.encours{color:#ffc100}.top_meta_infos.fixed #fildariane span.active:hover:after,.top_meta_infos.fixed #fildariane span.encours:hover:after,.top_meta_infos.fixed #fildariane span.encours:after{content:"";z-index:0;background-color:#ffc100;width:calc(10vw - 93px);max-width:42px;height:1px;display:block;position:absolute;top:33%;left:75px}.top_meta_infos.fixed #fildariane span.active:hover em,.top_meta_infos.fixed #fildariane span.encours:hover em,.top_meta_infos.fixed #fildariane span.encours em{background:url(../img/icons/cercle_scrollbar_hover_80_white.svg) 50%/58px no-repeat;border:none}.agence #espace-pro{display:none}#identification_agence{text-align:center;z-index:99;letter-spacing:.56px;background:#fff;height:5000px;padding-top:5rem;font-family:karbon-light,Helvetica,Arial,Lucida,sans-serif;position:absolute;top:100px;left:0;right:0}@media only screen and (min-width:992px){#identification_agence{top:130px}}@media only screen and (min-width:1140px){#identification_agence{top:140px}}@media only screen and (min-width:1320px){#identification_agence{top:160px}}@media only screen and (min-width:1420px){#identification_agence{top:210px}}#identification_agence .pro-title{font-family:karbon-light,Helvetica,Arial,Lucida,sans-serif;font-size:60px}#identification_agence .pro-title span{color:#ffc100}#identification_agence .reduc-input{letter-spacing:.56px;margin-top:1rem}#identification_agence .reduc-input input{color:#ffc100;border:1px solid #e5e5e5}#identification_agence .reduc-input input::placeholder{color:#ffc100}#identification_agence .reduc-input input#submit_agence{color:#fff;text-align:center;width:50px;min-width:auto;height:50px;padding:initial;background-color:#ffc100}#identification_agence .reduc-input input#submit_agence:hover{background-color:#12326e}#identification_agence #reset{cursor:pointer;background:url(../img/icons/wave-gray.svg) 0 20px/23px repeat-x;padding:0 5px 9px;text-decoration:none}#identification_agence #reset:hover{background:url(../img/icons/wave.svg) 0 20px/23px repeat-x}.top_meta_infos.fixed #deconnexion_agence{display:none!important}#deconnexion_agence{text-align:right;max-width:1280px;margin:0 auto;padding:40px 0 20px}#deconnexion_agence a{color:#ffc100;border:1px solid #e5e5e5;border-radius:25px;height:50px;padding:0 2rem;line-height:50px;text-decoration:none;display:inline-block}#deconnexion_agence a:hover{border:1px solid #ffc100;text-decoration:none}#deconnexion_agence .resas-agences{margin-right:1rem;display:inline-block}.hidden{visibility:hidden}.clearfix{overflow:auto}.clearfix:after{content:"";clear:both;display:table}.erreur{border:1px solid #df3535!important}a,a:link,a:active,a:visited{-webkit-transition:all .2s ease-out;cursor:pointer;outline:0;transition:all .3s ease-in-out}a{color:#000;border-radius:25px;text-decoration:underline}a:hover{color:#b38700}select,button{cursor:pointer;transition:all .2s ease-out}input::-moz-focus-inner{border:0}:disabled{opacity:.5}ul{margin:0;padding:0;list-style-type:none}.infos-zone,.infos-zone-2,.infos-cie,#reservation{text-align:left;max-width:460px;margin:1rem 0;padding:0;font-family:karbon-light,Helvetica,Arial,Lucida,sans-serif}textarea,select,input,button{appearance:none;outline:none}input[type=text],input[type=password],input[type=tel],input[type=email],input[type=reset],input[type=submit]{color:#fff;background:0 0;border:1px solid #fff3;border-radius:50px;min-width:180px;height:50px;margin:.5rem .5rem .5rem 0;padding:0 1.5rem;font-family:karbon-light,Helvetica,Arial,Lucida,sans-serif;display:inline-block}input[type=text]::placeholder,input[type=password]::placeholder,input[type=tel]::placeholder,input[type=email]::placeholder,input[type=reset]::placeholder,input[type=submit]::placeholder{color:#fff}select{box-sizing:border-box;text-align:left;color:#12326e;background:#fff url(../img/icons/down-arrow.svg) 90%/6px 5px no-repeat;border:1px solid #e5e5e5;width:100%;padding-left:8%;padding-right:15%}select:hover{background-color:#f6f6f6}select::-ms-expand{display:none}select:focus{outline:none}::-moz-focus-inner{border:0}select:-moz-focusring{color:#0000;text-shadow:0 0 #000}select option:disabled{display:none}input[type=radio],input[type=checkbox]{appearance:none;background:#fff;border:1px solid #f6f6f6;width:20px;height:20px;margin:0;padding:0;transition:all .1s ease-in-out;display:inline-block;position:relative}input[type=radio]{background-color:#12326e;border-width:1px;border-radius:100%}input[type=radio]:checked{background-color:#ffc100;box-shadow:inset 0 0 0 4px #12326e}input[type=checkbox]{vertical-align:middle;border:1px solid #cbcbcb;margin-right:1rem;display:inline-block}input[type=checkbox]:checked:after{content:"";background:url("data:image/svg+xml,<svg width=\"16px\" height=\"12px\" viewBox=\"0 0 16 12\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\"><g id=\"Page-1\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\"><g id=\"Artboard\" transform=\"translate(-698.000000, -397.000000)\" fill=\"%23ffc100\" fill-rule=\"nonzero\"><polygon id=\"checkmark-green\" points=\"704.22254 409 698 402.551762 699.777943 400.709331 704.222499 405.315096 712.198484 397 714 398.866858\"></polygon></g></g></svg>") 50%/16px no-repeat;width:18px;height:18px;display:block;position:absolute;top:0;left:0}fieldset{border:none;margin:0;padding:0}#message_attente_serveur,#message_session_uuid{z-index:999;font-family:karbon-regular,Helvetica,Arial,Lucida,sans-serif;position:fixed;inset:0}#message_attente_serveur p,#message_session_uuid p{text-align:center;color:#fff;background:#12326e url(../img/logos/logo-vio-192@2x.png) 50% 20%/192px no-repeat;width:95vw;max-width:700px;height:80vh;max-height:400px;margin:20% auto;padding:11rem 2rem;font-family:karbon-light,Helvetica,Arial,Lucida,sans-serif;font-size:2rem;line-height:1;position:relative;transform:translateY(-20%);box-shadow:0 3px 20px #05122e70}#message_attente_serveur p.patientez_uuid,#message_session_uuid p.patientez_uuid{min-height:450px;padding:3rem 1rem;font-size:1.2rem;line-height:1.2}#message_attente_serveur p.patientez_uuid:after,#message_session_uuid p.patientez_uuid:after{top:45%;left:calc(50% - 67px);width:134px!important;height:130px!important}@media only screen and (min-width:380px){#message_attente_serveur p.patientez_uuid:after,#message_session_uuid p.patientez_uuid:after{top:40%}}@media only screen and (min-width:410px){#message_attente_serveur p.patientez_uuid,#message_session_uuid p.patientez_uuid{font-size:1.35rem}#message_attente_serveur p.patientez_uuid:after,#message_session_uuid p.patientez_uuid:after{top:40%}}@media only screen and (min-width:550px){#message_attente_serveur p.patientez_uuid,#message_session_uuid p.patientez_uuid{font-size:1.5rem}#message_attente_serveur p.patientez_uuid:after,#message_session_uuid p.patientez_uuid:after{top:40%}}#message_attente_serveur p.patientez_uuid #message_session_uuid_reload,#message_session_uuid p.patientez_uuid #message_session_uuid_reload{color:#000;background-color:#fff;margin-top:2rem;padding:.2rem .5rem}@media only screen and (min-width:380px){#message_attente_serveur p.patientez_uuid #message_session_uuid_reload,#message_session_uuid p.patientez_uuid #message_session_uuid_reload{margin-top:12rem}}#message_attente_serveur p.patientez_uuid #message_session_uuid_reload:hover,#message_session_uuid p.patientez_uuid #message_session_uuid_reload:hover{background-color:#ffffffb3}#message_attente_serveur p img,#message_session_uuid p img{display:none}#message_session_uuid p{background-position-y:50%}.loader,.loader:after{border-radius:50%;width:80px;height:80px}.loader{text-indent:-9999em;border:1.1em solid #fff3;border-left-color:#fff;margin:0 auto;font-size:5px;animation:1.1s linear infinite load8;position:relative;top:50px;transform:translateZ(0)}@keyframes load8{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ui-tooltip{z-index:999;background:#fff;padding:1rem;box-shadow:0 2px 15px #28282870}.ui-dialog{background-color:#fff;max-width:880px;margin:0 auto;padding:1rem;font-family:karbon-light,Helvetica,Arial,Lucida,sans-serif;box-shadow:0 3px 20px #05122e70;width:90%!important;left:0!important;right:0!important}@media only screen and (min-width:768px){.ui-dialog{padding:2rem 3rem}}.ui-dialog h3,.ui-dialog h4,.ui-dialog .ttip-libelle-pass{margin-top:0;font-size:2rem;line-height:normal}.ui-dialog .ttip-description-pass{color:#ffc100;border-left:5px solid #ffc100;margin-bottom:1.2rem;padding-left:1.5rem;font-size:1rem}.ui-dialog .ui-dialog-content{padding:.5rem;font-size:3rem;line-height:normal}.ui-dialog .ui-dialog-titlebar{min-height:50px;padding:.5rem 4rem .5rem 1rem;font-size:2rem;line-height:normal}.ui-dialog .ui-dialog-titlebar .ui-dialog-title{display:none}@media only screen and (min-width:576px){.ui-dialog .ui-dialog-titlebar{font-size:3rem}}@media only screen and (min-width:768px){.ui-dialog .ui-dialog-titlebar{font-size:3.5rem}}.ui-dialog .ui-dialog-titlebar-close{background:url(../img/icons/picto_croix_white.svg) 50% no-repeat;border:1px solid #e5e5e5;border-radius:100%;width:80px;height:80px;padding:0;transition:all .1s ease-in-out;top:1rem}.ui-dialog .ui-dialog-titlebar-close:hover{border:1px solid #ffffffa6;display:block;transform:scale(1.05)}.ui-dialog .ui-dialog-buttonpane .ui-button{color:#000;background:#fff;border-radius:25px;width:8rem;height:40px;display:none}.ui-dialog .ui-dialog-buttonpane .ui-button:hover{background:#f5f5f5;transform:none;box-shadow:1px 3px 6px #05122e8f}.ui-dialog .ui-dialog-buttonpane .ui-button:active{position:relative;top:1px;box-shadow:1px 1px #05122e8f}.ui-dialog.more-info-window{z-index:999;background-color:#12326e;padding-bottom:80px}.ui-dialog.more-info-window:after{content:"";background-color:#fff;width:100%;height:80px;display:block;position:absolute;bottom:0;left:0;right:0}.ui-dialog.more-info-window:before{content:"NB: «OPEN» signifie sans réservation d'horaires. Tous les retours de navette sont en horaires libres. ";color:#12326e;z-index:1;letter-spacing:.56px;padding:1rem 1rem 1rem 2rem;font-family:karbon-regular,Helvetica,Arial,Lucida,sans-serif;font-style:italic;display:block;position:absolute;bottom:0;left:0;right:0}@media only screen and (min-width:644px){.ui-dialog.more-info-window:before{bottom:15px}}@media only screen and (min-width:768px){.ui-dialog.more-info-window:before{padding-left:4rem}}.ui-dialog.more-info-window .ui-dialog-content{color:#fff;font-size:1rem}.ui-dialog.more-info-window .ui-button{background-image:url(../img/icons/picto_croix_white.svg)}.ui-dialog.more-info-window .ui-dialog-title{color:#fff;float:none;white-space:normal;width:80%;text-overflow:initial;border-bottom:1px solid #f6f6f635;margin:.1em 0;display:block;overflow:auto}.ui-dialog.more-info-window .ttip-libelle-pass{color:#fff;letter-spacing:.36px;text-transform:uppercase;margin:.5rem 0;font-family:karbon-medium,Helvetica,Arial,Lucida,sans-serif;font-size:18px}.ui-dialog.more-info-window .ttip-infos-cie{color:#000;background:#f5f5f5;margin-top:1rem;padding:1rem;font-size:.875rem;display:none!important}.ui-dialog.more-info-window table,.ui-dialog.more-info-window thead,.ui-dialog.more-info-window tbody,.ui-dialog.more-info-window tr,.ui-dialog.more-info-window th,.ui-dialog.more-info-window td{text-align:left;min-width:100%;margin:0;display:block}.ui-dialog.more-info-window tr.troncon-header,.ui-dialog.more-info-window tr[id^=template_troncon_line_boat_] td{display:none}.ui-dialog.more-info-window th,.ui-dialog.more-info-window td{margin:-1px 0}.ui-dialog.more-info-window .ttip-date-depart{margin-top:20px}.ui-dialog.more-info-window .troncon{margin-bottom:20px}.ui-dialog.more-info-window td{padding:10px 10px 10px 120px;position:relative}@media only screen and (min-width:768px){.ui-dialog.more-info-window td{padding:4px 30px 4px 180px}}.ui-dialog.more-info-window td:before{width:100px;color:fff;text-transform:uppercase;letter-spacing:.28px;align-items:center;padding-left:.5rem;font-family:karbon-medium,Helvetica,Arial,Lucida,sans-serif;font-size:14px;font-weight:500;line-height:1;display:flex;position:absolute;top:0;bottom:0;left:0}@media only screen and (min-width:768px){.ui-dialog.more-info-window td:before{width:130px}}.ui-dialog.more-info-window td.ttip-boat-img .boat-big{max-width:100%;max-height:150px;display:none}.ui-dialog.more-info-window td:nth-child(2):before{content:"Date de départ : "}.ui-dialog.more-info-window td:nth-child(3):before{content:"Heure de départ : "}.ui-dialog.more-info-window td:nth-child(4):before{content:"Date d'arrivée : "}.ui-dialog.more-info-window td:nth-child(5):before{content:"Heure d'arrivée : "}.ui-dialog.more-info-window td:nth-child(6):before{content:"Votre croisière : "}.ttip-troncon tbody:nth-child(4) tr{display:none}div[class^=msg_niv_]{margin:1rem 0;padding:.5rem}.msg_niv_1{color:#12326e}.msg_niv_2,.msg_niv_3,.msg_niv_4{color:#df3535}.ui-datepicker{color:#12326e;background:#fff;border:none;width:calc(100% - 2px);margin:0 auto;padding:.8rem;display:none}@media only screen and (min-width:500px){.ui-datepicker{width:22rem;padding:.8rem 1.5rem;box-shadow:0 1px 1.5px -15px #0000000b,0 2.3px 3.2px -15px #00000010,0 4.4px 5.2px -15px #00000013,0 7.8px 8.4px -15px #00000015,0 14.6px 15.4px -15px #00000019,0 35px 39px -15px #0000001f}}.reservations_agence .ui-datepicker .ui-datepicker-header,.ui-datepicker .ui-datepicker-header{background:0 0;border:none;padding:.2em 0;position:relative}.reservations_agence .ui-datepicker .ui-datepicker-header .ui-datepicker-title,.ui-datepicker .ui-datepicker-header .ui-datepicker-title{text-align:center;background:0 0;height:2rem;margin:0 2.3em;line-height:1.8em}.reservations_agence .ui-datepicker .ui-datepicker-header .ui-datepicker-title select,.ui-datepicker .ui-datepicker-header .ui-datepicker-title select{color:#12326e;text-transform:uppercase;background-position:92%;background-size:6px;border:none;border-radius:25px;width:30%;height:25px;margin:.2rem;padding:2px 8px 2px 15px;font-family:karbon-regular,Helvetica,Arial,Lucida,sans-serif;font-size:16px;line-height:26px}@media only screen and (min-width:768px){.reservations_agence .ui-datepicker .ui-datepicker-header,.ui-datepicker .ui-datepicker-header{margin-bottom:.5rem}}.reservations_agence .ui-datepicker table,.ui-datepicker table{border-collapse:collapse;color:#12326e;background:0 0;border:none;width:100%;margin:.8rem 0 .4em;font-size:18px}.reservations_agence .ui-datepicker-week-col,.ui-datepicker-week-col{color:#12326e;text-align:left;background:0 0;display:none}@media only screen and (min-width:500px){.reservations_agence .ui-datepicker-week-col,.ui-datepicker-week-col{text-align:center;display:table-cell}}.reservations_agence .ui-datepicker .ui-datepicker-prev,.reservations_agence .ui-datepicker .ui-datepicker-next,.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{border-radius:25px;width:2em;height:2em;position:absolute;top:4px}.reservations_agence .ui-datepicker .ui-datepicker-prev-hover,.reservations_agence .ui-datepicker .ui-datepicker-next-hover,.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:4px}.reservations_agence .ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-prev{z-index:1;background:url(../img/icons/simple-black-arrow.svg) 50%/auto 7px no-repeat;left:6px}.reservations_agence .ui-datepicker .ui-datepicker-prev:before,.ui-datepicker .ui-datepicker-prev:before{content:"";z-index:-1;opacity:.3;border:1px solid #12326e;border-radius:100%;width:25px;height:25px;transition:opacity .6s cubic-bezier(.26,1,.48,1);display:block;position:absolute;top:0;left:1px;background:0 0!important}.reservations_agence .ui-datepicker .ui-datepicker-next,.ui-datepicker .ui-datepicker-next{background:url(../img/icons/simple-black-arrow.svg) 50%/auto 7px no-repeat;right:6px;transform:rotate(180deg)}.reservations_agence .ui-datepicker .ui-datepicker-next:before,.ui-datepicker .ui-datepicker-next:before{content:"";z-index:-1;opacity:.2;border:1px solid #12326e;border-radius:100%;width:25px;height:25px;transition:opacity .6s cubic-bezier(.26,1,.48,1);display:block;position:absolute;top:0;left:1px;background:0 0!important}.reservations_agence .ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-prev-hover{left:6px}.reservations_agence .ui-datepicker .ui-datepicker-prev-hover:before,.ui-datepicker .ui-datepicker-prev-hover:before{opacity:.9}.reservations_agence .ui-datepicker .ui-datepicker-next-hover,.ui-datepicker .ui-datepicker-next-hover{right:6px}.reservations_agence .ui-datepicker .ui-datepicker-next-hover:before,.ui-datepicker .ui-datepicker-next-hover:before{opacity:.9}.reservations_agence .ui-datepicker .ui-datepicker-prev span,.reservations_agence .ui-datepicker .ui-datepicker-next span,.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{margin-top:-10px;margin-left:-8px;display:none;position:absolute;top:50%;left:50%}.reservations_agence .ui-datepicker th,.ui-datepicker th{color:#12326e;text-align:center;background:0 0;border:0;padding:2px;font-weight:700}@media only screen and (min-width:500px){.reservations_agence .ui-datepicker th,.ui-datepicker th{min-width:auto;padding:0}}.reservations_agence .ui-datepicker td,.ui-datepicker td{background:0 0;padding:1px}.reservations_agence .ui-datepicker td span,.reservations_agence .ui-datepicker td a,.ui-datepicker td span,.ui-datepicker td a{text-align:center;color:#12326e;background:0 0;width:36px;height:36px;font-family:karbon-regular,Helvetica,Arial,Lucida,sans-serif;font-size:18px;line-height:31px;text-decoration:none;display:block}.ui-datepicker td a{transition:color .6s cubic-bezier(.26,1,.48,1);position:relative}.ui-datepicker td a:before{content:"";opacity:0;z-index:-1;background-color:#ffc100;border-radius:50%;width:32px;height:32px;transition:transform .6s cubic-bezier(.26,1,.48,1),opacity .6s cubic-bezier(.26,1,.48,1);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.35)}.ui-datepicker td a:hover{border:none;color:#12326e!important;background:0 0!important}.ui-datepicker td a:hover:before{opacity:1;transform:translate(-50%,-50%)scale(1)}.reservations_agence .ui-datepicker td.ui-datepicker-today span,.reservations_agence .ui-datepicker td.ui-datepicker-today a,.ui-datepicker td.ui-datepicker-today span,.ui-datepicker td.ui-datepicker-today a{background:0 0;border-radius:100%;font-weight:700;text-decoration:underline}.reservations_agence .ui-datepicker td.ui-state-disabled span,.reservations_agence .ui-datepicker td.ui-state-disabled a,.ui-datepicker td.ui-state-disabled span,.ui-datepicker td.ui-state-disabled a{opacity:1;color:#b3b3b3;text-decoration:none;font-family:karbon-light,Helvetica,Arial,Lucida,sans-serif!important}.reservations_agence .ui-datepicker td a.ui-state-default,.ui-datepicker td a.ui-state-default{color:#12326e;opacity:1;border:1px solid #0000}.reservations_agence .ui-datepicker td a.ui-state-default:hover,.ui-datepicker td a.ui-state-default:hover{color:#12326e;background-color:#fff}.ui-datepicker-current-day .ui-state-active{background-color:#ffc100;color:#fff!important}.header-video{max-height:500px;display:block;position:relative}.header-video .container{z-index:9999;width:100%;margin:0 auto;padding:0;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.header-video .container .wrapper{flex-flow:wrap;place-content:center space-between;align-items:center;max-width:90%;margin:0 auto;padding:0 1rem;display:flex}.header-video .container video{width:100%;height:100%}.header-video .container .home-link{flex-flow:row;place-content:center;align-items:center;text-decoration:none;display:flex}@media only screen and (max-width:575px){.header-video .container .home-link{display:none}}.header-video .container .home-link .close{background:url(../img/icons/picto_croix_white.svg) 50% no-repeat;border:1px solid #ffffff40;border-radius:100%;width:60px;height:60px;margin-right:1rem}@media only screen and (min-width:992px){.header-video .container .home-link .close{width:80px;height:80px}}.header-video .container .home-link .back{text-transform:uppercase;letter-spacing:2px;color:#fff;font-family:karbon-medium,Helvetica,Arial,Lucida,sans-serif}.header-video .container .home-link:hover .back{text-decoration:underline}.header-video .container .header-logo{font:0/0 a;color:#0000;text-shadow:none;background:url(../img/logos/logo-vio-192@2x.png) 0/contain no-repeat;border:0;width:192px;height:72px}.header-video .container #espacePro{text-decoration:none;display:none}@media only screen and (min-width:768px){.header-video .container #espacePro{vertical-align:middle;align-items:center;display:flex}}.header-video .container #espacePro .btn-icon__svg svg{width:auto;height:auto}footer{color:#fff;background:#f6f6f6 url(../img/bg/footer_slider.jpg) top/cover no-repeat;height:800px;padding-top:504px;font-family:karbon-regular,Helvetica,Arial,Lucida,sans-serif}footer a{color:#fff}footer .sub-footer{background-color:#12326e;flex-flow:row;place-content:center space-between;align-items:center;height:296px;display:flex}footer .vio{background:#0e2239 url(../img/bg/background_vedettes.jpg) 50%/cover no-repeat;flex-flow:column;place-content:center;align-items:center;width:100%;height:100%;display:flex}@media only screen and (min-width:768px){footer .vio{width:33.3333%}}footer .vio .logo{background:url(../img/logos/btv-white.svg) 50%/212px no-repeat;width:210px;height:90px}footer .vio h4{text-align:center;max-width:320px;margin:1rem auto;font-size:28px;line-height:40px}footer .vio .web-link{border-radius:0;padding-bottom:10px;text-decoration:none;position:relative;overflow:hidden}footer .vio .web-link:after{content:"";opacity:1;background-image:url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:ev='http://www.w3.org/2001/xml-events' viewBox='0 0 20 4'><path fill='none' stroke='white' stroke-width='1' d='M0,3.5 c 5,0,5,-3,10,-3 s 5,3,10,3 c 5,0,5,-3,10,-3 s 5,3,10,3'/></svg>");background-position:bottom;background-repeat:repeat-x;background-size:25px;border-bottom:0;width:200%;height:10px;text-decoration:none;transition:transform .5s cubic-bezier(.32,.94,.6,1);display:block;position:absolute;bottom:0}footer .vio .web-link:hover{color:#fff}footer .vio .web-link:hover:after{transition:none;animation:1.25s linear infinite xLoopWave}footer .social{flex-shrink:1;display:none}@media only screen and (min-width:768px){footer .social{display:flex}}footer .social .social-links{flex-flow:row;place-content:center space-around;align-items:center;width:340px;padding-right:2rem;display:flex}footer .social .social-links a{font:0/0 a;color:#0000;text-shadow:none;background-color:#0000;border:1px solid #fff3;border-radius:100%;width:80px;height:80px;transition:none}footer .social .social-links a.email{background:url(../img/icons/email.svg) 50%/20px no-repeat}footer .social .social-links a.email:hover{background-image:url(../img/icons/media-hover.svg),url(../img/icons/email.svg);background-position:50%;background-repeat:no-repeat;background-size:78px 78px,20px;border:none}footer .social .social-links a.fb{background:url(../img/icons/fb.svg) 50%/auto 20px no-repeat}footer .social .social-links a.fb:hover{background-image:url(../img/icons/media-hover.svg),url(../img/icons/fb.svg);background-position:50%;background-repeat:no-repeat;background-size:78px 78px,auto 20px;border:none}footer .social .social-links a.insta{background:url(../img/icons/insta.svg) 50%/20px no-repeat}footer .social .social-links a.insta:hover{background-image:url(../img/icons/media-hover.svg),url(../img/icons/insta.svg);background-position:50%;background-repeat:no-repeat;background-size:78px 78px,20px;border:none}#main-title{background-color:#0000;margin-bottom:1rem;padding-bottom:0;display:block}@media only screen and (min-width:768px){#main-title{margin-bottom:0}}#etape1-1 #info_voyage{margin-bottom:0;position:relative;top:-30px}@media only screen and (min-width:768px){#etape1-1 #info_voyage{top:-25px}}#etape1-1 #select_nb_passagers{display:none}#etape1-1 #select_voyage{flex-flow:column wrap;place-content:flex-start;align-items:flex-start;display:flex}#etape1-1 #select_voyage .dropdown-style{width:100%;margin:.25rem 0}#etape1-1 #select_voyage select{letter-spacing:1.4px;text-transform:uppercase;width:100%;height:60px;font-family:karbon-medium,Helvetica,Arial,Lucida,sans-serif}@media only screen and (min-width:768px){#etape1-1 #select_voyage{flex-direction:row}#etape1-1 #select_voyage .dropdown-style{width:33.3333%}#etape1-1 #select_voyage .dropdown-style:not(:first-child){margin-left:-1px}#etape1-1 #select_voyage select{height:120px}}#etape1-1 .reset{align-items:center;height:26px;margin-top:1rem;transition:transform .8s cubic-bezier(.32,.94,.6,1);display:flex}#etape1-1 .reset:before{content:"";background:url("data:image/svg+xml, <svg width=\"27px\" height=\"25px\" viewBox=\"0 0 27 25\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\"><title>picto_reinitialiser</title><g id=\"Page-1\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\"><g id=\"Artboard\" transform=\"translate(-293.000000, -570.000000)\" stroke=\"%23cbcbcb\"><g id=\"picto_reinitialiser\" transform=\"translate(294.276848, 571.000000)\"><path d=\"M2.34730475,14.5587054 C3.93917106,19.7070482 8.44974892,23.1296786 13.4668579,22.996232 C19.8369017,22.996232 25,17.8482119 25,11.498116 C25,5.14802012 19.8369017,0 13.4668579,0 C7.09681406,0 1.93371574,5.14802012 1.93371574,11.498116\" id=\"Tracé_1159\"></path><polyline id=\"Tracé_1160\" transform=\"translate(2.029421, 9.602115) rotate(8.000000) translate(-2.029421, -9.602115) \" points=\"3.9559442 8.59554396 2.05157001 10.6520044 0.102898593 8.55222547\"></polyline></g></g></g></svg>") 0 no-repeat;width:30px;height:24px;transition:transform .8s cubic-bezier(.32,.94,.6,1);display:inline-block}#etape1-1 .reset-croisiere{color:#cbcbcb;text-transform:uppercase;letter-spacing:.28px;background:0 0;border:none;padding-left:.5rem;font-family:karbon-regular,Helvetica,Arial,Lucida,sans-serif;font-size:14px;transition:margin .8s cubic-bezier(.32,.94,.6,1)}#etape1-1 .reset:hover:before{background:url("data:image/svg+xml, <svg width=\"27px\" height=\"25px\" viewBox=\"0 0 27 25\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\"><title>picto_reinitialiser</title><g id=\"Page-1\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\"><g id=\"Artboard\" transform=\"translate(-293.000000, -570.000000)\" stroke=\"%2312326E\"><g id=\"picto_reinitialiser\" transform=\"translate(294.276848, 571.000000)\"><path d=\"M2.34730475,14.5587054 C3.93917106,19.7070482 8.44974892,23.1296786 13.4668579,22.996232 C19.8369017,22.996232 25,17.8482119 25,11.498116 C25,5.14802012 19.8369017,0 13.4668579,0 C7.09681406,0 1.93371574,5.14802012 1.93371574,11.498116\" id=\"Tracé_1159\"></path><polyline id=\"Tracé_1160\" transform=\"translate(2.029421, 9.602115) rotate(8.000000) translate(-2.029421, -9.602115) \" points=\"3.9559442 8.59554396 2.05157001 10.6520044 0.102898593 8.55222547\"></polyline></g></g></g></svg>") 0 no-repeat;transform:rotate(-360deg)}#etape1-1 .reset:hover .reset-croisiere{color:#12326e;margin-left:10px}#choix_date{color:#df3535;font-family:karbon-medium,Helvetica,Arial,Lucida,sans-serif}.choose-date{color:#12326e;background-color:#fff;border:1px solid #e5e5e5;flex-flow:row;place-content:center flex-start;align-items:center;height:120px;display:flex}.choose-date label[for=date-passage]{text-align:center;flex-flow:wrap;flex-grow:1;place-content:center;align-items:center;font-family:karbon-regular,Helvetica,Arial,Lucida,sans-serif;font-size:16px;display:flex}@media only screen and (min-width:400px){.choose-date label[for=date-passage]{font-size:18px}}@media only screen and (min-width:576px){.choose-date label[for=date-passage]{text-transform:uppercase;letter-spacing:1.8px;font-size:18px}}.choose-date .datepicker-trigger{background-color:#12326e;flex-flow:column wrap;place-content:center;align-items:center;width:33.3333%;height:120px;display:flex}@media only screen and (min-width:650px){.choose-date .datepicker-trigger{flex-flow:row;place-content:center;align-items:center;display:flex}.choose-date .datepicker-trigger .ui-datepicker-trigger{margin:0}}.choose-date .datepicker-trigger .choix-date{text-align:center;color:#fff;order:0;margin-top:.5rem;font-size:18px;display:none}.choose-date .datepicker-trigger .choix-date.date-ok{display:inline-flex}@media only screen and (min-width:576px){.choose-date .datepicker-trigger .choix-date{font-size:20px}}@media only screen and (min-width:650px){.choose-date .datepicker-trigger .choix-date{margin-right:1rem}}.choose-date .datepicker-trigger img{order:1;width:30px;margin:0 auto;display:flex}#etape1-3{background-color:#f6f6f6}#etape1-3 .display-travel:nth-child(3) .cruise-datenav{margin-top:2rem}#etape1-3 .cruise-datenav{box-sizing:border-box;color:#ffc100;text-transform:uppercase;background-color:#fff;border:1px solid #e5e5e5;flex-flow:row-reverse wrap;place-content:space-around center;align-items:center;height:120px;padding:0 1rem;font-family:karbon-medium,Helvetica,Arial,Lucida,sans-serif;font-size:18px;display:flex}@media only screen and (min-width:992px){#etape1-3 .cruise-datenav{justify-content:space-between;padding:0 2rem}}#etape1-3 .cruise-datenav p{margin:0}#etape1-3 .cruise-datenav .cruise{flex-flow:wrap;place-content:center;align-items:flex-start;display:flex}@media only screen and (min-width:992px){#etape1-3 .cruise-datenav .cruise{margin-right:1rem}}#etape1-3 .cruise-datenav .btv-label{color:#12326e;text-align:center;margin:0 .5rem 0 0;font-family:karbon-light,Helvetica,Arial,Lucida,sans-serif;position:relative;top:1px}#etape1-3 .cruise-datenav .traveltype-label{margin:0;line-height:18px}#etape1-3 .cruise-datenav .travel{text-align:center;flex-flow:row;place-content:center space-between;align-items:center;display:flex}#etape1-3 .cruise-datenav .travel .travel-date{margin:0 .5rem}@media only screen and (min-width:768px){#etape1-3 .cruise-datenav .travel .travel-date{letter-spacing:1.8px}}#etape1-3 .cruise-datenav .travel a{width:40px;height:40px;font:0/0 a;color:#0000;text-shadow:none;background:url(../img/icons/fleche_nav.svg) 0 0/contain no-repeat;border:0}@media only screen and (min-width:992px){#etape1-3 .cruise-datenav .travel a{width:50px;height:50px}}#etape1-3 .cruise-datenav .travel a:hover{background:url(../img/icons/fleche_nav_hover.svg) 50% no-repeat}#etape1-3 .cruise-datenav .travel .next-trip{transform:rotate(180deg)}#etape1-3 .display-travel .date-navigation{display:none}#etape1-3 .display-schedule{flex-flow:wrap;place-content:center space-between;align-items:center;margin-top:1rem;display:flex}#etape1-3 .passage{background-color:#fff;border:1px solid #e5e5e5;width:100%;margin:.5rem 0;padding:1.5rem 1rem;position:relative}@media only screen and (min-width:992px){#etape1-3 .passage{width:48.5%;padding:2rem}}#etape1-3 .passage.horaire-open .texte_heure_depart:after{content:" *"}#etape1-3 .passage .horaire_cible{justify-content:space-between;align-items:left;flex-direction:column;align-content:center;width:100%;min-height:100%;display:flex}#etape1-3 .passage .horaire_cible .libelle-passage,#etape1-3 .passage .horaire_cible .tarifs{display:none}#etape1-3 .passage .horaire_cible .places-dispo{letter-spacing:.28px;text-transform:uppercase;color:#ffc100;margin:.5rem 0}#etape1-3 .passage .infos-open{border-radius:20px;width:calc(100% - 180px);font-size:1rem;position:relative;top:-44px}#etape1-3 .passage .infos-open:after{content:"";background:url("data:image/svg+xml,<svg width=\"74.582\" height=\"55.836\" viewBox=\"0 0 74.582 55.836\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M0 23.75h64.582v8.332H0z\"/><path d=\"M46.668 55.836 40.832 50l22.086-22.082L40.832 5.836 46.668 0l27.914 27.918z\"/></svg>") 50%/20px no-repeat;width:20px;height:20px;position:absolute;top:10px;right:-24px}#etape1-3 .passage .retours-possibles{z-index:1;font-size:1.2rem;line-height:1.25}#etape1-3 .passage .retours-possibles .legende{display:block}#etape1-3 .passage .retours-possibles .legende i{font-size:1.1rem}#etape1-3 .passage .retours-possibles .horaire-retour{cursor:not-allowed;text-align:center;vertical-align:middle;background-color:#e5e5e5;border:1px solid #d8d8d8;border-radius:25px;width:72px;height:34px;margin:10px .25rem 0;line-height:38px;display:inline-block}#etape1-3 .passage .retours-possibles .horaire-retour:first-child{margin-left:0}#etape1-3 .passage .retours-possibles .horaire-retour:last-child{margin-right:0}#etape1-3 .passage .more-infos{cursor:pointer;max-width:30px;margin:0;position:absolute;top:1.5rem;right:2rem}@media only screen and (min-width:992px){#etape1-3 .passage .more-infos{top:2.35rem}}#etape1-3 .passage .more-infos label{display:none}#etape1-3 .passage .more-infos .infos-picto{vertical-align:middle;background:url("data:image/svg+xml,<svg height=\"20\" viewBox=\"0 0 21 20\" width=\"21\" xmlns=\"http://www.w3.org/2000/svg\"><g fill=\"none\" fill-rule=\"evenodd\"><circle cx=\"10.827942\" cy=\"10\" r=\"10\"/><circle cx=\"10.827942\" cy=\"10\" r=\"9.5\" stroke=\"%23cbcbcb\"/><path d=\"m1.184 8.3328c0 .03413333-.00853333.06293333-.0256.0864s-.0448.04373333-.0832.0608-.09173333.02986667-.16.0384-.15573333.0128-.2624.0128c-.1024 0-.18773333-.00426667-.256-.0128s-.12266667-.02133333-.1632-.0384-.06826667-.03733333-.0832-.0608-.0224-.05226667-.0224-.0864v-5.76c0-.02986667.00746667-.0576.0224-.0832s.04266667-.04693333.0832-.064.09493333-.02986667.1632-.0384.1536-.0128.256-.0128c.10666667 0 .19413333.00426667.2624.0128s.1216.02133333.16.0384.06613333.0384.0832.064.0256.05333333.0256.0832zm.1216-7.7056c0 .24746667-.04693333.416-.1408.5056s-.26666667.1344-.5184.1344c-.24746667 0-.41706667-.04373333-.5088-.1312s-.1376-.2528-.1376-.496c0-.24746667.04693333-.416.1408-.5056s.26666667-.1344.5184-.1344c.24746667 0 .41706667.04373333.5088.1312s.1376.2528.1376.496z\" fill=\"%23cbcbcb\" fill-rule=\"nonzero\" transform=\"translate(9.679142 6.5072)\"/></g></svg>") 50%/contain no-repeat;width:20px;height:20px;margin-right:10px;display:inline-block}#etape1-3 .passage .more-infos .ttip-boat-img{display:none}#etape1-3 .passage .horaires{text-transform:uppercase;letter-spacing:.48px;color:#12326e;margin:0;font-family:karbon-medium,Helvetica,Arial,Lucida,sans-serif;font-size:1rem}@media only screen and (min-width:768px){#etape1-3 .passage .horaires{font-size:24px;line-height:30px}}#etape1-3 .passage .horaires .label_depart,#etape1-3 .passage .horaires .texte_arrivee{font-family:karbon-light,Helvetica,Arial,Lucida,sans-serif}#etape1-3 .passage .horaires .gare-depart,#etape1-3 .passage .horaires .texte_heure_depart{font-family:karbon-regular,Helvetica,Arial,Lucida,sans-serif}#etape1-3 .passage .horaires .label-depart-precision{font-family:karbon-light,Helvetica,Arial,Lucida,sans-serif}#etape1-3 .passage .horaires .label-arrivee{display:none}#etape1-3 .passage .selection{flex-flow:row;place-content:center flex-end;align-items:center;margin:0;display:flex}#etape1-3 .passage .selection br,#etape1-3 .passage .selection input{display:none}#etape1-3 .passage .selection .btn_choisir{text-align:center;color:#fff;letter-spacing:1.4px;text-transform:uppercase;cursor:pointer;background-color:#ffc100;border-radius:25px;width:145px;height:50px;font-size:14px;line-height:50px;display:block}#etape1-3 .passage:hover{background-color:#12326e}#etape1-3 .passage:hover .label-depart,#etape1-3 .passage:hover .places-dispo,#etape1-3 .passage:hover .plus_d_info{color:#fff}#etape1-3 .passage:hover .infos-open{color:#e6ae00;border-color:#fff}#etape1-3 .passage:hover .infos-open:after{content:"";background:url("data:image/svg+xml,<svg width=\"74.582\" height=\"55.836\" fill=\"%23fff\" viewBox=\"0 0 74.582 55.836\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M0 23.75h64.582v8.332H0z\"/><path d=\"M46.668 55.836 40.832 50l22.086-22.082L40.832 5.836 46.668 0l27.914 27.918z\"/></svg>") 50%/20px no-repeat;width:20px;height:20px;position:absolute;top:0;right:-26px}#etape1-3 .passage:hover .retours-possibles .legende{color:#fff}#etape1-3 .passage:hover .more-infos .infos-picto{background:url("data:image/svg+xml,<svg height=\"20\" viewBox=\"0 0 21 20\" width=\"21\" xmlns=\"http://www.w3.org/2000/svg\"><g fill=\"none\" fill-rule=\"evenodd\"><circle cx=\"10.827942\" cy=\"10\" r=\"10\"/><circle cx=\"10.827942\" cy=\"10\" r=\"9.5\" stroke=\"%23ffffff\"/><path d=\"m1.184 8.3328c0 .03413333-.00853333.06293333-.0256.0864s-.0448.04373333-.0832.0608-.09173333.02986667-.16.0384-.15573333.0128-.2624.0128c-.1024 0-.18773333-.00426667-.256-.0128s-.12266667-.02133333-.1632-.0384-.06826667-.03733333-.0832-.0608-.0224-.05226667-.0224-.0864v-5.76c0-.02986667.00746667-.0576.0224-.0832s.04266667-.04693333.0832-.064.09493333-.02986667.1632-.0384.1536-.0128.256-.0128c.10666667 0 .19413333.00426667.2624.0128s.1216.02133333.16.0384.06613333.0384.0832.064.0256.05333333.0256.0832zm.1216-7.7056c0 .24746667-.04693333.416-.1408.5056s-.26666667.1344-.5184.1344c-.24746667 0-.41706667-.04373333-.5088-.1312s-.1376-.2528-.1376-.496c0-.24746667.04693333-.416.1408-.5056s.26666667-.1344.5184-.1344c.24746667 0 .41706667.04373333.5088.1312s.1376.2528.1376.496z\" fill=\"%23ffffff\" fill-rule=\"nonzero\" transform=\"translate(9.679142 6.5072)\"/></g></svg>") 50% no-repeat}#etape1-3 .passage:hover .btn_choisir{color:#fff;border:1px solid #fff}#etape1-3 .showAll{color:#fff;box-shadow:none;background-color:#ffc100;border:none;height:35px;padding:0 1rem}#etape1-3 .showAll:hover{background-color:#12326e}#etape1-4 .reduc-input{flex-flow:row;place-content:center flex-start;align-items:center;display:flex}#etape1-4 .reduc-input #libelle_tarif_pref{display:none}#etape1-4 .reduc-input #code_tarif_pref{appearance:none;text-transform:none;letter-spacing:1.4px;color:#12326e;background-color:#fff;border:1px solid #e5e5e5;border-right:none;border-radius:0;min-width:250px;height:80px;margin-right:0;padding-left:20px;font-family:karbon-regular,Helvetica,Arial,Lucida,sans-serif;font-size:14px;line-height:80px}#etape1-4 .reduc-input #code_tarif_pref::placeholder{color:#12326e}@media only screen and (min-width:375px){#etape1-4 .reduc-input #code_tarif_pref{width:400px;padding-left:40px}}#etape1-4 .reduc-input #submit_code_tarif_pref{color:#fff;text-transform:uppercase;background-color:#ffc100;border:1px solid #e5e5e5;border-left:none;border-radius:0;width:80px;min-width:auto;max-width:80px;height:80px;font-family:karbon-regular,Helvetica,Arial,Lucida,sans-serif;font-size:14px;line-height:80px}#etape1-4 .reduc-input #submit_code_tarif_pref:hover{background-color:#12326e}#etape1-4 #compose-cmd{flex-flow:column;place-content:center;align-items:center;display:flex}@media only screen and (min-width:768px){#etape1-4 #compose-cmd{flex-direction:row;justify-content:space-between;align-items:flex-start}}#etape1-4 #compose-cmd .rate-btn-zone{width:100%;max-width:500px}#etape1-4 #compose-cmd .rate-btn-zone legend{display:none}@media only screen and (min-width:768px){#etape1-4 #compose-cmd .rate-btn-zone{flex-grow:1;width:auto;max-width:none;margin-right:20px}}@media only screen and (min-width:992px){#etape1-4 #compose-cmd .rate-btn-zone{margin-right:60px}}#etape1-4 #compose-cmd .rate-btn-zone div[id^=prestation_]{background-color:#fff;height:100px;margin-bottom:20px}@media only screen and (min-width:768px){#etape1-4 #compose-cmd .rate-btn-zone div[id^=prestation_]{height:160px}}#etape1-4 #compose-cmd .rate-btn-zone div[id^=prestation_] .add-rate{text-transform:uppercase;color:#12326e;background:#fff;border:1px solid #e5e5e5;flex-flow:row;place-content:center space-between;align-items:center;width:100%;height:100%;padding:1rem;font-family:karbon-regular,Helvetica,Arial,Lucida,sans-serif;display:flex}@media only screen and (min-width:992px){#etape1-4 #compose-cmd .rate-btn-zone div[id^=prestation_] .add-rate{padding:1rem 2rem}}#etape1-4 #compose-cmd .rate-btn-zone div[id^=prestation_] .add-rate .lib-and-price{text-align:left;flex-flow:column;place-content:flex-start;align-items:flex-start;display:flex}#etape1-4 #compose-cmd .rate-btn-zone div[id^=prestation_] .add-rate .lib-and-price .libelle_prestation{margin:.3rem 0;font-family:karbon-medium,Helvetica,Arial,Lucida,sans-serif;font-size:18px}@media only screen and (min-width:400px){#etape1-4 #compose-cmd .rate-btn-zone div[id^=prestation_] .add-rate .lib-and-price .libelle_prestation{font-size:22px}}#etape1-4 #compose-cmd .rate-btn-zone div[id^=prestation_] .add-rate .lib-and-price .price{color:#ffc100;margin:.3rem 0}#etape1-4 #compose-cmd .rate-btn-zone div[id^=prestation_] .add-rate .lib-and-price .price:after{content:" €"}#etape1-4 #compose-cmd .rate-btn-zone div[id^=prestation_] .add-rate .change_qty{flex-flow:row;place-content:center;align-items:center;padding-left:.5rem;display:flex}#etape1-4 #compose-cmd .rate-btn-zone div[id^=prestation_] .add-rate .change_qty .less,#etape1-4 #compose-cmd .rate-btn-zone div[id^=prestation_] .add-rate .change_qty .more{border:1px solid #e5e5e5;border-radius:30px;width:30px;height:30px}#etape1-4 #compose-cmd .rate-btn-zone div[id^=prestation_] .add-rate .change_qty .less span,#etape1-4 #compose-cmd .rate-btn-zone div[id^=prestation_] .add-rate .change_qty .more span{font:0/0 a;color:#0000;text-shadow:none;background-color:#0000;border:0}#etape1-4 #compose-cmd .rate-btn-zone div[id^=prestation_] .add-rate .change_qty .less{background:url(../img/icons/picto_moins.svg) 50%/12px no-repeat}#etape1-4 #compose-cmd .rate-btn-zone div[id^=prestation_] .add-rate .change_qty .less:hover{border:1px solid #000}#etape1-4 #compose-cmd .rate-btn-zone div[id^=prestation_] .add-rate .change_qty .more{background:url(../img/icons/picto_plus.svg) 50%/12px no-repeat}#etape1-4 #compose-cmd .rate-btn-zone div[id^=prestation_] .add-rate .change_qty .more:hover{border:1px solid #000}#etape1-4 #compose-cmd .rate-btn-zone div[id^=prestation_] .add-rate .change_qty .cpt_presta{color:#ffc100;text-align:center;min-width:18px;margin:0 .5rem;font-family:karbon-medium,Helvetica,Arial,Lucida,sans-serif;font-size:20px}#etape1-4 #compose-cmd .rate-btn-zone div[id^=prestation_] .infos-picto{z-index:999;color:#000;display:block}#etape1-4 #compose-cmd .rate-btn-zone .prestas_cat{max-width:100%}#etape1-4 #compose-cmd .rate-btn-zone .prestas_cat .cat-trigger{color:#12326e;text-align:left;text-transform:uppercase;background:#fff url(../img/icons/down-arrow.svg) 95% no-repeat;border:1px solid #e5e5e5;width:100%;min-height:100px;margin-bottom:20px;padding-left:2rem;padding-right:50px;font-family:karbon-regular,Helvetica,Arial,Lucida,sans-serif;font-size:26px}#etape1-4 #compose-cmd .rate-btn-zone .prestas_cat .cat-trigger:before{content:"Bons Cadeaux\a ";white-space:pre;color:#ffc100;font-family:karbon-light,Helvetica,Arial,Lucida,sans-serif;font-size:18px}#etape1-4 #compose-cmd .rate-btn-zone .prestas_cat.deployed .cat-trigger{color:#fff;background-color:#12326e}#etape1-4 #compose-cmd .rate-btn-zone .prestas_cat.deployed .cat-trigger:before{content:"Bons Cadeaux\a ";white-space:pre;color:colo;font-family:karbon-light,Helvetica,Arial,Lucida,sans-serif;font-size:18px}#etape1-4 #compose-cmd .live-recap{color:#fff;background-color:#12326e;width:100%;max-width:500px;padding:1rem}@media only screen and (min-width:768px){#etape1-4 #compose-cmd .live-recap{width:30%;min-width:320px}}@media only screen and (min-width:992px){#etape1-4 #compose-cmd .live-recap{width:40%;min-width:350px}}#etape1-4 #compose-cmd .live-recap #recap-header{letter-spacing:.8px;color:#fff;text-align:center;background:url(../img/logos/logo-vio-112@2x.png) 50% 0/112px no-repeat;margin-top:20px;padding:50px 1rem 1rem;font-family:karbon-light,Helvetica,Arial,Lucida,sans-serif;font-size:40px;line-height:36px}#etape1-4 #compose-cmd .live-recap .recap-body{text-transform:uppercase;padding:0 1rem 1rem}@media only screen and (min-width:576px){#etape1-4 #compose-cmd .live-recap .recap-body{padding:0 1.5rem 1rem}}#etape1-4 #compose-cmd .live-recap .recap-body ul{min-height:251px}#etape1-4 #compose-cmd .live-recap .recap-body li{color:#f6f6f6;letter-spacing:.28px;border-bottom:1px solid #fff3;max-width:420px;margin:0 auto;padding:1.5rem 60px 1.5rem 1.5rem;position:relative}#etape1-4 #compose-cmd .live-recap .recap-body li .remove1{font:0/0 a;color:#0000;text-shadow:none;float:right;background:url(../img/icons/picto_moins_white.svg) 50% no-repeat;border:1px solid #fff3;border-radius:100%;width:30px;height:30px;display:block;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}#etape1-4 #compose-cmd .live-recap .recap-body li .remove1:hover{border:1px solid #ffffffd9;transform:scale(1.08)translateY(-50%)}#etape1-4 #compose-cmd .live-recap .recap-body .resume{text-align:right;letter-spacing:.36px;padding-top:.85rem;font-size:18px}#etape1-4 #compose-cmd .live-recap .recap-body .resume .label_total{font-family:karbon-light,Helvetica,Arial,Lucida,sans-serif}#etape1-4 #compose-cmd .live-recap .recap-body .resume #montant_total:after{content:" €"}#etape1-4 #compose-cmd+.infos-zone-2{border-top:1px solid #ccc;max-width:100%;margin-top:3rem;margin-bottom:3rem;padding-top:4rem}#etape1-4 #compose-cmd+.infos-zone-2 strong{display:none}#etape1-4 #compose-cmd+.infos-zone-2 #choix_details_passagers{max-width:450px;display:block}#etape1-4 #compose-cmd+.infos-zone-2 #titre_choix_details_passagers{display:none}#etape1-4 .all-infos-voyageurs{flex-flow:wrap;place-content:center space-between;align-items:center;display:flex}#etape1-4 .pax-fields{flex-flow:wrap;place-content:center flex-start;align-items:center;display:flex}#etape1-4 .infos-voyageurs:not(.template){background-color:#12326e;width:100%;max-width:560px;padding:2rem}@media only screen and (min-width:576px){#etape1-4 .infos-voyageurs:not(.template){padding:2rem 3rem 2.5rem}}#etape1-4 .infos-voyageurs:not(.template):nth-child(odd){margin:1rem 0 1rem 1rem}#etape1-4 .infos-voyageurs:not(.template):nth-child(2n){margin:1rem 1rem 1rem 0}#etape1-4 .infos-voyageurs:not(.template) .remove-person{position:relative}#etape1-4 .infos-voyageurs:not(.template) .remove-person .libelle_transporte{color:#fff;letter-spacing:.8px;font-family:karbon-light,Helvetica,Arial,Lucida,sans-serif;font-size:28px}#etape1-4 .infos-voyageurs:not(.template) .remove-person .trash{font:0/0 a;color:#0000;text-shadow:none;background:url(../img/icons/picto_croix_white.svg) 50%/12px no-repeat;border:1px solid #fff3;border-radius:30px;width:30px;height:30px;display:block;position:absolute;top:50%;right:0;transform:translateY(-50%)}#etape1-4 .infos-voyageurs:not(.template) .remove-person .trash:hover{background:url(../img/icons/picto_croix_dark.svg) 50%/12px no-repeat;border:1px solid #fff}#etape1-4.BONCADEAU .infos-voyageurs{max-width:500px}#etape1-4.BONCADEAU .infos-voyageurs .remove-person .trash{display:none}#etape1-4.BONCADEAU .infos-voyageurs .pax-fields{flex-direction:column;place-content:center;align-items:center}#etape1-4.BONCADEAU .infos-voyageurs .pax-fields div{flex-direction:column;justify-content:center;width:100%;display:flex!important}#etape1-4.BONCADEAU .infos-voyageurs .pax-fields div textarea{color:#fff;background-color:#0000;border-color:#fff3;border-radius:25px;width:100%;margin:1rem auto;padding:1rem 1.5rem;font-family:karbon-light,Helvetica,Arial,Lucida,sans-serif}#etape1-4.BONCADEAU .infos-voyageurs .pax-fields div textarea::placeholder{color:#fff}#etape1-4.BONCADEAU .infos-voyageurs .pax-fields .label4ie{display:none}#etape1-4.BONCADEAU .infos-voyageurs .pax-fields .msg_benef{color:#fff;display:none}#etape1-5{color:#fff;text-align:left;background-color:#12326e;padding-bottom:5rem}#etape1-5 form{max-width:1280px;margin:0 auto}#etape1-5 #infos-paiement .label4ie,#etape1-5 #infos-paiement #email2{display:none}#etape1-5 #infos-paiement .coordonnees-fields{flex-flow:column wrap;place-content:flex-start;align-items:flex-start;margin-bottom:1rem;display:flex}#etape1-5 #infos-paiement .coordonnees-fields input{max-width:auto;min-width:250px}@media only screen and (min-width:992px){#etape1-5 #infos-paiement .coordonnees-fields input{min-width:180px}#etape1-5 #infos-paiement .coordonnees-fields{flex-direction:row}}#etape1-5 #infos-paiement .coordonnees-fields #ligne_user{width:fit-content}#etape1-5 #infos-paiement .coordonnees-fields #ligne_user #user-icon{flex-flow:column wrap;place-content:flex-start;align-items:flex-start;display:flex}@media only screen and (min-width:992px){#etape1-5 #infos-paiement .coordonnees-fields #ligne_user #user-icon{flex-direction:row;min-width:500px}}#etape1-5 #infos-paiement .coordonnees-fields #ligne_user #user-icon #civilite{color:#000;background-position:right 15px center;border-radius:50px;max-width:100px;height:50px;margin:.5rem;padding-left:20px;padding-right:20px}#etape1-5 #infos-paiement #ligne_conserve_donnees td{text-transform:uppercase;flex-flow:column wrap;place-content:flex-start space-between;align-items:flex-start;display:flex}#etape1-5 #infos-paiement #ligne_conserve_donnees td #radios-conserve-datas{flex-flow:row;place-content:center;align-items:center;margin-top:1rem;display:flex}#etape1-5 #infos-paiement #ligne_conserve_donnees td #radios-conserve-datas label,#etape1-5 #infos-paiement #ligne_conserve_donnees td #radios-conserve-datas input{cursor:pointer}#etape1-5 #infos-paiement #ligne_conserve_donnees td input[type=radio]{margin:0 .5rem}#etape1-5 #infos-paiement #payt-infos-validation{text-align:center;color:#ffc100;background-color:#fff;width:50px;min-width:auto;height:50px;padding:0;line-height:50px}#etape1-5 #infos-paiement #payt-infos-validation:hover{color:#fff;background-color:#ffc100;border-color:#ffc100}#etape1-5 #infos-paiement #pays{color:#000;background-position:right 15px center;border-radius:50px;max-width:200px;height:50px;margin-bottom:1rem;padding-left:20px;padding-right:20px}#etape2 #reservation,#conclusion #reservation{color:#df3535;font-family:karbon-medium,Helvetica,Arial,Lucida,sans-serif}#etape2 #alert2,#conclusion #alert2{display:none}#etape2 #bilan,#conclusion #bilan{text-transform:uppercase;flex-flow:wrap;place-content:center space-around;align-items:flex-start;margin-top:60px;display:flex}#etape2 #recap_resa,#etape2 #recap-container,#conclusion #recap_resa,#conclusion #recap-container{color:#f6f6f6;text-align:center;background-color:#12326e;width:100%;max-width:560px;padding:1rem;font-family:karbon-light,Helvetica,Arial,Lucida,sans-serif}@media only screen and (min-width:768px){#etape2 #recap_resa,#etape2 #recap-container,#conclusion #recap_resa,#conclusion #recap-container{width:48%;margin-right:20px;padding:1rem 2rem}}@media only screen and (min-width:992px){#etape2 #recap_resa,#etape2 #recap-container,#conclusion #recap_resa,#conclusion #recap-container{padding:1rem 80px}}#etape2 #recap_resa .code-barre,#etape2 #recap-container .code-barre,#conclusion #recap_resa .code-barre,#conclusion #recap-container .code-barre{display:none}#etape2 #recap_resa #dab,#etape2 #recap-container #dab,#conclusion #recap_resa #dab,#conclusion #recap-container #dab{background:url(../img/logos/logo-vio-112@2x.png) bottom/112px no-repeat;width:100%;height:60px}#etape2 #recap_resa #cmd,#etape2 #recap-container #cmd,#conclusion #recap_resa #cmd,#conclusion #recap-container #cmd{letter-spacing:.56px;text-transform:uppercase}#etape2 #recap_resa #cmd #num-resa,#etape2 #recap-container #cmd #num-resa,#conclusion #recap_resa #cmd #num-resa,#conclusion #recap-container #cmd #num-resa{letter-spacing:.66px}#etape2 #recap_resa #votre-cmd,#etape2 #recap-container #votre-cmd,#conclusion #recap_resa #votre-cmd,#conclusion #recap-container #votre-cmd{text-transform:capitalize;letter-spacing:.8px;margin:2rem auto 1rem;font-family:karbon-light,Helvetica,Arial,Lucida,sans-serif;font-size:40px;display:block}#etape2 #recap_resa .itineraire,#etape2 #recap-container .itineraire,#conclusion #recap_resa .itineraire,#conclusion #recap-container .itineraire{letter-spacing:.36px;text-align:left;margin-top:3rem;font-family:karbon-medium,Helvetica,Arial,Lucida,sans-serif;font-size:18px}#etape2 #recap_resa .itineraire .sep,#etape2 #recap_resa .itineraire .date_depart,#etape2 #recap-container .itineraire .sep,#etape2 #recap-container .itineraire .date_depart,#conclusion #recap_resa .itineraire .sep,#conclusion #recap_resa .itineraire .date_depart,#conclusion #recap-container .itineraire .sep,#conclusion #recap-container .itineraire .date_depart{display:none}#etape2 #recap_resa .details-troncons,#etape2 #recap-container .details-troncons,#conclusion #recap_resa .details-troncons,#conclusion #recap-container .details-troncons{text-align:left}#etape2 #recap_resa .details-troncons li,#etape2 #recap-container .details-troncons li,#conclusion #recap_resa .details-troncons li,#conclusion #recap-container .details-troncons li{border-top:1px solid #fff3;padding:1.2rem 0}#etape2 #recap_resa .details-troncons li:last-child,#etape2 #recap-container .details-troncons li:last-child,#conclusion #recap_resa .details-troncons li:last-child,#conclusion #recap-container .details-troncons li:last-child{border-bottom:1px solid #fff3}#etape2 #recap_resa .details-troncons table,#etape2 #recap-container .details-troncons table,#conclusion #recap_resa .details-troncons table,#conclusion #recap-container .details-troncons table{width:100%}#etape2 #recap_resa .details-troncons td,#etape2 #recap-container .details-troncons td,#conclusion #recap_resa .details-troncons td,#conclusion #recap-container .details-troncons td{vertical-align:top;letter-spacing:.28px;width:50%}#etape2 #recap_resa .details-troncons td .dep,#etape2 #recap_resa .details-troncons td .arr,#etape2 #recap-container .details-troncons td .dep,#etape2 #recap-container .details-troncons td .arr,#conclusion #recap_resa .details-troncons td .dep,#conclusion #recap_resa .details-troncons td .arr,#conclusion #recap-container .details-troncons td .dep,#conclusion #recap-container .details-troncons td .arr{text-transform:uppercase;margin-bottom:1rem;display:block}#etape2 #recap_resa .details-troncons td .lieu-embarq,#etape2 #recap-container .details-troncons td .lieu-embarq,#conclusion #recap_resa .details-troncons td .lieu-embarq,#conclusion #recap-container .details-troncons td .lieu-embarq{text-transform:none;font-family:karbon-light,Helvetica,Arial,Lucida,sans-serif;display:block}#etape2 #recap_resa .details-troncons td .date-infos,#etape2 #recap-container .details-troncons td .date-infos,#conclusion #recap_resa .details-troncons td .date-infos,#conclusion #recap-container .details-troncons td .date-infos{font-family:karbon-medium,Helvetica,Arial,Lucida,sans-serif}#etape2 #recap_resa .titre-prestations,#etape2 #recap-container .titre-prestations,#conclusion #recap_resa .titre-prestations,#conclusion #recap-container .titre-prestations{letter-spacing:.28px;text-align:left}#etape2 #recap_resa .lignes-prestations,#etape2 #recap-container .lignes-prestations,#conclusion #recap_resa .lignes-prestations,#conclusion #recap-container .lignes-prestations{text-align:left;border-bottom:1px solid #fff3;padding-bottom:1.2rem}#etape2 #recap_resa .lignes-prestations li,#etape2 #recap-container .lignes-prestations li,#conclusion #recap_resa .lignes-prestations li,#conclusion #recap-container .lignes-prestations li{padding:.5rem 50px .5rem 0;position:relative}#etape2 #recap_resa .lignes-prestations li .presta-libelle,#etape2 #recap-container .lignes-prestations li .presta-libelle,#conclusion #recap_resa .lignes-prestations li .presta-libelle,#conclusion #recap-container .lignes-prestations li .presta-libelle{font-family:karbon-medium,Helvetica,Arial,Lucida,sans-serif}#etape2 #recap_resa .lignes-prestations li .prix,#etape2 #recap-container .lignes-prestations li .prix,#conclusion #recap_resa .lignes-prestations li .prix,#conclusion #recap-container .lignes-prestations li .prix{position:absolute;top:50%;right:0;transform:translateY(-50%)}#etape2 #recap_resa #total-cmd,#etape2 #recap-container #total-cmd,#conclusion #recap_resa #total-cmd,#conclusion #recap-container #total-cmd{text-align:right;letter-spacing:.36px;font-size:18px}#etape2 #recap_resa #total-cmd #final-total,#etape2 #recap-container #total-cmd #final-total,#conclusion #recap_resa #total-cmd #final-total,#conclusion #recap-container #total-cmd #final-total{font-family:karbon-medium,Helvetica,Arial,Lucida,sans-serif}#etape2 #recap_resa .no-refund,#etape2 #recap-container .no-refund,#conclusion #recap_resa .no-refund,#conclusion #recap-container .no-refund{margin-bottom:2.5rem;display:block}#etape2 #recap_resa .copyright,#etape2 #recap-container .copyright,#conclusion #recap_resa .copyright,#conclusion #recap-container .copyright{text-transform:none}#etape2 #recap_resa .copyright a,#etape2 #recap-container .copyright a,#conclusion #recap_resa .copyright a,#conclusion #recap-container .copyright a{color:#f6f6f6}#etape2 #recap_resa .copyright a:hover,#etape2 #recap-container .copyright a:hover,#conclusion #recap_resa .copyright a:hover,#conclusion #recap-container .copyright a:hover{color:#ffc100}#etape2 #recap_resa .alert-covid,#etape2 #recap-container .alert-covid,#conclusion #recap_resa .alert-covid,#conclusion #recap-container .alert-covid{display:none}#etape2 #agreement,#conclusion #agreement{width:100%;max-width:560px;font-family:karbon-light,Helvetica,Arial,Lucida,sans-serif}@media only screen and (min-width:768px){#etape2 #agreement,#conclusion #agreement{width:35%;margin-left:0}}#etape2 #agreement #zone_a_valider,#conclusion #agreement #zone_a_valider{margin-bottom:2rem}#etape2 #agreement #zone_a_valider p,#conclusion #agreement #zone_a_valider p{margin-bottom:2.5rem;padding-left:40px;position:relative}#etape2 #agreement #zone_a_valider input[type=checkbox],#conclusion #agreement #zone_a_valider input[type=checkbox]{margin-right:1.5rem;position:absolute;top:0;left:0}#etape2 #agreement #adr_cgv,#conclusion #agreement #adr_cgv{letter-spacing:.56px;border-radius:0;margin-bottom:2.5rem;padding:0 10px 10px 5px;text-decoration:none;display:inline-block;position:relative;overflow:hidden}#etape2 #agreement #adr_cgv #cgv-link_old,#conclusion #agreement #adr_cgv #cgv-link_old{text-transform:none;font-family:karbon-medium,Helvetica,Arial,Lucida,sans-serif}#etape2 #agreement #adr_cgv:after,#conclusion #agreement #adr_cgv:after{content:"";opacity:1;background-image:url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:ev='http://www.w3.org/2001/xml-events' viewBox='0 0 20 4'><path fill='none' stroke='black' stroke-width='1' d='M0,3.5 c 5,0,5,-3,10,-3 s 5,3,10,3 c 5,0,5,-3,10,-3 s 5,3,10,3'/></svg>");background-position:bottom;background-repeat:repeat-x;background-size:25px;border-bottom:0;width:200%;height:10px;text-decoration:none;transition:transform .5s cubic-bezier(.32,.94,.6,1);display:block;position:absolute;bottom:0}#etape2 #agreement #adr_cgv:hover:after,#conclusion #agreement #adr_cgv:hover:after{background-image:url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:ev='http://www.w3.org/2001/xml-events' viewBox='0 0 20 4'><path fill='none' stroke='%23449b23' stroke-width='1' d='M0,3.5 c 5,0,5,-3,10,-3 s 5,3,10,3 c 5,0,5,-3,10,-3 s 5,3,10,3'/></svg>");transition:none;animation:1.25s linear infinite xLoopWave}#etape2 #agreement #purchase,#conclusion #agreement #purchase{vertical-align:middle;text-transform:uppercase;letter-spacing:1.4px;background:0 0;border:1px solid #e5e5e5;border-radius:25px;align-items:center;width:auto;height:50px;font-family:karbon-medium,Helvetica,Arial,Lucida,sans-serif;text-decoration:none;display:flex}#etape2 #agreement #purchase:hover,#conclusion #agreement #purchase:hover{border-color:#ffc100;text-decoration:none}#etape2 #agreement #purchase.btn-icon.black .btn-icon__svg__hover:after,#etape2 #agreement #purchase.btn-icon.black .btn-icon__svg__hover:before,#conclusion #agreement #purchase.btn-icon.black .btn-icon__svg__hover:after,#conclusion #agreement #purchase.btn-icon.black .btn-icon__svg__hover:before{background-color:#e6ae00}#etape2 #agreement #secure,#conclusion #agreement #secure{text-align:center;color:#b3b3b3;text-transform:uppercase;opacity:.8;width:240px}#etape2 #agreement a.consequence,#etape2 #agreement .link-btn,#conclusion #agreement a.consequence,#conclusion #agreement .link-btn{text-transform:none;letter-spacing:.28px;color:#b3b3b3;margin-right:1rem;padding-bottom:10px;padding-left:20px;text-decoration:none;display:inline-block;position:relative;overflow:hidden}#etape2 #agreement a.consequence:after,#etape2 #agreement .link-btn:after,#conclusion #agreement a.consequence:after,#conclusion #agreement .link-btn:after{content:"";opacity:1;background-image:url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:ev='http://www.w3.org/2001/xml-events' viewBox='0 0 20 4'><path fill='none' stroke='%23cbcbcb' stroke-width='1' d='M0,3.5 c 5,0,5,-3,10,-3 s 5,3,10,3 c 5,0,5,-3,10,-3 s 5,3,10,3'/></svg>");background-position:bottom;background-repeat:repeat-x;background-size:25px;border-bottom:0;width:200%;height:10px;text-decoration:none;transition:transform .5s cubic-bezier(.32,.94,.6,1);display:block;position:absolute;bottom:0}#etape2 #agreement .link-btn:hover:after,#conclusion #agreement .link-btn:hover:after{transition:none;animation:1.25s linear infinite xLoopWave}#etape2 #agreement #annulation_resa:before,#conclusion #agreement #annulation_resa:before{content:"";background:url(../img/icons/picto_croix.svg) 50%/contain no-repeat;width:14px;height:14px;display:block;position:absolute;top:2px;left:0}#etape2 #agreement #modification_resa:before,#conclusion #agreement #modification_resa:before{content:"";background:url(../img/icons/picto_modifier.svg) 50%/contain no-repeat;width:12px;height:12px;display:block;position:absolute;top:3px;left:0}#conclusion{flex-flow:row-reverse wrap;place-content:center;align-items:flex-start;display:flex}#conclusion h4{text-align:center;margin-bottom:5rem;display:block;width:100%!important}#conclusion #recap_resa{width:100%;margin:0;max-width:500px!important}@media only screen and (min-width:992px){#conclusion #recap_resa{width:50%;margin:0 1rem}}#conclusion .payt-result-box{text-align:center;border:1px solid #e5e5e5;width:100%;max-width:500px;margin-bottom:2rem;padding:7rem 1rem 2rem}@media only screen and (min-width:992px){#conclusion .payt-result-box{width:50%;margin:0 1rem}}#conclusion .payt-result-box .cause{font-weight:300}#conclusion .payt-result-box a{letter-spacing:.56px;background:url(../img/icons/wave-gray.svg) 0 20px/23px repeat-x;width:fit-content;margin:0 auto 2rem;padding:0 0 10px;text-decoration:none;display:inline-block}#conclusion .payt-result-box a:hover{background:url(../img/icons/wave.svg) 0 20px/23px repeat-x}#conclusion #payt-succeed{text-align:left;color:#12326e;background:#fff;padding:2rem 1.5rem;font-family:karbon-light,Helvetica,Arial,Lucida,sans-serif}@media only screen and (min-width:576px){#conclusion #payt-succeed{padding:2rem 2.5rem}}@media only screen and (min-width:768px){#conclusion #payt-succeed{padding:2rem 4.5rem}}#conclusion #payt-succeed .cause{letter-spacing:.8px;color:#12326e;border-bottom:1px solid #e5e5e5;padding-bottom:1.5rem;font-size:40px;line-height:56px}#conclusion #payt-succeed .cause+.consequence{text-transform:uppercase;font-family:karbon-medium,Helvetica,Arial,Lucida,sans-serif}#conclusion #payt-succeed .consequence{text-transform:uppercase}#conclusion #payt-succeed p.consequence+p.consequence{border-bottom:1px solid #e5e5e5;padding-bottom:2rem}#conclusion #payt-succeed a.consequence{text-transform:initial;letter-spacing:.56px;color:#000;margin-top:2.5rem;font-family:karbon-semibold,Helvetica,Arial,Lucida,sans-serif}#conclusion #payt-succeed #back-to-resa{text-align:center;display:block}#conclusion #payt-failed{background:#fff;width:100%;max-width:560px;padding:1rem 2rem}#conclusion #payt-failed .cause{color:#df3535;text-align:left;max-width:250px;font-family:karbon-light,Helvetica,Arial,Lucida,sans-serif;font-size:40px;line-height:1.25}#conclusion #payt-failed .consequence{color:#12326e;text-align:left;letter-spacing:.56px;text-transform:uppercase;border-top:1px solid #f6f6f6;max-width:100%;padding-top:2rem;font-family:karbon-light,Helvetica,Arial,Lucida,sans-serif;font-size:20px;line-height:1.25}#conclusion #back-to-resa{text-transform:uppercase;color:#ffc100;background:0 0;border:1px solid #ffc100;border-radius:25px;width:240px;height:50px;margin-top:4rem;line-height:50px}#conclusion #back-to-resa:hover{color:#fff;background-color:#12326e;border:1px solid #12326e}#conclusion #payt-wait{color:#fff;background:#12326e url("data:image/svg+xml,<svg width=\"84px\"height=\"84px\"viewBox=\"0 0 84 84\"version=\"1.1\"xmlns=\"http://www.w3.org/2000/svg\"xmlns: xlink=\"http://www.w3.org/1999/xlink\"><g id=\"Artboard\"transform=\"translate(-983.000000, -615.000000)\"fill=\"%23FFFFFF\"fill-rule=\"nonzero\"><g id=\"waiting\"transform=\"translate(983.000000, 615.000000)\"><path d=\"M82.879,32.3091 C83.62119,35.4653 84.0001,38.7271 84.0001,42.0005 C84.0001,65.1605 65.1601,84.0005 42.0001,84.0005 C30.5161,84.0005 19.8201,79.3286 12.0001,71.2975 L12.0001,75.0006 C12.0001,76.6568 10.6563,78.0006 9.0001,78.0006 C7.3439,78.0006 6.0001,76.6568 6.0001,75.0006 L6.0001,63.0006 C6.0001,61.2467 7.5743,60.0006 9.0001,60.0006 L21.0001,60.0006 C22.6563,60.0006 24.0001,61.3444 24.0001,63.0006 C24.0001,64.6568 22.6563,66.0006 21.0001,66.0006 L15.2345,66.0006 C22.0079,73.5709 31.6365,78.0006 42.0005,78.0006 C61.8525,78.0006 78.0005,61.8526 78.0005,42.0006 C78.0005,39.1881 77.67628,36.3912 77.03566,33.6881 C76.65285,32.0748 77.65285,30.4576 79.26616,30.0787 C80.87556,29.68808 82.49276,30.69589 82.87946,32.3092 L82.879,32.3091 Z\"id=\"Path\"></path> <path d=\"M1.125,51.7031 C0.37891,48.5351 0,45.2695 0,42 C0,18.84 18.84,0 42,0 C53.484,0 64.18,4.6719 72,12.703 L72,8.9999 C72,7.3437 73.3438,5.9999 75,5.9999 C76.6562,5.9999 78,7.3437 78,8.9999 L78,20.9999 C78,22.7851 76.3945,23.9999 75,23.9999 L63,23.9999 C61.3438,23.9999 60,22.6561 60,20.9999 C60,19.3437 61.3438,17.9999 63,17.9999 L68.7656,17.9999 C61.9922,10.4296 52.3676,5.9999 41.9996,5.9999 C22.1476,5.9999 5.9996,22.1479 5.9996,41.9999 C5.9996,44.8085 6.32382,47.6054 6.96835,50.3241 C7.34726,51.9335 6.34726,53.5546 4.73785,53.9335 C3.06985,54.31631 1.49955,53.27334 1.12455,51.703 L1.125,51.7031 Z\"id=\"Path\"></path> <path d=\"M53.211,34.0861 C53.83209,32.4845 53.98834,29.4923 54.00397,27.0002 C55.66017,26.996294 57.00007,25.6564 57.00007,24.0002 C57.00007,22.344 55.65627,21.0002 54.00007,21.0002 L30.00007,21.0002 C28.34387,21.0002 27.00007,22.344 27.00007,24.0002 C27.00007,25.6564 28.33987,26.9963 29.99617,27.0002 C30.007888,29.4924 30.16805,32.4807 30.78914,34.0822 C31.88294,36.9025 34.40244,39.4416 37.35554,42.0002 C34.40634,44.5588 31.88284,47.094 30.78914,49.9143 C30.16805,51.5159 30.0118,54.5081 29.99617,57.0002 C28.33997,57.004106 27.00007,58.344 27.00007,60.0002 C27.00007,61.6564 28.34387,63.0002 30.00007,63.0002 L54.00007,63.0002 C55.65627,63.0002 57.00007,61.6564 57.00007,60.0002 C57.00007,58.344 55.66027,57.0041 54.00397,57.0002 C53.988345,54.508 53.83209,51.5197 53.211,49.9143 C52.1172,47.094 49.5977,44.5549 46.6485,42.0002 C49.5977,39.4416 52.1212,36.9064 53.211,34.0861 Z M47.9962,57.0001 L36.0042,57.0001 C36.023732,54.6993 36.16826,52.6798 36.38701,52.086 C37.0706,50.3165 39.47291,48.0782 42.00421,45.9219 C44.53541,48.0781 46.93391,50.3164 47.62141,52.0821 C47.83625,52.67976 47.97688,54.6954 47.99641,57.0001 L47.9962,57.0001 Z M42.00009,38.0781 C39.4689,35.9219 37.0704,33.6836 36.3829,31.9179 C36.16415,31.32024 36.02353,29.3046 36.00009,26.9999 L47.99609,26.9999 C47.976558,29.3046 47.83203,31.3202 47.61328,31.9179 C46.92969,33.6835 44.53128,35.9218 41.99998,38.0781 L42.00009,38.0781 Z\"id=\"Shape\"></path></g></g></svg>") 50% 2rem no-repeat}#conclusion #payt-wait img{opacity:.5}#conclusion #payt-wait #back-to-resa:hover{color:#fff;border:1px solid #fff}#recap-pdf{background:#fff;border:0;font-family:Lato,Roboto,Oxygen-Sans,Ubuntu,Cantarell,sans-serif;font-size:15px}#recap-pdf footer{color:#000;background:0 0;max-height:100px;font-family:Lato,Roboto,Oxygen-Sans,Ubuntu,Cantarell,sans-serif}#recap-pdf footer .cie-name{font-size:120%}#recap-pdf .pdf-frame{min-height:1150px;padding:1.5cm 1.5cm 1cm}#recap-pdf .logo-cie{color:#0000;background:url(/img/logo.svg) 0 0/contain no-repeat;width:320px;height:122px;font-size:0}#recap-pdf .address-block{position:absolute;top:1.5cm;right:1.5cm}#recap-pdf .block-confirmation{text-transform:uppercase;text-align:center;border:1px solid #aaa;border-radius:0;margin:20px 0 30px;padding:.5rem 0;font-size:18px;line-height:1.4}#recap-pdf .block-confirmation,#recap-pdf h1,#recap-pdf h2,#recap-pdf h3,#recap-pdf h4,#recap-pdf .itineraire,#recap-pdf .titre-prestations{font-family:Pluto,Lato,Roboto,Oxygen-Sans,Ubuntu,Cantarell,sans-serif}#recap-pdf .recap-title,#recap-pdf .acces-depart,#recap-pdf .all-billets{color:#0e74ae;font-size:22px;font-weight:700}#recap-pdf .recap-title{margin-top:40px}#recap-pdf .itineraire,#recap-pdf .titre-prestations{font-weight:400}#recap-pdf #recap{border:1px solid #aaa;width:100%;padding:1.5rem 2rem;position:relative}#recap-pdf #recap p#total-cmd{color:#0e74ae;background:0 0;border-top:1px dashed #0e74ae;margin-bottom:0;padding-top:10px;font-family:Pluto,Lato,Roboto,Oxygen-Sans,Ubuntu,Cantarell,sans-serif;font-size:18px}#recap-pdf #recap #cmd{display:none}#recap-pdf #recap #cmd #votre-cmd{margin:0 0 5px -8px}#recap-pdf #recap .copyright{display:none}#recap-pdf #recap .itineraire{border-bottom:1px dashed #ccc;max-width:60%;margin-top:0;margin-bottom:10px;padding-bottom:.5rem;font-size:20px}#recap-pdf #recap .details-itineraire .heure_depart,#recap-pdf #recap .details-itineraire .heure_arrivee{font-weight:700}#recap-pdf #recap ul.details-troncons{border-left:3px solid #3aaa34;padding-left:1rem;font-size:14px}#recap-pdf #recap ul.details-troncons li p{margin:0}#recap-pdf #recap .titre-prestations{margin-bottom:0}#recap-pdf #recap .lignes-prestations{margin-top:5px;margin-bottom:0}#recap-pdf #recap .lignes-prestations li{word-spacing:normal;max-width:320px;padding-right:60px;position:relative}#recap-pdf #recap .lignes-prestations li .prix{position:absolute;top:0;right:0}#recap-pdf #recap .alert-covid{display:none}#recap-pdf #recap .no-refund{word-spacing:normal;letter-spacing:normal;color:#c21515;border:1px solid #c21515;padding:.15rem .5rem;font-size:12px;display:block;position:absolute;top:15px;right:30px}#recap-pdf .plan-depart{max-width:360px}#recap-pdf .acces-depart{margin-top:50px;margin-bottom:10px}#recap-pdf .lib-port-depart{color:#000}#recap-pdf .gare-precision{text-align:center;margin-top:0;margin-bottom:.5rem;font-size:20px}#recap-pdf .plan-acces{max-width:100%;height:auto}#recap-pdf footer{border-top:1px solid #bbb;margin-top:3rem;padding:1rem 2rem}#recap-pdf .all-billets span{font-size:2rem}#recap-pdf .all-billets .num_resa{color:#000;float:right;font-size:1.2rem}#recap-pdf .all-billets+.no-refund{word-spacing:normal;letter-spacing:normal;color:#c21515;text-align:center;border:1px solid #c21515;width:270px;padding:.15rem .5rem;font-size:12px}#recap-pdf .billet{background:url(../img/logo.svg) 20px 20px/200px no-repeat;outline:1px solid #bbb;min-height:220px;margin:1rem auto;padding:1rem 2rem 1rem 300px;position:relative}#recap-pdf .billet .billet-container:nth-child(7n+7){padding-top:200px}#recap-pdf .billet .billet-barcode{background-color:#0000;position:absolute;top:105px;left:3rem}#recap-pdf .billet .num-ligne{letter-spacing:.05rem;display:none;position:absolute;bottom:12px;left:90px}#recap-pdf .billet .nbre-pax-ligne{color:#fff;text-align:center;background-color:#0e74ae;border-radius:42px;width:42px;height:42px;font-size:28px;line-height:42px;position:absolute;top:126px;left:225px}#recap-pdf .billet .libelle-passage{margin-top:10px;margin-bottom:20px;font-size:1.25rem;line-height:normal}#recap-pdf .billet .troncons{margin:0 0 15px 10px;padding-left:10px}#recap-pdf .billet .presta-libelle{color:#0e74ae;text-align:center;border:1px solid #0e74ae;border-radius:6px;min-width:300px;max-width:100%;margin-top:.5rem;margin-right:15px;padding:3px 2% 5px;display:inline-block}#recap-pdf .bc-pdf{color:#fff;background:#0077b8 url(../img/bg@4x.jpg) bottom/100% no-repeat;min-height:1403px;padding:4cm 6cm 2cm;font-family:Pluto,Lato,Roboto,Oxygen-Sans,Ubuntu,Cantarell,sans-serif;font-size:16px;position:relative;overflow:hidden}#recap-pdf .sirene{color:#0000;background:url(../img/sirene@3x.png) 0 0/cover no-repeat;width:422px;height:126px;margin:0 0 90px;font-size:0}#recap-pdf .offrant{border-bottom:1px solid #fff;margin-bottom:40px;padding-bottom:10px}#recap-pdf .msg-beneficiaire{border-bottom:1px solid #fff;margin-bottom:40px;padding-bottom:10px;font-size:100%}#recap-pdf .msg-beneficiaire span{margin-bottom:8px;font-size:16px;display:block}#recap-pdf .salutations{margin-bottom:10px;display:block}#recap-pdf .bc{color:#143060;background:#f8c740;border-radius:4px;padding:3px 10px;font-size:120%;display:inline!important}#recap-pdf .validite{text-align:center;border-radius:4px;padding:2px 20px}#recap-pdf .num-resa{font-size:14px;line-height:1.3;position:absolute;bottom:7.2%;right:10%}#recap-pdf .bc-footer{text-align:center;background:#0a1e4c96;border-radius:12px;width:620px;padding:4px 15px;font-family:karbon-regular,Helvetica,Arial,Lucida,sans-serif;font-size:14px;line-height:normal;position:absolute;bottom:25px}#recap-pdf .passage-bc{background:#f5f5f5;border:2px dashed #0e74ae;border-radius:6px;margin-bottom:10px;padding:10px 25px}#recap-pdf .passage-bc p.itineraire{margin-top:10px}#recap-pdf .passage-bc .lignes-prestations li:before,#recap-pdf .passage-bc .details-troncons,#recap-pdf .passage-bc .titre-prestations{display:none}#recap-pdf .cgv section{page-break-inside:avoid}#recap-pdf .cgv h1{text-align:center;background:url(../img/logos/logo-vio-blue.svg) 50% 100px/200px no-repeat;margin-bottom:60px;padding-top:200px;font-size:20px}#recap-pdf .cgv h2{text-transform:uppercase;color:#0e74ae;margin:38px 0 10px;font-size:16px}#recap-pdf .cgv h3{font-size:15px}#recap-pdf .cgv p,#recap-pdf .cgv li{color:#414040;margin:.25rem 0;font-size:12px;line-height:1.35}#recap-pdf .cgv li{margin-bottom:.25rem}#recap-pdf .cgv a{color:#0e74ae}html{background:0 0}.relative{position:relative}.btn-icon{cursor:pointer;align-items:center;padding:5px 5px 5px 19px;display:inline-flex;position:relative}.btn-icon:hover:after,.btn-icon:hover:before{opacity:1}.btn-icon:hover .btn-icon__svg:after,.btn-icon:hover .btn-icon__svg:before{transform:scale(0)}.btn-icon:hover .btn-icon__svg svg{fill:#fff;stroke:#fff}.btn-icon:hover .btn-icon__svg__hover:before{transform:scale(1)}.btn-icon:hover .btn-icon__svg__hover:after{transform:scale(.8)}.btn-icon:after,.btn-icon:before{content:"";opacity:.2;border:1px solid #fff;border-radius:45px;transition:opacity .8s cubic-bezier(.32,.94,.6,1);position:absolute;inset:0}.btn-icon:after{opacity:0;background:#fff;border:none}.btn-icon.white:before{background-color:#fff}.btn-icon.black:hover:before{opacity:0}.btn-icon.black:hover:after{opacity:1}.btn-icon.black:before{border-color:#000}.btn-icon.black:after{opacity:0;background-color:#f6f6f6}.btn-icon.black svg{stroke:#fff}.btn-icon__text{color:#fff;z-index:2;margin-right:6px;font-family:karbon-medium,Helvetica,Arial,Lucida,sans-serif;font-size:14px;transition:color .8s cubic-bezier(.32,.94,.6,1);position:relative}.btn-icon.black .btn-icon__text{color:#000}.btn-icon:hover .btn-icon__text{color:#ffc100}.btn-icon__svg,.btn-icon__text{pointer-events:none}.btn-icon__svg,.btn-icon__svg__hover{z-index:3;width:40px;height:40px;display:block;position:relative}.btn-icon__svg:after,.btn-icon__svg:before,.btn-icon__svg__hover:after,.btn-icon__svg__hover:before{content:"";opacity:.4;z-index:2;background-color:#fff;border-radius:50%;transition:transform .8s cubic-bezier(.32,.94,.6,1);position:absolute;inset:0}.btn-icon__svg:after,.btn-icon__svg__hover:after{opacity:.8;transform:scale(.8)}.btn-icon__svg svg,.btn-icon__svg__hover svg{stroke:#ffc100;fill:#ffc100;backface-visibility:hidden;z-index:5;width:18px;height:18px;transition:all .8s cubic-bezier(.32,.94,.6,1);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)translateZ(0)}.btn-icon__svg__hover{z-index:1}.btn-icon__svg__hover:after,.btn-icon__svg__hover:before{background-color:#ffc100;transform:scale(0)}.btn-icon.black .btn-icon__svg:after,.btn-icon.black .btn-icon__svg:before{background-color:#ffc100}.btn-icon.black .btn-icon__svg__hover:after,.btn-icon.black .btn-icon__svg__hover:before{background-color:#12326e}@keyframes xLoopWave{0%{transform:translate(0)}to{transform:translate(-50px)}}@keyframes xLoopReverse{0%{transform:translate(-50%)}to{transform:translate(0)}}