.max_width_500 {
    max-width: 500px;
}
.max_width_1000 {
    max-width: 1000px;
}
.width_100 {
    width: 100%;
}
.width_50p {
    width: 50px;
}
.table-row {
    display: table-row;
}
.table-cell {
    display: table-cell;
}
.c-red {
    color: red;
}
.c-pointer {
    cursor: pointer;
}

/*-----------Image caption (légende) voir config display_img_alt --------------*/
.img_caption {
    display: inline-block;
    position: relative;
}

.img_caption img {
    display: block;
    margin: 0 !important;
    width: 100%;
}

.img_caption::after {
    content: attr(data-alt);
    position: absolute;
    bottom: 0;
    left: 0;
    /*height: 1.5em;*/
    width: 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index: 2;
    color: white;
    text-align: center;
    line-height: 1.2em;
    font-size: 14px;
    padding: 2px 3px;
}

/**** modal, retirer la fonction d'edition rapide dans le contenu d'une modal ****/
.modal_body #fab_menu {
    display: none !important;
}

/**** modal dans ajouter colllaborateur ****/
#id_modal_add_equipier .modal-content {
    width: 800px;
    height: 500px;
    margin-top: 150px;
    position: fixed;
}
/*-----------progress bar (create account)--------------*/
#progressbar {
    margin-bottom: 30px;
    overflow: hidden;
}
#progressbar li {
    list-style-type: none;
    color: #99a2a8;
    font-size: 9px;
    width: calc(100% / 4);
    float: left;
    position: relative;
    font: 500 13px/1 "Roboto", sans-serif;
    text-align: center;
    padding-bottom: 5px;
}
#progressbar li:before {
    font-family: "Font Awesome 5 Free";
    content: "\f35a";
    font-size: 20px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    display: block;
    background: #eaf0f4;
    border-radius: 50%;
    margin: 0 auto 10px auto;
    text-align: center;
}

#progressbar li:after {
    content: "";
    width: 100%;
    height: 10px;
    background: #eaf0f4;
    position: absolute;
    left: -50%;
    top: 21px;
    z-index: -1;
}
#progressbar li:last-child:after {
    /* width: 150%; */
}
#progressbar li.active {
    color: #00466c;
}
#progressbar li.active:before,
#progressbar li.active:after {
    background: #00466c;
    background: #00466c;
    color: white;
}

/*----------- style_table --------------*/
.style_table {
    margin: 10px 0;
    border: 1px solid #fff;
    background: #fff;
}
.style_table th {
    background: #000;
    color: #fff !important;
    font-weight: bold;
}
.style_table tr:nth-child(odd) {
    background: #f9f9f9;
    color: #333;
}
.style_table tr:nth-child(even) {
    background: #fff;
    color: #333;
}
.style_table td,
.style_table th {
    padding: 10px;
    border-bottom: 1px solid #ebebeb;
}

/*----------- formulaire --------------*/

.main_account_form input[required] + .spc_required {
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    bottom: 25px;
    left: 4%;
    z-index: 10;
    color: #ffc757;
    font-size: 20px;
}
.main_account_form input[required]:valid + .spc_required {
    display: none !important;
}
.main_account_form input[required] {
    padding-left: 2.5%;
}
.main_account_form i {
    display: none !important;
}
.main_account_form .see_password_js{
    display:inline-block !important;
    margin-top: 15px !important;
    position: absolute;
}
.main_account_form input[type="text"],
.main_account_form select,
.main_account_form textarea {
    margin-top: 10px;
}
.main_account_form #input_ext_tel_travail {
    width: 28%;
    float: right;
}
.main_account_form #input_tel_travail {
    width: 63%;
    float: left;
}
.main_account_form .fieldValue .form-control {
    width: calc(100% - 20px) !important;
    float: left;
    margin-bottom: 0;
    margin-top: 0;
}
.main_account_form .fieldValue .inputRequirement {
    float: right;
}
.main_account_form #membership_cate {
    margin-right: 0px;
    margin-top: 10px;
    float: left;
    width: calc(100% - 30px) !important;
}
/*VG-067134-0*/
.main_account_form {
    font-weight: 501;
    font-family: sans-serif;
}
footer {
    position: relative;
}
#input_prix_variable {
    width: 130px;
}
#form_cat_choix {
    width: 800px;
    margin: 10px !important;
    background: #eee !important;
    display: none;
}
.field_perso_chkbx {
    padding: 0 10px 0 0;
}
.table_custom_field tr > td {
    vertical-align: middle;
}
.table_custom_field .form-control {
    margin-bottom: 0;
}

#custom_form label.error {
    /*message jquery.validate*/
    color: red;
    margin: 0 5px;
}

/*--TIME LINE------------------------*/
.timeline {
    list-style: none;
    padding: 20px 0 20px !important;
    margin: 20px 0 !important;

    overflow: auto;
}
.timeline:before {
    top: 0;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 2px;
    background-color: #1b4d7c;
    left: 50%;
    margin-left: -1.5px;
}

.timeline > li {
    margin: 0 0 20px !important;
}
.timeline > li:before,
.timeline > li:after {
    content: " " !important;
    display: table;
}
.timeline > li:after {
    clear: both;
}
.timeline > li > .timeline-panel {
    width: 46%;
    float: left;
    border: 1px solid #d4d4d4;
    /*border-radius: 2px;*/
    /*padding: 20px;*/

    -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
}

.timeline > li > .timeline-panel:before {
    position: absolute;
    top: 26px;
    right: -15px;
    display: inline-block;
    border-top: 15px solid transparent;
    border-left: 15px solid #ccc;
    border-right: 0 solid #ccc;
    border-bottom: 15px solid transparent;
    content: " ";
}
.timeline > li > .timeline-panel:after {
    position: absolute;
    top: 27px;
    right: -14px;
    display: inline-block;
    border-top: 14px solid transparent;
    border-left: 14px solid #fff;
    border-right: 0 solid #fff;
    border-bottom: 14px solid transparent;
    content: " ";
}
.timeline > li > .timeline-badge {
    color: #fff;
    padding: 0px 40px;
    line-height: 50px;
    font-size: 1.4em;
    font-weight: 600;
    top: 16px;
    left: 48.5%;
    background-color: #1b4d7c;
    z-index: 2;
    border-radius: 3px;
}
.timeline > li.timeline-inverted > .timeline-badge {
    right: 48.5%;
    left: auto;
}

.timeline > li.timeline-inverted > .timeline-panel {
    float: right;
}
.timeline > li.timeline-inverted > .timeline-panel:before {
    border-left-width: 0;
    border-right-width: 15px;
    left: -15px;
    right: auto;
}
.timeline > li.timeline-inverted > .timeline-panel:after {
    border-left-width: 0;
    border-right-width: 14px;
    left: -14px;
    right: auto;
}
.timeline-badge > a {
    color: #c5c7c5 !important;
}
.timeline-badge a:hover {
    color: #ff531f !important;
}
.timeline-title {
    margin-top: 0;
    color: inherit;
}
.timeline-body > div > p,
.timeline-body > div > ul,
.timeline-body > div > h2 {
    padding: 10px 20px;
    margin: 0;
}
.timeline-body > p + p {
    margin-top: 5px;
}
.timeline-footer {
    padding: 20px;
    background-color: #f4f4f4;
}
.timeline-footer > a {
    cursor: pointer;
    text-decoration: none;
}
.timeline_img {
    width: 92%;
    margin: 4% 4% 0;
}
.timeline_titre {
    padding: 5px;
    font-size: 24px;
    font-weight: 400;
    color: #1b4d7c;
    padding: 10px 0px;
}
.timeline iframe {
    width: 100% !important;
    height: 245px !important;
}
@media (max-width: 767px) {
    ul.timeline:before {
        left: 2px;
    }

    ul.timeline > li > .timeline-panel {
        width: calc(100% - 20px);
        width: -moz-calc(100% - 20px);
        width: -webkit-calc(100% - 20px);
    }

    ul.timeline > li > .timeline-badge {
        position: relative;
        left: 0 !important;
        top: 0 !important;
        right: 0 !important;
        margin: 10px 5px;
        border-radius: 10px;
        padding: 0px 10px;
        line-height: 35px;
        font-size: 1em;
    }

    ul.timeline > li > .timeline-panel {
        float: right;
    }

    ul.timeline > li > .timeline-panel:before {
        border-left-width: 0;
        border-right-width: 15px;
        left: -15px;
        right: auto;
    }

    ul.timeline > li > .timeline-panel:after {
        border-left-width: 0;
        border-right-width: 14px;
        left: -14px;
        right: auto;
    }
}
/*--ACCORDION------------------*/

.accordion .ui-icon {
    display: none !important;
}
.ui-accordion-icons {
    padding-left: 0 !important;
}
.panel {
    box-shadow: none;
}
.accordion {
    padding: 30px 0;
    overflow: auto;
}
.accordeon_titre a::after {
    color: #c4c4c4;
    /*content: "\f35b";*/
    content: "\f077";
    display: block;
    /*font-family: "Font Awesome 5 Free";*/
    font-family: FontAwesome;
    font-size: 30px;
    line-height: 30px;
    padding: 0px 0;
    /*left: -46px;
    top: -5px; */

    right: 1%;
}
.accordeon_titre a.collapsed::after {
    color: #646464;
    /*content: "\f358";*/
    content: "\f078";
    display: block;
    font-family: FontAwesome;
}
.texte_icone_accordeon,
.accordeon_titre a::after {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.accordion .panel {
    margin: 0 0 20px 20px;
    border: 2px solid #c4c4c4;
    border-radius: 5px;
}
.accordion .panel .card-header {
    background: #fff;
    border-bottom: 0;
}
.accordion .panel .card-header {
    padding: 25px 30px;
}
.accordeon_titre a[aria-expanded="true"] {
    background: none;
}
.accordion .panel .panel-collapse {
    padding: 0 30px 20px;
    overflow: auto;
}

/*--------------------------module spc tuile---------------------*/
.fix_tuile_height {
    overflow: hidden;
    padding-bottom: 21px;
    margin-bottom: 10px;
}
.tuile_detail {
    display: none;
    margin-bottom: 20px;
    overflow: auto;
    border: 2px solid #c4c4c4;
    border-radius: 5px;
    padding: 15px 20px;
}

.tuile {
    padding: 10px 15px;
    margin: 0 0 0px;
    height: 100%;
}
.tuile:hover,
.tuile_active .tuile {
    cursor: pointer;
}
.tuile_triangle_down {
    padding-left: 50%;
    padding-top: 10%;
    overflow: hidden;
    left: 0;
    right: 0;
    bottom: 0px;
    z-index: 1;
}
.tuile_triangle_down:before {
    content: \'\';
    display: block;
    width: 0;
    height: 0;
    margin-left: -50px;
    margin-top: -50px;
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
    margin-top: -50px;
}

.fix_tuile_height .tuile_triangle_down,
.fix_tuile_height .tuile_triangle_down:before {
    display: none;
}
.tuile_active .tuile_triangle_down,
.tuile_active .tuile_triangle_down:before {
    display: block;
}

.row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
}
@media (max-width: 1000px) {
    .fix_tuile_height {
        width: 50% !important;
        float: left;
    }
    .row-eq-height {
        display: block;
    }
    .tuile {
        min-height: 120px;
    }
}
@media (max-width: 600px) {
    .fix_tuile_height {
        width: 100% !important;
        float: none;
    }
}

.library_admin_edit {
    background: #ffff85;
    color: #000;
    padding: 0 5px;
}

/*-------- Contenu speciaux - Onglet----------------------*/

ul.resp-tabs-list,
p {
    margin: 0px;
    padding: 0px;
}
.resp-tabs-list li::before {
    content: "" !important;
}
.resp-tabs-list li:first-child {
    border-top: 1px solid #e1e1e1;
}
.resp-tabs-list li {
    padding: 13px 15px;
    cursor: pointer;
    float: left;

    border-bottom: 1px solid #e1e1e1;
    border-left: 1px solid #e1e1e1;

    -moz-border-radius: 2px 0 0 2px;
    -webkit-border-radius: 2px 0 0 2px;
    -khtml-border-radius: 2px 0 0 2px;
    border-radius: 2px 0 0 2px;
    background: #fff url("/images/grad_menu.png") bottom left repeat-x;

    -webkit-transition: background-color 0.2s linear;
    -moz-transition: background-color 0.2s linear;
    -ms-transition: background-color 0.2s linear;
    -o-transition: background-color 0.2s linear;
    transition: background-color 0.2s linear;
}

.resp-tabs-container {
    background-color: #fff;
    clear: left;
}

h2.resp-accordion {
    cursor: pointer;
    padding: 5px;
    display: none;
}

.resp-tab-content {
    display: none;
    padding: 15px;
}

.resp-tab-active {
    /*border: 1px solid #c1c1c1;
        border-bottom: none;
        margin-bottom: -1px !important;*/
    padding: 12px 14px 14px 14px !important;

    /*border-bottom: 1px solid #e1e1e1;*/
    border-bottom: none;
    border-left: 2px solid #07bee5;
    border-right: none;
    background: #fff !important;
    position: relative;
    z-index: 1;
    margin-right: -1px !important;
    padding: 10px 15px 10px 18px !important;
    -moz-border-radius: 2px 0 0 2px;
    -webkit-border-radius: 2px 0 0 2px;
    -khtml-border-radius: 2px 0 0 2px;
    border-radius: 2px 0 0 2px;
}
.Htab .resp-tabs-list li.resp-tab-active {
    padding: 13px 15px 12px 18px !important;
}

.resp-content-active,
.resp-accordion-active {
    display: block;
}

.resp-tab-content {
    border: 1px solid #c1c1c1;
    overflow: auto;
}

h2.resp-accordion {
    border: 1px solid #c1c1c1;
    border-top: 0px solid #c1c1c1;
    margin: 0px;
    padding: 10px 15px;
}

h2.resp-tab-active {
    border-bottom: 0px solid #c1c1c1 !important;
    margin-bottom: 0px !important;
    padding: 10px 15px !important;
}

h2.resp-tab-title:last-child {
    border-bottom: 12px solid #c1c1c1 !important;
    background: blue;
}

/*-----------Vertical tabs----------------------------------------------------------------*/
.Htab,
.Vtab {
    margin-bottom: 20px !important;
    overflow: auto;
}
.Htab .accordion,
.Vtab .accordion {
    padding: 0 !important;
}

.resp-vtabs ul.resp-tabs-list {
    float: left;
    width: 30%;
}

.resp-vtabs .resp-tabs-list li {
    display: block;
    padding: 15px 15px !important;
    margin: 0;
    cursor: pointer;
    float: none;
    width: 100% !important;
}

.resp-vtabs .resp-tabs-container {
    padding: 0px;
    background-color: #fff;
    float: left;
    width: 68%;
    min-height: 250px;
    box-shadow: -8px 0px 22px -12px rgba(0, 0, 0, 0.1);
    border: 1px solid #e1e1e1;
    border-radius: 0 4px 4px 4px;
    clear: none;
}

.resp-vtabs .resp-tab-content {
    border: none;
    overflow: auto;
}

.resp-arrow {
    width: 0;
    height: 0;
    float: right;
    margin-top: 3px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 12px solid #c1c1c1;
}

h2.resp-tab-active span.resp-arrow {
    border: none;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 12px solid #9b9797;
}

@media only screen and (max-width: 768px) {
    ul.resp-tabs-list {
        display: none;
    }
    h2.resp-accordion {
        display: block;
        font-size: 1.15em !important;
        text-transform: none;
        background: #fff url("/images/grad_menu.png") bottom left repeat-x;

        -webkit-transition: background-color 0.2s linear;
        -moz-transition: background-color 0.2s linear;
        -ms-transition: background-color 0.2s linear;
        -o-transition: background-color 0.2s linear;
        transition: background-color 0.2s linear;
    }
    .resp-vtabs .resp-tab-content {
        border: 1px solid #c1c1c1;
    }
    .resp-vtabs .resp-tabs-container {
        border: none;
        float: none;
        width: calc(100% - 2px); /*bordure*/
        min-height: initial;
        clear: none;
    }
    .resp-accordion-closed {
        display: none !important;
    }
    .resp-vtabs .resp-tab-content:last-child {
        border-bottom: 1px solid #c1c1c1 !important;
    }
    h2.resp-accordion:first-child {
        border-top: 1px solid #e1e1e1;
    }
}

.large.tooltip-inner {
    max-width: 550px;
    width: 550px;
    font-size: 1.15em;
    padding: 15px 5px;
}
.tooltip {
    z-index: 1000;
    position: fixed;
}

/*---------------- inscription evenement -----------------*/

.form_auto_generate {
    float: left;
    width: 24%;
}
/*.form_auto_generate label {
                display: block;
                margin: 5px 0 3px;
                width: 80%;
} */
#table_form table {
    width: 99%;
}
/*.form_auto_generate input[type="text"], #table_form input[type="text"] {
                border: 0 none;
                box-shadow: 0 0 4px 0 #888888 inset;
                height: 25px;
                margin-bottom: 10px;
                padding: 0 5% 0 2%;
                width: 78% !important;
}
.form_auto_generate input[readonly="readonly"], #table_form input[readonly="readonly"] {
                border: medium none;
                box-shadow: none;
}
.form_auto_generate select, #table_form select {
                box-shadow: 0 0 4px 0 #888888 inset;
                height: 25px;
                margin-bottom: 10px;
                width: 85% !important;
}
#table_form textarea {
                box-shadow: 0 0 4px 0 #888888 inset;
                margin-bottom: 10px;
                width: 85% !important;
} */
.wrapper_item_event {
    padding: 10px 15px;
}

.wrapper_item_event:nth-of-type(even) {
    background: #f7f7f7;
}

/*--------pagination type event----------------------*/
.controls_pagination a {
    padding: 3px 6px;
    border: 1px solid gray;
    margin: 2px;
    color: black;
    text-decoration: none;
}
.controls_pagination a:hover {
    cursor: pointer;
    /*background: #E8E8E8;*/
}
.controls_pagination .active {
    background: #000;
    color: white !important;
}
.controls_pagination .page {
    width: 40px;
    text-align: center;
}
.controls_pagination .page {
    display: none;
}
.controls_pagination .prev + .page,
.controls_pagination .prev + .page + .page {
    display: inline-block;
}
.controls_pagination .active + .page + .page {
    display: inline-block;
    margin: 0 40px 0 0;
    position: relative;
}
.controls_pagination .active + .page + .page:after {
    content: "...";
    font-weight: bold;
    font-size: 30px;
    display: block;
    width: 30px;
    position: absolute;
    top: -15px;
    left: 45px;
}
.prev_nav {
    display: inline-block;
    margin: 0 0px 0 40px !important;
    position: relative;
}
.prev_nav:before {
    content: "...";
    font-weight: bold;
    font-size: 30px;
    display: block;
    width: 30px;
    position: absolute;
    top: -15px;
    right: 45px;
}

a:hover {
    color: #000022;
}

/* vg-	VG-069432 */
/*
.event_primary_cat .title_cat,
.event_secondary_cat .title_cat {
    color: #57585a;
}

 .event_primary_cat:hover,
.event_secondary_cat:hover {
    background: #747477;
}
.event_primary_cat:hover .title_cat,
.event_secondary_cat:hover .title_cat,
.event_primary_cat:hover i,
.event_secondary_cat:hover i {
    color: #fff;
} */

/*debut captcha du contact form*/
.slidercaptcha {
    width: 314px;
    height: 286px;
    border-radius: 4px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.125);
    margin-top: 40px;
}

.slidercaptcha .card-body {
    padding: 1rem;
}

.slidercaptcha canvas:first-child {
    border-radius: 4px;
    border: 1px solid #e6e8eb;
}

.slidercaptcha.card .card-header {
    background-image: none;
    background-color: rgba(0, 0, 0, 0.03);
}
/*fin captcha du contact form*/
.refreshIcon {
    top: -39px;
}
#paypal_form {
    border: 1px solid #17445e;
    border-radius: 10px;
    padding: 20px 1%;
    overflow: auto;
    font-size: 14px;
}
#paiement_tab_entete li.active a {
    background: #f7f7f7;
    color: #57585a !important;
}
.paiement_tab_link,
.paiement_tab_link:focus,
#paiement_tab_entete li {
    outline: none !important;
}
.paiement_tab_link:hover {
    text-decoration: none;
    color: #000 !important;
}
/*---------------------------------------------------------------------------------------*/
/*---------------------------FACTURATION - ajax_checkout.php-----------------------------*/
/*---------------------------------------------------------------------------------------*/
#spc_form_log {
    border: 1px solid #17445e;
    border-radius: 10px;
    padding: 0px 1% 20px;
}
.col2_3 {
    width: 62.6%;
    margin: 0 1%;
    float: left;
}
.col1_3 {
    width: 31.3%;
    margin: 0 1%;
    float: left;
}

#log_cart {
    border: 1px solid #17445e;
    border-radius: 10px;
    padding: 0px 1% 20px;
    width: 29%;
}
.txt_right {
    text-align: right;
}
#log_cart_table {
    width: 100%;
    line-height: 1.1em;
}
#log_cart_table small {
    color: grey;
}
#log_cart_table td {
    padding: 5px;
    font-size: 14px;
}
#log_cart_table hr {
    margin: 0;
}
#log_cart_table a {
    text-decoration: none !important;
    color: #0d397a !important;
}

#paypal_form {
    border: 1px solid #17445e;
    border-radius: 10px;
    padding: 20px 1%;
    overflow: auto;
    font-size: 14px;
}
#btn_pay {
    -moz-box-shadow: inset 0px 1px 0px 0px #3985b1;
    -webkit-box-shadow: inset 0px 1px 0px 0px #3985b1;
    box-shadow: inset 0px 1px 0px 0px #3985b1;
    background-color: #216288;
    border: 1px solid #17445e;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: bold;
    border: 1px solid #000;
    padding: 10px 20px;
    margin-top: 20px;
    font-size: 20px;
    border-radius: 5px;
    color: #fff !important;
    float: right;
    cursor: pointer;
}
#spc_form_log {
    border: 1px solid #17445e;
    border-radius: 10px;
    padding: 0px 1% 20px;
}
.form_checkout ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.form_checkout ul li {
    display: block;
    margin-bottom: 10px;
    min-height: 35px;
    list-style: none !important;
}
.form_checkout ul li::before {
    content: none !important;
}
.field-style {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 8px;
    outline: none;
    border: 1px solid #b0cfe0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}
.field-style:focus {
    box-shadow: 0 0 5px #17445e;
    border: 1px solid #17445e;
}
.form_checkout ul li .field-split {
    width: 49%;
}
.form_checkout ul li .field-full {
    width: 100%;
}
.form_checkout ul li input.align-left {
    float: left;
}
.form_checkout ul li input.align-right {
    float: right;
}
.form_checkout ul li textarea {
    width: 100%;
    height: 100px;
}
.form_checkout ul li input[type="button"],
.form_checkout ul li input[type="submit"],
.log_btn {
    -moz-box-shadow: inset 0px 1px 0px 0px #3985b1;
    -webkit-box-shadow: inset 0px 1px 0px 0px #3985b1;
    box-shadow: inset 0px 1px 0px 0px #3985b1;
    background-color: #216288;
    border: 1px solid #17445e;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    padding: 8px 18px;
    text-decoration: none;
    font: 12px Arial, Helvetica, sans-serif;
    font-weight: bold;
    border-radius: 5px;
}
.form_checkout ul li input[type="button"]:hover,
.form_checkout ul li input[type="submit"]:hover,
.log_btn:hover {
    background: linear-gradient(to bottom, #2d77a2 5%, #337da8 100%);
    background-color: #28739e;
    color: #ffffff !important;
    text-decoration: none !important;
    font-weight: bold;
}

@media only screen and (max-width: 800px) {
    .col1_2,
    .col1_3,
    .col2_3,
    .col1_4,
    .col3_4 {
        width: 100%;
        display: block;
        margin: 10px 0;
        position: relative;
    }

    #content_confirmation {
        -ms-box-orient: horizontal;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -moz-flex;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-flow: row wrap;
        flex-flow: row wrap;
    }
    #form_log {
        width: 100%;
        float: none;
        -moz-box-ordinal-group: 2;
        -webkit-box-ordinal-group: 2;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
    }
    #log_cart {
        width: 100%;
        float: none;
        -moz-box-ordinal-group: 1;
        -webkit-box-ordinal-group: 1;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
    }
    #form_log .td_mob_fullwith {
        text-align: center;
    }

    #politique {
        display: block;
        margin-bottom: 5px;
    }
    .form_checkout ul li .field-split {
        width: 90%;
        margin: 7px 5% !important;
        float: none !important;
    }
    .form_checkout ul li {
        margin: 0;
    }
    #paypal_form,
    #spc_form_log,
    #log_cart {
        padding: 20px 5% !important;
    }
    #paiement_tab_entete li {
        width: 100%;
        display: block;
    }
}

#sidebar_fixe {
    position: fixed;
    min-width: 300px;
    max-width: 300px;
    height: 100vh;
    z-index: 2;
    overflow-y: scroll;
    background: #fff;
}

#sidebar {
    min-width: 300px;
    max-width: 300px;
    transition: all 0.3s;
    -webkit-box-shadow: -5px 0px 7px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: -4px 0px 7px 0px rgba(0, 0, 0, 0.75);
    box-shadow: -4px 0px 7px 0px rgba(0, 0, 0, 0.75);
    z-index: 10;
}
/** debut t VG-066885-0 **/
#main.side_active {
    margin: 0 0 0 300px !important;
    width: calc(100% - 300px);
}
#main.side_active #main_nav {
    margin: 0 0 0 0 !important;
}
.textrenew {
    white-space: pre;
}
/** fin  t VG-066885-0 **/
#sidebar.active,
#sidebar.active #sidebar_fixe {
    min-width: 70px;
    max-width: 70px;
    text-align: center;
}

#sidebar.active .sidebar-header h3,
#sidebar.active .CTAs/*,
#sidebar .sidebar-header i*/ {
    display: none;
}

#sidebar.active .sidebar-header strong {
    display: block;
}
#sidebar.active .sidebar-header i {
    display: block;
    color: #575757;
    margin: 5px auto;
    font-size: 1.5em;
}
#sidebar.active #link_edit_avatar {
    display: none;
}

#sidebar h3 {
    margin: 5px;
}

#sidebar ul li {
    margin: 13px 15px;
}

#sidebar ul li a {
    text-align: left;
    color: #575757;
    border-radius: 7px;
}
#sidebar ul li a:hover {
}
#sidebar.active ul li a {
    margin: 5px 13px 5px 4px;
    text-align: center;
}
#sidebar.active ul li a span {
    display: none;
}
#sidebar.active ul li a i {
    margin-right: 0;
    display: block;
    font-size: 1.5em;
    margin-bottom: 5px;
    width: auto;
    float: none;
}
#sidebar.active ul li a .img_menu_membre {
    width: 40px;
}

#sidebar.active ul ul a {
    padding: 10px !important;
}

#sidebar.active .dropdown-toggle::after {
    top: auto;
    bottom: 10px;
    right: 50%;
    -webkit-transform: translateX(50%);
    -ms-transform: translateX(50%);
    transform: translateX(50%);
}

#sidebar .sidebar-header {
    padding: 1px 10px;
    /*background: #D6D6D6;*/
    cursor: pointer;
}

#sidebar .sidebar-header strong {
    display: none;
    font-size: 1.8em;
}

#sidebar ul.components {
    padding: 10px 0 0;
    margin: 0 !important;
}

#sidebar ul li a {
    padding: 8px 3px;
    font-size: 1.1em;
    display: block;
    overflow: auto;
}

#sidebar ul li a:hover,
#sidebar ul li a.menu_membre_page_active {
    background: #303032;
    color: #fff;
    text-decoration: none;
    background-position: 0 0;
    background-size: 200% 100%;
    transition: all 0.25s ease-in;
}

#sidebar ul li a i {
    margin-right: 10px;
    font-size: 1.5em;
    display: block;
    width: 30px;
    text-align: center;
    float: left;
}
.messageStackError {
    color: red !important;
    font-weight: bold;
}
.fieldKey {
    font-weight: bold;
    color: black;
}
#paiement_tab_30s .tab-content {
    padding-top: 0px;
}
select[readonly="readonly"] {
    pointer-events: none;
}
input[readonly="readonly"] {
    pointer-events: none;
}
#liste_message .modal-dialog {
    top: 250px;
}

#sidebar ul li:first-of-type a span {
    padding-top: 15px;
}
#sidebar ul li a span {
    display: block;
    width: calc(100% - 50px);
    float: left;
    margin-left: 10px;
    line-height: 1.6;
    vertical-align: middle;
    display: inline;

    float: none;
}
#sidebar ul li.active > a,
a[aria-expanded="true"] {
    color: #fff !important;
    /*background: #303032;*/
}
#sidebar.active ul li {
    margin: 0;
}

.sidebar_avatar {
    width: 90%;
    max-width: 180px;
    margin: 20px auto;
    display: block;
    border-radius: 50%;
}
#sidebar.active .sidebar_avatar {
    margin: 30px auto 5px;
    width: 45px;
}
#section_membre_certify .sidebar_avatar {
    height: 80%;
    width: 80%;
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: rgba(76, 76, 76) !important;
}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: rgba(76, 76, 76, 0.85) !important;
}
#main.spc_side , footer.spc_side {
    margin-left: 70px;
}
footer.spc_side.side_active {
  margin: 0 0 0 300px;
  width: calc(100% - 300px);
}
#main.spc_side .section{
    margin: 0;
}
/* don css */
td > h4 {
    margin: 0;
}

form {
    /*display: flex;*/
    /*justify-content: center;*/
}

td img {
    cursor: pointer;
    margin-right: 7px;
}

input.card-number {
    width: 190px;
}

select.card-expiry-month {
    width: 80px;
}

select.card-expiry-year {
    width: 105px;
}

#process_don {
    display: none;
    font-weight: bold;
}

.loading_img {
    width: 100%;
    height: auto;
    max-width: 95px;
}
.bgeef3f5 {
    background: #eef3f5;
}
.pimp_img {
    border-radius: 5px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px,
        rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

.form-switch .not_applicable_label {
    margin-left: 0;
}

/******************** interrupteur *****************/
.form-switch,
.form-check {
    padding-left: 0;
}
.form-switch {
    margin-bottom: 15px;
}

.form-switch .form-check-input:disabled {
    pointer-events: none;
    filter: none;
    opacity: 0.5;
    background-color: #e3e3e3 !important;
    color: #000 !important;
}

.form-switch .form-check-input:checked {
    background-position: right center;
    background-color: #0d6efd;
    border-color: #0d6efd;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%2523fff'/%3E%3C/svg%3E");
}

.form-switch .form-check-input {
    width: 2em;

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='rgba%25280, 0, 0, 0.25%2529'/%3E%3C/svg%3E");
    background-position: left center;
    border-radius: 2em;
    transition: background-position 0.15s ease-in-out;

    height: 1em;
    margin-top: 0.25em;
    margin-left: 0px;
    vertical-align: top;
    background-color: #fff;
    background-repeat: no-repeat;

    background-size: contain;
    border: 1px solid rgba(0, 0, 0, 0.25);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
}
.form-switch label {
    margin-left: 50px;
    width: calc(100% - 50px);
}

/*--------------------- centre_doc_home  / centre_doc-------------------*/
#centre_doc_container {
    /*margin: 40px auto;*/
}
.centre_doc_text_wrapper {
    /*width: calc(100% - 40px);*/
    /*text-align: center;*/
}

#centre_doc_container a {
    text-decoration: none;
}
#centre_doc_container a img {
    -webkit-transition: opacity 0.5s; /* Safari */
    transition: opacity 0.5s;
    width: 100%;
    height: auto;
}
#centre_doc_container a:hover img {
    -webkit-transition: opacity 0.5s; /* Safari */
    transition: opacity 0.5s;
}

#centre_doc_container a span.centre_doc_text_bottom p {
    font-size: 30px;
    margin-top: 0;
    color: #fff;
    -webkit-transition: font-size 0.5s; /* Safari */
    transition: font-size 0.5s;
}
#centre_doc_container a:hover span.centre_doc_text_bottom p {
    font-size: 35px;
    -webkit-transition: font-size 0.5s; /* Safari */
    transition: font-size 0.5s;
}
#centre_doc_container a span.centre_doc_text_top p {
    font-size: 22px;
    margin-bottom: 0;
    color: #fff;
    -webkit-transition: font-size 0.5s; /* Safari */
    transition: font-size 0.5s;
}
#centre_doc_container a:hover span.centre_doc_text_top p {
    font-size: 27px;
    -webkit-transition: font-size 0.5s; /* Safari */
    transition: font-size 0.5s;
}
.centre_doc_content {
    text-align: left;
    color: #fff;
    position: relative;
    overflow: hidden;
    background-position: center;
    margin-bottom: 15px;
}
.centre_doc_text p {
    color: #fff;
}

.centre_doc_text {
    display: inline-block;
    background-color: rgba(255, 255, 255, 0.5) !important;
    padding: 2px 15px 0;
    line-height: 2em;
    position: absolute;
    width: 100%;
    z-index: 2;
    left: 0;
    top: 0;
}

.centre_doc img {
    width: 100%;
    height: auto;
}

.formation_liste {
    position: relative;
}

.formation_cat_desc {
    /*display: none; */
}
.formation_nbr {
    height: 25px;
}
.formation_cat_titre {
    position: absolute;
    top: 0%;
    /*width: calc(100% - 20px); */
    /*height: calc(100% - 35px);*/
    height: 100%;
    width: calc(100%);
    text-align: center;
    background: rgba(0, 0, 0, 0.5);
}
.formation_liste {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
}
.formation_cat_titre h3 {
    font-weight: 600;
    color: #fff;
    min-height: auto;
    margin: 24% 0 0;
    padding: 15px 0 20px;
}
.formation_cat_desc p {
    font-size: 18px;
    line-height: 1.2em;
}

.img_cat_formation,
.img_cat_formation_detail {
    max-height: none !important;
}

#slider_doc_cat {
    margin-top: 2.8%;
}

#slider_doc_cat .owl-prev {
    left: 0%;
    top: 25%;
}
#slider_doc_cat .owl-next {
    right: 0%;
    top: 25%;
}

#slider_doc_cat .owl-wrapper {
    display: flex !important;
    align-items: stretch;
}
#slider_doc_cat .owl-wrapper > .owl-item {
    min-width: 307px;
    display: flex;
    align-items: stretch;
}
#slider_doc_cat .owl-wrapper > .owl-item > div {
    display: flex;
    align-items: stretch;
}

/*-----------thuile doc---------*/

.facette .doc_wrapper {
    display: flex;
}

.doc_wrapper {
    padding-top: 0 !important;
    margin: 20px 0 !important;
    /*min-height: 450px !important; */
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
}
/* VG-068973-0*/
#slider_doc_cat .doc_img {
    padding: 0;
    position: relative;
}
#doc_form_search .doc_img,
#slider_doc_cat .doc_img {
    overflow: hidden;
}
#slider_doc_cat .doc_img_opacity {
    width: 100% !important;
}

#doc_form_search .doc_img img,
#slider_doc_cat .doc_img img {
    /*max-height: none !important;
    height: unset !important; */
}
#doc_form_search .doc_img_opacity,
#slider_doc_cat .doc_img_opacity {
    height: 100%;
}
/*  fin VG-068973-0*/
.doc_wrapper .doc_img {
    padding: 0;
    position: relative;
}
/*.doc_img{
        margin-bottom:20px;
} */
/*.doc_img img {
        max-height: none !important;
}*/

#doc_form_search .spc_doc_titre {
    height: 66px;
    overflow: hidden;
}

.doc_img_opacity {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
}
#slider_doc_cat .doc_img_opacity {
    width: calc(100% - 30px); /*width:100%*/
}
.doc_img_opacity .spc_doc_titre {
    display: block !important;
    position: relative;
    top: 36%;
    width: 100%;
    padding: 0 20px;
    text-align: center;
    color: #fff;
    font-weight: 600;
    font-size: 21px;
    line-height: 1.05em;
}
.doc_detail p {
    font-size: 18px;
    line-height: 1.2em;
}
.doc_detail_titre {
    /* display: none; */
}

/* Capsule wrapper */
.list_capsule .doc_img,
.doc_detail,
.doc_link {
    width: 100% !important;
    display: block;
}

/* Capsule */
.facette .list_capsule,
.owl-item .list_capsule {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.facette .list_capsule > a,
.owl-item .list_capsule > a {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    gap: 20px;
    text-decoration: none !important;
}

.owl-wrapper .doc_img_opacity {
    width: calc(100% - 30px);
}

.facette .list_capsule .doc_link {
    justify-self: flex-end;
}

.doc_detail h3 {
    margin-top: 10px;
    text-transform: none;
 /* min-height: 86px;*/
}
.doc_detail,
.doc_link {
    min-height: 82px;
}
.doc_img_opacity {
    position: absolute;
}
.doc_img img {
    max-height: 220px;
    max-width: 100%;
    width: auto !important;
    margin: 0 auto;
    display: block;
}
.formation_liste h3 {
    min-height: 45px;
}

.spc_doc_titre {
    display: none;
}

.doc_text > h3,
.doc_text > h2,
.doc_text > h1 {
    margin-top: 0 !important;
}

#detail_doc {
    padding-bottom: 20px !important;
}

/*---------- search doc-----------*/
.panel-default > .panel-heading {
    background: none;
    border-top: 2px solid #000;
    border-radius: 0;
}
#invoice_account_history .panel-default > .panel-heading {
    border: none;
}

#accordion_search_doc .panel-heading {
    padding: 15px 0px 15px 5px;
}
#accordion_search_doc .panel-heading h4 {
    font-size: 21px;
    color: #000;
}
#doc_input_search {
    border-left: 0;
    border-right: 0;
    border-top: 0;
    border-bottom: solid 5px #2a5980;
    font-size: 18px;
    width: calc(100% - 50px);
    max-width: 350px;
    float: right;
    box-shadow: none;
    border-radius: 0;
    padding: 0px 60px 10px 10px;
}
#doc_sbt_search {
    float: right;
    color: #2a5980;
    font-size: 35px;
    margin-left: -40px;
    z-index: 2;
    position: relative;
    cursor: pointer;
}
.plusdetails {
    margin-left: 15px !important;
}
#doc_form_search .oneItem_wrapper {
    /*height: 550px; */
}
.doc_wrapper {
    padding-top: 10px;
    padding-bottom: 10px !important;
    background: #ededed;
    /*height: 450px !important; */
    margin: 10px 0;
}
#list_item .doc_wrapper .fa-lock{
    bottom:100px !important;
}
/*.doc_img {
        overflow:hidden;
}*/
.doc_img img {
    /*max-height: none !important;*/
    /* height: 200px !important;   */
    width: 100% !important;
}
.list_capsule .lara_log_taxo {
    height: 60%;
}
.doc_wrapper .fa-lock {
    bottom: 50px !important;
}
.doc_img_opacity {
    height: 200px;
}
.owl-item .aa {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
}
.owl-item .td {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
}
.main_account_form_step4 table tr td:first-child {
    width: 60%;
}
.main_account_form_step4 table {
    width: 80%;
}
.main_account_form_step4 {
    max-width: 1200px !important;
}

/*fin centre doc*/

/*** carte membre ****/
#credit_message {
    margin: 0 auto;
    border-radius: 18px;
    box-shadow: 3px 3px 6px #666;
    border: 1px solid gray;
    padding: 0px 10px;
    width: calc(100%-40px);
    max-width: 90mm;
    min-height: 50mm;
}
#credit_message h2 {
    margin-bottom: 2px !important;
    text-align: center;
    font-size: 22px !important;
    padding-bottom: 5px !important;
    line-height: 1.1em;
    min-height: 35px;
}

.credit_message_multiple {
    position: relative !important;
    margin-bottom: 20px;
}
#credit_message p {
    margin: 0 !important;
}

/*----------------------------------module gestion des formulaires , affichage des formulaire coté front-end--------------------------------*/

.style_table_affichage_formulaire {
    width: 100%;
    max-width: 1000px;
}
.checkbox_affichage_formulaire {
    background-color: #eeecec;
}

.style_table_affichage_formulaire thead tr th {
    text-align: center;
}
.style_container_table_affichage_formulaire {
    display: inline-block;
    margin: 0 auto;
    padding: 3px;
    width: 1000px;
}
.style_main_container_table_affichage_formulaire {
    width: 100%;
    display: flex;
    justify-content: center;
    text-align: center;
}
.label_checkbox_affichage_formulaire {
    /*display: flex; */
    align-items: center;
    border-radius: 8px;
    padding: 8px;
    cursor: pointer;
    display: flex !important;
}

.label_checkbox_affichage_formulaire:hover {
    background-color: #dfdfdf;
}
.checkbox_affichage_formulaire {
    appearance: none;
    height: 24px;
    width: 24px;
    background: #fff;
    border: 2px solid #b0b0b0;
    margin: 0 8px 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    outline-offset: 5px;
    outline-color: #b0b0b0;
}

.checkbox_affichage_formulaire:after {
    content: "";
    display: block;
    transform: scale(0);
    transition: 120ms transform ease-in-out;
}

.checkbox_affichage_formulaire:checked:after {
    transform: scale(1);
}

.checkbox_affichage_formulaire {
    border-radius: 5px;
}
.checkbox_affichage_formulaire:after {
    width: 16px;
    height: 16px;
}

.checkbox_affichage_formulaire:checked {
    border: none;
    background-color: var(--color-primary, #dfdfdf);
}
.checkbox_affichage_formulaire:after {
    content: url("data:image/svg+xml, <svg viewBox='0 0 16 15' xmlns='http://www.w3.org/2000/svg'><path fill='white' d='M15.25.847a1.51 1.51 0 0 1 .405 2.096L8.106 14.11a1.944 1.944 0 0 1-2.94.329L.6 10.156a1.51 1.51 0 1 1 2.067-2.202l3.645 3.42 6.841-10.122a1.51 1.51 0 0 1 2.098-.405Z'/></svg>");
}
#delivery_address_wrapper {
    overflow: hidden !important;
}
#paiement_tab_entete {
    margin-top: 30px !important;
}
#paiement_tab .navbar,
#paiement_tab .nav-tabs .nav-link.active,
#paiement_tab_entete {
    background: initial !important;
    margin-bottom: 0 !important;
}
.paiement_tab_link {
    border-radius: 10px !important;
}
#paiement_tab .nav-tabs .nav-item .active {
    border-color: #e84444;
    color: initial !important;
    border-bottom-color: transparent;
    border-radius: 10px 10px 0px 0px !important;
}
#paiement_tab .nav-tabs .nav-item.show .nav-link {
    /*border-color: #dee2e6 #dee2e6 #dee2e6;*/
}
#paiement_tab .nav-tabs .nav-item.show {
    border-bottom-color: transparent;
    border-radius: 10px 10px 0px 0px !important;
}
#paiement_tab .nav-tabs .nav-item.show a {
    /*
    border-top-color: #e84444 !Important;
    border-left-color: #e84444 !Important;
    border-right-color: #e84444 !Important;
    border-radius: 10px 10px 0px 0px !important;
    */
}
#paiement_tab .tab-content {
    border: none !important;
}
#paiement_tab .nav-tabs .nav-item.show .nav-link {
}
.pimp_img {
    max-width: 100%;
}
/* 68619 */
.mask_postcode {
    text-transform: uppercase;
}
/*VG-068766-0*/
@media screen and (max-width: 800px) {
    h2.timeline_titre {
        margin-top: 3.5rem !important;
    }
    .accordeon_titre span {
        display: block;
    }

    #main_slider .owl-item .text_slider {
        left: auto !important;
        padding: 10px !important;
        width: 70vw;
    }

    #main_slider .owl-item .text_slider h3 {
        transform: none !important;
        position: initial !important;
        margin-bottom: 0 !important;
        width: 100%;
    }
    #main_slider .owl-item .text_slider .Btn {
        font-size: 15px;
        margin-top: 0 !important;
    }
    #main_slider .owl-item .text_slider #text_p {
        display: none;
    }
    section.swiper-slider {
        height: auto;
    }
    .icon-bar {
        display: block;
        width: 22px;
        height: 2px;
        border-radius: 1px;
        background-color: white;
    }
    .icon-bar:nth-child(1),
    .icon-bar:nth-child(2) {
        margin-bottom: 5px;
    }
    .navbar-toggler {
        padding: 12px 16px !important;
    }
    #main_nav.navigation .navbar-brand {
        left: 0 !important;
    }

    .responsive_table {
        border-spacing: 0 !important;
        width: 100%;
        table-layout: fixed;
        border-width: 0 !important;
        height: auto !important;
    }

    .responsive_table td,
    .responsive_table col {
        overflow: hidden;
        text-align: center;
        box-sizing: border-box;
    }

    .responsive_table,
    .responsive_table td,
    .responsive_table tr,
    .responsive_table tbody {
        display: block !important;
        width: 100% !important;
        margin-bottom: 10px !important;
    }

    .responsive_table td .Btn {
        padding: 5px !important;
    }
    .row {
        margin-right: 0;
        margin-left: 0;
    }
    .partenaire_slider img {
        width: 100% !important;
    }
    iframe {
        max-width: 100%;
    }
    .statistiques__item_num span {
        font-size: 22px !important;
    }
    .statistiques__item_num {
        margin-bottom: 0 !important;
        text-align: center !important;
    }
    .statistiques__item_num div:first-child {
        height: auto !important;
    }
    #parent__container_statistiques_ .pt-5 {
        padding-top: 1rem !important;
    }
    section.m-4 {
        margin: 0 !important;
        padding: 1rem;
    }
    section.section,
    .py-50 {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
    .extrait_section,
    .temoignages_slide {
        position: inherit !important;
        padding: 0 !important;
    }
    .left-quote {
        top: -45px !important;
    }
    .right-quote {
        bottom: -45px !important;
    }
    .container #slogant_page_interne {
        padding: 0;
        margin: 0;
        margin-top: 16px !important;
        font-size: 16px;
    }
    #entete_image_interne img {
        min-height: 9vh;
    }
    .responsive_table td {
        overflow: auto;
        word-break: break-word;
    }
    body .navigation .navbar a.dropdown-item {
        white-space: break-spaces !important;
    }
    .g-recaptcha iframe {
        height: fit-content !important;
        width: 100% !important;
    }
    .g-recaptcha #g-recaptcha-response,
    .g-recaptcha div {
        width: 70vw !important;
    }
    .fieldBenevole input,
    .table_benevole .col-12,
    #createAccountBenevole .font-weight-bolder {
        margin-bottom: 10px !important;
    }
    .g-recaptcha-response {
        margin: 0 !important;
    }
    .accordeon_titre span {
        padding-left: 5px !important;
    }
    .accordeon_titre a.collapsed {
        display: flex !important;
    }
    .accordeon_titre i {
        font-size: 28px !important;
    }
    .accordion .accordeon_titre a::after {
        right: 4%;
    }
    .spc_side .accordion .panel {
        margin-left: 0 !important;
        margin-bottom: 0.75rem !important;
    }
    .spc_side .accordeon_titre a::after {
        font-size: 20px !important;
        right: 2% !important;
    }
    .spc_side .accordion .panel .panel-collapse {
        padding: 5px !important;
    }
}
.inputRequirement {
    color: #ff4b4b;
}
.navigation .navbar .dropdown-menu.show {
    box-shadow: -2px 4px 9px 11px rgba(0, 0, 0, 0.12);
}
.dropdown-menu.drop2 {
    width: 100%;
}
.dropdown-item:focus {
    background-color: initial !important;
}

.navigation .navbar .nav-item .nav-link .caret::before,
body .navigation .navbar a.dropdown-item.rotate_arrow_class .caret::before {
    transform: rotate(135deg);
}
.navigation .navbar .nav-item .nav-link .caret::before,
body .navigation .navbar a.dropdown-item .caret::before {
    border-style: solid;
    border-width: 0.15em 0.15em 0 0;
    content: "";
    display: inline-block;
    height: 0.45em;
    left: 0.3em;
    position: relative;
    top: 0;
    width: 0.45em;
    margin-bottom: 2px;
    margin-left: 5px;
}
body .navigation .navbar a.dropdown-item .caret::before {
    transform: rotate(45deg);
}
.dropdown-toggle::after {
    display: none;
}
#event_section .row .bgd-none {
    background: none !important;
}
#event_section .row .bgd-none:hover {
    background: none !important;
}
/*** nouvelle scondaire mod 2 ****/

.nouvelle_second.news_mod_3::before {
    position: absolute;
    left: 7%;
    width: 4px;
    height: 100%;
    background: red;
    content: "";
}
.nouvelle_second.news_mod_3 .news_mod_234 {
    margin: 0 10%;
    min-height: 150px;
}
.nouvelle_second.news_mod_2 .over_index,
.nouvelle_second.mod_1 .over_index {
    position: absolute;
    top: 0;
    margin: 0px !important;
    border-radius: 0px !important;
}
.row_filters_emplois {
    justify-content: space-between;
    align-items: stretch;
}
.label_checkbox_affichage_formulaire_new .form-check-input {
    margin-left: 0 !important;
}
.label_checkbox_affichage_formulaire_new label {
    margin-left: 1.25rem !important;
}
.facette .col-md-4 .doc_wapper ,  .facette .col-md-4 .list_capsule  , .facette  .col-md-4  .list_capsule > a
{
  display: block !important;
}
 .col-md-4 .list_capsule .lara_log_taxo
{
  height: unset !Important;
}
.facette .col-md-4 .list_capsule  , .facette .doc_wrapper
{
 width:100%;
}
.lesChampsCustom .thumb_img_cat img {
  max-height: 200px;
}
body.modal-open #wrapper_section_temoignage{
    z-index: -1 !important;
    position: relative;
}
#ajax_cart_top {
    top: -20px;
}
.timeline
{
    overflow:hidden;
}
#eventDetails .section_gauche_ev .custom-badge
{
        margin-right: 0.75rem;
}

.row_filters_emplois
{
    justify-content: space-between;
    align-items: stretch;
}
.row_filters_emplois  .form-control
{
 width:80%;
}
.list_secteur_wrapper.form-check.px-0.mb-1 {
    display: flex;
    align-items: center;
}
/** le slider des partenaires overlap les modal des evenements**/
body.modal-open .partenaire_alwaysShow {
    z-index: -1 !important;
    position: relative;

}


@media (max-width: 800px) {
    .footer-new span , .footer-new a
    {
        width: 100%;
        display: block;
        text-align: center;
    }
    .footer-new
    {
        display: block !important;
    }
}
.footer-new 
{
    color:#015488;
}
  body .form_don_visiteur , body .form_don_visiteur_content
  {
   width:100% !important;
  }
  body .col-md-12:has(.form_don_visiteur)
  {
     padding:0 !important;
  }
   body .form_don_visiteur h2
  {
       font-size: 20px;
  }
   body .form_don_visiteur input[type="submit"].Btn {
   padding: 10px 10px !important;
   display: block;
    width: 100%;
    font-size: 15px;
    text-wrap: auto;
  }

}