:root {
    --primary-1: #2C3E50;
    --primary-2: #194f82;
    --primary-3: #FE5219;
    --primary-4: #B1D961;

    --neutral-1: #EDF7FF;
    --neutral-2: #CEE9FF;
    --color-white: #FFF;
    --color-black: #000;
}

html, body {
    scroll-behavior: smooth;
}

.mobile, .tablette, .mobile-inline {
    display: none;
}

.d-none {
    display: none !important;
}

.green {
    color: #B1D961;
}

.underline {
    text-decoration: underline !important;
}

.orange {
    color: #FE5219;
}

.center {
    text-align: center;
}

.flash-message {
    position: fixed;
    bottom: 40px;
    right: 40px;
    padding: 10px 45px 10px 15px;
    border-radius: 6px;
    border: 1px solid;
    z-index: 510;
}

.flash-message.success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

.flash-message.error {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}

.flash-message .m-close {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    display: flex;
    align-items: center;
}

.flash-message .m-close .msgClose {
    padding: 10px;
    font-size: 30px;
    font-weight: 400;
}

.m-message {
    margin-top: 10px;
    margin-bottom: 20px;
    padding: 7px 15px;
    border-radius: 6px;
    border: 1px solid;
    text-align: center;
}

.m-message.error {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}

.m-message.success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}


.spinner_s1 {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: radial-gradient(farthest-side, #06b8f9 94%, #0000) top/9px 9px no-repeat,
    conic-gradient(#0000 30%, #06b8f9);
    -webkit-mask: radial-gradient(farthest-side, #0000 calc(100% - 9px), #000 0);
    animation: spinner-c7wet2 1.2s infinite linear;
}

@keyframes spinner-c7wet2 {
    100% {
        transform: rotate(1turn);
    }
}

.align-all {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.page_compte a {
    transition: all 0.3s;
}

.page_compte .page, .page_check_in .page, .page_payments .page, .page_messaging .page,
.page_faq .page, .page_cgv .page, .page_profile .page, .page_share_account .page, .page_documents .page {
    margin-top: 0;
    padding-top: 30px;
    padding-bottom: 30px;
    background-color: var(--neutral-1);
}

.page_compte footer {
    /*display: none;*/
}

.max_width {
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 30px;
    padding-right: 30px;
}

/* ----------------------------- Mon compte ----------------------------- */
.header-1 {
    position: relative;
    width: 100%;
    background-color: #FFF;
    color: #000;
    z-index: 1;
    box-shadow: 0 3px 16px #00000029;
}

.made_in_france {
    background: #2C3E50;
    color: #fff;
    padding: 9px 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.made_in_france .wrapper {
    text-transform: uppercase;
    font-size: 1.45rem;
    font-weight: 500;
}

.made_in_france .wrapper img {
    margin-right: 10px;
    height: 20px;
}

.header-screen {
    display: flex;
    flex-flow: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 10px 20px;
}

.logo-expert img {
    max-width: 180px;
}

.header-screen .l-log {
    display: flex;
    justify-content: flex-end;
}

.header-account {
    position: relative;
    background-color: #2C3E50;
    padding: 0 40px;
}

.btn.btn-logout, .btn.btn-profile {
    width: max-content;
    color: #fff;
    border-radius: 8px;
    font-weight: 500;
    font-size: 1.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 5px 8px 3px;
    margin-left: 10px;
    min-width: 84px;
}

.btn.btn-login {
    width: max-content;
    margin-left: auto;
    border: 2px solid #194F82;
    background-color: #194F82;
    color: #fff;
    border-radius: 8px;
    font-weight: 500;
    font-size: 1.2rem;
    display: flex;
    align-items: center;
    padding: 5px 20px 5px 8px;
    min-height: 39px;
}

.btn.btn-logout span, .btn.btn-profile span {
    font-weight: 400;
    font-size: 1rem;
    margin-top: 5px;
}

.btn.btn-profile span.icon-user1,
.btn.btn-logout span.icon-on-off {
    font-size: 2.1rem;
    margin-top: 0;
}

.btn.btn-logout svg, .btn.btn-login svg {
    height: 25px;
    transition: all 0.4s;
}

.btn.btn-logout svg {
    height: 23px;
}

.btn.btn-login:hover path {
    stroke: #2C3E50;
}

.btn.btn-logout:hover path {
    fill: #2C3E50;
}

.btn.btn-profile:hover path {
    fill: #194F82;
}

span.icon-user1 {
    font-size: 2rem;
}

.my-account {
    font-family: 'Oswald', sans-serif;
    font-size: 2.3rem;
    line-height: 1.4em;
    text-transform: uppercase;
    font-weight: 400;
    color: #fff;
    margin-left: 5px;
    margin-right: 5px;
    text-align: center;
    display: flex;
    align-items: center;
}

.my-account span:first-child {
    font-family: 'Oswald', sans-serif;
    margin-right: 10px;
}

.my-account span.green {
    font-family: 'Oswald', sans-serif;
    font-size: 3.2rem;
    color: #B1D961;
}

.my-account span:first-child {
    padding-top: 1px;
}

.wrapper-account, .wrapper-account a, .wrapper-account p,
.wrapper-account h1, .wrapper-account h2, .wrapper-account h3, .wrapper-account h4 {
    color: #2C3E50;
    font-weight: 400;
}

.one_message .answer .message .mess_gris a {
	color: #007BFF;
    font-weight: bold;
    text-decoration: underline;
}

.wrapper-account {
    background-color: #fff;
    box-shadow: 0 7px 41px #00000012;
    border-radius: 12px;
    display: flex;
    flex-wrap: wrap;
    padding: 25px 30px;
    margin: 0 20px 0;
    min-height: 600px;
}

.header-account .max_width {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 10px 20px;
    max-width: 1350px;
}

.sidebar_compte {
    width: 270px;
}

.infos-account {
    flex: 1;
    width: calc(100% - 270px);
}

.menu_compte li a {
    padding: 7px 14px;
    min-height: 42px;
    border-radius: 6px;
    font-size: 1.55rem;
    margin-bottom: 5px;
    display: flex;
    align-items: center;
    transition: all 0.3s ease;
}

.menu_compte li a svg {
    max-width: 21px;
    max-height: 19px;
}

.m-svg.m-svg_2 svg {
    max-height: 19px;
}

.m-svg.m-svg_3 svg {
    max-width: 17px;
}

.m-svg.m-svg_5 svg {
    max-height: 18px;
}

.m-svg {
    display: flex;
    align-items: center;
    margin-right: 12px;
    justify-content: center;
    width: 24px;
}

.menu_compte li a svg path {
    transition: all 0.3s;
}

.menu_compte li a:hover {
    color: #FFF;
    background: #194F82;
}

.menu_compte li a:hover svg path {
    fill: #fff;
}

.menu_compte li.active a {
    background-color: #194F82;
    color: #fff;
    font-weight: 500;
}

.menu_compte li.active a svg path {
    fill: #fff;
}

.compte_user {
    padding: 0 0 0 30px;
}

.compte_user.active {
    display: block;
}

.compte_user .field {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
}

.compte_user .field label {
    margin-bottom: 0;
    min-width: 150px;
    color: #888888;
    font-size: 1.5rem;
}

.compte_user .field input:not(.btn), .compte_user .field select {
    width: 100%;
    border: 1px solid #666666;
    padding: 3px 7px;
    border-radius: 6px;
}

.compte_user .field select {
    appearance: auto;
}

.compte_user .title_for_bloc_expert {
    float: none;
    margin-top: 0;
}

.compte_user .ancre_for_title_expert, .compte_user .standard-auto {
    float: none;
}

.compte_user .line_ancre_expert {
    margin-bottom: 20px;
    display: flex;
}

.title_account h1 {
    font-size: 2.5rem;
    color: #194F82;
    display: flex;
    align-items: center;
    margin-top: 6px;
    font-weight: 500;
}

.title_account h1 img {
    width: 24px;
    margin-right: 9px;
}

.txt_update {
    color: #888888;
    font-weight: 500;
    font-size: 1.65rem;
    margin-top: 15px;
    margin-bottom: 10px;
}

svg path {
    transition: all 0.3s;
}

.btn.btn-orange {
    color: #fff;
    background-color: #FE5219;
    border: 1px solid #FE5219;
}

.btn.btn-orange:hover {
    color: #FE5219;
    background-color: #fff;
}

.btn.btn-green {
    color: #fff;
    background-color: #289a00;
    border: 1px solid #289a00;
}

.one-custom .btn.btn-green {
    height: auto;
}

.btn.btn-green:hover {
    color: #289a00 !important;
    background-color: #fff;
}

.btn.btn-orange:focus {
    outline: none;
}

.btn.btn-orange-inverse {
    color: #FE5219;
    background-color: #fff;
    border: 1px solid #FE5219;
}

.btn.btn-orange-inverse:hover {
    color: #fff;
    background-color: #FE5219;
}

.btn.btn-yellow {
    color: #194F82;
    background-color: #FAB73F;
    border-color: #FAB73F;
}

.btn.btn-yellow:hover {
    color: #194F82;
    background-color: #fff;
}

.btn.btn-blue {
    color: #fff;
    background-color: #2C3E50;
    border: 1px solid #2C3E50;
}

.btn.btn-blue:hover {
    color: #2C3E50;
    background-color: #fff;
    border: 1px solid #2C3E50;
}

.btn.btn-blue-inverse {
    color: #2C3E50;
    background-color: #fff;
    border: 1px solid #2C3E50;
}

.btn.btn-blue-inverse:hover {
    color: #fff;
    background-color: #2C3E50;
    border: 1px solid #2C3E50;
}

.btn.btn-blue-3 {
    color: #194F82;
    background-color: #fff;
    border: 1px solid #194F82;
}

.btn.btn-blue-3:hover {
    color: #fff;
    background-color: #194F82;
    border: 1px solid #194F82;
}

.btn.btn-blue-2 {
    color: #fff;
    background-color: #194F82;
    border: 1px solid #194F82;
}

.btn.btn-blue-2:hover {
    color: #194F82;
    background-color: #fff;
    border: 1px solid #194F82;
}

.btn.btn-orange:hover svg path {
    fill: #FE5219;
}

.btn.btn-green:hover svg path {
    fill: #289a00;
}

.btn.btn-compte {
    color: #fff;
    background-color: #FE5219;
    border: 2px solid #FE5219;
    border-radius: 7px;
    margin-top: 20px;
    padding: 6px 55px;
    font-weight: 600;
}

.btn.btn-compte:hover {
    color: #FE5219;
    background-color: #fff;
}

.line_reservation {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 5px;
}

.line_reservation .list-btn {
    width: 100%;
}

.line_reservation .list-btn a {
    width: 32.8%;
    padding-top: 7px;
    padding-bottom: 7px;
}

.apercu_compte {
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    max-width: 310px;
}

.apercu_compte > img {
    border-radius: 14px 0 0 14px;
    max-width: 100%;
}

.infos-cruise {
    padding-left: 12px;
    flex: 1;
    display: flex;
}

.title_cruise {
    width: 100%;
    padding: 6px 10px;
    font-size: 1.6rem;
    font-weight: 500;
    border-radius: 8px 8px 0 0;
    background-color: #194F82;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.wrapper-booking {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    border-radius: 12px;
    background-color: var(--color-white);
    margin-top: 18px;
}

.infos-cruise .title_info {
    color: #888888;
    min-width: 100px;
    padding-right: 5px;
    display: inline-block;
}

.infos-cruise .info {
    color: #000;
    vertical-align: top;
    width: 100%;
}

.list-btn {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 6px;
}

.list-btn .btn {
    border: 2px solid #194F82;
    background-color: #194F82;
    color: #fff;
    font-weight: 500;
    font-size: 1.2rem;
}

.list-btn .btn:hover {
    background-color: #fff;
    color: #194F82;
}

.title_gray {
    color: #888888;
    font-weight: 500;
    font-size: 1.7rem;
    margin-top: 35px;
    margin-bottom: 5px;
}

.line_document, .line_payment {
    /*box-shadow: 0 0 15px #00000038;*/
    background-color: #F5F5F5;
    border-radius: 10px;
    padding: 15px 12px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.document_titre {
    font-size: 1.6rem;
    color: #194F82;
    font-weight: 500;
    margin-bottom: 7px;
}

.line_document h4 {
    flex: 1;
    font-size: 1.3rem;
    font-weight: 500;
    text-transform: capitalize;
    margin: 0;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-break: break-all;
}

.title-btn {
    display: flex;
    flex-direction: column;
    flex: 1;
}

.photo_annonce {
    width: 60px;
    margin-right: 4%;
}

.line_document .btn {
    padding: 1px 6px 1px 25px;
    width: max-content;
    display: flex;
    align-items: center;
    font-size: 1.3rem;
}

.line_document .btn span {
    margin-right: 18px;
}

.line_document .btn svg {
    width: 14px;
}

.row-doc {
    width: 33.333333%;
    text-align: center;
    padding: 5px;
}

.row-doc.row-2 {
    border-left: 1px solid #707070;
    border-right: 1px solid #707070;
}

.title-tab {
    font-weight: 600;
}

.statut-paye, .statut-en-cours, .statut-refuse {
    color: #B1D961;
    font-weight: 600;
}

.statut-paye i, .statut-en-cours i, .statut-refuse i {
    margin-right: 3px;
}

.statut-en-cours {
    color: #FE5219;
    font-weight: 600;
}

.statut-refuse {
    color: red;
    font-size: 1.1rem;
}

.hide-payment {
    margin-top: 10px;
    margin-bottom: 10px;
}

.line_payment {
    padding: 5px 12px;
}

.line_payment .row-doc.row-3 .btn {
    padding: 0 4px 0 15px;
    font-size: 1.2rem;
    border-radius: 30px;
    font-weight: 500;
    margin: 0 auto;
    border-width: 1px;
    display: flex;
    align-items: center;
    width: max-content;
}

.line_payment .btn svg {
    width: 16px;
}

.line_payment .btn span {
    margin-right: 15px;
}

svg circle {
    transition: all 0.3s;
}

.line_payment .btn:hover svg circle {
    fill: #FE5219;
}

.line_payment .btn:hover svg path {
    fill: #fff;
}

.line_payment .barre {
    background-color: #cbcbcb;
    width: 1px;
    height: 40px;
}

.row-doc.row-3.img_3ds {
    background-image: url("/assets/img/payments/3ds.png");
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-size: 63px;
}

.one-booking .row-doc.row-3.img_3ds {
    background-image: none;
}

/*.btn.echeance_echeance, .btn.documents_documents, .btn.identite_identite {
    border: 2px solid #FE5219;
    background-color: #FE5219;
}

.btn.echeance_echeance:hover, .btn.documents_documents:hover, .btn.identite_identite:hover {
    color: #FE5219;
}*/

.wrapper-fiche .blue_box_felicitation2 {
    width: 100%;
    height: auto;
    min-height: 50px;
    padding: 10px;
    background-color: #e3fcff;
    border: solid 1px #8adfe9;
    justify-content: center;
    flex-direction: column;
    display: flex;
}

.wrapper-fiche .bg-devis-light_blue {
    background-color: #20bed1;
}

.wrapper-fiche .blue_look {
    color: #20bed1 !important;
}

.wrapper-fiche .type_border_spe {
    border-left: solid 2px #e8e8e8;
    border-right: solid 2px #e8e8e8;
    border-bottom: solid 2px #e8e8e8;
}

.wrapper-fiche .border-general_e8 {
    border: solid 1px #e8e8e8;
}

.wrapper-fiche .red-color2 {
    color: #fc5243;
}

.compte_user .field.field-montant {
    margin-bottom: 0;
    flex-wrap: wrap;
    flex: 1;
    padding-right: 12px;
}

.compte_user .field.field-montant input {
    flex: 1;
}

.field.field-montant label {
    white-space: nowrap;
    margin-right: 30px;
    font-size: 1.35rem;
    color: #666666;
}

#new_reglement {
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 6px 0;
}

#new_reglement .btn {
    margin-top: 0;
}

#new_reglement .btn.btn-compte {
    background-color: #B1D961;
    border: 2px solid #B1D961;
}

#new_reglement .btn.btn-compte:hover {
    color: #B1D961;
    background-color: #fff;
}

.my_tooltip2 {
    display: none;
    padding: 10px 15px;
    color: #707070;
    background-color: #EDF7FF;
    border-radius: 8px;
    border: 1px solid #194F8263;
    font-size: 1.4rem;
}

.my_tooltip2.fidok {
    margin: 20px 0;
}

.my_tooltip2.fidok a {
    color: #03A1C9;
    text-decoration: underline;
}

.my_tooltip2.fidok img {
    width: 15px;
    vertical-align: middle;
}

.my_tooltip2.success {
    margin: 20px 0;
    background-color: #F9FCF2;
    border: 1px solid #95CC29;
    font-size: 1.4rem;
}

.my_tooltip2.success h4 {
    color: #95CC29;
    margin: 0 0 7px;
}

.my_tooltip2.success img {
    width: 16px;
}

.my_tooltip2.incomplet {
    margin: 20px 0;
    background-color: #FFF8F1;
    border: 1px solid #FF8800;
}

.my_tooltip2.incomplet h4 {
    color: #FF8800;
    margin: 0 0 7px;
}

.my_tooltip2.incomplet img {
    width: 16px;
}

.my_tooltip2.incomplet h4 img {
    width: 18px;
}

.l-list-fields {
    box-shadow: 0 0 15px #00000017;
}

.head-box {
    background-color: #194F82;
    color: #fff;
    text-align: center;
    padding: 6px 15px;
    border-radius: 8px 8px 0 0;
    font-weight: 500;
    font-size: 1.5rem;
}

.body-box {
    padding: 15px 3.5% 18px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.compte_user .body-box .field {
    align-items: flex-start;
    flex-direction: column;
    justify-content: flex-end;
}

#id_passager .l-list-fields {
    margin-bottom: 20px;
    border-radius: 8px;
}

#id_passager input[type="text"], #id_passager input[type="email"], #id_passager input[type="number"],
#id_passager input[type="tel"], #id_passager input[type="date"], #id_passager select {
    background-color: #fff;
}

#id_passager select {
    min-height: 34px;
}

.compte_user #id_passager .field label {
    margin-bottom: 5px;
    margin-top: 5px;
    min-width: auto;
    font-size: 1.4rem;
}

.field.field-12 {
    width: 100%;
}

.field.field-3 {
    width: 31.8%;
}

.field.field-6 {
    width: 48%;
}

.field-6 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 48%;
}

.esterix p {
    font-size: 1.3rem;
}

.compte_user #id_passager .field label.label-big, .label-big {
    font-size: 2rem;
    font-weight: 500;
    margin-top: 10px;
    width: 100%;
}

#id_passager .field-tel input {
    width: 170px;
}

.fields-pssenger {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
}

.warning {
    color: #FE5219;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 8px;
}

.warning .point_exclamation {
    background-color: #FE5219;
}

label input.acceptation {
    width: 15px;
    height: 15px;
    border-radius: 3px;
    margin: 0;
    border: 1px solid #707070 !important;
    background-color: #F2F2F2;
}

.end-form {
    padding: 0 3.5%;
}

.l-btn-submit .btn.btn-orange {
    padding: 8px 60px;
    border-radius: 8px;
    font-size: 1.8rem;
    margin-top: 10px;
}


#panneau {
    margin: 20px 0 0;
}

#panneau #onglets {
    display: flex;
    justify-content: space-between;
    list-style: none;
}

#panneau #onglets li {
    position: relative;
    padding: 7px 12px;
    min-height: 42px;
    box-shadow: 0 3px 6px #00000029;
    border-radius: 6px;
    background: #fff;
    cursor: pointer;
    transition: all 0.3s;
    color: #194F82;
    width: 49.2%;
    text-align: center;
    font-size: 1.3rem;
    line-height: 1.2em;
    display: flex;
    align-items: center;
    justify-content: center;
}

/*#panneau #onglets li:first-child svg {
    height: 13px;
}*/

/*#panneau #onglets li svg {
    margin-right: 6px;
    height: 15px;
}*/

#onglets li .icon {
    font-size: 1.7rem;
    margin-right: 12px;
}

#onglets li .icon.icon-navire {
    font-size: 2.3rem;
}

#onglets li .icon.icon-train {
    font-size: 2.45rem;
}

#onglets li .icon.icon-boat1 {
    font-size: 2.3rem;
}

#panneau.tab_faq #onglets li {
    width: 32%;
    text-transform: uppercase;
    letter-spacing: 1px;
    background-color: #EDF7FF;
}

/*#panneau.tab_faq #onglets li svg {
    height: 24px;
}*/

#panneau #onglets li:hover, #panneau #onglets li.actif {
    background: #194F82;
    color: #fff;
}

#panneau #onglets li:after {
    transition: all 0.3s;
}

#panneau #onglets li.actif:after {
    content: "";
    background-image: url("/assets/img/pictos/triangle.svg");
    background-repeat: no-repeat;
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    top: calc(100% - 11px);
}

/*#panneau #onglets li:hover svg path, #panneau #onglets li.actif svg path {
    fill: #fff;
}*/

#panneau #contenus li.content_onglet {
    /*Je défini les propriétés communes
    à ts les contenus*/
    background: white;
    padding: 20px 10px;

    /*et je les masque*/
    display: none;
}

#panneau #contenus li.content_onglet.actif {
    /* j'affiche uniquement le li de class actif */
    display: block;
}

#accordion_messagerie .ui-accordion-header {
    border: 0;
    padding: 10px 30px 10px 10px;
    border-radius: 0;
    margin-bottom: 0;
}

#accordion_messagerie .one_message:nth-child(odd) .question {
    background-color: #EDF7FF;
}

#accordion_messagerie .ui-accordion-header:hover {
    background: #f1f1f1
}

.answer, .list-documents, .accordion-collapsed {
    overflow: hidden;
    transition: all 0.5s ease-in-out;
    height: auto;
}

.answer.collapsed, .list-documents.collapsed, .parent-accordion .collapsed {
    height: 0;
}

.one_message .answer > div {
    padding-top: 3px;
    padding-bottom: 5px;
}

.one_message .question {
    font-size: 1.35rem;
    margin: 0;
    padding: 8px 10px;
    cursor: pointer;
    font-weight: 500;
    border-radius: 5px;
    display: flex;
    justify-content: space-between;
}

.question .who {
    text-decoration: underline;
}

.question .date {
    white-space: nowrap;
    padding-left: 5%;
}

.one_message .answer .message {
    background-color: #F8F8F8;
    border-radius: 5px;
    padding: 10px 20px;
    margin: 10px 0 10px 35px;
}

.compte_user p {
    font-weight: 400;
}

.one_message .question svg, .one_message .question img {
    width: 13px;
    vertical-align: middle;
}

.infos_message > div {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.pas_lu {
    font-weight: 600 !important;
}

.infos_message {
    display: flex;
    align-items: center;
}

.questionConfig {
    color: #888888;
    font-size: 1.8rem;
    font-weight: 500;
    width: 100%;
}

.contentQuestCh .bcChoice {
    padding: 8px 15px 8px 8px;
    background-color: #EDF7FF;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s;
    width: 49%;
}

.contentQuestCh .list-cat .bcChoice {
    padding: 10px;
    background-color: #EDF7FF;
    border-radius: 5px;
    margin: 5px 0 5px;
    cursor: pointer;
    transition: all 0.3s;
    width: 24%;
    /* width: 148px; */
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.3em;
    min-height: 90px;
    text-transform: uppercase;
}

.contentQuestCh .bcChoice:hover, .contentQuestCh .btn-write:hover, .contentQuestCh .list-cat .bcChoice:hover {
    background-color: #8ec9f7;
}

.contentQuestCh:first-of-type {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.list-cat {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.btnRetour.btn {
    display: flex;
    align-items: center;
    width: max-content;
    padding-left: 35px;
    padding-right: 50px;
    border-radius: 5px;
    margin-bottom: 8px;
}

.btnRetour svg {
    margin-right: 12px;
    width: 6px;
}

.contentQuestCh {
    width: 100%;
    padding: 0 0 15px;
    display: none;
}

.question_faq_bleu {
    font-weight: 500;
    font-size: 12px;
    padding: 5px;
    border-bottom: solid 1px #D6D6D6;
    margin-left: 12px;
}

.span_question_faq {
    font-size: 1.4rem;
    line-height: 1.4em;
    margin: 0 15px 0 0;
}

.lineQuestion.link {
    position: relative;
    padding: 5px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/*.question_faq_bleu[style]:not([style="display: none;"]){
    border: none;
}*/

.plus-toggle {
    width: 22px;
    height: 22px;
    cursor: pointer;
    position: relative;
    display: block;
}

.plus-toggle:before, .plus-toggle:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 3px;
    background: #FE5219;
    border-radius: 0.4rem;
    height: 17px;
    margin: auto;
    transition: all 0.3s ease;
}

.plus-toggle:after {
    width: 17px;
    height: 3px;
}

.accordion-js.active .plus-toggle:before, .accordion-2-js.active .plus-toggle:before {
    transform: rotate(-90deg);
}

.accordion-js.active .plus-toggle:after, .accordion-2-js.active .plus-toggle:after {
    transform: rotate(-180deg);
    opacity: 0;
}

.texte_faq {
    font-size: 1.35rem;
    font-weight: 400;
    background-color: #EDF7FF;
    border-radius: 5px;
    padding: 10px 20px;
    margin: 10px 0;
}

.contentQuestCh .btn-write {
    min-height: 44px;
    font-weight: 600;
    width: max-content;
    display: flex;
    align-items: center;
    padding: 8px 15px 8px 8px;
    background-color: #EDF7FF;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s;
    border: none;
    color: #2C3E50;
}

.contentQuestCh .btn-write svg {
    width: 18px;
    margin-right: 7px;
}

.title_gray.title-write {
    margin-top: 0;
}

.faqCat {
    color: #888888;
    margin: 5px 0;
    font-weight: 600;
    font-size: 1.6rem;
}

.categorieFaq {
    margin-bottom: 50px;
}

.question_faq_bleu:last-child {
    border: none;
}


/* Scrollbar style and hover */
.content_scrollbar::-webkit-scrollbar {
    width: 15px;
    appearance: none;
}

.content_scrollbar::-webkit-scrollbar-track {
    background: #F1F1F1;
    box-shadow: inset 0 0 5px white;
    border-radius: 10px;
}

.content_scrollbar::-webkit-scrollbar-track:hover {
    background: #F1F1F1;
}

.content_scrollbar::-webkit-scrollbar-thumb {
    background: #ECECEC;
    border-radius: 10px;
    transition: 0.4s;
    box-shadow: inset 0 0 0 20px;
    min-height: 70px;
}

.content_scrollbar::-webkit-scrollbar-thumb:hover {
    background: #c1c1c1;
}

.content_scrollbar {
    color: rgba(236, 236, 236, 1);
    transition: color 0.4s;
}

.content_scrollbar:hover {
    /*color: rgb(193, 193, 193);*/
    color: #b7b7b7;
}

.content_scrollbar {
    overflow-y: scroll;
    max-height: 490px;
    width: 100%;
    color: #C7C7C7;
    transition: color .4s;
}

.content_scrollbar > div, .content_scrollbar > div p, .content_scrollbar > div a {
    word-break: break-word;
    color: #707070;
}

.content_scrollbar > div {
    padding-right: 20px;
}

/* End Scrollbar style and hover */

.content_scrollbar > div a {
    color: #707070 !important;
    text-decoration: none !important;
}

.content_scrollbar > div a:hover {
    text-decoration: underline !important;
}

.so_input {
    width: 100%;
    height: 40px;
    background-color: #f4f4fa;
    border: solid 1px #e1e1e2;
    padding-left: 40px;
    outline: none;
}

.field textarea {
    border-radius: 10px;
    border: 1px solid #2C3E50;
}

.field textarea {
    border-radius: 10px;
    border: 1px solid #2C3E50;
    height: 180px;
    width: 100%;
    color: #000;
    padding: 10px 15px;
}


::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #C1C1C1;
    opacity: 1;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #C1C1C1;
    opacity: 1;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #C1C1C1;
}

.compte_user .field input[type=file] {
    border: none;
    padding: 0;
    box-shadow: none;
    height: auto;
    border-radius: 0;
}

#sMsg .btn {
    padding-left: 40px;
    padding-right: 40px;
    margin-top: 10px;
    font-weight: 500;
    border-radius: 5px;
}

/*.header-screen .l-logo-expert, .header-screen .my-account, .header-screen .l-log {
    width: 33.3333%;
}*/

.overlayIn {
    display: none;
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1000;
}

.popup_block {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.popup_block .wrapper {
    position: relative;
    background-color: #fff;
    padding: 25px 25px 10px;
    border-radius: 15px;
    margin: 15px;
    max-width: 670px;
}

.popup_block h2 {
    font-size: 2rem;
    font-weight: 600;
    padding: 0 0 10px;
    color: #13C172;
    text-align: center;
    margin-top: 10px;
}

.popup_block .close_x {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 30px;
    cursor: pointer;
}

.sent_ok {
    text-align: center;
}

.sent_ok img {
    height: 108px;
}

.list_marques {
    flex: 1;
    max-width: 300px;
    display: flex;
    flex-flow: wrap;
    align-items: center;
    justify-content: space-between;
}

.list_marques a {
    margin: 0 5px;
}

.list_marques img {
    max-width: 120px;
    max-height: 60px;
}

.title_account h1 a {
    font-size: 2.5rem;
    color: #194F82;
    text-decoration: underline;
}

.title_account h1 a:hover {
    text-decoration: underline !important;
}

.head-box img.picto {
    width: 18px;
    margin: 0 5px 0 0;
}

.head-box .cabine_type {
    text-transform: capitalize;
}

.l-have_question {
    position: fixed;
    bottom: 25px;
    right: 30px;
    z-index: 500;
    display: flex;
    align-items: center;
    background-color: #194F82;
    border: 3px solid #194F82;
    border-radius: 60px;
    cursor: pointer;
}

.faq-bot-wrapper {
    background-color: #fff;
    border-radius: 10px;
    display: flex;
    align-items: center;
    padding: 15px;
    box-shadow: 0 3px 6px #00000029;
    position: relative;
}

.faq-bot-wrapper::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    margin-left: -0.5em;
    bottom: -20px;
    right: 27px;
    box-sizing: border-box;
    border-width: 10px;
    border-style: solid;
    border-color: transparent transparent #fff #fff;
    transform-origin: 0 0;
    transform: rotate(-45deg);
    box-shadow: -5px 5px 6px 0 #00000029;
}

.l-have_question .title {
    color: #1e5180;
    text-align: inherit;
    font-weight: 500;
    margin-top: 0;
    font-size: 2.2rem;
    line-height: 1em;
}

.l-have_question p {
    color: #1e5180;
    font-weight: 400;
    margin-bottom: 8px;
}

.img_capitain {
    margin-right: 8px;
}

.img_capitain img {
    width: 58px;
}

.wrapper_have_question {
    color: #fff;
    padding: 5px 12px;
}

.wrapper_have_question.close_cookies {
    display: none;
}

.wrapper_have_question .btn {
    border-radius: 20px;
    display: flex;
    align-items: center;
    text-transform: uppercase;
    font-size: 1.2rem;
    font-weight: 500;
}

.wrapper_have_question .btn img {
    width: 17px;
    margin-left: 5px;
}

.close-question {
    background-image: url("/assets/img/pictos/icone-marin-expert.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-color: #fff;
    border-radius: 100%;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border: 5px solid #fff;
}

.close-question img {
    width: 100%;
}

.b-close-question {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.l-have_question.active .picto_close {
    display: block;
}

.l-documents {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.line_document {
    padding: 8px 15px 8px 40px;
    margin-bottom: 7px;
    overflow: hidden;
}

.l-documents .line_document:nth-child(n+3) {
    display: none;
}

.line_document .download {
    margin-left: 10px;
}

.line_document {
    position: relative;
}

.l-documents .line_document.not-required {
    /*background-color: #EDF7FF;*/
}

.line_document.is_new_1 {
    background-color: #EDF7FF;
}

.l-documents .photo_annonce {
    width: 15px;
    margin-right: 4%;
}

.line_document .new span {
    background-color: #0088ec;
    color: #fff;
    padding: 0 22px 0 36px;
    text-transform: uppercase;
    font-size: 0.85rem;
}

.line_document .new {
    position: absolute;
    left: -34px;
    transform: rotate(328deg);
    display: flex;
    justify-content: center;
}

.btn-download span.icon-downloadalt {
    font-size: 3rem;
}

.section-primary, .l-check_in, .l-assurance-dash, .l-payment-dash, .l-documents, .l-custom-resa {
    padding: 2px 8px 5px 15px;
    margin: 4px 0;
    background-color: #fff;
    border-radius: 10px;
    width: calc(50% - 3px);
}

.section-primary, .l-custom-resa {
    width: 100%;
}

.l-check_in .wrapper, .l-assurance-dash .wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.section-primary h5, .l-check_in h5, .l-assurance-dash h5, .l-payment-dash h5, .l-documents h5, .l-custom-resa h5 {
    display: flex;
    align-items: center;
    font-weight: 600;
    font-size: 1.6rem;
}

.section-primary h5 span:last-child, .l-check_in h5 span:last-child, .l-assurance-dash h5 span:last-child,
.l-payment-dash h5 span:last-child, .l-documents h5 span:last-child, .l-custom-resa h5 span:last-child {
    flex: 1;
}

.l-custom-resa h5 {
    align-items: flex-end;
}

.l-check_in h5 img, .l-assurance-dash h5 img, .l-payment-dash h5 img, .l-documents h5 img, .l-custom-resa h5 img {
    margin-right: 5px;
}

.l-check_in .message, .l-assurance-dash .message, .l-payment-dash .message {
    padding-left: 3%;
    line-height: 1.2em;
    margin-top: 2px;
}

.l-payment-dash .message p {
    margin-bottom: 5px;
    font-weight: 500;
}

.l-check_in .message p {
    margin-bottom: 0;
    font-weight: 500;
}

.check_in .wrapper .orange {
    color: #FE5219;
}

.l-check_in .message img {
    width: 24px;
    margin-right: 8px;
}

.check_in h5, .l-check_in .payment h5 {
    display: flex;
    align-items: center;
    font-weight: 600;
    min-height: 22px;
}

a.link_payments span {
    /*text-decoration-line: underline;*/
    margin-right: 1px;
}

a.link_payments {
    font-weight: 500;
}

a.link_payments img {
    width: 20px;
}

.check_in h5 img, .one-booking .payment h5 img {
    margin-right: 5px;
}

.wrapper-check_in {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.l-link_payments {
}

.btn-blue-inverse.link_payments {
    margin-left: 5px;
}

.one-booking .btn.btn-orange, .one-booking .btn.btn-blue, .one-booking .btn.btn-blue-inverse,
.btn.btn-style-2, .one-custom .btn.btn-orange, .one-custom .btn.btn-green {
    border-radius: 25px;
    font-size: 1.2rem;
    display: flex;
    align-items: center;
    width: max-content;
    padding: 3px 4px 3px 8px;
    text-transform: inherit;
}

/*.one-booking .btn.btn-orange {
    color: #fff;
    background-color: #FF9100;
    border: 2px solid #FF9100;
}*/

.one-booking .l-btn {
    justify-content: flex-start;
    margin-top: 5px;
}

.one-booking .btn.btn-orange svg, .one-booking .btn.btn-blue svg, .one-booking .btn.btn-blue-inverse svg,
.btn.btn-style-2 svg, .one-custom svg {
    margin-left: 6px;
    width: 20px;
    height: 20px;
}

/*.one-booking .btn.btn-orange:hover {
    color: #FF9100;
    background-color: #fff;
}*/

/*.one-booking .line_payment .btn:hover svg circle {
    fill: #2C3E50;
}*/

.btn ellipse {
    transition: all 0.3s;
}

.one-booking .btn.btn-orange:hover ellipse {
    fill: var(--primary-3);
}

.one-booking .btn.btn-green:hover ellipse {
    fill: #289a00;
}

.btn.btn-style-2:hover ellipse {
    fill: #2C3E50;
}

.one-booking .btn.btn-orange:hover path,
.one-booking .btn.btn-green:hover path,
.btn.btn-orange.btn-style-2:hover path {
    fill: #fff;
}

.one-booking .btn.btn-blue:hover ellipse {
    fill: #2C3E50;
}

.one-booking .btn.btn-blue:hover path,
.btn.btn-blue.btn-style-2:hover path {
    fill: #fff;
}

.one-booking .btn.btn-blue-inverse:hover ellipse {
    fill: #fff;
}

.one-booking .btn.btn-blue-inverse:hover path {
    fill: #2C3E50;
}

#new_reglement .l-btn {
    margin-top: 0;
}

.l-btn {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

.l-infos-1 {
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    clear: both;
    padding-top: 30px;
}

.l-infos-1 > div {
    width: 50%;
}

.l-infos-2 {
    text-align: center;
    padding-left: 30px;
    padding-right: 30px;
}

.message-payment-ok {
    margin-bottom: 10px;
}

.message.message-travelogue {
    background-color: #e6f4ff;
    padding: 10px 15px;
    border-radius: 11px;
    color: #194F82;
}

.message.message-travelogue img {
    width: 28px;
    margin-right: 5px;
}

.message.message-travelogue > div {
    display: flex;
    align-items: center;
}

.message.message-travelogue p {
    margin-bottom: 0;
}

.message.message-travelogue img {
    width: 45px;
    margin-right: 10px;
}

.message-no-booking {
    margin: 20px 0;
}

.one-booking .wrapper-one-booking {
    margin-bottom: 50px;
    padding-bottom: 10px;
    display: flex;
    flex-direction: column;
    box-shadow: 0 0 15px #00000038;
    border-radius: 10px;
    background-color: #e6f4ff;
}

.l-check_in .row-doc {
    padding: 0 5px;
}

.l-check_in .line_payment {
    margin-bottom: 11px;
}

.list-documents {
    width: 100%;
}

.l-check_in h5, .l-assurance-dash h5, .l-payment-dash h5, .l-documents h5,
.wrapper-list-documents, .l-assurance-dash p.assu_ok,
.l-check_in .wrapper, .l-assurance-dash .wrapper {
    padding-right: 7px;
}

#configurateur .l-btn {
    justify-content: flex-start;
}

.configurateur-wrapper {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    align-content: flex-start;
}

.compte_user .past-resa {
    cursor: pointer;
    font-size: 1.7rem;
    font-weight: 500;
    text-decoration: underline;
    text-align: right;
    color: var(--primary-2);
    margin-top: -30px;
}

.item_logout {
    padding: 20px 15px;
    border-top: 1px solid rgba(0, 0, 0, .12);
}

.item_logout a {
    display: flex;
    align-items: center;
    color: #888888;
}

.menu_compte .item_logout a:hover {
    background-color: inherit;
    color: #FE5219;
    text-decoration: underline !important;
}

.item_logout a img {
    margin-right: 12px;
}

.compte_user .field-uploads {
    flex-wrap: wrap;
    flex: 1;
    padding-right: 5%;
}

#file-list {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.file-preview {
    border: 1px solid #CECECE;
    padding: 4px 5px 4px 14px;
    margin: 6px 0 10px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 49%;
}

.file-preview .btn-delete {
    padding: 5px;
    background-color: #194F82;
    border: none;
    display: flex;
    align-items: center;
    border-radius: 3px;
    margin-left: 11px;
}

.compte_user .field-uploads .btn.btn-blue {
    color: #fff;
    background-color: #194F82;
    border: 2px solid #194F82;
}

.compte_user .field-uploads .btn.btn-blue:hover {
    color: #194F82;
    background-color: #fff;
    border: 2px solid #194F82;
}

.compte_user p.remark {
    color: #888888;
    font-weight: 500;
    margin: 5px 0 0;
    font-size: 1.3rem;
}

.upload-submit {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.mess_profil {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.mess_profil .one-doc {
    margin: 4px 10px;
}

.one_message .btn-answer {
    cursor: pointer;
    margin-left: 35px;
    margin-bottom: 10px;
}

.l-btns-msg {
    display: flex;
    align-items: center;
    flex-flow: wrap;
    justify-content: space-between;
    margin-top: 20px;
    width: 100%;
}

.l-btns-msg .btn-blue-2 {
    min-height: 44px;
    display: flex;
    align-items: center;
    border-radius: 5px;
}

.l-btns-msg .btn-blue-2 svg {
    margin-right: 7px;
    width: 17px;
}

.l-btns-msg .btn-blue-2:hover svg path {
    fill: #194F82;
}

.m-notif, .m-new {
    background-color: #FE5219;
    border-radius: 20px;
    width: 21px;
    height: 21px;
    font-size: 1.2rem;
    padding: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    margin-left: 15px;
}

.m-new {
    width: max-content;
    padding: 1px 6px;
    height: auto;
    font-weight: 500;
    border: 1px solid #2C3E50;
    background-color: #fff;
    color: #2C3E50;
    margin-left: 12px;
}

.menu_burger {
    position: relative;
}

.m-bull {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: #FE5219;
    position: absolute;
    top: -4px;
    right: -4px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 1.1rem;
}

.onglet_list_msg {
    position: relative;
}

.onglet_list_msg .m-notif {
    position: absolute;
    top: -9px;
    right: 10px;
}

.page_login .l-have_question {
    display: none;
}

.list-errors {
    list-style: none;
    color: red;
}

.form_profile {
	display: flex;
	flex-direction: column;
	gap: 10px;
    max-width: 620px;
}

.form_profile .input-btn {
    display: flex;
    width: 100%;
}

.form_profile #mot_de_passe {
    margin-right: 6px;
}

.txt_error_profil {
	color:#FE5219;
	font-size: 16px;
}

.form-row-profil {
    display: flex;
    gap: 20px;
    width: 100%;
}

.form-col-profil-50 {
    display: flex;
    flex-direction: column;
    width: calc(50% - 10px);
}

.form-col-profil-33 {
    display: flex;
    flex-direction: column;
    width: calc(33.33% - 14px);
}

.form-group-profil {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.form-label-profil {
    font: normal normal normal 14px / 16px Poppins;
    letter-spacing: 0px;
    color: #888888;
}

.form-input-profil,
.form-select-profil {
    border: 1px solid #000000;
    border-radius: 5px;
    opacity: 1;
    padding: 5px;
}

.input-btn .form-input-profil {
    width: 100%;
}

.one-info {
    font-size: 1.55rem;
    margin-bottom: 5px;
    display: flex;
}

.logo-account {
    display: flex;
    align-items: center;
    justify-content: center;
    width: max-content;
    margin-left: 12px;
}

.faq-bot .faq-bot-wrapper {
    position: fixed;
    bottom: 110px;
    right: 30px;
    height: calc(100% - 140px);
    max-height: 560px;
    width: 500px;
    max-width: 84%;
    background-color: #fff;
    border-radius: 22px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    padding: 0 0 10px;
    box-shadow: 0 0 10px #00000050;
    z-index: 510;
}

.faq-bot .question.el-accordion-js {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.faq-bot h3 {
    margin: 0 12px;
    text-transform: uppercase;
    color: #2A3B4D;
    font-size: 1.3rem;
}

.faq-bot .question img {
    cursor: pointer;
    width: 20px;
}

.faq-bot-wrapper {
    width: 100%;
}

/*#configurateur .contentQuestCh .bcChoice {*/
/*    margin: 10px 0;*/
/*}*/

.small_cruise .img_cruise img {
    height: 60px;
    max-width: 110px;
    border-radius: 8px;
}

#configurateur .bcChoice.small_cruise {
    width: 300px;
    margin: 5px;
    display: flex;
    align-items: center;
}

#configurateur .infos_cruise {
    padding-left: 10px;
    color: #2C3E50;
    text-transform: uppercase;
}

#configurateur .infos_cruise p {
    margin: inherit;
    font-size: 1.3rem;
    font-weight: 400;
}

.btn-return {
    display: none;
}

.faq-bot .btn-return {
    display: block;
    cursor: pointer;
    margin-right: 12px;
}

.faq-bot .btn-return img {
    width: 28px;
}

.faq-bot .questionConfig {
    /*display: none;*/
    margin-bottom: 15px;
    background-color: #194F82;
    color: #fff;
    min-height: 54px;
    display: flex;
    align-items: center;
    padding: 5px 15px;
    border-radius: 10px 10px 0 0;
}

.faq-bot #configurateur .l-btn {
    display: none;
}

.faq-bot #configurateur .bcChoice.small_cruise {
    width: 100%;
}

.faq-bot .btnRetour.btn {
    padding: 4px 40px 4px 30px;
    font-size: 1.2rem;
}

.faq-bot .contentQuestCh.step_1 {
    padding-top: 20px;
}

.el-accordion-js {
    cursor: pointer;
}

.content_onglet #configurateur .bcChoice.small_cruise {
    width: calc(50% - 10px);
}

.faq-bot .contentQuestCh .list-cat .bcChoice {
    padding: 7px 20px;
    border-radius: 40px;
    margin: 5px 5px 5px;
    width: calc(50% - 10px);
    color: #2C3E50;
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.3em;
    min-height: 46px;
}

.faq-bot .contentQuestCh .list-cat .bcChoice span {
    max-width: 140px;
}

.faq-bot .btn_found_answer {
    display: none;
}

.faq-bot .list-cat {
    justify-content: center;
    align-items: flex-start;
    height: max-content;
}

.faq-bot .l-btn {
    /*margin-top: 0;*/
}

.faq-bot .l-btns-msg {
    justify-content: flex-end;
    padding-bottom: 10px;
}

.faq-bot .texte_faq {
    color: #2C3E50;
}

#write_message {
    display: none;
}

.faq-bot #write_message {
    display: block;
}

.faq-bot .btn-write-no-faq-bot {
    display: none;
}


.bot {
    animation: slideFromTop .3s both;
}

.bot[aria-hidden="true"] {
    /*animation-name: slideToBottom;*/
    animation-name: fadeOut;
    /* animation-direction: reverse; */
}

.close_bot {
    opacity: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    transition: all 0.3s;
}

.bot.active ~ .l-have_question .close_bot {
    opacity: 1;
}

.pagination_msg .pagination li > a, .pagination_msg .pagination li > span {
    float: none;
    padding: 6px 10px;
    margin-left: inherit;
    color: #AFAFAF;
    border: none;
    font-weight: 600;
}

.pagination_msg .pagination .active a, .pagination_msg .pagination .active a:focus,
.pagination_msg .pagination .active a:hover, .pagination_msg .pagination .active span,
.pagination_msg .pagination .active span:focus, .pagination_msg .pagination .active span:hover {
    color: #194F82;
    background-color: inherit;
}

.pagination_msg .pagination ul {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
}

.pagination_msg .pagination {
    display: flex;
    justify-content: space-between;
}

.pagination_msg .page-item.prev_page a,
.pagination_msg .page-item.next_page a {
    color: #194F82;
}

.pagination_msg .disabled .page-item.prev_page a,
.pagination_msg .disabled .page-item.next_page a {
    color: #AFAFAF;
}

.pagination_msg .pagination ul li {
    margin: 0 2px;
}

.pagination_msg .page-item.disabled {
    pointer-events: none;
}

.picto_expert, .picto_client {
    background-color: #0188EC;
    width: 21px;
    height: 21px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    font-size: 1.2rem;
}

.picto_client {
    background-color: #ffa98e;
}

.line_document.CDV, .line_document.Cdv, .line_document.cdv {
    order: -2;
    background-color: #EAF9CA;
}

.l-documents .line_document.Confirmation {
    order: -1;
}

.title-certification {
    color: #494748;
    font-size: 3rem;
    font-weight: 500;
    max-width: 600px;
    margin: 0 auto;
    padding-top: 20px;
}

.comp_resa {
    display: block;
    font-size: 1.3rem;
    margin-top: -2px;
}

.late_payment .date {
    color: #FE5219;
}

.late_payment .btn.btn-blue {
    color: #fff;
    background-color: #FE5219;
    border: 2px solid #FE5219;
}

.late_payment .btn.btn-blue:hover {
    color: #FE5219;
    background-color: #fff;
    border: 1px solid #FE5219;
}

.one-booking .late_payment .btn.btn-blue path {
    fill: #FE5219;
}

.one-booking .late_payment .btn.btn-blue:hover path {
    fill: #fff;
}

.line_payment.late_payment .btn:hover svg circle {
    fill: #FE5219;
}

.faq-bot .contentQuestCh.step_1 {
    padding-top: 0;
}

.faq-bot .question_faq_bleu {
    margin-left: 0;
    max-width: 100%;
}

.question.my_mess.pas_lu .infos_message:after {
    content: "Nouveau";
    display: inline-block;
    background: #0188EC;
    color: #fff;
    border-radius: 15px;
    padding: 1px 10px;
    font-size: 1.2rem;
    line-height: 1.3em;
    font-weight: 400;
    margin-left: 10px;
}

.one_message .cat_message, .one_message .title_msg {
    flex: 1;
}


.file-name {
    word-break: break-all;
}

.cancellation {
    position: absolute;
    bottom: 100%;
    right: 5%;
    background-color: #FE5219;
    color: #fff !important;
    padding: 7px 15px 7px 10px;
    border-radius: 10px 10px 0 0;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.cancellation img {
    margin-right: 10px;
}

.page_profile .input-btn .btn {
    font-size: 1.2rem;
}

form#write_message_footer button {
    background: none;
    border: none;
}

#write_message2 {
    display: inline;
}

#write_message2 button {
    color: #03A1C9;
    text-decoration: underline;
    background: none;
    border: none;
}

.l-message-input {
    position: absolute;
    bottom: calc(100% + 10px);
    background-color: #ff5218;
    padding: 4px 8px;
    width: 280px;
    border-radius: 10px;
}

.l-message-input p {
    margin-bottom: 0;
    color: #fff;
    font-size: 1.3rem;
    font-weight: 400;
}

.input_message {
    position: relative;
}

.l-message-input:after {
    content: "";
    background-image: url("/assets/img/pictos/triangle_orange.svg");
    background-repeat: no-repeat;
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    top: calc(100% - 11px);
}

.message_error input {
    border-color: #fe5219;
}

.esterix.red p {
    color: #ff5218;
    font-weight: 500;
}

.status_7 .title_cruise {
    background-color: #FE5219;
    color: #fff;
}

.status_7 .cancellation {
    display: none;
}

#sMsg textarea#message {
    height: 110px;
}

.page_share_account .title_account h1 img {
    width: 30px;
}

.list_cruises {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 -5px;
    flex: 1;
}

.list_cruises .small_cruise {
    width: calc(50% - 10px);
    min-width: 290px;
    margin: 0 5px 10px;
    background-color: #fff;
    cursor: pointer;
    display: flex;
    align-items: center;
    padding: 4px;
    box-shadow: 0 1px 6px #00000029;
    border-radius: 8px;
}

.list_cruises .small_cruise:hover, .list_cruises .small_cruise:focus {
    /*background-color: #add6f6;*/
    background-color: #fff;
}

.list_cruises .small_cruise.active {
    background-color: #EDF7FF;
}

.list_cruises .infos_cruise {
    padding-left: 10px;
    color: #2C3E50;
    text-transform: uppercase;
}

.list_cruises .infos_cruise p {
    margin: inherit;
    font-size: 1.2rem;
    font-weight: 400;
}

.l-table thead tr {
    color: #fff;
}

table.l-table th {
    font-weight: 500;
    background-color: #194F82;
}

table.l-table th:first-child {
    border-radius: 10px 0 0 0;

}

table.l-table th:last-child {
    border-radius: 0 10px 0 0;
}

.l-table tbody tr:last-child td:first-child {
    border-radius: 0 0 0 10px;
}

.l-table tbody tr:last-child td:last-child {
    border-radius: 0 0 10px 0;
}

.l-table td, .l-table th {
    padding: 9px 15px;
}

.l-table tbody tr:nth-child(even) {
    background-color: #EDF7FF;
}

.js-one-guest.deleted {
    color: #721c24 !important;
    background-color: #f8d7da !important;
    border-color: #f5c6cb !important;
    transition: all 0.4s;
}

.deleted .one-guest__body > div:nth-child(2) {
    background-color: #f8d7da;
    transition: all 0.4s;
}

.js-one-guest.updated {
    color: #155724 !important;
    background-color: #d4edda !important;
    border-color: #d4edda !important;
    transition: all 0.4s;
}

.updated .one-guest__body > div:nth-child(2) {
    background-color: #d4edda;
    transition: all 0.4s;
}

.l-list-guests-mobile .js-one-guest.deleted {
    box-shadow: 0 0 5px 2px #c91f2f;
}

.js-one-guest.deleted.hide {
    opacity: 0;
    height: 0;
    overflow: hidden;
}

.color-gray {
    color: #888888 !important;
}

.l-add-invitation {
    margin-top: 35px;
    margin-bottom: 60px;
    max-width: 800px;
}

.compte_user #form_add_guest .field label {
    min-width: 180px;
    width: 180px;
}

#form_add_guest .btn.btn-orange {
    padding: 7px 55px;
    border-radius: 6px;
    margin-top: 8px;
}

.l-checkbox {
    padding: 10px;
    margin-left: auto;
}

.l-checkbox .checkbox {
    border: 1px solid #b1b1b1;
    width: 16px;
    height: 16px;
    border-radius: 3px;
    padding: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.small_cruise.active .l-checkbox .checkbox, .l-checkbox .checkbox.active {
    background-color: #194F82;
    border-color: #194F82;
}

.small_cruise.active .l-checkbox .checkbox img, .l-checkbox .checkbox.active img {
    display: block !important;
}

.compte_user #form_add_guest .field input:not(.btn) {
    border-color: #C2C2C2;
    padding: 5px 10px;
    border-radius: 8px;
}

.compte_user .field.field-list_cruises {
    flex-wrap: wrap;
    align-items: flex-start;
    margin-top: 25px;
}

.compte_user .field.field-list_cruises label {
    padding-top: 5px;
}

.limite {
    position: relative;
    width: calc(50% - 10px);
    margin: 0 5px 0;
    background-color: #fff;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 6px;
    box-shadow: 0 1px 6px #00000029;
    border-radius: 8px;
    color: #194F82;
    font-weight: 600;
    font-size: 1.5rem;
}

.limite img {
    height: 26px;
    margin-right: 10px;
}

.limite.active {
    background-color: #EDF7FF;
}

.compte_user .field.field-limite {
    /*flex-wrap: wrap;*/
}

.field.field-limite .l-btn {
    width: 100%;
    margin-top: 0;
}

.l-radio {
    position: absolute;
    right: 10px;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.limite input {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
}

.limite .radio {
    border: 1px solid #b1b1b1;
    width: 16px;
    height: 16px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.limite.active .radio {
    border-color: #194F82;
}

.limite.active .radio span {
    border: 1px solid #fff;
    background-color: #194F82;
    width: 14px;
    height: 14px;
    border-radius: 20px;
    display: block;
}

#date_end::-webkit-calendar-picker-indicator {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-position: right;
    background-size: auto;
    cursor: pointer;
    /*border: 1px solid red;*/
}

.hide_guests p {
    color: #888888 !important;
}

table.l-table th {
    font-weight: 500;
}

table.l-table {
    width: 100%;
    box-shadow: 0 0 15px #00000038;
    border-radius: 10px;
    margin-top: 20px;
    margin-bottom: 20px;
}

td.guest__email {
    font-weight: 500;
}

td.guest__actions img {
    height: 20px;
}

.one-guest__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px;
    background-color: #194F82;
    color: #fff;
    border-radius: 8px 8px 0 0;
}

.one-guest__head a {
    color: #fff;
}

.l-list-guests-mobile {
    display: none;
}

.one-guest {
    box-shadow: 0 0 15px #00000038;
    border-radius: 8px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.one-guest__body > div {
    min-height: 44px;
    padding: 5px 15px;
    display: flex;
    align-items: center;
}

.one-guest__body > div:nth-child(2) {
    background-color: #EDF7FF;
}

.one-guest__label {
    font-weight: 500;
    min-width: 150px;
    padding-right: 15px;
}

.one-guest__cruises {
    font-weight: 500;
}

.l-list-guests-mobile .l-checkbox {
    padding: 0;
    margin-left: inherit;
}


.date_end_expired {
    color: #FE5219;
    font-weight: 500;
}

.v-center {
    display: flex;
    align-items: center;
}

.expired input {
    color: #FE5219;
    margin-right: 7px;
}

.has-submenu .btn-profile {
    height: 100%;
    color: #fff;
    background-color: #194F82;
    border: 2px solid #194F82;
    width: max-content;
    border-radius: 8px;
    font-weight: 500;
    font-size: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin-left: 10px;
    min-width: 84px;
    cursor: pointer;
}

.has-submenu .btn-profile:hover {
    background-color: #194F82;
    color: #fff;
}

.open_sub_menu {
    border-left: 1px solid #fff;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3px;
    width: 20px;
}

.initials {
    flex: 1;
    text-align: center;
    text-transform: uppercase;
}

.has-submenu {
    position: relative;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes fadeOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

.submenu {
    position: absolute;
    top: calc(100% + 5px);
    right: 0;
    background-color: #fff;
    box-shadow: 0 0 6px #0000003d;
    width: 250px;
    border-radius: 8px;
    transition: all 0.3s ease;
    animation: fadeOut .3s both;
}

.submenu--open {
    animation: fadeIn .3s both;

}

.submenu ul {
    list-style: none;
    margin: 0;
}

.submenu a img {
    height: 19px;
    margin-right: 2px;
}

.submenu a {
    padding: 5px 6px;
    margin: 4px;
    display: block;
    border-radius: 5px;
}

.submenu a:hover {
    background-color: #EDF7FF;
}

.m-tooltip {
    display: inline;
}

.tooltip_2 {
    font-style: normal;
    cursor: help;
    color: #888888;
}

.tooltip_2::before {
    content: attr(data-tooltip);
    position: absolute;
    padding: .5em 1em;
    box-shadow: 0 0 5px rgba(0, 0, 0, .25);
    background-color: #fff;
    transition: .25s ease;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    border-radius: 8px;
    max-width: 280px;
    z-index: 5;
}

.tooltip_2:hover::before {
    opacity: 1;
    visibility: visible;
    transform: translateY(calc(30px));
}

.m-tooltip img {
    width: 20px;
}

.flag_fr {
    position: absolute;
    top: 0;
    bottom: -3px;
    right: calc(100% + 0px);
    display: flex;
    z-index: 99;
}

.flag_fr > div {
    width: 10px;
    height: 100%;
}

.flag_fr .bleu {
    background-color: #00407D;
}

.flag_fr .blanc {
    background-color: #fff;
}

.flag_fr .rouge {
    background-color: #BC0000;
}

.triangle_fr {
    position: absolute;
    top: calc(100% - 4px);
    z-index: 9999;
    height: 5px;
    display: flex;
    align-items: center;
    left: 100%;
    width: 5px;
    transform: rotate(-90deg);
}

.triangle_fr img {
    height: 100%;
}

.fa-bars.show_menu_mob {
    color: #fff;
}


.poppin_specific {
    display: none;
    position: fixed;
    font-size: 16px;
    box-shadow: 0 0 8px #665;
    background-color: rgb(39, 39, 39);
    left: 5%;
    bottom: 15%;
    height: auto;
    min-height: 100px;
    width: 300px;
    padding: 10px;
    border-radius: 10px;
    color: #FFF;
    border: solid 1px #FFF;
}

.content_onglet .faqCat br {
    display: none;
}

.name_user {
    color: var(--primary-1);
    font-size: 1.75rem;
    line-height: 1.2em;
    font-weight: 500;
    display: flex;
    background-color: var(--neutral-1);
    margin-bottom: -20px;
    position: relative;
    z-index: 1;
    padding-top: 15px;
}

.name_user .max_width {
    width: 100%;
}

.name_user .emoji {
    margin-left: 25px;
    font-size: 2.2rem;
}

span.icon-calendar-check {
    font-size: 2rem;
}

span.icon-question {
    font-size: 2.2rem;
}

span.icon-mail {
    font-size: 1.9rem;
}

span.icon-info-circle {
    font-size: 1.9rem;
}

h1 span.icon {
    font-size: 2.735rem;
    margin-right: 6px;
}

h1 span.icon.icon-mail {
    font-size: 2.5rem;
}

h1 span.icon.icon-share2 {
    font-size: 3rem;
}

.cancellation .icon {
    margin-right: 8px;
    font-size: 1.85rem;
}

.module_membres .title-certification {
    max-width: 800px;
}

.module_membres .g-entreprises-container {
    /*display: flex;*/
    /*align-items: center;*/
    /*max-width: 800px;*/
    /*margin: 0 auto;*/
}

.module_membres .g-images-entreprise {
    margin: 0 5px;
}

.logo-account img {
    width: 130px;
}

.all_msg {
    font-size: 13px;
    font-weight: 500;
    color: #0088CE;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.all_msg span:first-child {
    text-decoration: underline;
    margin-right: 5px;
    transition: all 0.3s;
}

.row-doc.row-3 .m-tooltip {
    display: inline;
    vertical-align: middle;
}

.row-doc.row-3 {
    position: relative;
}

.tooltip_2 .icon {
    color: #194F82;
    margin-left: 5px;
}

.row-doc.row-3 .tooltip_2::before {
    width: 260px;
    right: 0;
}

.page_mot_de_passe_oublie .page {
    background-color: #f8f6f7;
}

.wrapper-rest-mdp {
    max-width: 740px;
    background-color: #fff;
    box-shadow: 0 7px 41px #00000012;
    margin: 0 auto;
    padding: 10px 20px 70px;
    border-radius: 8px;
}

.rest-mdp {
    padding: 35px 15px 0;
}

.wrapper-rest-mdp h1 {
    color: #2C3E50;
    text-align: center;
    font-size: 2.5rem;
    font-weight: 500;
    margin-bottom: 30px;
}

.form_reset_mdp {
    padding: 0 15px;
    max-width: 400px;
    margin: 25px auto 0;
    text-align: center;
}

.form_reset_mdp label {
    text-align: left;
    width: 100%;
}

.form_reset_mdp .btn.btn-orange {
    padding: 8px 50px;
    border-radius: 8px;
    margin-top: 15px;
}

.wrapper-rest-mdp.max_width .default_msg {
    font-size: 1.6rem;
}

.return-login {
    text-align: center;
}

.return-login a {
    text-decoration: underline;
    color: #007FF6;
    transition: all 0.3s;
}

.return-login-2 {
    text-align: center;
    margin-top: 35px;
}

.l-icon {
    display: flex;
    align-items: center;
    width: 27px;
}

.title_info span.icon-info-circle {
    font-size: 1.35rem;
}

.info .btn.btn-style-2 svg {
    margin-left: 18px;
}


span.icon-assurance {
    font-size: 1.85rem;
    margin-right: 8px;
}

.title_info .tooltip_2 {
    color: #707070;
    font-size: 1.4rem;
}

.one-info .title_assurance {
    padding-top: 7px;
}

.one-info .icon-checkmark {
    margin-left: 4px;
    color: #5cd667;
}


/* Scrollbar style and hover */
.faq-bot .contentQuestCh {
    padding: 0;
    height: 100%;
}

.faq-bot #configurateur {
    height: 100%;
    max-height: 100%;
    overflow: hidden;
}

.faq-bot .configurateur-wrapper::-webkit-scrollbar {
    width: 8px;
    appearance: none;
}

.faq-bot .configurateur-wrapper::-webkit-scrollbar-track {
    background: white;
    box-shadow: inset 0 0 5px white;
    border-radius: 10px;
}

.faq-bot .configurateur-wrapper::-webkit-scrollbar-track:hover {
    background: white;
}

.faq-bot .configurateur-wrapper::-webkit-scrollbar-thumb {
    background: #ECECEC;
    border-radius: 10px;
    transition: 0.4s;
    box-shadow: inset 0 0 0 20px;
}

.faq-bot .configurateur-wrapper::-webkit-scrollbar-thumb:hover {
    background: #c1c1c1;
}

.faq-bot .configurateur-wrapper:hover {
    color: rgb(193, 193, 193);
}

.faq-bot .configurateur-wrapper {
    height: calc(100% - 54px);
    overflow-y: auto;
    width: auto;
    padding: 0 0 30px;
    overflow-x: hidden;
    margin: 0 10px;
    color: rgba(236, 236, 236, 1);
    transition: color 0.4s;
}

.faq-bot .configurateur-wrapper.cw1 {
    width: 100%;
}

/* End Scrollbar style and hover */

.m-bon {
    width: max-content;
    background-color: #EDF7FF;
    color: #194F82;
    padding: 6px 15px;
    border-radius: 34px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.menu_compte .icon-external-link1, .name_menu_mob2 .icon-external-link1 {
    margin-left: 6px;
    font-size: 1.5rem;
}

.name_menu_mob2 {
    display: flex;
    align-items: center;
}

.type-bdc {
    color: var(--primary-4);
}

.remaining-time {
    display: flex;
    align-items: center;
}

.remaining-time img {
    margin-right: 5px;
}

.remaining-time .little-text {
    font-size: 1rem;
    margin-left: 3px;
    padding-top: 1px;
}

.m-line {
    padding-left: 10px;
    padding-right: 10px;
    width: 100%;
    margin-top: 20px;
}

.apercu_compte .logo-company {
    position: absolute;
    top: 10px;
    left: 10px;
    background-color: #ffffffa8;
    border-radius: 6px;
    padding: 2px;
}

.logo-company img {
    max-width: 70px;
    max-height: 70px;
}

.list-num-resa {
    font-weight: 500;
    font-size: 1.6rem;
    margin-bottom: 15px;
    line-height: 1.2em;
}

.flex-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    padding: 0 12px;
}

.wrapper-infos-cruise {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-right: 15px;
    padding-left: 3%;
}

.m-important-doc {
    width: 142px;
    padding: 15px 12px;
    font-size: 1.3rem;
    background-color: var(--primary-2);
    color: #fff;
    border-radius: 0 14px 14px 0;
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-direction: column;
}

.m-important-doc p {
    color: #fff;
}

.btn-download {
    background-color: #B1D961;
    width: 58px;
    height: 58px;
    border-radius: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 3rem;
}

.is_new_1 .btn-download {
    background-color: var(--primary-3);
}

a.btn-download {
    color: #fff;
}

label input.acceptation:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: 0
}

.l-assurance-dash .icon-assurance {
    font-size: 2.2rem;
}

.l-assurance-dash p.assu_ok {
    font-weight: 500;
    margin-bottom: 0;
}

.m-show_more .show_more {
    font-weight: 600;
    font-size: 1.2rem;
    transition: all 0.3s;
    border-radius: 20px;
    padding: 3px 7px;
}

.m-show_more .show_more:hover {
    background-color: #dbeffa;
}

.show_more span {
    text-decoration: underline;
}

.m-show_more {
    width: 100%;
    text-align: right;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    min-height: 10px;
}

.m-show_more .m-notif {
    margin-left: 3px;
}

.l-documents .icon, .l-payment-dash .icon {
    font-size: 2rem;
    margin-right: 5px;
}

.l-payment-dash .line_payment {
    border-radius: 20px;
    justify-content: space-between;
}

.l-payment-dash .row-doc {
    width: inherit;
    text-align: left;
    padding: 5px;
}

.l-custom-resa .l-icon {
    padding-bottom: 1px;
}

.l-custom-resa .l-icon .icon.icon-magic-wand {
    font-size: 2rem;
}

.l-custom-resa .regular {
    font-weight: 400;
}

.one-custom {
    background-color: #F5F5F5;
    border-radius: 10px;
    padding: 15px 12px;
    margin-bottom: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
}

.one-custom p.label_col {
    font-weight: 500;
}


.one-custom .logo-company {
    display: flex;
    align-items: center;
}

.one-custom .l-btn {
    display: flex;
    flex-direction: column;
    margin-top: 0;
}

.one-custom .l-btn .btn-orange {
    margin-bottom: 8px;
}

.infos_col p {
    margin-bottom: 0;
}

.infos_col {
    padding: 0 10px;
}

.one-custom .l-btn .btn-orange.disabled {
    pointer-events: none;
    opacity: 0.5;
}

.page-documents .line_document {
    width: calc(50% - 5px);
}

.page-documents .wrapper-list-documents {
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
}

.page-documents .line_document {
    margin-bottom: 10px;
}

footer .l-certifications {
    background-color: inherit;
}

.l-payment-dash {
    position: relative;
}

.l-spinner.align-all {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #00000036;
    border-radius: 10px;
}

#pdf_generated .m-message {
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    text-align: left;
    line-height: 1.2em;
}

#pdf_generated .m-message .icon {
    font-size: 1.5rem;
}

#pdf_generated .btn {
    padding: 5px 15px !important;
}

#modal_add_assurance .l-icon {
    width: auto;
    position: inherit;
}

.pagination_msg .disabled {
    opacity: .4;
}

.left_to_pay {
    font-size: 1.3rem;
    color: var(--primary-3);
    text-align: right;
    white-space: nowrap;
}

.left_to_pay .bull {
    width: 8px;
    height: 8px;
    display: inline-block;
    background-color: var(--primary-3);
    border-radius: 10px;
    margin-bottom: 1px;
}

.alert {
    color: #ed2c3e;
}

a.btn-download-2 {
    background-color: var(--primary-2);
    border-radius: 20px;
    padding: 7px 15px;
    color: #fff;
    transition: all 0.3s;
    margin-top: 5px;
    display: inline-block;
}

a.btn-download-2:hover {
    background-color: #2271bb;
    color: #fff;
}

a.btn-download-2 .m-picto {
    background-color: #fff;
    border-radius: 20px;
    padding: 1px 16px;
    margin-left: 10px;
}

a.btn-download-2 .m-picto .icon {
    color: var(--primary-2);
    vertical-align: middle;
}

.txt-remboursement {
    color: #3e9cdc;
}

.line_payment.refund .fa-check {
    display: none;
}

#messageErreur .alert.alert-danger {
    margin-top: 10px;
}

.js-validate {
    position: relative;
}

.js-validate .global_spinner_s1 {
    border-radius: 4px;
}

.js-validate .spinner_s1 {
    width: 35px;
    height: 35px;
}

#overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Opacité de l'overlay */
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 9999; /* Assure que l'overlay est au-dessus de tout le contenu */
}

#loader {
    border: 16px solid #f3f3f3; /* Couleur de la barre de progression */
    border-radius: 50%;
    border-top: 16px solid #3498db; /* Couleur de la partie visible de la barre de progression */
    width: 120px;
    height: 120px;
    -webkit-animation: spin 2s linear infinite; /* Animation de rotation */
    animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.date_check_in, .dispo_check_in {
    font-size: 1.3rem;
    color: var(--primary-3);
    font-weight: 600;
    margin-top: -6px;
    margin-bottom: 7px;
}

.dispo_check_in {
    color: #B1D961;
}

.dispo_check_in .icon-circle {
    font-size: 8px;
}

/*.selectCountry {
	width: 70px;
	position: relative;
	padding: 2px 7px;
	background-color: #fff;
	height: 29px;
	cursor: pointer;
	display: flex;
	align-items: center;
}*/

.txtMsgErreurTel {
    color: red;
    font-style: italic;
    padding: 0px 0px 15px 8px;
    display: none;
}

.resume-cabine .head-cab {
    background-color: #194F82;
    color: #fff;
    font-weight: 500;
    padding: 6px 15px;
    width: fit-content;
    min-width: 205px;
    border-radius: 7px 7px 0 0;
    margin-left: 15px;
}

.resume-cabine .body-cab {
    background-color: #EDF7FF;
    border-radius: 7px;
    padding: 0 15px;
}

.resume-passenger {
    display: flex;
    padding: 10px 0;
    border-bottom: 1px solid #D4D4D4;
    color: #666666;
}

/*.resume-cabine > .head-cab + .resume-passenger {
    border-radius: 7px 7px 0 0;
}*/

.resume-passenger:last-child {
    border-bottom: none;
}

.resume-passenger span:first-child {
    font-weight: 600;
    color: #194F82;
    min-width: 100px;
    display: inline-block;
    margin-right: 10px;
}

.l-passengers-list .l-custom-resa {
    background-color: #EDF7FF;
    border-radius: 7px;
    padding: 5px 15px;
    margin-bottom: 35px;
}

.l-passengers-list .one-custom {
    background-color: #fff;
    padding: 7px 12px;
}

.message-denied .btn {
    margin-top: 8px;
}

.resume-cabine {
    margin-bottom: 25px;
}

.l-custom-resa h5.green span:last-child {
    flex: inherit;
}

.l-custom-resa h5.green .icon {
    font-size: 10px;
    margin-right: 4px;
}

.l-custom-resa h5.green {
    display: flex;
    align-items: center;
}

.txtMsgErreurMailInspi {
    color: red;
    font-style: italic;
    padding: 0 0 15px 8px;
    display: none;
}

.txtMsgDejaCorrige {
    color: red;
    font-style: italic;
    font-weight: 900;
    padding: 0 0 15px 8px;
}

.btnRecuPaiement {
    background-color: var(--primary-2);
    border-radius: 20px;
    padding: 7px 15px;
    color: #fff;
    transition: all 0.3s;
    margin-top: 5px;
    display: inline-block;
    cursor: pointer;
}

.btnRecuPaiement:hover {
    background-color: #2271bb;
}

.m-warning {
    position: relative;
    background-color: #c33825;
    color: #fff;
    padding: 10px 15px;
    border-radius: 0 35px 35px 0;
    margin-top: 20px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    width: max-content;
    margin-left: -60px;
    max-width: 115%;
}

.m-warning .triangle {
    width: 10px;
    aspect-ratio: 1;
    clip-path: polygon(0px 0px, 100% 80%, 100% 0%);
    background-color: #a61500;
    position: absolute;
    left: 5px;
    bottom: -10px;
}

.m-warning .icon {
    font-size: 18px;
    margin-right: 10px;
}

ul.ul-s1 {
    list-style: none;
    padding: 0;
}

ul.ul-s1 li {
    position: relative;
    padding-left: 20px;
}

ul.ul-s1 li:before {
    content: "";
    font-family: "icomoon" !important;
    font-size: 11px;
    position: absolute;
    left: 0;
    top: 4px;
}

.field-checkbox {
    cursor: pointer;
    display: flex;
    align-items: center;
    font-weight: 500;
    font-size: 1.2rem;
    padding: 0 10px;
}

.field-checkbox .checkbox {
    border: 2px solid #707070;
    width: 16px;
    height: 16px;
    border-radius: 3px;
    padding: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 4px;
    transition: all 0.3s;
}

/*.field-checkbox .interrogation {
    transition: all 0.3s;
}*/

.field-checkbox.checked {
    cursor: default;
}

.field-checkbox.checked .checkbox {
    background-image: url("/assets/img/pictos/checkmark-bold.svg");
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    border-color: transparent;
}

/*.field-checkbox.checked .interrogation {
    opacity: 0;
}*/

.btn-check-in.disabled {
    display: none !important;
}

.btn.btn-tuto {
    padding: 5px 7px 5px 5px !important;
}

.btn.btn-tuto .icon-info-circle {
    font-size: 1.6rem !important;
}

.btn.btn-tuto .icon-downloadalt {
    margin-left: 14px;
}

.passengerListNoCheckWeb {
    width: 100%;
}

.passengerListNoCheckWeb .passenger-wrapper {
    width: 100%;
    /*background-color: #fbe8e8;*/
    border-radius: 8px;
    padding: 6px 0;
    margin-bottom: 10px;
}

.passengerListNoCheckWeb p {
    color: red;
    margin-bottom: 0;
}

.module_membres .l-certifications {
    background-color: var(--neutral-1);
    padding-top: 10px;
    padding-bottom: 20px;
}

.module_membres .l-certifications h3 {
    text-align: center;
    font-weight: 400;
}

.module_membres .l-certifications h3 span {
    color: #194F82;
    font-weight: 600;
}

.list-elements {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.one-element {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    padding: 10px;
    margin-bottom: 10px;
    width: 32.5%;
    display: flex;
    align-items: center;
}

.one-element.fsh {
    background: transparent linear-gradient(180deg, #FEE4E4 0%, #FCF6D8 100%) 0 0 no-repeat padding-box;
}

.one-element.upsell {
    background: transparent linear-gradient(180deg, #D8F3FF 0%, #E8FDE7 100%) 0 0 no-repeat padding-box;
}

.one-element.drinks {
    background: transparent linear-gradient(180deg, #DEF3FF 0%, #E9E2FF 100%) 0 0 no-repeat padding-box;
}

.one-element .m-icon {
    width: 55px;
    height: 55px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    margin-right: 10px;
    padding: 5px;
}

.one-element .info h6 {
    margin: 0;
    font-size: 1.5rem;
    font-weight: 600;
}

.one-element .info p {
    margin-bottom: 7px;
    font-size: 1.2rem;
    font-weight: 300;
    line-height: 1.4em;
}

.one-element .obligatory span {
    background-color: #ea0000;
    color: #fff;
    padding: 1px 34px 0 36px;
    text-transform: uppercase;
    font-size: 0.95rem;
}

.one-element .obligatory {
    position: absolute;
    left: -34px;
    top: 13px;
    transform: rotate(336deg);
    display: flex;
    justify-content: center;
}

span.icon-plus-square-o {
    font-size: 2.5rem;
}

.section-primary .message {
    display: flex;
    align-items: center;
    padding: 10px 0;
}

.section-primary .message p {
    margin-bottom: 0;
    color: #194F82;
}

.section-primary .message b {
    font-weight: 600;
}

.section-primary .message .icon {
    font-size: 3rem;
    margin-right: 10px;
    color: #0d9f9c;
}

.one-booking .section-primary .btn.btn-blue {
    padding: 3px 4px 3px 13px;
}

.one-booking .section-primary .btn.btn-blue span {
    margin-right: 15px;
}

.checkbox-wrapper-22 {
    padding: 0 8px 8px;
    display: flex;
    justify-content: flex-end;
    margin-top: auto;
}

 .checkbox-wrapper-22 .switch {
     display: inline-block;
     height: 24px;
     position: relative;
     width: 44px;
 }

.checkbox-wrapper-22 .switch input {
    display:none;
}

.checkbox-wrapper-22 .slider {
    background-color: #ccc;
    bottom: 0;
    cursor: pointer;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: .4s;
}

.checkbox-wrapper-22 .slider:before {
    background-color: #fff;
    bottom: 3px;
    content: "";
    height: 18px;
    left: 4px;
    position: absolute;
    transition: .4s;
    width: 18px;
}

.checkbox-wrapper-22 input:checked + .slider {
    background-color: #45A834;
}

.checkbox-wrapper-22 input:checked + .slider:before {
    transform: translateX(18px);
}

.checkbox-wrapper-22 .slider.round {
    border-radius: 34px;
}

.checkbox-wrapper-22 .slider.round:before {
    border-radius: 50%;
}

.image-container .tag {
    position: absolute;
    bottom: 7px;
    right: 7px;
    background-color: #fff;
    border-radius: 2px;
    padding: 2px 6px;
    font-weight: 600;
}

.line_payment.line_payment_recap .row-1 {
    color: #B1D961;
}

.line_payment.line_payment_recap .row-2 {
    color: var(--primary-3);
}

.line_payment.line_payment_recap .row-3 {
    color: #2d3e50;
}

.line_payment.line_payment_recap {
    font-weight: 600;
}

.alert-wrapper {
	display: flex;
	align-items: center;
	background: #FFF5E7 0% 0% no-repeat padding-box;
	border-radius: 10px;
	opacity: 1;
	flex-basis: 100%;
	height: 80px;
	margin-bottom: 20px;
	padding: 0 10px;
}

.alert-content {
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin-left: 15px;
}

.alert-title {
	text-align: left;
	font: normal normal bold 20px / 24px Poppins;
	letter-spacing: 0px;
	color: #2C3E50;
}

.alert-subtitle {
	text-align: left;
	font: normal normal normal 14px / 24px Poppins;
	letter-spacing: 0px;
	color: #2C3E50;
}

.alert-link {
	margin-left: auto;
	text-decoration: none;
}

.alert-btn {
	margin-left: auto;
	width: 200px;
	height: 50px;
	background: #FF4000 0% 0% no-repeat padding-box;
	border-radius: 10px;
	opacity: 1;
	font-size: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #FFFFFF;
	text-decoration: none;
}

.alert-wrapper-mobile {
	display: none;
	flex-direction: column;
	background: #FFF5E7 0% 0% no-repeat padding-box;
	border-radius: 10px;
	opacity: 1;
	flex-basis: 100%;
	margin-bottom: 20px;
	padding: 10px;
}

.alert-icon-mobile {
	height: 40px;
}

.alert-content-mobile {
	display: flex;
	flex-direction: row;
	align-items:center;
	margin-bottom: 10px;
}

.alert-text span {
	display: block;
	margin: 0;
	line-height: 1.1;
}

.alert-title-mobile {
	text-align: left;
    font-weight: bold;
    font-size: 16px;
    line-height: 16px; /* serré mais lisible */
    color: #2C3E50;
    margin-bottom: 1px;
}

.alert-subtitle-mobile {
	text-align: left;
    font-size: 10px;
    line-height: 12px; /* extra serré */
    color: #2C3E50;
    margin: 0;
}

.alert-link-mobile {
	text-decoration: none;
	width: 100%;
}

.alert-btn-mobile {
	margin-left: auto;
	height: 40px;
	background: #FF4000 0% 0% no-repeat padding-box;
	border-radius: 10px;
	opacity: 1;
	font-size: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #FFFFFF;
	text-decoration: none;
}