@charset "utf-8";
/*****************************************************
**** SOMMAIRE ****
@LOGIN FORM
@COMPTE
@PAGE COMMANDE
@PAGE PHOTO TIPS
@POPUP CREATION ANNONCE
@POPUP TELECHARGEMENT ETIQUETTE ENVOI
@POPUP MODE PAIEMENT
@POPUP NOTATION TRANSACTION
@RESPONSIVE

@PAGE NEWLIFE
******************************************************/

* {box-sizing: border-box;}

/* helpboxes */
i.helpbox {cursor:help;color:#c0c0c0;font-size:1.2em;}
i.helpbox:hover {color:#c30040;}
.kmlt_helpbox {
    z-index:99;
    width:200px;
    font: 11px OpenSans, Arial, sans-serif;
    background-color: rgba(240,240,240,0.9);
    border:1px solid #c0c0c0;
    color: #363636;
    padding:8px;
    border-radius:5px;
    position: absolute;
    top: 0;
    right: 20px;
}
#create_vendor_form .kmlt_helpbox {
    top: -10px;
    right: -205px;
}
@media screen and (min-width:956px) {
    /* on utilise un @mq parce que le !important sur le display perturbe l'affichage mobile*/
    i:hover + .kmlt_helpbox {display: block !important;}
}




/*****************************************************
**** @LOGIN FORM
******************************************************/
#create_vendor_form {
    width:50%;
    margin:10px auto !important;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.3);
    padding: 20px;
    /*text-align: center;*/
}
#create_vendor_form h3 {
    margin:0 auto 20px!important;
    padding-bottom:10px;
    text-align:center;
    border-bottom: 1px solid #d6d6d6;
}
.kmlt_vendor_form_field {margin-bottom:20px;}

#create_vendor_form label {
    display: flex;
    justify-content: space-between;
    font-size:1.1em;
    margin-bottom:5px;
    position:relative; /* pour helpboxes */
}
#create_vendor_form input[type="text"] {
    border:1px solid #c0c0c0!important;
    height:30px!important;
    width: calc( 100% - 18px );
}
#create_vendor_form input[type="text"] + span {
    display: inline-block;
    width:15px;
    text-align:right;
}
#create_vendor_form ul {
    list-style-type: none;
    display:flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
#create_vendor_form ul li {
    display:flex;
    align-items: center;
    margin: 5px 0;
    padding: 10px;
    width:48%;
    text-align: left;
    border: 1px solid #f0eeee;
}
#create_vendor_form ul li input {margin: 0 10px 0 0;}
#create_vendor_form ul li p {margin-bottom:0; text-align:left!important;}
#create_vendor_form button {display:block;}





/*****************************************************
**** @COMPTE
******************************************************/

.kmlt_ban {width:100%;}

.kmlt_account h1 {
    font: italic 2.2em Georgia, serif;
    text-align:center !important;
    padding: 10px 0 !important;
    border-bottom: 1px solid #d6d6d6;
}
.kmlt_account h1 + p {
    font-size: 1.1em;
}
.kmlt_howto {
    color: #c30040;
}
.kmlt_howto i {
    vertical-align: -2px;
}
.kmlt_interface {
    display:flex;
    justify-content: space-between;
}

.returnLink {
    margin-bottom: 10px;
    display: inline-block;
    border-bottom: 1px solid #c0c0c0;
    padding-bottom: 2px;
    text-transform: uppercase;
}

/*--------------- Sidebar ---------------*/

.kmlt_sidebar {width:32%;}

/*-- Statut --*/

.kmlt_status {
    width:100%;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.3);
    padding: 20px 15px;
    margin-bottom:20px;
    display:flex;
    flex-wrap: wrap;
    font-size:1.3em;
    text-align: center;
    text-transform: uppercase;
}
.kmlt_pseudo, .kmlt_counters_div, .kmlt_evaluation, .kmlt_cagnotte {
    display:flex;
    width:100%;
    text-align:center;
    border-bottom: 1px solid #d6d6d6;
    padding-bottom:20px;
    margin-bottom:20px;
}
.kmlt_pseudo span {
    width:100%;
    text-align: center!important;
    font-weight: bold;
    text-transform: initial;
}
.kmlt_pseudo i {
    cursor: pointer;
}
.kmlt_counter {width:50%;}
.kmlt_counter:first-child {border-right: 1px solid #d6d6d6;}
.kmlt_counter span:last-child {
    display:inline-block;
    width:100%;
    color: #c30040;
    font: 3em OpenSans, Arial, sans-serif;
}
.kmlt_cagnotte {
    flex-direction: column;
    color: #363636;
}
.kmlt_cagnotte .sousous {
    color: #c30040;
    font: 3em OpenSans, Arial, sans-serif;
}
.kmlt_cagnotte .refund > div {
    padding: 10px;
}
#content .kmlt_cagnotte .refund > div > p {
    text-align: center;
    font-size: .8em;
    margin-bottom: 10px;
    text-transform: initial;
}
#content .kmlt_cagnotte .refund > div > p.conditions {
    font-style: italic;
    color: #707070;
    margin:10px auto 0;
}
.kmlt_cagnotte .refund a {
    font-size:.8em;
    color: #363636;
    border: 1px solid #c30040;
    border-radius: 20px;
    padding: 4px 10px;
    display:block;
}
.kmlt_cagnotte .refund a:hover {
    background-color: rgba(195,0,64,0.05);
    color: #c30040;
}
.kmlt_eval_btn {
    display:flex;
    flex-direction: column;
    align-items: flex-end;
}
.kmlt_eval_btn a {
    margin-bottom:8px;
    cursor:pointer;
}
.kmlt_evaluation {
    width:100%;
    display:flex;
    flex-wrap: wrap;
    justify-content: center;
}
.kmlt_evaluation span {
    width:100%;
    margin-bottom: 10px;
}
.kmlt_evaluation div {
    font-size:1.5em;
    margin: 0 5px;
}
.kmlt_evaluation i.icon-etoile-pleine {color:#c30040;}

.kmlt_seller_address {width:100%;}
.kmlt_seller_address p:first-child {font-weight:bold; font-size:11px;}
.kmlt_seller_address p {
    text-transform: initial;
    text-align:center!important;
    font-size:10px;
    margin: 0;
}

.kmlt_exp_tip  {
    font-size: .8em;
    color: #363636;
    border: 1px solid #c30040;
    border-radius: 20px;
    margin-top: 20px;
    width:100%;
    padding: 4px 15px;
    display: block;
}

/*-- Notifications --*/

.kmlt_notificationZone {
    width:100%;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.3);
    margin-bottom:20px;
}
.kmlt_notificationZone > div:first-child {
    background-color: #c30040;
    color: #fff;
    text-align: center;
    font-size:1.3em;
    padding:8px;
}
.kmlt_notifications {
    padding: 15px;
    overflow-y: scroll;
    max-height:500px;
}
.kmlt_notifications::-webkit-scrollbar-track {
    margin:5px;
    border-radius: 8px;
    background-color: #d6d6d6;
}
.kmlt_notifications::-webkit-scrollbar {width: 8px;}

.kmlt_notifications::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background-color: #c0c0c0;
}
.kmlt_notif {
    padding:10px 0;
    border-bottom: 1px solid #d6d6d6;
    display:flex;
    flex-wrap:wrap;
}
.kmlt_notif_seen {opacity:0.5;}
.kmlt_notif:first-child {padding-top:0;}
.kmlt_notif:last-child {border:none;padding-bottom:0;}

.kmlt_notif_pic {
    width:60px;
    height:60px;
    border-radius:50px;
    overflow:hidden;
}
.kmlt_notif_pic img {
    width:100%;
}
.kmlt_notif_content {
    margin-left:10px;
}
.kmlt_notif_content p, .kmlt_notif_content a {
    margin-bottom:0;
    line-height: calc(60px / 4);
}
.kmlt_notif_content p:first-child {
    color:#c30040;
    font-weight: bold;
}
.kmlt_notif_content a {color:#c30040;}
.kmlt_notif_info {
    display:block;
    width:100%;
    color: #c30040;
    text-align:center;
    margin:10px 0 0;
    font-family:Georgia, serif;
}
.kmlt_notif_read {
    opacity: 0.8;
}
.kmlt_notifKO {
    width:80%;
    margin: 40px auto;
    color: #c0c0c0;
    text-align: center!important;
    font-size:1.1em;
    font-style:italic;
}

/* Liens partage */
.kmlt_links {
    border-bottom: 1px solid #d6d6d6;
    padding-bottom:15px;
    margin-bottom:20px;
    text-transform: initial;
    font-size:.9em;
    width: 100%;
}
.kmlt_links .btn_dressing_link {
    color: #c30040;
    font-weight: bold;
    border: 1px solid #c30040;
    border-radius: 20px;
    padding: 5px 10px;
    font-size: 1.1em;
    display: inline-block;
    margin-bottom: 10px;
}
.kmlt_links .btn_dressing_link:hover {
    background-color: rgba(195,0,64,0.05);
}
.kmlt_links p {margin-bottom:5px; font-weight:bold;}
.kmlt_links a {font-weight:normal;}
.kmlt_share_buttons {
    list-style-type:none;
    display:flex;
    justify-content:space-around;
    width:100%;
    font-size:2em;
    margin-bottom:0;
}
.kmlt_share_buttons li {margin-left:0;}


/* Mode vacances */

.kmlt_vacation {
    display:flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom:20px;
}
.kmlt_vacation span {
    font: bold 1.1em/25px Open, Arial, sans-serif;
    margin-bottom:10px;
}
.kmlt_abs_switch {display: none;}
.kmlt_abs_switch, .kmlt_abs_switch:after, .kmlt_abs_switch:before, .kmlt_abs_switch *, .kmlt_abs_switch *:after,
.kmlt_abs_switch *:before, .kmlt_abs_switch + .kmlt_abs_switch_btn {box-sizing: border-box;}
.kmlt_abs_switch::-moz-selection, .kmlt_abs_switch:after::-moz-selection, .kmlt_abs_switch:before::-moz-selection,
.kmlt_abs_switch *::-moz-selection, .kmlt_abs_switch *:after::-moz-selection, .kmlt_abs_switch *:before::-moz-selection, .kmlt_abs_switch + .kmlt_abs_switch_btn::-moz-selection {background: none;}
.kmlt_abs_switch::selection, .kmlt_abs_switch:after::selection, .kmlt_abs_switch:before::selection,
.kmlt_abs_switch *::selection, .kmlt_abs_switch *:after::selection, .kmlt_abs_switch *:before::selection,
.kmlt_abs_switch + .kmlt_abs_switch_btn::selection {background: none;}

.kmlt_abs_switch + .kmlt_abs_switch_btn {
    outline: 0;
    display: block;
    width: 45px;
    height: 25px;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.kmlt_abs_switch + .kmlt_abs_switch_btn:after, .kmlt_abs_switch + .kmlt_abs_switch_btn:before {
    position: relative;
    display: block;
    content: "";
    width: 50%;
    height: 100%;
}
.kmlt_abs_switch + .kmlt_abs_switch_btn:after {left: 0;}
.kmlt_abs_switch + .kmlt_abs_switch_btn:before {display: none;}
.kmlt_abs_switch:checked + .kmlt_abs_switch_btn:after {left: 50%;}

.kmlt_abs_switch + .kmlt_abs_switch_btn {
    background: #d6d6d6;
    border-radius: 25px;
    padding: 2px;
    transition: all .4s ease;
}
.kmlt_abs_switch + .kmlt_abs_switch_btn:after {
    border-radius: 50%;
    background: #fff;
    transition: all .2s ease;
}
.kmlt_abs_switch:checked + .kmlt_abs_switch_btn {background: #9FD6AE;}
.kmlt_abs_switch_btn i {
    position:absolute;
    top:55%;
    transform: translateY(-50%);
    left:6px;
    color:#fff;
    font-size:14px;
}

/*-- Main List --*/

.kmlt_mainList {
    width:65%;
    position:relative;
}
.kmlt_vacation_active {
    position:absolute;
    top:0;
    left:0;
    z-index: 99;
    display:flex;
    justify-content: center;
    background-color: rgba(255,255,255,0.9);
    width:100%;
    height:100%;
}
.kmlt_vacation_active p {
    margin-top:150px;
    width: 400px;
    text-align:center!important;
	font: 1.5em/1.7em OpenSans, Arial, sans-serif;
    color: #c30040;
}
.kmlt_mainList_title {
    border-bottom: 1px solid #d6d6d6;
    display:flex;
    justify-content: space-between;
    align-content: center;
    padding-bottom:10px;
}
.kmlt_mainList h2 {
    margin:0!important;
    font: bold 18px OpenSans, Arial, sans-serif !important;
}
.kmlt_btn_add {
    color: #c30040;
    font-weight: bold;
    border: 1px solid #c30040;
    border-radius: 20px;
    padding:5px 10px;
    font-size: 1.25em;
    display:inline-block;
}
.kmlt_btn_add + span {
    display:block;
    width: 100%;
    text-align: center;
    font-style: italic;
    margin-top:2px;
}
.kmlt_btn_add:hover {
    background-color: rgba(195,0,64,0.05);
}
.kmlt_btn_add i {
    font-size:1.4em;
    vertical-align: -3px;
}
.kmlt_mainList > div:nth-child(2) {
    border-bottom: 1px solid #d6d6d6;
    display:flex;
    justify-content: space-between;
    padding: 10px 0;
}

/* Choix du tri */

.select {
    width: 175px;
    height: 25px;
    cursor: pointer;
    background-color: white;
    border-radius: 2px;
    position:relative;
    list-style-type: none;
    margin-bottom:0 !important;
    z-index:1;
}
.select_options {padding-top:25px;margin-bottom:0 !important;} /*Liste des options*/
.select_option {
    list-style-type: none;
    margin:0;
    line-height:25px;
    box-sizing:border-box;
}
.select_expand {
    width: 0;
    height: 25px;
    position: absolute;
    top: 0;
    right: 0;
}

#select-open {-moz-appearance:none!important;border:none!important;}

.select_expand::after {
    content: '\003E';
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(-50%, -50%) rotate(90deg) scaleY(1.75);
    transform: translate(-50%, -50%) rotate(90deg) scaleY(1.75);
    color: #363636;
    font-size: 11px;
    pointer-events: none;
    transition: all 250ms cubic-bezier(.4,.25,.3,1);
    opacity: .6;
}
.select_expand:hover::after {-webkit-opacity: 1}
.select_expand:checked::after {-webkit-transform: translate(-50%, -50%) rotate(90deg) scaleX(-1) scaleY(1.75);transform: translate(-50%, -50%) rotate(90deg) scaleX(-1) scaleY(1.75);}

.select_expandLabel {
    display: block;
    width: 100%;
    height: 25px;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
}
.select_close {display: none}

.select_closeLabel {
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    display: none;
}
.select_items {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #c0c0c0;
    border-radius: 3px;
    margin:0;
}
.select_input {display: none;}
.select_label { /* = options */
    transition: all 250ms cubic-bezier(.4,.25,.3,1);
    display: block;
    height: 0;
    font-size: 11px;
    overflow: hidden;
    color: #363636;
    background-color: #fff;
    cursor: pointer;
    text-align: center;
}
.select_label-placeholder { /* Nom du select */
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    position: absolute;
    top: 0;
    left: 0;
    opacity: .6;
    background-color: transparent;
    padding-left:5px;
}
.select_expand:checked + .select_closeLabel {display: block;}
.select_expand:checked + .select_closeLabel + .select_options .select_label {height: 25px;}
.select_expand:checked + .select_closeLabel + .select_options .select_label.border {border-bottom:1px solid #d6d6d6;}
.select_expand:checked + .select_closeLabel + .select_options .select_label:hover {background-color: #f7f7f7}
.select_expand:checked + .select_closeLabel + .select_options + .select_expandLabel {display: none}

.select_input:checked + .select_label {
    height: 25px;
    margin-top: -25px;
}

/* Display mode choice */

.display_mode {
    display: flex;
    justify-content: space-between;
    margin: 0 auto 0 20px;
}
.display_mode > div:first-child {
    color: #707070;
    margin-right: 8px;
    display:flex;
    align-items: center;
    justify-content: center;
}
.display_mode .switchbtn {
    cursor: pointer;
    border: 1px solid #c0c0c0;
    border-radius: 5px;
    width: 25px;
    height:25px;
    margin-right: 8px;
    display:flex;
    align-items: center;
    justify-content: center;
}
.display_mode .switchbtn.detail i {
    font-size: 27px;
    margin-top: -16px;
}
.display_mode .switchbtn.vignette i {
    font-size: 23px;
    margin-top: -8px;
}

/* Champ de recherche */

.values_filter input {height:25px;padding-left:5px;}
.values_filter a {
    font-size:15px;
    margin-left:5px;
}
.values_filter a i {vertical-align:middle;}

/* Annonce */

.kmlt_adList {
	display:flex;
    flex-wrap:wrap;
}
.kmlt_ad {
	width: calc(100% / 3);
    padding: 20px 15px;
    border-bottom: 1px solid #d6d6d6;
    display:flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.kmlt_ad:only-child {border-bottom:none;}
.kmlt_ad_infos, .kmlt_ad_recap, .kmlt_ad_actions {
    display:flex;
    align-items: center;
    flex-wrap:wrap;
    margin-bottom:5px;
}
.kmlt_ad_infos,.kmlt_ad_recap,.kmlt_ad_actions,
.kmlt_ad_img, .kmlt_ad_img img {width:100%;}
.kmlt_ad_img {margin-bottom:10px;position:relative;}
.kmlt_ad_img:hover {filter:brightness(1.1);}
.kmlt_ad_infos p {margin-bottom:2px;}
.kmlt_ad_title {
    font-weight:bold;
    font-size:12px;
    margin-bottom:5px;
    display:block;
}
.kmlt_ad_price {font-weight:bold;}
.kmlt_ad_status {
    padding:2px 5px;
    border: 1px solid #c0c0c0;
    border-radius:10px;
    display:block;
    position:absolute;
    background-color:rgba(255,255,255,0.7);
    color:#363636;
    font-style:italic;
    top:5px;
    right: 5px;
}
.kmlt_ad_actions {
    display:flex;
    justify-content: space-between;
    margin-bottom: 0;
}
.kmlt_ad_actions a {margin-bottom: 5px;}

.kmlt_ad_cta {
    width:100%;
    display:inline-block;
    padding:20px;
    text-align: center!important;
}
.kmlt_ad_cta i {
    font-size:4em;
}
.kmlt_ad_cta span {
    display: inline-block;
    width:100%;
    margin-top:10px;
    font-size:1.5em;
}

a.disabled {
    pointer-events: none;
    cursor: default;
}

/* add list - display mode : detail */
.kmlt_adList.display_detail {
    display:block;
}
.kmlt_adList.display_detail .kmlt_ad {
    position:relative;
    width: 100%;
    flex-direction: row;
    padding: 10px;
    border: 1px solid #f0eeee;
    box-shadow: -1px 2px 8px 0 rgb(0 0 0 / 15%);
    margin: 15px 0;
}
.kmlt_adList.display_detail .kmlt_ad_infos {
    width: 100%;
    flex-direction: row;
    flex-wrap: nowrap;
}
.kmlt_adList.display_detail .kmlt_ad_infos .kmlt_ad_img {
    position:initial;
    max-width: 200px;
    margin: 0 20px 0 0;
}
.kmlt_adList.display_detail .kmlt_ad_infos .kmlt_ad_status {
    top: 20px;
    right: 15px;
}
.kmlt_adList.display_detail .kmlt_ad_actions {
    width: 100%;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
    border-top: 1px solid #d6d6d6;
    padding: 10px 0 0;
}
.kmlt_adList.display_detail .kmlt_ad_actions:empty {
    border-top: 0;
    padding: 0;
}
.kmlt_adList.display_detail .kmlt_ad_actions a {
    margin:  0 0 0 20px;
    font-size: 1.1em;
}

/* + d'infos cagnotte */
#content .kmlt_cgt_ko {
    margin: 20px 10px;
    font-size:1.1em;
    text-align:center;
}
.kmlt_cg_current {
    margin: 10px 0 20px;
    font-size: 1.2em;
    padding: 10px;
    text-align: center;
    border: 1px dotted #c30040;
    border-radius: 10px;
}
.kmlt_cg_current i {color: #c30040;}
.kmlt_cg_historique .his_title, .kmlt_litiges .his_title {
    margin: 10px 0;
    font: bold 1.3em OpenSans, Arial, sans-serif;
}
.kmlt_cg_historique table thead, .kmlt_litiges table thead {
    background: #c30040;
    color: #fff;
    text-align: center;
    text-transform: initial;
}
#affiche .kmlt_cg_historique table thead th, .kmlt_litiges table thead th {
    text-transform: initial;
    padding: 5px;
    border: 1px solid #fff;
}
#affiche .kmlt_cg_historique td, .kmlt_litiges td {
    text-align: center;
    padding:8px 5px;
}
#affiche .kmlt_cg_historique tbody tr, .kmlt_litiges tbody tr {
    border-bottom: 1px solid #f0eeee;
}
#affiche .cta a.btn {
    color: #fff;
}
#choix_produit_non_conforme p {
    font-weight: bold;
}


/*****************************************************
**** @PAGE COMMANDE
******************************************************/

.order_info_kmlt {
    display:flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width:100%;
    border-top: 1px solid #c0c0c0;
    padding-top: 10px;
    line-height: 16px;
    margin-bottom: 20px;
}
.order_info_kmlt h6 {
    font-weight: bold;
    font-size:1.1em;
    margin-bottom: 10px;
}
.order_info_kmlt a {
    background-color: #c30040;
    border-radius: 3px;
    padding: 5px 10px;
    color: #fff;
    line-height:15px;
    min-height:25px;
}
.order_info_kmlt a:hover {background-color: #9c0033;}
.kmlt_litige {
    width:100%;
    padding: 20px 0;
    border-bottom: 1px solid #c0c0c0;
}
#create_litige_from p {
    font-weight: bold;
}
#create_litige_from > p + div, #next_form {
    margin-bottom : 20px;
}

#create_litige_from > p + div > label {
    display: block;
    width:100%;
    margin-bottom : 7px;
}
#next_form p {
    margin-bottom: 10px;
}
#next_form textarea {
    width:100%;
    max-width:100%;
    min-height:100px;
}
#next_form textarea + .hint {
    font-style: italic;
    text-align: right;
    color: #707070;
    margin-top: 2px;
}
#next_form .products_select {
    margin-bottom: 10px;
}
#next_form .products_select input[type='checkbox']:checked + label + div {
    border-top: 1px solid #c0c0c0;
    border-bottom: 1px solid #c0c0c0;
    padding-bottom: 20px;
    margin: 20px 0;
}
#next_form .products_select input[type='checkbox']:checked + label + div p {
    margin-top: 15px;
}
#next_form .products_select input[type='checkbox']:checked + label + div input[type="file"] {
    margin-top: 10px;
    width: 45%;
    margin-right: 5%;
}
/* Litige form */
#next_form input.photo {
    display:block;
    margin-bottom: 5px;
}
.kmlt_litige_ok {
    padding: 20px;
    line-height: 1.6em;
}
.kmlt_litige_ok a {
    color: #c30040;
    font-weight: bold;
    text-decoration: underline;
}
.litige_error {
    display:block;
    color: #c30040;
    font-style: italic;
    margin-bottom: 10px;
}
@media screen and (max-width: 1024px) {
    #create_litige_from > p + div > label {
        min-height: 35px;
        display: flex;
        align-items: center;
    }
    #create_litige_from > p + div > label input {
        height: 25px;
        width: 25px;
        margin-right: 15px;
    }
}



/*****************************************************
**** @PAGE PHOTO TIPS
******************************************************/

.howTo_pics h2 {
    text-align:center;
    padding-bottom:30px;
    margin-bottom:30px;
    border-bottom: 1px solid #c0c0c0;
}
.howTo_pics h3 {
    width:100%;
    margin-bottom:15px;
    font-size: 1.1em;
    font-weight:bold;
    text-align: center!important;
}
.howTo_pics_steps {
    display:flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.howTo_pics_tip {
    display: flex;
    flex-wrap: wrap;
    width:calc(90% / 5) ;
    align-items: flex-start;
}
.howTo_pics_tip .caption {
    display:flex;
    flex-direction: column;
    justify-content: flex-start;
    min-height: 170px;
}
.howTo_pics_tip > img {width:100%;margin-bottom:15px;}
.howTo_pics_tip p {width:100%;text-align: center!important;}
.howTo_pics .dont {
    position: relative;
    text-align: center;
}
.howTo_pics .dont img {
    width:60%;
    margin:auto;
}
.howTo_pics .dont span {
    font-size: 100px;
    color: #fff;
    text-shadow: 2px 2px 10px rgba(0,0,0,0.5);
    position: absolute;
    top: 50%;
    left:50%;
    transform: translate(-50%,-50%);
}

@media screen and (max-width:660px) {
    .howTo_pics_tip {
        width:45%;
        padding-bottom:40px;
        border-bottom: 1px solid #c0c0c0;
        margin: 0 auto 40px;
    }
    .howTo_pics_tip:last-child {
        border-bottom: none;
    }
    .howTo_pics_tip .caption {
        min-height: initial;
    }
    #next_form .products_select > input[type="checkbox"] {
        width: 30px;
        height:30px;
        margin-right: 15px;
    }
    #next_form .products_select  input[type="checkbox"] + label {
        width: calc(100% - 50px);
        line-height: 34px;
        display:inline-block;
    }
}


@media screen and (max-width:420px) {
    .howTo_pics_tip {
        width:90%;
        justify-content: space-between;
    }
    .howTo_pics_tip > img {width:48%;}
    .howTo_pics .dont {
        order:2;
        width:48%;
    }
    .howTo_pics .dont img {width:100%;}
    .howTo_pics .caption {order:3;}
    .howTo_pics_tip p {margin-bottom:0;}
    #next_form .products_select input[type='checkbox']:checked + label + div input[type="file"] {
        width: 100%;
        margin-bottom: 20px;
    }
}






/*****************************************************
**** @POPUP CREATION ANNONCE
******************************************************/

.kmlt_popup_title {
    text-align: center;
    font-size: 2em;
    font-weight: bold;
    margin-bottom:20px;
}
.kmlt_popup_title div:last-child {
    font-size: .8em;
    font-style: italic;
    font-weight: initial;
}
.kmlt_add_form {
    margin:20px auto !important;
    width:95% !important;
    display:flex;
    justify-content: space-between;
    font-size:1.2em;
}
.kmlt_add_form > div {
    width:49%;
    display:flex;
}
.kmlt_error {
    display:block;
    width:100%;
    text-align:left;
    text-indent:5px;
    font-style: italic;
    color: crimson;
}

/*--------------- Part 1 - Left ---------------*/

.kmlt_add_left {
    border:1px solid #c0c0c0;
    flex-direction: column;
    justify-content: center;
}
.kmlt_add_left > * {margin: 5px 0;}
.kmlt_add_left .kmlt_add_pics {
    width:80%;
    margin: 5px auto;
    border: 1px dashed #c0c0c0;
    padding: 20px;
}

.kmlt_add_pics .mouse-over {
    border: 2px dashed rgba(0,0,0,.5);
    color: rgba(0,0,0,.5);
}

.kmlt_add_left div.dragging {
    border: 4px dashed #f542ec;
}

.kmlt_add_left .files  {position:relative;}
.kmlt_add_left .files input {
    opacity:0;
    height: 2.5rem;
}
.kmlt_add_left .files-custom {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 5;
    height: 2.5rem;
    padding: .5rem 1rem;
    line-height: 2;
    color: #363636;
    background-color: #fff;
    border: .075rem solid #d6d6d6;
    border-radius: .25rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: left;
}
.files-custom:before {
    position: absolute;
    top: -.075rem;
    right: -.075rem;
    bottom: -.075rem;
    z-index: 6;
    display: block;
    /*height: 2.5rem;*/
    padding: .5rem 1rem;
    line-height: 2;
    color: #363636;
    background-color: #d6d6d6;
    border: .075rem solid #f0eee;
    border-radius: 0 .25rem .25rem 0;
}
.kmlt_add_pics p {margin:20px auto 0;}

.kmlt_add_pics #gallery {
    display:flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top:10px;
}
.kmlt_add_pics #gallery .img_div {
    width: calc(96% / 3);
    margin-bottom:10px;
}
.kmlt_add_pics #gallery img {
    max-width:100%;
}
.kmlt_add_pics #gallery a {
    cursor: pointer;
    display:inline-block;
    margin-top: 5px;
}

/*--------------- Part 2 - Right ---------------*/

.kmlt_add_right {flex-wrap:wrap;}
.kmlt_add_right ul {
    display:flex;
    flex-wrap:wrap;
    justify-content: space-between;
    width:100%;
    list-style-type: none;
    border-bottom: 1px solid #c0c0c0;
    padding-bottom: 20px;
}
.kmlt_add_right ul li, .kmlt_add_right ul > fieldset {
    width:48%;
    margin:0 0 18px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.kmlt_add_right ul li:first-child, .kmlt_add_right ul fieldset li {
    width:100%;
    margin:0 0 15px;
}
.kmlt_add_right ul li label {
    position:relative; /* pour helpboxes */
    display:flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom:3px;
    font-weight:bold;
    width:100%;
}
.kmlt_add_right ul li label + input,
.kmlt_add_right ul li label + select,
.kmlt_add_right ul li .kmlt_add_select {
    flex-grow:1;
    margin-right:5px;
}
.kmlt_add_right ul li label + .kmlt_add_select_div {flex-grow:1;}
.kmlt_add_right ul li textarea {width:100%;min-height:100px;resize:vertical;padding:5px;}
.kmlt_add_right ul li textarea::placeholder {color: #c0c0c0; font-style: italic;}

.kmlt_add_right input {
    border:1px solid #c0c0c0!important;
    height:30px!important;
}
.kmlt_add_right input::placeholder {color: #c0c0c0; font-style: italic;}

.kmlt_add_select_div {
    display:flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin: 0;
}
.kmlt_add_select {
    position: relative;
    background-color: #fff;
    border: #c0c0c0 1px solid;
    border-radius:3px;
    overflow: hidden;
}
.kmlt_add_select::after { /*Flèche du select*/
    content: '';
    position: absolute;
    top: 50%;
    margin-top: -2px;
    right: .75em;
    display: block;
    width: 0;
    height:30px;
    border-color: transparent;
    border-top-color: #363636;
    border-width: 4px;
    border-style: solid;
    pointer-events: none;
}
.kmlt_add_select select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: auto;
    border: 0;
    margin: 0;
    padding: .5em;
    border-radius: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    width:100%;
}
.kmlt_add_select #category {
    width:100%;
    margin-right: 5px;
}

/* validation des champs */
.kmlt_check_icon {
    display: inline-block;
    text-align:right;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #F0302E;
}
.kmlt_check_icon.ok {
    background-color: green;
}

/* bouton validation */
.kmlt_btn {
    display: inline-block;
    box-sizing: border-box;
    width:auto;
    min-height: 45px;
    margin:auto;
    border: none;
    border-radius: 5px;
    padding:15px;
    background-color:#363636;
    color:#fff!important;
    font-weight: normal!important;
    font-size: 1.4em;
    text-transform: uppercase;
    cursor:pointer;
}
.kmlt_btn:hover {background-color:#555;color:#fff;}

input:disabled {background-color:#C0C0C0;}
select:disabled {background-color:#C0C0C0;}





/*****************************************************
**** @POPUP TELECHARGEMENT ETIQUETTE ENVOI
******************************************************/

#kmlt_how_to > div {
    display:flex;
    flex-wrap:wrap;
    justify-content: space-around;
    width:80%;
    margin: 3px auto;
    padding:20px 50px;
    border: 1px solid black;
}
#kmlt_how_to .step_content {
    width: calc(100% / 3);
}
#kmlt_how_to .kmlt_btn {
    width:auto;
    margin: 20px auto;
    background-color:#c30040;
}
#kmlt_how_to .kmlt_btn:hover {
    background-color:#9c0033;
}





/*****************************************************
**** @POPUP MODE PAIEMENT
******************************************************/

#kmlt_payment_mode {
    display:flex;
    flex-direction: column;
    padding:20px;
}
#kmlt_payment_mode + div, #kmlt_payment_mode h2 {margin-bottom: 20px;}
#kmlt_payment_mode .choice1, #kmlt_payment_mode .choice2 {
    display:flex;
    align-items: center;
    width:100%;
}
#kmlt_payment_mode .choice2 {flex-wrap: wrap;}
.choice1 img {width:100%;}
.choice1 div:first-child {width:40%;text-align: center;}
.choice1 div:last-child {width:60%;text-align: center;}
.choice2 > * {width:100%;text-align: center;}
#kmlt_payment_mode .conditions {font: italic 10px OpenSans, Arial, sans-serif;color: #c0c0c0;}






/*****************************************************
**** @POPUP NOTATION TRANSACTION
******************************************************/

#kmlt_note {padding:10px;}
#kmlt_note .kmlt_cond_evaluation {margin-bottom:20px;}
#kmlt_note .kmlt_cond_evaluation label:first-of-type {margin-right:50px;}
#kmlt_note .kmlt_eval_stars {
    display:flex;
    width:100%;
    justify-content: center;
}
#kmlt_note .kmlt_eval_stars .kmlt_evaluation div {font-size:30px!important;}
.kmlt_evaluation textarea {
    width:100%;
    min-height:80px;
}

/* radio buttons */
.customRadioContainer {
    display: inline-block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 1.2em;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.customRadioContainer input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}
.customRadio {
    position: absolute;
    top:0;
    left:0;
    height: 20px;
    width: 20px;
    background-color: #eee;
    border-radius: 50%;
}
.customRadioContainer:hover input ~ .customRadio {background-color: #ccc;}
.customRadioContainer input:checked ~ .customRadio {background-color: #c30040;}
.customRadio:after {
    content: "";
    position: absolute;
    display: none;
}
.customRadioContainer input:checked ~ .customRadio:after {display: block;}
.customRadioContainer .customRadio:after {
    top: 6px;
    left: 6px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: white;
}





/*****************************************************
**** @RESPONSIVE
******************************************************/

@media (max-width:955px) {
    .kmlt_account > h1, .kmlt_account > p, .kmlt_mobileMenu {width:90%; margin:auto!important;}
    .kmlt_account > p {margin-top:15px;}

    /* helpboxes */
    .kmlt_add_right ul li label, .kmlt_vendor_form_field label {flex-wrap : wrap;}
    .kmlt_helpbox, i:hover + .kmlt_helpbox {
        position:initial;
        transform:none;
        width:100%;
        font: 11px OpenSans, Arial, sans-serif;
        background-color: initial;
        border:none;
        color: #363636;
        padding: 8px 0;
        border-radius:0;
    }

    /* LOGIN FORM */
    #create_vendor_form {width:90%;}
    #create_vendor_form input[type="text"] {width: calc( 100% - 20px );}
    #create_vendor_form ul li {
        width: 100%;
        border-width: 0 0 1px 0;
        border-color: #d6d6d6;
        margin:0;
    }
    .kmlt_vendor_form_field span:first-child {font-weight: bold;}
    #create_vendor_form ul li p {margin:0; font-size: .9em;}
    .sp_popup_content #create_vendor_form {border:none; box-shadow: none;width:100%;}

    /* MENU */
    .kmlt_howto {
        margin: 10px auto!important;
        padding: 10px 20px;
        display: block;
        width: fit-content;
        color: #363636;
        text-transform: uppercase;
        text-align: center;
        border: 1px solid #707070;
        border-radius: 5px;
    }
    .kmlt_howto i {vertical-align: -2px;}
    .kmlt_mobileMenu {
        margin-top:20px!important;
        display:flex;
        flex-wrap: wrap;
        justify-content: space-between;
        padding-left:0;
    }
    .kmlt_mobileMenu li {
        display:flex!important;
        flex-direction:column;
        align-items: center;
        justify-content: center;
        width:48%;
        min-height:100px;
        border:1px solid #e3e3e3;
        border-radius:5px;
        margin-bottom:10px!important;
        padding:0!important;
    }
    .kmlt_mobileMenu li i {font-size:1.5em;margin-bottom:10px;}
    .kmlt_mobileMenu li span {
        text-align:center;
        max-width:90%;
        text-transform: uppercase;
        font-size:15px;
    }

    .kmlt_seller_address p:first-child,
    .kmlt_seller_address p {font-size:.8em;}

    /* POP UP CREATION ANNONCE */

    .kmlt_add_form {display:block;}
    .kmlt_add_form > div {display:block;width:100%; font-size: .9em;}
    .kmlt_add_left {background-color:#d6d6d6;border:none;padding:20px;}
    .kmlt_add_left p {text-align:center;font-style:italic;margin: 0 auto 10px;}
    .kmlt_add_left .kmlt_add_pics p:last-of-type, .kmlt_add_pics .files-custom {display:none;}
    .kmlt_add_pics .file_input {display:inline-block;opacity:1;}

    .kmlt_add_left .kmlt_add_pics {
        width:100%;
        border:none;
        padding:0;
        text-align:center;
        line-height:34px;
    }
    .kmlt_add_left a {
        text-align:center;
        color:#c30040;
        display:inline-block;
        width:100%;
        line-height:34px;
        margin:0;
    }
    .kmlt_add_right input {width: calc(100% - 35px); font-size: 15px;}
    .kmlt_add_right input + i {margin-left:6px;}
    .kmlt_add_select_div {margin-bottom:0;}
    .kmlt_add_right ul {border-bottom:none;}
    .kmlt_add_right ul li {
        margin: 0!important;
        padding: 20px 0!important;
    }
    .kmlt_add_right ul li label {font-size:0.8em;}
    .kmlt_add_right ul li textarea {font-size: .7em;}
    .kmlt_add_right ul > li, .kmlt_add_right ul > fieldset {width:100%;}
    .kmlt_add_select select {width: calc(100% - 35px); background-image:none; background-color:#fff;}
    .kmlt_add_select {margin-bottom:0; width: calc(100% - 35px);}
    .kmlt_add_select select {font-size:15px;}
    .kmlt_add_right fieldset {margin: 0;}
    .kmlt_add_right fieldset {margin: 0!important; padding: 0;border: none;}
    .kmlt_add_right label[for="price"] span:first-child span {width:initial;}
    .kmlt_btn {width:80%;margin: auto!important;display:block;text-align: center;}
    .kmlt_add_right .kmlt_btn {background-color: #88af00;}
    #kmlt_payment_mode {padding:20px 5%;}
    #kmlt_payment_mode .choice1 {display:block;}
    #kmlt_payment_mode .choice1 div {width:100%;}
    #kmlt_payment_mode .choice1 div img {width:60%;}
    #kmlt_how_to h5, #kmlt_note h5 {font-size:1.2em;text-align: center;}
    .kmlt_cond_evaluation, .kmlt_evaluation {text-align:center;}
    #kmlt_note .kmlt_btn {margin-top:35px!important;}
    #kmlt_how_to {margin: auto 5%;}
    #kmlt_how_to > div {
        width:100%;
        padding: 10px;
        margin-bottom:20px;
    }
    #kmlt_how_to .step_content {width:50%;padding:10px 5px;text-align: center;}
    #kmlt_how_to .step_content:last-child {width:100%;}
    #kmlt_how_to .kmlt_btn {margin-bottom:20px!important;}
    .order_info_kmlt {
        display:block;
        padding: 0 10px 20px;
        border-bottom: 1px solid #e6e6e6;
        border-top:none;
    }
    .order_info_kmlt h6 {margin-top:0;}
    .order_info_kmlt a {
        display:block;
        margin:15px auto 0;
        width:80%;
        line-height:24px;
        min-height:34px;
        text-align:center;
    }

    /* Zone de notifications */
    .kmlt_notificationZone {height:90vh;margin-bottom:0;}
    .kmlt_notif_content p, .kmlt_notif_content a {margin:0;}

    /* Menu settings (statut + mode vacances + liens partage) */
    .kmlt_status, .kmlt_vacation {box-shadow:none;border-bottom: 1px solid #d6d6d6;}
    .kmlt_vacation {margin:auto 5%;}
    .kmlt_vacation {margin-bottom:20px;}
    .kmlt_links a:link, .kmlt_links a:visited,.kmlt_links a:hover,.kmlt_links a:active {color: #c30040;}
    .kmlt_share_buttons li {padding-left:0;border-bottom:none;}

    /* Liste des annonces */
    .kmltScrollTop { /*un jour, peut être*/
        opacity:0;
        width:40px;
        height:40px;
        background-color: #363636;
        position:fixed;
        bottom:70px;
        right:20px;
        color:#fff;
        border-radius:45px;
        line-height:40px;
        font-size:25px;
		text-align:center;
        z-index:99;
        box-shadow: 2px 2px 2px rgba(0,0,0,0.5);
    }
    .kmlt_mainList {width:100%;}
    .kmlt_mainList_title {display:block;}
    .kmlt_mainList h2 {
        width:100%;
        padding:0;
        margin:10px auto 0 !important;
        text-align:center;
    }
    .kmlt_mainList_title .kmlt_btn_add {
        position: fixed;
        top: 8px;
        right: 20px;
        border:none;
        padding:0;
        width:40px;
        height:40px;
        background-color:#fff;
        z-index:2;
    }
    .kmlt_btn_add i {
        display:block;
        font-size:40px;
        box-shadow: 2px 2px 2px rgba(0,0,0,0.5);
        border-radius:40px;
        width:39px;
        height:39px;
    }
    .kmlt_btn_add span {
        display:block;
        text-align: center;
    }
    .kmlt_mTri {
        min-height:34px;
        padding: 5px 5%;
        color: #c0c0c0;
        line-height:34px;
        text-transform: uppercase;
        width:100%;
        text-align:center;
    }
    .kmlt_mainList > div:nth-child(2) {flex-wrap:wrap;margin:0;padding:0;}
    .kmlt_mainList > div:nth-child(2) > a:first-of-type {order:1;}
    .kmlt_mainList > div:nth-child(2) > a:last-of-type {order:3;}
    .kmlt_mainList > div:nth-child(2) > div:first-of-type {order:2;}
    .kmlt_mainList > div:nth-child(2) > div:last-of-type {order:4;}
    .kmlt_mainList .display_mode {order:5;}
    .kmlt_mainList > div:nth-child(2) > div {width:100%;}


    .kmlt_classement .select {
        width:90%;
        height:34px;
        margin:auto auto 10px!important;
        padding:0;
        border:1px solid #c0c0c0;
    }

    .sp_popup_mobile .kmlt_classement .select_expandLabel {height:34px;}
    .sp_popup_mobile .kmlt_classement .select_label-placeholder {height:34px;line-height:34px;}
    .sp_popup_mobile .kmlt_classement .select li {padding:0;border:none;}
    .sp_popup_mobile .kmlt_classement .select_option {height:34px;}
    .select_expand::after {right:10px;top:16px;}
    .select_expand:checked + .select_closeLabel + .select_options .select_label {height:34px;line-height:34px;}


    .values_filter {padding: 0 5% 10px;display:flex; justify-content: space-between;}
    .values_filter > input {width: 85%;height:34px; border-radius:3px;}
    .values_filter > a i {font-size: 28px;color : #c0c0c0;vertical-align: -8px;}
    .kmlt_ad {width:50%; padding: 20px 5%;}
    .kmlt_ad a {color: #c30040;}
    .kmlt_ad_price {margin-top:5px;}
    .kmlt_ad_status {
        position:initial;
        margin:2px 0 10px;
        width:100%;
        text-align:center;
    }
    .kmlt_ad_actions {justify-content: space-around;}
    .kmlt_ad_actions a {font-size:10px; text-align: center;}
    .kmlt_ad_actions a i {display:block;font-size:25px;}
    .kmlt_ad_cta {color:#363636;}
    .kmlt_ad_cta i {color:#c30040;}
    .kmlt_add_left .files input {opacity: 1; font-size: .9em;}
}






/*****************************************************
**** @PAGE NEWLIFE
******************************************************/

.newlife .ban {
    width:100%;
}
.newlife .ban img{
    width:100%;
}
.newlife .logo img {
    width: 100%;
}
.newlife .content {
    margin-top:20px;
}
.newlife .accroche {
    font-size: 2em;
    font-weight: lighter;
    text-align: center;
    margin: 20px 0;
}
.newlife .how {
    display: flex;
    justify-content: space-between;
    margin:50px 0;
}
.newlife .how > div {
    width: calc(90% / 3);
    border: 1px solid #c0c0c0;
    border-radius: 3px;
    padding: 30px 20px 20px;
    position: relative;
}
.newlife .how > div .nb {
    position:absolute;
    top: -15px;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 50%;
    /* border: 1px solid #c0c0c0; */
    background-color: var(--black);
    color: #fff;
    display:flex;
    justify-content: center;
    align-items: center;
    width:30px;
    height:30px;
}
.newlife .how > div .subtitle {
    font-weight: bold;
    font-size: 1.6em;
    line-height:1.4em;
    margin-bottom: 20px;
    color: var(--main-color);
}
.newlife .how > div div {
    font-size: 1.4em;
    line-height:1.6em;
}
.newlife .abond {
    margin-bottom: 20px;
    text-align: center;
}
.newlife .highlight {
    font-weight: bold;
    font-size:1.6em;
    margin-top: 20px;
}
.newlife .highlight span {
    font-size: .85em;
}
.newlife .exemple {
    font-size: 1.2em;
    font-style: italic;
    margin-top:10px;
}
.newlife .cta {
    display:flex;
    justify-content: center;
}
.newlife .cta .btn {
    margin: 20px;
    background-color: var(--black);
    padding: 15px;
    color: #fff;
    text-shadow: none;
    text-transform: uppercase;
    min-width: 250px;
    transition: background-color 0.2s linear;
}
.newlife .cta .btn:hover {
    background-color: var(--main-color);
}

.newlife .faq {
    margin:60px auto;
    padding: 40px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    font-size: 1.3em;
    /*box-shadow: 0 0 15px 0 rgba(0,0,0,.05);*/
    border: 1px solid #c0c0c0;
    border-radius: 3px;
}
.newlife .faq .title {
    width:100%;
    font: bold 3em OpenSans, Arial, sans-serif;
    color: var(--main-color);
    text-align: center;
    border-bottom: 1px solid #c0c0c0;
    padding-bottom:40px;
    margin-bottom: 40px;
}
.newlife .faq > div {
    width: 45%;
    margin-bottom: 40px;
}
.newlife .faq > div div:first-child {
    font-weight: bold;
    font-size: 1.2em;
    line-height: 1.3em;
    margin-bottom: 15px;
}

@media screen and (max-width: 1199px) {
    .advViewClassement {
        margin: 10px 20px;
        width: 180px;
        position: relative;
        display: inline-block;
        text-align: center;
        height: 35px;
        font: 12px/25px OpenSans, Arial, sans-serif;
    }
    .btn_tri {
        background-color: #fff;
        color: #363636;
        height: 35px;
        font: 14px/35px OpenSans, Arial, sans-serif;
        border: 1px solid #c0c0c0;
        border-radius: 5px;
        cursor: pointer;
        padding: 4px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .kmlt_mainList .advViewClassement .btn_tri {padding:0;}
    .btn_tri i {
        margin-left: 4px;
        margin-top: 3px;
    }
    .kmlt_mainList .classement_content {
        display: none;
        position: absolute;
        background-color: #f0eeee;
        min-width: 100%;
        z-index: 1;
        cursor: pointer;
        list-style-type: none;
    }
    .kmlt_mainList .advViewClassement li {
        display: block;
        padding: 0.3em 0;
        text-decoration: none;
        height: 35px;
        font-size: 14px;
    }
    .kmlt_mainList .advViewClassement li:not(:last-child) {
        border-bottom: 2px solid #fff;
    }
    .kmlt_mainList .display_mode {
        margin: 20px 20px;
        justify-content: flex-end;
        font-size:1.2em;
    }
    .display_mode .switchbtn {
        width: 40px;
        height: 40px;
        margin: 0 0 0 8px;
    }
    .display_mode .switchbtn.vignette i {
        font-size: 30px;
        margin-top: -10px;
    }
    .display_mode .switchbtn.detail i {
        font-size: 37px;
        margin-top: -25px;
    }
    .kmlt_adList.display_detail .kmlt_ad {
        box-shadow: initial;
        border: 1px solid #c0c0c0;
        border-width: 0 0 1px 0;
    }
    .kmlt_adList.display_detail .kmlt_ad_actions {
        border-top: initial;
        padding: 20px 0 10px;
        justify-content: center;
    }
    .kmlt_adList.display_detail .kmlt_ad_actions a:first-child {margin-left:0;}
    .kmlt_adList.display_detail .kmlt_ad_actions a:not(:first-child) {margin-left:30px;}
}
@media screen and (max-width: 768px) {
    .newlife .accroche {
        font-size: 1.6em;
        padding: 0 20px;
    }
    .newlife .how {display: block;}
    .newlife .how > div {
        width: 90%;
        margin: auto auto 40px;
        padding: 30px;
    }
    .newlife .how > div .subtitle {
        font-size: 1.4em;
        line-height: 1.2em;
    }
    .newlife .how > div div {
        font-size: 1.2em;
        line-height: 1.5em;
    }
    .newlife .highlight {
        font-size: 1.4em;
        padding: 0 20px;
    }
    .newlife .exemple {
        font-size: 1.2em;
        padding: 0 20px;
    }
    .newlife .cta {
        flex-direction: column;
        margin: 20px;
        align-items: center;
    }
    .newlife .cta .btn {
        margin: 10px 20px;
        text-align: center;
        border-radius: 5px;
        font-size: 1.2em;
        width:90%;
        max-width: 350px;
    }
    .newlife .faq {width: 90%; padding: 20px; font-size: 1.2em;}
    .newlife .faq .title {padding-bottom: 20px; margin-bottom: 30px;}
    .newlife .faq > div {width: 100%; margin-bottom: 30px;}
    .newlife .faq > div div:first-child {font-size: 1.1em;}
}
.kmlt_autocomplete_field {position: relative;}
.kmlt_autocomplete {
    /*the container must be positioned relative:*/
    position: relative;
    display: inline-block;
}
.kmlt_autocomplete_items {
    position: absolute;
    border: 1px solid #d4d4d4;
    border-bottom: none;
    border-top: none;
    z-index: 99;
    /*position the autocomplete items to be the same width as the container:*/
    top: 100%;
    left: 0;
    right: 0;
    margin-right: 13px;
    max-height:300px;
    overflow-x: hidden;
    overflow-y: scroll;
}
.kmlt_autocomplete_items div {
    padding: 10px;
    cursor: pointer;
    background-color: #fff;
    border-bottom: 1px solid #d4d4d4;
}
.kmlt_autocomplete_items div:hover {background-color: #e9e9e9;}
.kmlt_autocomplete_active {
    background-color: DodgerBlue !important;
    color: #ffffff;
}
.kmlt_autocomplete_items::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}
.kmlt_autocomplete_items::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5;
}
.kmlt_autocomplete_items::-webkit-scrollbar-thumb {background-color: #c4c4c4;}