@charset "UTF-8";
/***** FONT *****/

@font-face {
    font-family: 'icomoon';
    src: url('https://cdn.kang.fr/fonts/icomoon.eot');
    src: url('https://cdn.kang.fr/fonts/icomoon.eot?#iefix') format('embedded-opentype'),
    url('https://cdn.kang.fr/fonts/icomoon.woff') format('woff'),
    url('https://cdn.kang.fr/fonts/icomoon.ttf') format('truetype'),
    url('https://cdn.kang.fr/fonts/icomoon.svg#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Museo Sans W03_100";
    src: url("https://cdn.kang.fr/fonts/Museo/3488d96c-cd92-4901-aaf1-eb8954954ea0.eot?#iefix");
    src: url("https://cdn.kang.fr/fonts/Museo/3488d96c-cd92-4901-aaf1-eb8954954ea0.eot?#iefix") format("eot"), url("https://cdn.kang.fr/fonts/Museo/91268a4a-de76-4513-9642-543c0456af92.woff2") format("woff2"), url("https://cdn.kang.fr/fonts/Museo/c6cabdc6-ad03-4ea9-ac7b-31233ccc300f.woff") format("woff"), url("https://cdn.kang.fr/fonts/Museo/0d978e57-b4ba-4c98-b316-fa760facfd8e.ttf") format("truetype"), url("https://cdn.kang.fr/fonts/Museo/dc564b2b-43e5-4445-8b6b-72a64ad22bcc.svg#dc564b2b-43e5-4445-8b6b-72a64ad22bcc") format("svg");
    font-display: swap;
}

@font-face {
    font-family: "Museo Sans W03_300";
    src: url("https://cdn.kang.fr/fonts/Museo/f2cf6cf9-9ec6-4945-a525-f5873d143c2a.eot?#iefix");
    src: url("https://cdn.kang.fr/fonts/Museo/f2cf6cf9-9ec6-4945-a525-f5873d143c2a.eot?#iefix") format("eot"), url("https://cdn.kang.fr/fonts/Museo/9803fddf-c005-431a-92d5-0f18688f945d.woff2") format("woff2"), url("https://cdn.kang.fr/fonts/Museo/ea9b8ac3-ff16-4387-a473-32a6a617329f.woff") format("woff"), url("https://cdn.kang.fr/fonts/Museo/353acc2c-88f2-4de3-83eb-6cc2c9b05af1.ttf") format("truetype"), url("https://cdn.kang.fr/fonts/Museo/0ede1b31-d0aa-4645-8dfd-6dabfc46f004.svg#0ede1b31-d0aa-4645-8dfd-6dabfc46f004") format("svg");
    font-display: swap;
}

@font-face {
    font-family: "Museo Sans W03_500";
    src: url("https://cdn.kang.fr/fonts/Museo/e6c8dd64-2c03-43f2-ba95-996f168bc701.eot?#iefix");
    src: url("https://cdn.kang.fr/fonts/Museo/e6c8dd64-2c03-43f2-ba95-996f168bc701.eot?#iefix") format("eot"), url("https://cdn.kang.fr/fonts/Museo/0672fa78-143a-4a7b-9140-86205c4c65c9.woff2") format("woff2"), url("https://cdn.kang.fr/fonts/Museo/2a0dda39-dc44-4540-9f6b-2cc54a9eefc1.woff") format("woff"), url("https://cdn.kang.fr/fonts/Museo/9af1bf81-cfac-4104-899d-e70ab97ce71c.ttf") format("truetype"), url("https://cdn.kang.fr/fonts/Museo/fd5642a0-bcd3-4af7-84c4-5e8b87fa04eb.svg#fd5642a0-bcd3-4af7-84c4-5e8b87fa04eb") format("svg");
    font-display: swap;
}

@font-face {
    font-family: "Museo Sans W03_700";
    src: url("https://cdn.kang.fr/fonts/Museo/1c070cdb-18d8-440e-be9d-2448fa3930c4.eot?#iefix");
    src: url("https://cdn.kang.fr/fonts/Museo/1c070cdb-18d8-440e-be9d-2448fa3930c4.eot?#iefix") format("eot"), url("https://cdn.kang.fr/fonts/Museo/66c06801-da3e-4587-a89c-674cfbe39c21.woff2") format("woff2"), url("https://cdn.kang.fr/fonts/Museo/f3c7f613-9728-4ed6-a383-1c8519b215d2.woff") format("woff"), url("https://cdn.kang.fr/fonts/Museo/c21bf502-6b58-4bf0-9ddd-169929c263e7.ttf") format("truetype"), url("https://cdn.kang.fr/fonts/Museo/b1bba468-817a-4cfd-891e-18fc989e7e5b.svg#b1bba468-817a-4cfd-891e-18fc989e7e5b") format("svg");
    font-display: swap;
}

@font-face {
    font-family: "Museo Sans W01_900";
    src: url("https://cdn.kang.fr/fonts/Museo/7e90c1ee-e4b1-46f0-9134-93a8ba421545.eot?#iefix");
    src: url("https://cdn.kang.fr/fonts/Museo/7e90c1ee-e4b1-46f0-9134-93a8ba421545.eot?#iefix") format("eot"), url("https://cdn.kang.fr/fonts/Museo/009ca58d-46af-4651-a359-f0ae2301085b.woff2") format("woff2"), url("https://cdn.kang.fr/fonts/Museo/3619b5f4-8df9-44f5-8c53-b7c236e9c74e.woff") format("woff"), url("https://cdn.kang.fr/fonts/Museo/9b2d949a-4e1c-435c-8412-f377c80583ae.ttf") format("truetype"), url("https://cdn.kang.fr/fonts/Museo/7a319e11-05eb-49ce-bdb7-f692766e6477.svg#7a319e11-05eb-49ce-bdb7-f692766e6477") format("svg");
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://cdn.kang.fr/fonts/montserrat/montserrat-regular.woff2) format('woff2'), url(https://cdn.kang.fr/fonts/montserrat/montserrat-regular.woff) format('woff');
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    src: local('Montserrat Medium'), local('Montserrat-Medium'), url(https://cdn.kang.fr/fonts/montserrat/montserrat-medium.woff2) format('woff2'), url(https://cdn.kang.fr/fonts/montserrat/montserrat-medium.woff) format('woff');
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'), url(https://cdn.kang.fr/fonts/montserrat/montserrat-semibold.woff2) format('woff2'), url(https://cdn.kang.fr/fonts/montserrat/montserrat-semibold.woff) format('woff');
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    src: local('Montserrat Bold'), local('Montserrat-Bold'), url(https://cdn.kang.fr/fonts/montserrat/montserrat-bold.woff2) format('woff2'), url(https://cdn.kang.fr/fonts/montserrat/montserrat-bold.woff) format('woff');
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 900;
    src: local('Montserrat Black'), local('Montserrat-Black'), url(https://cdn.kang.fr/fonts/montserrat/montserrat-black.woff2) format('woff2'), url(https://cdn.kang.fr/fonts/montserrat/montserrat-black.woff) format('woff');
    font-display: swap;
}

/***** END FONT *****/

/****** GENERIC CSS *****/

html, body, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code,
del, dfn, ins, kbd, q, s, samp,
strike, sub, sup, tt, var,
b, u, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    font-family: 'Museo Sans W03_300', sans-serif;
    font-weight: normal;
    color: #7F7F7F;
}

html, body {
    font-size: 14px;
}

@media (min-width: 640px) {
    html, body {
        font-size: 16px;
    }
}

.global_css_v4, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code,
del, dfn, ins, kbd, q, s, samp,
strike, sub, sup, tt, var,
b, u, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    font-size: 14px;
}

button:focus {
    outline: none;
}

strong {
    font-family: "Museo Sans W03_500", sans-serif;
}

.todo {
    padding: 20px;
    background-color: #F5D76E;
    color: #FFF;
    font-size: 16px;
    margin: 20px 0 20px 0;
}

html, body {
    height: 100%;
}

body {
    background-color: #FFF;
    width: 100%;
    height: 100%;
    color: #7F7F7F;
}

.line_height {
    line-height: 18px;
}

ol, ul, li {
    list-style: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

img, object {
    max-width: 100%;
}

a:visited {
    text-decoration: none;
    color: inherit;
}

a:hover {
    cursor: pointer;
}

a:active {
    text-decoration: none;
}

a img {
    border: none;
}

fieldset {
    border: 0;
    margin-bottom: 20px;
}

.text-uppercase {
    text-transform: uppercase;
}

#loader {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    background: url(/img/loader.gif) no-repeat center;
    background-color: rgba(255, 255, 255, 0.8);
    z-index: 1000;
    opacity: 1;
    display: none;
}

.grey_bg, body.order-process .panel {
    background-color: #f1f1f1;
}

.blue_bg {
    background-color: #9ccaeb;
}

body *.hide {
    display: none;
}

.labels {
    text-align: center;
    font-size: 9px;
    text-transform: uppercase;
    padding: 5px 5px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-weight: 500;
    color: #FFF;
    margin-left: 1px;
    display: inline-block;
    height: 12px;
    line-height: 12px;
    width: 57px;
    box-sizing: content-box;
}

.push_header {
    padding-top: 75px;
}

.push_header_master {
    padding-top: 75px;
}

.push_header_master_register {
    padding-top: 35px;
}

body.home_master .push_header {
    padding-top: 0px;
}

.push_menu {
    /*padding-top : 140px;*/
}

.push_menu.cnil_push {
    /*padding-top : 180px;*/
}

.blue {
    color: #36a9e1;
}

.red {
    color: #ff5a5f
}

.left, #offer_page_da .offer_left, #offer_page_call .offer_left {
    float: left;
}

.right, #offer_page_da .offer_right, #offer_page_call .offer_right {
    float: right;
}

.center_text {
    text-align: center;
}

.left_text {
    text-align: left;
}

.right_text {
    text-align: right;
}

.no-left-padding {
    padding-left: 0;
}

.center_auto {
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.border_bottom {
    border-bottom: 1px solid #d0d0d0;
    padding-bottom: 20px;
    margin-bottom: 25px;
}

.border_top {
    border-top: 1px solid #d0d0d0;
}

.border_right {
    border-right: 1px solid #d0d0d0;
}

.no_border {
    border-top: none;
}

.no_background {
    background: none;
}

.full_white {
    padding-top: 50px;
    padding-bottom: 50px;
    width: 100%;
    background-color: #FFF;
}

.full_width {
    padding-top: 65px;
    padding-bottom: 65px;
    width: 100%;
}

.push_top {
    padding-top: 50px;
}

.push_bottom {
    padding-bottom: 50px;
}

.push_left {
    padding-left: 20px;
}

.mar_top {
    margin-top: 20px;
}

.small_mar_top {
    margin-top: 10px;
}

.mar_top_20_force {
    margin-top: 20px !important;
}

.mar_top_15 {
    margin-top: 15px;
}

.mar_bot {
    margin-bottom: 20px;
}

.mar_bot_10 {
    margin-bottom: 10px;
}

.mar_bot_5 {
    margin-bottom: 5px;
}

.mar_right {
    margin-right: 20px;
}

.mar_right_10 {
    margin-right: 10px;
}

.mar_left {
    margin-left: 20px;
}

.mar_top_important {
    margin-top: 65px;
}

.select {
    border: 1px solid #d0d0d0;
    padding: 5px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

select.special-select {
    margin-top: 10px;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    outline: none;
    font-size: 14px;
}

.no_padding {
    padding: 0;
}

.no_padding_top {
    padding-top: 0;
}

.no_padding_right {
    padding-right: 0;
}

.no_margin {
    margin: 0;
}

.orange {
    color: #ff5a5f;
}

.thin-text {
    font-weight: 200;
}

.extrabold {
    font-family: "Museo Sans W03_700", sans-serif;
}

.paragraphe p {
    margin-bottom: 10px;
}

a.underline, .underline {
    text-decoration: underline;
}

.rounded_block {
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 10px;
    background-color: #FFF;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.rounded_para {
    -moz-border-radius: 7px;
    border-radius: 7px;
    background-color: #FFF;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    margin-top: 10px;
}

.hidden {
    visibility: hidden;
}

.mobile_back_btn {
    border-radius: 5px;
    background-color: #d8d8d8;
    color: #535353;
    position: fixed;
    left: 15px;
    bottom: 20px;
    z-index: 1000;
    padding: 7px 13px;
    z-index: 1000;
    text-transform: uppercase;
    font-size: 12px;
    font-family: "Museo Sans W03_700", sans-serif;
    -webkit-box-shadow: 0px 0px 10px -1px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 0px 0px 10px -1px rgba(0, 0, 0, 0.6);
    box-shadow: 0px 0px 10px -1px rgba(0, 0, 0, 0.6);
}

.mobile_back_btn:active, .mobile_back_btn:focus {
    background-color: #535353;
    color: #d8d8d8;
    outline: none;
}

body.home_page .mobile_back_btn, body.chat-conversation-open .mobile_back_btn {
    display: none;
}

/* ------ IMAGES------- */
.round_pict {
    background-color: #FFF;
    padding: 5px;
    margin: 5px 0 10px;
    border: 1px solid #d8d8d8;
    height: auto;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.table .round_pict {
    padding: 0;
    border: none;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    margin: 7px;

}

img.round_pict.call_log {
    width: 50px;
    height: 50px;
}

table.historicalls .fa-star-o {
    font-size: 14px;
    margin-right: 4px;
    margin-top: -5px;
}

.square_pict {
    background-color: #FFF;
    padding: 5px;
    margin: 5px 0;
    border: 1px solid #D8D8D8;
    height: auto;
    z-index: 1;
    box-sizing: border-box;
    width: 80px;
    height: 80px;
}

.block_favorite_masters_img img {
    padding: 0;
    border: 2px solid #D8D8D8;
}

.picture_favorite {
    width: 100px;
    height: 100px;
}

.square_pict_tinder {
    background-color: #FFF;
    /*padding: 5px;*/
    margin: 5px 0;
    border: 1px solid #D8D8D8;
    z-index: 1;
    max-width: initial;
}

.square_pict_tinder_0 {
    background-color: #FFF;
    /*padding: 5px;*/
    margin: 5px 0;
    border: 1px solid #D8D8D8;
    max-width: initial;
}

.square_pict_supp_function {
    filter: grayscale(100%) brightness(50%);
    -webkit-filter: grayscale(100%) brightness(50%);
    pointer-events: none;
}

.supp_fav_x > .fa-times:before,
.supp_fav_x_tinder > .fa-times:before {
    font-size: 20px;
}

.supp_fav_x_supp_function {
    z-index: 1;
}

.favoris_button {
    margin-bottom: 40px;

}

.white_pict_border {
    border: 4px solid #FFF;
    padding: 0;
}

.gray_pict_border, #dashboard_da .gray_pict_border {
    border: 4px solid #d3d1d1;
    padding: 0;
    height: 190px;
    width: 190px;
}

.dashboard_answer_comments_icon {
    color: #bccf2e;
    font-size: -webkit-xxx-large;
    width: 60px;
    height: 50px;
    vertical-align: middle;
}

.shadow {
    -webkit-box-shadow: 2px 3px 7px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 2px 3px 7px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 2px 3px 7px 0 rgba(0, 0, 0, 0.2);
}

.radius_box {
    background-color: #FFF;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 25px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 40px;
}

.big_flaticon {
    font-size: 30px;
    vertical-align: middle;
    margin-right: 3px;
}

.flaticon_spin {
    animation: fa-spin 1s infinite steps(30);
    -moz-animation: fa-spin 1s infinite steps(30);
    -o-animation: fa-spin 1s infinite steps(30);
    -webkit-animation: fa-spin 1s infinite steps(30);
}

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

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(365deg);
        -moz-transform: rotate(365deg);
        -o-transform: rotate(365deg);
        transform: rotate(365deg);
    }
}

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

/*-------------- BADGE ------------- */
.badge {
    padding: 2px 10px;
    color: #FFF;
    text-align: center;
    margin: 0 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 12px;
    background-color: #e3e3e3;
    box-sizing: content-box;
}

.badge.left {
    margin-left: 0;
}

.badge-fixed {
    /*width: 70px;*/
    width: 86px;
    display: inline-block;

}

.badge.big {
    padding: 5px 10px;
    font-size: 14px;
}

/****** PAGE RESULTAT DE RECHERCHE ********/
.result_block {
    padding-top: 20px;
}

.seach_result_txt {
    font-size: 16px;
    margin-bottom: 25px;
    line-height: 20px;

}

/****** PAGE D'ERREUR ********/
.error_page {
}

.error_page .error_title {
    font-size: 90px;
    font-family: 'Museo Sans W01_900', sans-serif;
    margin-top: 40px;
    margin-bottom: 10px;
}

.error_page .error_txt p {
    text-transform: uppercase;
    font-size: 22px;
    line-height: 30px;
}

/*-------------- PICTO USER AVEC LETTER ------------- */
.user_label {
    height: 25px;
    width: 25px;
    line-height: 25px;
    text-align: center;
    background-color: #b8b8b8;
    color: #FFF;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: inline-block;
    font-size: 16px;
    margin-right: 10px;
    text-transform: uppercase;
    overflow: hidden;
    vertical-align: middle;
}

.user_label_master_messagerie {
    height: 40px;
    width: 40px;
    line-height: 40px;
    text-align: center;
    background-color: #b8b8b8;
    color: #FFF;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: inline-block;
    font-size: 16px;
    margin-right: 10px;
    text-transform: uppercase;
    overflow: hidden;
    vertical-align: middle;
}

.user_label.kang_service_client {
    background-color: #ff5a5f;
}

.user_label.messagerie {
    height: 74px;
    width: 74px;
    line-height: 74px;
    background-color: #f1f0f0;
    color: #7F7F7F;
    font-size: 35px;
    font-style: normal;
}

header .user_label {
    height: 30px;
    width: 30px;
    line-height: 30px;
    font-size: 20px;
    font-weight: 400;
}

header .user_label img {
    height: 31px;
    width: 31px;
}

#loginbox_logged_client .user_label {
    margin-right: 0;
}

#loginbox_logged_master .user_label {
    height: 29px;
    width: 29px;
    border: solid 2px #FFF;
    margin-right: 5px;
}

.old_button {
    background-color: #7F7F7F;
    color: #FFF;
    height: 20px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 3px 10px;
    margin-right: 20px;
    display: inline-block;
    line-height: 20px;
    font-size: 12px;
    float: right;
    margin-top: 23px;
}

/*-------------- LABEL STATUT ------------- */
.status_label {
    height: 27px;
    background-color: #ededed;
    -moz-border-radius: 35px;
    border-radius: 35px;
    padding: 0 15px;
    font-size: 10.5px;
    font-weight: 500;
    display: inline-block;
    line-height: 27px;
    text-transform: uppercase;
}

/*-------------- INFOSBULLE ------------- */
.tips, .tips:hover {
    display: inline-block;
    position: relative;
    height: 20px;
    width: 20px;
    -moz-border-radius: 50%;
    border-radius: 50%;
    line-height: 20px;
    background-color: #ebebeb;
    text-align: center;
    font-weight: 800;
    font-size: 12px;
    margin-left: 10px;
    color: #7F7F7F;
}

.ui-tooltip, .arrow:after {
    background: #dbd0ce;
}

.ui-tooltip, .arrow:after {
    background-color: #dbd0ce;
}

.ui-tooltip {
    background-color: #f1f0f0;
    position: absolute;
    padding: 7px 7px;
    width: 150px;
    font-size: 12px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
    font-weight: 500;
    z-index: 1000;
}

.tips.small {
    background: url(/img/ico_infos_box.png) no-repeat;
    height: 18px;
    width: 18px;
    margin-left: 5px;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
    vertical-align: middle;
}

.tips.small.suivi_djobs_advice {
    margin: 0 5px 0 0;
}

/* TAGS */
body .tags {
    background-color: #FFF;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 3px 8px;
    margin-right: 6px;
    font-size: 11px;
    font-weight: 500;
    text-transform: uppercase;
    display: inline-block;
    margin-bottom: 5px;
}

body .tags.normal {
    text-transform: capitalize;
}

.tags_v2 {
    border: 1px solid #d1d1d1;
}

.tags i {
    font-size: 11px;
    margin-left: 5px;
    cursor: pointer;
    font-style: normal;
    font-weight: 600;
    color: #ff5a5f;
}

.email_master_authorise {
    background: url(/img/picto_enveloppe01.png);
    border-spacing: 0;
    cursor: pointer;
    width: 30px;
    height: 22px;
    margin: 0;
    border: none;
}

.email_master_authorise:hover {
    background-position: 0 50%;
}

.email_master_authorise:active {
    background-position: 0 100%;
}

/* FORMULAIRE !!!! A VOIR POUR LE GROUPER AVEC LE CSS COMMUN */
form {
    padding-top: 25px;
    padding-bottom: 30px;
}

form p {
    margin-bottom: 15px;
}

form a {
    text-decoration: underline;
    -webkit-text-decoration-color: inherit;
    -moz-text-decoration-color: inherit;
    text-decoration-color: inherit;
}

.v4 form input[type=text]:focus,
.v4 form input[type=tel]:focus,
.v4 form textarea:focus,
.v4 input[type=text]:focus,
.v4 input[type=email]:focus,
.v4 input[type=password]:focus {
    border-color: #393939;
}

form input[type=text], form input[type=password], form input[type=email], form input[type=tel], form input[type=date] {
    position: relative;
    font-family: 'Museo Sans W03_300', sans-serif;
    height: 35px;
    padding: 0;
    padding-left: 10px;
    border: 1px solid #d1d1d1;
    font-size: 14px;
    color: #7F7F7F;
    font-weight: 300;
    display: inline-block;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: medium none;
}

#search_input_home_2, #search_input_home_2:focus {
    color: #414141;
    background: #FFF;
    padding: 10px 20px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    outline: none;
    border: none;
    width: 460px;
    height: 40px;
    font-family: "Museo Sans W03_300", sans-serif;
    font-size: 14px;
}

#search_input_home_2::-ms-clear {
    display: none;
}

.homepage_search_input_container img {
    top: 8px;
    right: 18px;
}

.homepage_search_input_container {
    position: relative;
    display: inline-block;
}

#search_magnifier:hover {
    cursor: pointer;
}

form input[type=submit] {
    display: block;
    font-family: 'Proxima Nova W01', sans-serif;
    font-weight: 600;
    font-size: 13px;
    text-align: center;
    text-transform: uppercase;
    width: 180px;
    height: 30px;
    color: #7f7f7f;
    background-color: #ebebeb;
    padding: 5px 0;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
    outline: none;
    border: none;
    text-decoration: none;
    margin: 25px auto 0;
}

form input[type=submit]:hover {
    color: #FFF;
    background-color: #797979;
}

form input[type=submit]:active {
    background-color: #000;
    color: #FFF;
}

input.x-small, .x-small, form input.x-small {
    width: 35px;
    padding-left: 0;
    text-align: center;

}

input.small, select.small, form input.small, form select.small {
    width: 70px;
    padding-left: 0;
    text-align: center;
}

input.hasDatepicker, form input.hasDatepicker {
    width: 120px;

}

input.standard, select.standard, form input.standard, form select.standard {
    width: 250px;
    padding: 0 0 0 10px;
}

form input.medium, select.medium {
    width: 290px;
    padding: 0 0 0 10px;
}

input.bigger {
    width: 350px;
}

#da-master-infos-update input.medium, select.medium {
    width: 200px;
    padding: 0 0 0 10px;
}

form input.input_ico {
    padding-left: 30px;
}

input.input_ico.mail {
    background: #FFF url(/img/input_mail.png) no-repeat 5px;
}

form .genre {
    width: fit-content;
}

.genre-paragraph {
    padding-bottom: 5px;
}

input.input_ico.tel {
    background: #FFF url(/img/input_tel.png) no-repeat 5px;
}

input.input_ico.password {
    background: #FFF url(/img/input_pass.png) no-repeat 5px;
}

input.input_ico.facebook {
    padding-left: 40px;
    background: #FFF url(/img/input_facebook.png) no-repeat 5px;
}

input.input_ico.linkedin {
    padding-left: 40px;
    background: #FFF url(/img/input_linkedin.png) no-repeat 5px;
}

input.input_ico.twitter {
    padding-left: 40px;
    background: #FFF url(/img/input_twitter.png) no-repeat 5px;
}

input.validateInput, textarea.validateInput {
    background: #FFF url(/img/icon_validate_input.png) no-repeat right;

}

input.ErrorInput, textarea.ErrorInput {
    background: #FFF url(/img/icon_error_input.png) no-repeat right;
}

.input_error {
    font-size: 12px;
    color: #F22613;
}

input.big_input {
    font-weight: 700;
    font-size: 18px;
    color: #7F7F7F;
}

textarea, form textarea {
    width: 100%;
    border: 1px solid #d1d1d1;
    resize: none;
    overflow: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family: 'Museo Sans W03_300', sans-serif;
    font-size: 14px;
    outline: none;
    padding: 10px;
    margin-bottom: 10px;
    color: #7F7F7F;
}

form select {
    font-family: 'Museo Sans W03_300', sans-serif;
    height: 35px;
    padding: 0;
    outline: none;
    border: 1px solid #d1d1d1;
    font-size: 14px;
    font-weight: 400;
    display: inline-block;
}

form label {
    font-weight: 500;
    display: inline-block;
}

form label.fixed_label {
    width: 180px;
}

form#account_update label.genre {
    width: fit-content;
    padding-right: 5px;
}

form label em {
    font-size: 10px;
}

.genre-subtitles span {
    padding-left: 20px;
}

.account_form label {
    width: 120px;
}

.account_form p {
    width: 480px;
}

.account_form input[type=text], .account_form input[type=password], .account_form input[type=email] {
    width: 360px;
    text-align: left;
    padding-left: 10px;
}

#account_update label, #cb_form label {
    width: 180px;
    display: inline-block;
}

.payment-content #cb_form label {
    width: max-content;
}

#account_update label.phone_label {
    display: inline-block;
    width: 75px;
}

#account_update label.phone_label img, #account_update label.mobile_label img, #account_update label.genre img {
    display: inline-block;
}

#capitalContainer::before {
    position: absolute;
    top: 25%;
    left: 310px;
    content: '€';
    z-index: 30;
}

#capitalContainer {
    position: relative;
}

#account_billing_contact_information_form label {
    width: 197px;
    display: inline-block;
}

.spec_form {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

.spec_form label {
    width: 230px;
    display: inline-block;
}

.spec_form input[type=text], .spec_form input[type=password], .spec_form input[type=email] {
    width: 300px;
}

/* ---- CHECKBOX TYPE BOUTON ON/OFF---- */
.holidays_checkbox {
    display: inline;
}

[type="checkbox"].btn_checkbox:not(:checked),
[type="checkbox"].btn_checkbox:checked {
    position: absolute;
    left: -9999px;
}

[type="checkbox"].btn_checkbox:not(:checked) + label,
[type="checkbox"].btn_checkbox:checked + label {
    position: relative;
    padding-left: 75px;
    cursor: pointer;
    color: #FFF;
}

[type="checkbox"].btn_checkbox:not(:checked) + label:before,
[type="checkbox"].btn_checkbox:checked + label:before,
[type="checkbox"].btn_checkbox:not(:checked) + label:after,
[type="checkbox"].btn_checkbox:checked + label:after {
    content: '';
    position: absolute;
}

[type="checkbox"].btn_checkbox:not(:checked) + label:before,
[type="checkbox"].btn_checkbox:checked + label:before {
    left: 0;
    top: -3px;
    width: 65px;
    height: 27px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    background: #ff5a5f;
    -webkit-transition: background-color .2s;
    -moz-transition: background-color .2s;
    -o-transition: background-color .2s;
    transition: background-color .2s;
}

[type="checkbox"].btn_checkbox:not(:checked) + label.holidays_checkbox:before,
[type="checkbox"].btn_checkbox:checked + label.holidays_checkbox:before {
    background: #7F7F7F;
}

[type="checkbox"].btn_checkbox:checked + label.holidays_checkbox:before {
    background: #ff5a5f;
}

[type="checkbox"].btn_checkbox:not(:checked) + label:after,
[type="checkbox"].btn_checkbox:checked + label:after {
    width: 19px;
    height: 19px;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #FFF;
    top: 1px;
    left: 6px;
}

/* on checked */
[type="checkbox"].btn_checkbox:checked + label:before {
    background: var(--color-success);
}

[type="checkbox"].btn_checkbox:checked + label:after {
    background: #FFF;
    top: 1px;
    left: 41px;
}

[type="checkbox"].btn_checkbox:checked + label .ui,
[type="checkbox"].btn_checkbox:not(:checked) + label .ui:before,
[type="checkbox"].btn_checkbox:checked + label .ui:after {
    position: absolute;
    left: 7px;
    width: 65px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    font-size: 11px;
    font-weight: 500;
    line-height: 22px;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}

[type="checkbox"].btn_checkbox:not(:checked) + label .ui:before {
    content: "NON";
    left: 30px;
}

[type="checkbox"].btn_checkbox:checked + label .ui:after {
    content: "OUI";
}

[type="checkbox"].btn_checkbox:focus + label:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.offer_edit label {
    margin-bottom: 15px;
}

/* ---- FIN CHECKBOX TYPE BOUTON ON/IFF---- */

/* ---- ETOILE DE NOTATION---- */
.rating.small {
    line-height: 20px;
}

table .rating.small {
    line-height: 0;
}

.rating.small span {
    display: inline-block;
    height: 20px;
    width: 13px;
    background: url(/img/rating_stars_small.png) no-repeat;
    background-position: 0 1px;
    letter-spacing: 0.25em;
}

.rating.small span.s1 {
    background-position: 0 0;
}

.rating.small span.s2 {
    background-position: -14px 0;
}

.rating.small span.s3 {
    background-position: -28px 0;
}

#last_comments_box .rating.small {
    display: inline-block;
}

#last_comments_box .rating.small span {
    display: inline-block;
    float: left;
    height: 15px;
    width: 14px;
    background: url(/img/rating_stars_small_blue.png) no-repeat;
    background-position: 0 2px;
    letter-spacing: .25em;
}

.big_rating span, .rating_action span {
    display: inline-block;
    height: 30px;
    width: 28px;
    background: url(/img/rating_stars.png) no-repeat;
}

.rating_action.action span:hover {
    cursor: pointer;
}

#register_master_comment .rating_action {
    margin-right: 20px;
}

#register_comment .rating_action {
    height: 45px;
    line-height: 45px;
    padding-top: 7px;
}

#register_comment .rating_action span {
    vertical-align: text-bottom;
}

.big_rating .s1 {
    background-position: 0 0;
}

.big_rating .s2 {
    background-position: -28px 0;
}

.big_rating .s3, .rating_action span.s1 {
    background-position: -56px 0;
}

.middle_rating {
    padding: 0 0;
    text-align: center;
    margin-left: 10px;
    height: 15px;

}

.middle_rating span {
    display: inline-block;
    height: 14px;
    width: 14px;
    background: url(/img/rating_stars_small.png) no-repeat;
}

.middle_rating .s1 {
    background-position: 0 0;
}

.middle_rating .s2 {
    background-position: -28px 0;
}

.middle_rating .s3 {
    background-position: -56px 0;
}

#last_comments .small_rating {
    height: 15px;
    line-height: 15px;
    width: 70px;
    display: inline-block;
    float: left;
    text-align: right;
    padding-right: 5px;
}

#last_comments .small_rating span {
    display: block;
    float: left;
    height: 15px;
    width: 14px;
    background: url(/img/rating_stars_small_blue.png) no-repeat;
    letter-spacing: 0.25em;
}

/*-------------- TABLEAUX HTML ------------- */

table {
    width: 100%;
    font-size: 13px;
    margin-bottom: 20px;
}

table tr {
    width: 100%;
    height: 35px;
}

table tr td {
    font-size: 13px;
    padding: 0 10px;
}

table tr th {
    font-family: "Museo Sans W03_500", sans-serif;
    border-top: 1px solid #d8d8d8;
    border-bottom: 1px solid #d8d8d8;
    background-color: #FFF;
}

table i {
    font-size: 24px;
    display: inline-block;
    vertical-align: middle;
    padding-top: 4px;
}

table.ui-datepicker-calendar tr {
    height: auto;
}

#my-account table tr th {
    border-top: 0 solid #d8d8d8;
    font-family: "Museo Sans W03_500", sans-serif;
}

.table tr:nth-child(2n+1) {
    background-color: #f6f6f6;
}


table tr.selected {
    background-color: #f6f6f6;
}

.table.simple tr:nth-child(2n+1) {
    background-color: #FFF;
}

.table.simple tr {
    border-bottom: 1px solid #d8d8d8;
}

table.table.simple tr th {
    font-weight: 500;
    border-top: none;
    border-bottom: 1px solid #d8d8d8;
}

.table.simple.linked tr:hover {
    background-color: #f6f6f6;
    cursor: pointer;
}

table.parrainage_table {
    width: 70%;
    margin: 0 auto;
}

table.parrainage_table tr td {
    background-color: #FFF;
    text-align: left;
    padding-left: 60px;
}

table.parrainage_table label {
    width: auto;
}

table .link_table a {
    display: block;
    height: 31px;
    width: 100%;
    line-height: 31px;
    overflow: hidden;
}

/*-------------- FIN  TABLEAUX HTML ------------- */

/***** ICONE TEXTE *****/
[data-icon]:before {
    font-family: 'icomoon', sans-serif;
    content: attr(data-icon);
    speak: none;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-search:before {
    content: "s";
    font-family: 'icomoon', sans-serif;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 2;
    -webkit-font-smoothing: antialiased;
}

.icon-favoris:before {
    content: "h";
    font-family: 'icomoon', sans-serif;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    margin-right: 3px;
    font-size: 14px;
}

.icon-share:before {
    content: "a";
    font-family: 'icomoon', sans-serif;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    margin-right: 3px;
    font-size: 16px;
}

.icon-chat:after {
    content: "c";
    font-family: 'icomoon', sans-serif;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    margin-left: 15px;
}

.icon-mail:after {
    content: "m";
    font-family: 'icomoon', sans-serif;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    margin-left: 10px;
    font-size: 15px;
    line-height: 16px;
}

.icon-files {
    display: inline-block;
    height: 20px;
    width: 20px;
    line-height: 20px;
    background-color: #706c69;
    text-align: center;
    margin-right: 5px;
    color: #FFF;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.icon-files:before {
    content: "f";
    font-family: 'icomoon', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    font-size: 12px;
    line-height: 16px;
}

.sound_on:after {
    content: "!";
    font-family: 'icomoon', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    margin-left: 7px;
    font-size: inherit;
}

.sound_off:after {
    content: '"';
    font-family: 'icomoon', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    margin-left: 7px;
    font-size: inherit;
}

.icon-upload:after {
    content: "#";
    font-family: 'icomoon', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    margin-left: 5px;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    font-size: 12px;
    line-height: 16px;
}

.icon-more_commentaries:after {
    content: "$";
    font-family: 'icomoon', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    margin-left: 10px;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    font-size: 14px;
}

/***** END ICONE TEXTE *****/

/***** BOUTON *****/

.button {
    display: block;
    background-color: #ebebeb;
    text-align: center;
    font-size: 10px;
    text-transform: uppercase;
    padding: 5px 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 10px;
    font-weight: 600;
    outline: none;
    text-decoration: none;
}

.small_btn {
    display: block;
    background-color: #ebebeb;
    text-align: center;
    line-height: 19px;
    font-size: 13px;
    text-transform: uppercase;
    padding: 5px 10px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer;
    margin-bottom: 10px;
    font-weight: 600;
}

.mini_btn {
    display: block;
    background-color: #ebebeb;
    text-align: center;
    font-size: 11px;
    text-transform: uppercase;
    padding: 4px 10px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
    font-weight: 600
}

.suivi_djob_btn {
    width: 130px;
}

.account_btn {
    width: 130px;
    padding: 5px 10px;
}

.form_button {
    height: 34px;
}

.small_btn i {
    font-size: 24px;
    font-weight: normal;
    vertical-align: middle;
}

.button.blue, #popup .button.blue {
    background-color: #36a9e1;
    color: #FFF;
}

.update_large_btn:hover, .button.online_p:hover, .button.online_s:hover, .button.online_f:hover, .button.online:hover, .big_btn.online:hover, .large_btn.online_f:hover, .large_btn.online:hover, .large_btn.voucher:hover, #chat_box form input[type=submit]:hover, #popup .button:hover, .big_btn:hover, .small_btn:hover, .button.blue:hover, .large_btn.chat:hover, .button.wait:hover, .button:hover, .big_btn.wait:hover, .large_btn.wait:hover,
.big_btn.buy_fast_pass:hover, .large_btn.buy_fast_pass:hover, .big_btn.fast_pass:hover, .large_btn.fast_pass:hover,
.big_btn.purchase_fast_pass:hover, .large_btn.purchase_fast_pass:hover, .button.purchase_fast_pass:hover {
    background-color: #797979;
    color: #FFF;
    cursor: pointer;
}

.update_large_btn:active, .button.online_p:active, .button.online_s:active, .button.online_f:active, .button.online:active, .big_btn.online:active, .large_btn.online:active, .large_btn.voucher:active, #chat_box form input[type=submit]:active, #popup .button:active, .big_btn:active, .small_btn:active, .button.blue:active {
    background-color: #000;
    color: #FFF;
    cursor: pointer;
}

.button.blue.send_dis.b_4 {
    display: none;
}

.big_btn.offline:active, .big_btn.busy:active, .big_btn.offline:hover, .big_btn.busy:hover {
    cursor: default;
    background-color: #7f7f7f
}

.big_btn.busy:hover, .big_btn.busy:hover {
    cursor: default;
    background-color: #e68602;
}

.big_btn.full:hover, .button.full:hover, .large_btn.full:hover {
    cursor: default;
    background-color: #F56c24;
}

.big_btn.fast_pass_active:hover {
    cursor: default;
    background-color: var(--color-prime-primary);
}

.big_btn.fast_pass_used:hover {
    cursor: default;
    background-color: #fff;
    border: 1px solid var(--color-prime-primary);
    color: var(--color-prime-primary);
}

.busy #chat_btn, .offline #chat_btn, .wait #chat_btn, .wait1 #chat_btn, .wait2 #chat_btn, .wait3 #chat_btn, .wait4 #chat_btn, .wait5 #chat_btn, .full #chat_btn,
.fast_pass_active #chat_btn, .fast_pass_used #chat_btn, .fast_pass #chat_btn, .buy_fast_pass #chat_btn {
    display: none;
}

.big_btn {
    display: block;
    background-color: #ebebeb;
    text-align: center;
    height: 18px;
    line-height: 18px;
    font-size: 12px;
    width: 115px;
    text-transform: uppercase;
    padding: 3px 1px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-bottom: 10px;
    font-weight: 400;
}

.master_btn, #btn-gift-voucher.master_btn {
    background-color: #ff5a5f;
    color: #FFF;
    padding: 15px 60px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
}

#btn-gift-voucher.master_btn {
    border-color: #ff5a5f;
}

.small_btn.master_btn {
    min-width: 130px;
    padding: 5px 10px;
    color: #FFF;
}

.offer_inline .big_btn {
    margin-top: 10px;
}

.full_width_button {
    width: 100%;
    padding: 10px;
    font-size: 13px;
}

.landing_big_button {
    margin-top: 80px;
    font-family: "Museo Sans W03_500", sans-serif;
    font-size: 16px;
    display: inline-block;
    -moz-border-radius: 7px;
    border-radius: 7px;
    padding: 20px 25px;
    background-color: #FFF;
    border: 1px solid #7F7F7F;
    color: #7F7F7F;
    text-transform: uppercase;
}

.landing_big_button:hover {
    background-color: #7F7F7F;
    color: #FFF;
}

.large_btn {
    display: block;
    width: 100%;
    height: 60px;
    line-height: 60px;
    background-color: #ebebeb;
    text-align: center;
    font-size: 20px;
    text-transform: uppercase;
    -moz-border-radius: 8px;
    border-radius: 8px;
    margin-bottom: 10px;
    font-weight: 500;
}

.large_btn.chat {
    background-color: #99c928;
    color: #FFF;
    cursor: pointer;
    margin-top: 15px;
}

.large_btn.chat img {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
}

.labels.online, .statut.online {
    background-color: #36a9e1;
    color: #FFF;
}

.button.online_p, .button.online_s, .button.online_f, .button.online, .button.call, .big_btn.online, .big_btn.online_f, .large_btn.online_f, .large_btn.online, .small_btn.online {
    background-color: #36a9e1;
    color: #FFF;
}

.button.busy, .labels.busy, .statut.busy, .big_btn.busy, .large_btn.busy, .big_btn.wait, .button.wait {
    background-color: #e68602;
    color: #FFF;
    white-space: nowrap;
}

#sign-in-with-apple {
    color: #ffffff;
    display: block;
    background-color: black;
    text-align: center;
    font-size: 14px;
    text-transform: none;
    padding: 8px 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 10px;
    outline: none;
    text-decoration: none;
    width: 210px;
    height: 32px;
    vertical-align: baseline;
    margin-left: auto;
    margin-right: auto;
}

.img_waiting_queue_full {
    display: inline-block;
    height: 10px;
    margin-bottom: 4px;
}

.big_btn.wait, .button.wait, .big_btn.full, .button.full, .large_btn.wait, .large_btn.full {
    color: #FFF;
    background-color: #F56c24;
}

.big_btn.fast_pass, .large_btn.fast_pass, .button.fast_pass,
.big_btn.buy_fast_pass, .large_btn.buy_fast_pass, .button.buy_fast_pass,
.big_btn.purchase_fast_pass, .large_btn.purchase_fast_pass, .button.purchase_fast_pass {
    background-color: var(--color-prime-primary);
    color: #fff;
}

.offer_block.click_to_call .big_btn.fast_pass, .offer_block.click_to_call .big_btn.buy_fast_pass {
    font-size: 12px;
}

.offer_block.click_to_call .big_btn.purchase_fast_pass {
    font-size: 9px;
}

.big_btn.fast_pass_active, .large_btn.fast_pass_active, .button.fast_pass_active {
    background-color: var(--color-prime-primary);
    color: #fff;
}

.offer_block.click_to_call .big_btn.fast_pass_active {
    font-size: 12px;
}

.big_btn.fast_pass_used, .large_btn.fast_pass_used, .button.fast_pass_used {
    background-color: #fff;
    color: var(--color-prime-primary);
    border: 1px solid var(--color-prime-primary);
}

.algolia_voice_status_buttons .big_btn.fast_pass,
.algolia_voice_status_buttons .big_btn.buy_fast_pass {
    font-size: 9px;
}

.algolia_voice_status_buttons .big_btn.fast_pass_used {
    font-size: 10px;
}

.offer_block.click_to_call .big_btn.fast_pass_used {
    font-size: 12px;
}

.offer_block.click_to_call .big_btn.alert_sms {
    font-size: 11px;
    line-height: 10px;
    text-transform: none;
}

.alert_sms .chat_btn {
    display: none;
}

.alert_sms .hide, .busy .hide {
    display: block !important;
}

.button.offline, .labels.offline, .statut.offline, .big_btn.offline, .large_btn.offline {
    background-color: #7f7f7f;
    color: #FFF;
}

.offline .large_btn.hide {
    display: block !important;
}

.button.blue.send.b_4 {
    color: #FFF
}

.big_btn.wait, .big_btn.full {
    font-size: 11px;
}

.big_btn em, .large_btn em, .button em {
    font-style: normal;
    color: #FFF;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 11px;
}

/*-- BOUTON POUR V4 DIGITAL ART*/
.simple_btn:hover, .medium_btn:hover {
    background-color: #797979;
    color: #FFF;
    cursor: pointer;
}

.inline {
    display: inline-block;
}

.inline_btn {
    display: inline-block;
    margin: 10px;
}

button {
    display: inline-block;
    padding: 13px 20px;
    border: none;
    outline: none;
    font-family: "Museo Sans W03_500", sans-serif;
    color: #7F7F7F;
    font-size: 14px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer;
    background-color: #eeeeee;
    text-transform: uppercase;
    font-weight: 600;
}

button.blue_btn {
    background-color: #36a9e1;
    color: #FFF;

}

button.grey_btn {
    background-color: #7F7F7F;
    color: #FFF;
}

button:hover, a.navigation_btn:hover, .custom_file_upload:hover, #add_djob_CANCELED_CSS {
    background-color: #7f7f7f;
    color: #FFF;
}

button.orange, .simple_btn.orange, .medium_btn.orange {
    background-color: #ff5a5f;
    color: #FFF;
}

button.right {
    margin-left: 10px;
}

button.with_icone {
    padding: 9px 15px 5px 15px;
}

button.with_icone i {
    font-size: 24px;
    margin-right: 5px;
    vertical-align: middle;
}

button.medium_btn {
    display: inline-block;
    font-size: 14px;
    margin: 7px;
}

button.btn_large {
    display: inline-block;
    width: 100%;
}

#order_slide_btn {
    padding: 16px;
    font-size: 20px;
    background-color: #FF5A5C;
    color: #FFF;
}

#order_slide_btn:hover {
    background-color: #7f7f7f;
    color: #FFF;
}

.disabled_button {
    opacity: 0.3;
}

.upload_file {
    position: relative;
    overflow: hidden;
    padding: 7px 10px;
    background-color: #FFF;
    border: 2px solid #9B9B9B;
    vertical-align: middle;
    font-family: "Museo Sans W03_500", sans-serif;

}

.timeline-files-list .upload_file {
    padding: 1px 10px;
    font-size: 11px;
}

.upload_file i {
    margin-right: 5px;
    font-size: 18px;
}

.upload_file input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
}

/* BOUTON DOWNLOAD DANS SUIVI DJOBS A VALIDE ET A LIVRE */
.big_download_button {
    background: #FFF url(/img/cloud.png) no-repeat center 15px;
    -moz-background-size: 100px;
    -o-background-size: 100px;
    background-size: 100px;
    border: 1px solid #d9d9d9;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 15px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    margin-bottom: 20px;
    width: 150px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 90px;
    margin-left: 30px;
    float: right;
}

.djob_timeline .big_download_button {
    background: #f1f0f0 url(/img/cloud.png) no-repeat center 15px;
    -moz-background-size: 100px;
    -o-background-size: 100px;
    background-size: 100px;
    border: none;
}

.big_download_button:hover {
    cursor: pointer;
}

.fixed_btn {
    width: 210px;
}

button:disabled {
    background-color: #7f7f7f;
}

button:disabled:hover {
    cursor: default;
}

button.with_loader {
    background-image: url(/img/ajax-loader_button.gif);
    background-repeat: no-repeat;
    background-position: center;
    text-indent: 20px;
}

#validate_modify_brief.with_loader {
    background-position: 13px 12px;
}

#revision_send_button.with_loader, #send_chat_submit.with_loader {
    background-position: center center;
}

.simple_btn {
    display: inline-block;
    font-weight: 500;
    text-align: center;
    font-size: 12px;
    text-transform: uppercase;
    background-color: #ebebeb;
    padding: 5px 15px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.circle_btn.plain_button, .circle_btn.plain_button:hover {
    font-family: "Museo Sans W03_700", sans-serif;
    -moz-border-radius: 5px;
    border-radius: 5px;
    opacity: 1;
    background-color: #FFF;
    color: #414141;

}

.circle_btn {
    font-family: "Museo Sans W03_700", sans-serif;
    padding: 5px 15px;
    border: solid 2px #FFF;
    -moz-border-radius: 5px;
    border-radius: 5px;
    opacity: 1;
    background-color: rgba(0, 0, 0, 0);
    color: #FFF;
    font-size: 13px;
    text-transform: uppercase;
    cursor: pointer;
}

.circle_btn:hover {
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-transition-property: background-color;
    -webkit-transition-duration: 0.3s;
    -moz-transition-property: background-color;
    -moz-transition-duration: 0.3s;
    -o-transition-property: background-color;
    transition-property: background-color;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    cursor: pointer;
}

.action_btn {
    padding: 5px 15px;
    border: solid 1px #7F7F7F;
    -moz-border-radius: 5px;
    border-radius: 5px;
    opacity: 1;
    background-color: #FFF;
    color: #7F7F7F;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 500;
    cursor: pointer;
    height: 36px;
    line-height: 10px;
}

.action_btn i {
    font-size: 24px;
    margin-right: 5px;
    vertical-align: middle;
    font-weight: 500;
}

.action_btn.orange {
    border: none;
}

/*-- BOUTON AVEC ICONE*/
button.send_doc {
    background: #eeeeee url(/img/upload_icon.png) no-repeat 10px center;
    padding-left: 60px;
}

.navigation_btn, .nextFirstPage, #add_djob_CANCELED_CSS {
    padding: 8px;
    border: solid 1px #a5a4a4;
    -moz-border-radius: 5px;
    border-radius: 5px;
    opacity: 1;
    background-color: #FFF;
    color: #a5a4a4;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 500;
    cursor: pointer;
    width: 145px;
    line-height: 16px;
    text-align: center;
}

.navigation_btn.right {
    margin-left: 10px;
}

.navigation_btn.left {
    margin-right: 10px;
}

/*-- BOUTON POUR LES POPUP*/
#popup .button, #popup_info .button {
    min-width: 110px;
    display: inline-block;
    background-color: #ebebeb;
    text-align: center;
    font-size: 13px;
    text-transform: uppercase;
    padding: 5px 25px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-weight: 600;
    outline: none;
    text-decoration: none;
    margin: 10px;
    cursor: pointer;
    box-sizing: border-box;
}

/*-- BOUTON UPLOAD AVEC ICONE*/
.custom_file_upload {
    padding: 5px 10px 4px 4px;
    border: solid 1px #a5a4a4;
    -moz-border-radius: 5px;
    border-radius: 5px;
    opacity: 1;
    background-color: #FFF;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 500;
    cursor: pointer;
    line-height: 16px;
    text-align: center;
    position: relative;
}

.custom_file_upload i {
    font-size: 24px;
    margin: 5px;
}

.custom_file_upload input {
    position: absolute;
    display: none;
    margin: 0;
    opacity: 0;
    filter: alpha(opacity=0);
}

/***** END BOUTON *****/

/***** FOOTER *****/
#footer {
    padding-top: 50px;
    padding-bottom: 50px;
    font-size: 12px;
    background-color: #7f7f7f;
}

#footer_mobile {
    display: none;
}

#footer .title {
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 10px;
    color: #FFF;
}

#footer p {
    margin-bottom: 3px;
    color: #FFF;
}

#footer p.desktop_hide {
    display: none;
}

#footer em {
    font-size: 10px;
    color: #FFF;
}

#footer .legacy {
    margin-top: 30px;
    font-size: 11px;
    text-align: center;
}

#footer p a:hover {
    text-decoration: underline;
    color: inherit;
}

#footer .social_logo {
    margin: 5px 15px 10px 0;
    display: inline-block;
}

.fa-3x {
    font-size: 2em;
}

/***** FIN FOOTER *****/

/***** MESSAGE NOTIFICATION *****/

/* NOTIFICATION ET MESSAGE (ERROR - INFOS - SUCCESS - ALERT) */

.flash_djob_message {
    -moz-border-radius: 7px;
    border-radius: 7px;
    background-color: #79c328;
    color: #ffffff;
}

.notif {
    position: relative;
    font-size: 14px;
    margin: 15px 0;
    padding: 15px;
    background-color: #e3e3e3;
    -moz-border-radius: 7px;
    border-radius: 7px;
    color: #FFF;
}

.notif strong {
    font-weight: 600;
}

.notif a {
    text-decoration: underline;
}

.notif.default {
    background-color: #f1f1f1;
    color: #7f7f7f;
}

.notif p, .notif ul, .notif ol, .notif li {
    font-size: 13px;
    color: #FFF;
}

.notif ul, .notif ol {
    margin: 15px;
}

.notif ul li, .notif ol li {
    padding-left: 15px;
    margin-bottom: 5px;
    list-style: disc inside;
}

.notif ol li {
    list-style: decimal inside;
}

.notif p.title {
    font-size: 18px;
    font-weight: 600;
    color: #FFF;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.notif.success, .badge.success {
    background-color: #88c522;
}

.notif.infos, .badge.warning {
    background-color: #e68602;
}

.notif.error, .badge.error {
    background-color: #E13636;
}

.notif.error img {
    display: inline-block;
}

.badge.infos, .notif.alert {
    background-color: #36a9e1;
}

.notif.alert_fb {
    background-color: #4267b2;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.notif.alert_fb i {
    display: block;
}

i.icon_success {
    color: #88C522;
}

i.icon_warning {
    color: #e68602;
}

i.icon_error {
    color: #E13636;
}

i.icon_infos {
    color: #36A9E1;
}

.notif .big_title {
    font-size: 24px;
    font-weight: 900;
    margin-bottom: 15px;
}

.notif i {
    display: none;
}

.notif.closable {
    padding-right: 45px;
}

.notif.with_icone {
    position: relative;
    display: flex;
    align-items: center;
}

.notif.with_icone i {
    display: block;
    font-size: 40px;
    margin-right: 10px;
}

.notif.closable i {
    display: block;
    position: absolute;
    right: 10px;
    top: 10px;
    color: #7F7F7F;
    line-height: 18px;
    font-style: normal;
    font-weight: 600;
    cursor: pointer;
    -moz-border-radius: 50px;
    border-radius: 50px;
    background-color: #FFF;
    width: 20px;
    height: 20px;
    text-align: center;
}

.notif.infos.confirm {
    padding-right: 150px;
}

.notif.infos.confirm .action {
    float: right;
    text-align: right;
    position: absolute;
    right: 15px;
    top: 15px;
}

.notif.infos.confirm .action span {
    padding: 7px 15px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #FFF;
    color: #7F7F7F;
    margin-left: 15px;
    margin-top: -7px;
    cursor: pointer;
}

.notif.infos.confirm .action span:hover {
    background-color: #7F7F7F;
    color: #FFF;
}

.notif.big_notif {
    padding: 10px;
    font-size: 24px;
}

.notif.big_notif i {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 70px;
    float: none;
    margin-right: 10px;
    width: auto;
    height: auto;
}

.notif img.social_btn {
    vertical-align: middle;
}

.notif .sharing_btn {
    display: inline-block;
    position: absolute;
    top: 9px;
    right: 10px;
}

/* GROS MESSAGE DE CONFIRMATION D'INSCRIPTION SUR LA HOME UNIQUEMENT */
.register_notif {
    font-family: "Museo Sans W03_100", sans-serif;
    font-size: 28px;
    text-align: center;
    color: #FFF;
    background-color: #414141;
    right: 0;
    left: 0;
    padding: 40px 20px;
    top: 0;
    position: absolute;
    z-index: 101;
}

.register_notif .close {
    display: inline-block;
    height: 25px;
    width: 25px;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #fefefe;
    color: #7F7F7F;
    font-size: 16px;
    line-height: 25px;
    margin-left: 30px;
    vertical-align: middle;
    cursor: pointer;
}

/* MESSAGE DE WARNING DANS LES FORMULAIRES*/
.warning-message {
    color: #E13636;
    font-weight: 500;
    font-size: 12px;
}

.warning-message i {
    font-size: 24px;
    vertical-align: middle;
}

/* MESSAGE D'ERREUR DANS LE POPUP*/
#error_form_message {
    text-align: center;
    color: white;
    margin-bottom: 12px;
}

.field_err {
    background-color: white;
}

.formErrorContent_2 {
    text-align: center;
    color: #ff5a5f;
}

/* CONTROLLE DES FORMULAIRES */
.formError {
    z-index: 1;
}

.formError .formErrorContent {
    z-index: 1;
}

.formError .formErrorArrow {
    z-index: 1;
}

.ui-dialog .formError {
    z-index: 1;
}

.ui-dialog .formError .formErrorContent {
    z-index: 1;
}

.ui-dialog .formError .formErrorArrow {
    z-index: 1;
}

.formError {
    position: absolute;
    display: block;
    text-align: left;
    color: #ff0000;
    font-weight: 500;
    font-size: 10px;
    min-width: 200px;
}

.formErrorContent {
    display: block;
    float: left;
    text-align: left;
    color: #ff0000;
    font-weight: 500;
    font-size: 10px;
}

.formErrorContent_2 {
    display: block;
    float: left;
    text-align: left;
    color: #ff0000;
    font-weight: 500;
    font-size: 10px;
    padding-top: 2px;
}

#popup .formErrorContent_2 {
    float: none;

}

/* LES POPUPS ET BACKGROUND*/

/* NOUVELLE CLASS POUR DA */
#hover_bg, #hover_bg_info {
    background-color: rgba(0, 0, 0, 0.8);
    bottom: 0;
    height: 100%;
    left: 0;
    position: fixed;
    right: 0;
    top: 0px;
    width: 100%;
    z-index: 4;
}

#hover_bg_menu_mobile {
    background-color: rgba(0, 0, 0, 0.5);
    bottom: 0;
    height: 100%;
    left: 0;
    position: fixed;
    right: 0;
    top: 55px;
    width: 100%;
    z-index: 4;
    display: none;
}

html.touch.slideout-open #hover_bg_menu_mobile {
    display: block;
}

#popup.medium .col {
    width: 25%;
    float: left;
    margin-bottom: 10px;
}

#popup, #popup_info {
    left: 50%;
    position: absolute;
    top: 100px;
    z-index: 6;
    background-color: #FFF;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 3px;
}

#popup div.content, #popup_info div.content {
    padding: 20px 10px 20px 10px;
}

#popup_header_info {
    margin: 10px;
}

#popup .btn_blue {
    font-size: 16px;
    display: block;
    margin: 20px;
    margin-left: auto;
    margin-right: auto;
    background-color: #36a9e1;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #FFF;
    text-align: center;
    font-weight: 500;
    cursor: pointer;
    text-transform: uppercase;
}

#popup .btn_orange {
    font-size: 16px;
    display: block;
    margin: 20px;
    margin-left: auto;
    margin-right: auto;
    background-color: #ff5a5f;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #FFF;
    text-align: center;
    font-weight: 500;
    cursor: pointer;
    text-transform: uppercase;
}

#popup .btn_blue:hover, #popup .btn_orange:hover {
    background-color: #797979;
    color: #FFF;
    cursor: pointer;
}

#popup .btn_blue:disabled:hover, #popup .btn_orange:disabled:hover {
    background-color: #D1D1D1;
    color: #FFF;
    cursor: not-allowed;
}

#popup form {
    padding: 0;
}

#popup label {
    margin-right: 10px;
    min-width: 90px;
}

#popup .title {
    font-family: "Museo Sans W01_900", sans-serif;
    padding: 0;
    font-size: 26px;
    text-align: center;
    margin-bottom: 10px;
    text-transform: uppercase;
    color: #FFF;
}

#popup .title em {
    text-transform: none;
    font-size: 27px;
    font-style: normal;
}

#popup .da_background .title {
    color: #414141;
    position: relative;
}

#popup.small, #popup_info.small {
    width: 320px;
    margin-left: -160px;
}

#popup.medium_small, #popup_info.medium_small {
    width: 390px;
    margin-left: -195px;
}

#popup.medium, #popup_info.medium {
    width: 630px;
    margin-left: -315px;
}

#popup.large, #popup_info.large {
    width: 870px;
    margin-left: -435px;
}

#popup .da_background {
    padding: 20px 20px 0 20px;
    color: #7F7F7F;
}

#popup .da_background .content {
    padding: 0;
}

#popup .da_background form label {
    color: #7F7F7F;
    margin-right: 10px;
}

#popup .login #popuplastchild {
    padding-bottom: 20px;
}

#popup .login_input, .field_err {
    background-color: #ecedf1;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

#popup .login_action, #popup .login_action p {
    color: #7F7F7F;
    font-size: 11px;
}

#popup .login_action span, #popup .login_action label {
    color: #7F7F7F;
    display: inline-block;
    font-size: 12px;
    height: 15px;
    line-height: 24px;
}

#popup .login .footer, #popup .footer {
    text-align: center;
    border-top: 1px solid white;
    padding: 20px 0 15px 0;
    color: #7F7F7F;
}

#popup .footer small {
    font-size: 10px;
}

.footer .already_member {
    color: #7F7F7F;
    height: 25px;
    line-height: 30px;
}

#popup .login.circle_btn {
    border-color: #7F7F7F;
    color: #7F7F7F;
    margin-bottom: 20px;
}

#popup .login.circle_btn:hover {
    color: #FFF;
}

/* FIN NOUVELLE CLASS POUR DA */
#popup .price {
    font-size: 12px;
}

#popup .price_f {
    display: none;
    font-size: 12px
}

#popup .price_t {
    display: none;
    font-size: 12px
}

#popup.free .price {
    text-decoration: line-through;
    color: grey;
    font-size: 12px
}

#popup.free .price_f {
    display: inline;
    font-weight: bold;
    color: #36a9e1;
    font-size: 12px;
}

#popup.free .cash {
    display: none;
    font-size: 12px
}

#popup .header, #popup_info .header {
    height: 55px;
    background-color: #414141;
    font-size: 25px;
    color: #FFF;
    line-height: 55px;
    text-align: center;
    font-weight: 300;
    border-bottom: 3px solid #FFF;
}

#popup .header .close, #popup_info .header .close {
    position: absolute;
    right: 13px;
    top: 18px;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    line-height: 18px;
    display: block;
    background-color: #FFF;
    color: #ababab;
    font-size: 14px;
    font-weight: bold;
}

#popup .header.error {
    background-color: #e13636;
}

#popup .content h2 {
    font-size: 20px;
    font-weight: 400;
    padding: 5px;
    margin-bottom: 10px;
}

#popup .content h4 {
    font-size: 16px;
    padding: 5px;
    margin-bottom: 10px;
    text-align: center;
}

#popup .content h4.live_recharge_title {
    font-size: 36px;
    padding: 5px;
    margin-bottom: 10px;
    text-align: center;
}

#popup .content h4.live_recharge_title br {
    display: none;
}

#popup .content h4 sup {
    font-size: 25px;
    color: #36a9e1;
}

#popup .dix-euro-cadeau {
    min-height: 460px;
    background: url(/img/10Eofferts.jpg) no-repeat;
    position: relative;
}

#popup .parrainage {
    min-height: 460px;
    background: url(/img/parrainage/popup_parrainage.jpg) no-repeat;
    position: relative;
}

#popup .birthday {
    min-height: 280px;
    background: url(/img/birthday_bg.jpg) no-repeat;
    position: relative;
}

#popup .birthday_content {
    text-align: center;
    color: #FFF;
    padding-top: 60px;
    padding-left: 150px;
}

#popup .content.birthday .birthday_content h5 {
    margin-bottom: 30px;
}

#popup .content.birthday .birthday_content h5 strong {
    color: #FFF;
    font-weight: 700;
    font-size: 30px;

}

#popup .content.birthday .birthday_content h4 {
    color: #FFF;
    font-size: 24px;
}

#popup .content.birthday #popuplastchild {
    padding-left: 150px;
}

#popup .boost_bg {
    background: url("/img/boot_classement_bg_12.jpg") no-repeat scroll center top transparent;
    height: 300px;
    padding-top: 15px;
}

#popup .boost_bg .big_label_tittle {
    width: 310px;
    text-align: center;
    font-weight: 600;
}

#popup .boost_bg p {
    width: 310px;
    text-align: center;
}

#popup .voyance_21 {
    background-color: #404040;
    line-height: 20px;
}

#popup .content.voyance_21 p {
    color: #FFF;
    padding: 10px;
}

#popup #cg_form {
    padding-left: 90px;
}

.subscribe_form_master {
    width: 300px;
    float: left;
}

#register_master_part {
    width: 500px;
    float: left;
    padding-right: 20px;
}

#register_master_part .infos {
    width: 220px;
    margin-left: 40px;
}

#subscribe_form_master .cgv_register {
    font-size: 11px;
}

#register_master_part h1, #popup h1 {
    font-weight: 500;
    color: #36a9e1;
    font-size: 18px;
    margin-bottom: 10px;
}

#popup label.card_tittle {
    margin-bottom: 10px;
    display: block;
}

#register_master_part .big_rating {
    padding: 15px 0;
    text-align: center;
    border-bottom: 1px solid #d8d8d8;
    border-top: 1px solid #d8d8d8;
    margin-top: 10px;
}

#register_master_part .master_stat {
    padding: 10px 0;
}

/* POP UP APPEL  */

#popup .list_choice, #popup .commentary_box {
    display: block;
    padding: 20px;
    border-top: 1px solid #d1d1d1;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    position: relative;
}

#popup .list_choice label {
    margin-bottom: 30px;
}

#popup .content .big_label_tittle, .card_tittle {
    font-size: 20px;
    color: #36a9e1;
}

#popup .list_choice .big_price {
    display: block;
    height: 60px;
    font-size: 45px;
    color: #36a9e1;
    position: absolute;
    right: 20px;
    top: 20px;
}

#popup .list_choice .big_price em {
    font-size: 20px;
    font-style: normal;
    color: #36a9e1;
}

/* POP UP BILLING  */

#popup #paiement_form, #popup .popup_centered_form {
    position: relative;
    width: auto;
    right: 0;
    text-align: left;
    padding: 0 90px;
}

#popup #paiement_form.no_padding, #popup .popup_centered_form.no_padding {
    padding: 0;
}

#popup #paiement_form label, #popup .popup_centered_form label {
    min-width: 120px;
}

/* CSS SPECIFIQUE POUR LE CHAT AJAX*/
#popup .chat_ajax {
    height: 600px;
    background: #ebebeb url(none);
    text-align: center;
}

#popup #chat {
    border: 1px solid #7f7f7f;
    height: 350px;
    overflow: scroll;
    padding: 10px;
    display: inline-block;
    float: left;
    margin-bottom: 10px;
    position: relative;
    background: #FFF;
}

.ajax_chat_box {
    width: 469px;
    float: left;
}

.chat_ok {
    background: #FFF;
}

#popup #infos_master {
    display: inline-block;
    float: left;
    width: 110px;
    margin-right: 25px;
    text-align: center;
}

#popup #infos_master p {
    font-size: 10px;
    margin-bottom: 10px;
}

#popup .upload_block {
    background-color: #706c69;
    height: 25px;
    line-height: 25px;
    padding: 0 5px;
    width: 450px;
    color: #FFF;
    margin-bottom: 5px;
    font-size: 11px;
    text-align: left;
    font-weight: 400;
}

#popup .upload_block a {
    color: inherit;
}

#popup .upload_block a:hover {
    text-decoration: underline;
}

#popup .upload_block .files {
    float: right;
}

#popup .upload_block .chrono {
    margin-left: 50px;
}

#popup .mini_chat {
    width: 436px;
}

#popup .chat_ajax .infos_chat {
    margin-bottom: 20px;
    position: relative;
}

#popup .chat_ajax .infos_chat .sound {
    position: absolute;
    right: 0;
    top: 0;
}

#popup #chat li {
    text-align: left;
}

#popup #chat li a {
    text-decoration: underline;
}

#popup #chat img {
    margin: 0;
}

#popup .chat_user_pict {
    background-color: #FFF;
    margin: 5px 0 10px;
    border: 3px solid #d2d2d0;
    height: auto;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

#popup #chat .i_o {
    color: #99c928;
    font-weight: 600;
    clear: left;
    margin-bottom: 15px;
}

#popup #chat_form .send {
    display: inline-block;
}

#popup #chat_form .send_dis {
    display: none;
}

#popup #chat_form.dis .send {
    display: none;
}

#popup #chat_form.dis .send_dis {
    display: inline-block;
    background-color: #797979;
    color: #FFF;
    cursor: wait;
}

#popup #chat .i_e {
    color: #FF1010;
    font-weight: 600;
    clear: left;
    margin-bottom: 15px;
}

#popup #chat .i_n {
    color: #6666FF;
    font-weight: 600;
    clear: left;
    margin-bottom: 15px;
}

#popup #chat .i_g {
    color: #99c928;
    font-weight: 600;
    clear: left;
    margin-bottom: 15px;
}

#popup #chat .c_m {
    text-align: left;
    color: #000000;
    margin-top: 15px;
    margin-bottom: 30px;
    padding-right: 30px;

}

#popup #chat .c_m .chat_user_pict {
    margin-right: 10px;
    display: block;
    float: left;
}

#popup .c_m .post_box {
    padding-top: 10px;
}

#popup #chat .c_p {
    text-align: right;
    padding-left: 30px;
    color: #000000;
    margin-top: 15px;
    margin-bottom: 30px;
}

#popup #chat .c_p .chat_user_pict {
    margin-left: 10px;
    display: block;
    float: right;
}

#popup .c_p .post_box {
    padding-top: 10px;
    color: #36a9e1;
}

#popup .chat_ajax p {
    margin-top: 10px;
    text-align: left;
}

#popup .chat_ajax p span {
    margin: 0;
}

#popup .chat_ajax input[type=text] {
    height: 28px;
    padding: 0px;
    margin-right: 10px;
    outline: none;
    padding-left: 5px;
    border: 1px solid #7f7f7f;
    color: #36a9e1;
    font-weight: normal;
    font-size: 13px;
}

/** LISTE DES MODES DE PAIEMENT **/
.payment_type_list {
    text-align: center;
    vertical-align: middle;
    margin-bottom: 25px;
    border-bottom: 1px solid #d0d0d0;
    height: 90px;
}

.payment_type_list li {
    display: inline-table;
    line-height: 60px;
    width: auto;
    vertical-align: middle;
}

.payment_type_list li label {
    vertical-align: middle;
    margin: 0;
    display: block;
}

/** LISTE CARTE BLEU POUR MULTI CB**/
#popup .card_block_list {
    height: auto;
    border-top: 1px solid #D8D8D8;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 5px;
    padding-bottom: 20px;
}

/** LISTE CARTE BLEU POUR MULTI CB**/
#popup .notcard_block_list {
    height: auto;
    border-top: 1px solid #D8D8D8;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 5px;
    padding-bottom: 10px;
}

.card_block {
    line-height: 16px;
}

.card_block label {
    font-size: 16px;
    color: #7F7F7F;
    font-weight: 500;
    float: left;
    margin-right: 30px;
}

.card_block .cvv {
    font-weight: 500;
    color: #36a9e1;
    font-size: 14px;
}

.card_block .cvv_helper {
    font-style: italic;
}

.card_block .card_field {
    margin-left: 15px;
    margin-top: 3px;
}

.card_block .card_field.first {
    margin-top: 5px;
}

.card_block .card_field.last {
    margin-bottom: 20px;
}

/** BLOCK RECHARGE LIVE**/
.submit_recharge_btn, #popup .submit_recharge_btn {
    background-color: #36a9e1;
    color: #FFF;
    font-family: Montserrat, sans-serif;
    line-height: 16px;
    font-size: 16px;
    display: block;
    background-image: none;
    padding: 13px 20px;
    border: none;
    outline: none;
    -webkit-appearance: button;
    width: 100%;
    border-radius: 5px;
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: center;
    font-weight: 700;
    cursor: pointer;
    text-transform: uppercase;
    margin: 30px auto 10px;
    box-sizing: border-box;
}

.submit_recharge_btn.fixed {
    position: fixed;
    bottom: 0;
    left: 0;
}

.recharger_text_responsive {
    display: none;
    float: none;
}

.submit_recharge_btn.hidden, .loginbox.hidden {
    visibility: visible;
}

.submit_recharge_btn.fixed {
    display: none;
}

/** SECTION TITLES **/
#popup .section_title {
    color: #36A9E1;
    font-family: Montserrat, sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
    margin: 20px 0 15px 0;
    text-align: left;
}

/** PAYMENT METHOD SELECTION **/
#popup .payment_method_container {
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin: 10px 10px;
}

#popup .payment_method_container .payment_method {
    border: 1px solid #DADADA;
    padding: 15px;
    display: flex;
    align-items: center;
    border-radius: 10px;
    position: relative;
    box-sizing: border-box;
    cursor: pointer;
    background: white;
    font-weight: bold;
}

.payment_method + .payment_method {
    margin-top: 10px;
}

.payment_method[data-method="apple_pay"] {
    margin-top: 10px;
}

.payment_method[data-method="paypal"] {
    margin-top: 10px;
}

#popup .payment_method_container .payment_method .choice {
    width: 20px;
    height: 20px;
    border: 2px solid #DADADA;
    border-radius: 100%;
    position: absolute;
    left: -10px;
    top: 50%;
    transform: translateY(-50%);
    background: white;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: content-box;
    flex-shrink: 0;
}

#popup .payment_method_container .payment_method .choice i {
    font-size: 13px;
    color: #36A9E1;
    display: none;
}

#popup .payment_method_container .payment_method .payment_info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex: 1;
    margin-left: 15px;
}

#popup .payment_method_container .payment_method .payment_info img {
    width: 120px;
    height: auto;
    flex-shrink: 0;
}

#popup .payment_method_container .payment_method .payment_details {
    display: flex;
    flex-direction: column;
    flex: 1;
}

#popup .payment_method_container .payment_method .payment_name {
    color: #7F7F7F;
    font-family: Montserrat, sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
}

#popup .payment_method_container .payment_method .payment_card_number {
    color: #BDBDBD;
    font-family: Montserrat, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    margin-top: 2px;
}

#popup .payment_method_container .payment_method:hover {
    border-color: #36A9E1;
    cursor: pointer;
}

#popup .payment_method_container .payment_method:hover .choice {
    border-color: #36A9E1;
}

#popup .payment_method_container .payment_method:hover .choice i {
    display: block;
    opacity: 0.5;
}

#popup .payment_method_container .payment_method.active {
    border-color: #36A9E1;
}

#popup .payment_method_container .payment_method.active .choice {
    border-color: #36A9E1;
}

#popup .payment_method_container .payment_method.active .choice i {
    display: block;
    opacity: 1;
}

#popup .payment_method_container .payment_method.active .payment_name {
    color: #36A9E1;
}

#popup .payment_method_container .payment_method.active .payment_card_number {
    color: #1B87BB;
}

#popup #paiement_form .button_container {
    padding-left: 10px;
    padding-right: 10px;
}

#popup .live_recharge_card {
    position: relative;
    display: inline-block;
    width: 95px;
    height: 130px;
    margin: 7px;
    opacity: 1;
    color: #FFF;
    font-size: 20px;
    letter-spacing: -2px;
}

#popup .live_recharge_card .selected {
    background: url(/img/Min_BG_recharge_active.png) no-repeat center;
    position: absolute;
    top: 0;
    width: 95px;
    height: 160px;
    display: none;
}

#popup .live_recharge_card.active .selected {
    display: block;
}

#popup .live_recharge_card strong {
    font-weight: 700;
    font-size: 32px;
}

.min_recharge_card {
    height: 160px;
}

.min_recharge_card.r25, .min_recharge_card.r2999, .min_recharge_card.r1499 {
    background: url(/img/Min_BG_recharge50.jpg) no-repeat center;
    background-color: #FFF;
}

.min_recharge_card.r50, .min_recharge_card.r4999 {
    background: url(/img/Min_BG_recharge50.jpg) no-repeat center;
    background-color: #FFF;
}

.min_recharge_card.r75, .min_recharge_card.r7499 {
    background: url(/img/Min_BG_recharge75.jpg) no-repeat center;
    background-color: #FFF;
}

.min_recharge_card.r100, .min_recharge_card.r9999 {
    background: url(/img/Min_BG_recharge100.jpg) no-repeat center;
    background-color: #FFF;
}

.min_recharge_card strong {
    padding-top: 10px;
    display: inline-block;
}

.btn_rech_live {
    font-size: 20px;
    font-weight: bold;
    color: #414141;
}

#btn_rech_live_container:hover {
    cursor: pointer;
}

.btn_rech_live_img {
    display: inline-block;
    width: 25px;
    margin-left: 10px;
}

.chat_ajax .btn_rech_live {
    text-align: center;
    padding: 40px 5px;
    border-top: 1px solid #d8d8d8;
    margin-top: 10px;
    width: 110px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 16px;
    background-position: center 5px;
    background: url(/img/ico_rech_live_chat.png) no-repeat center 10px;
}

/**** POP UP CHAT PRE VENTE DA*****/
#ask_question_to_master button {
    width: 100%;
    padding: 13px 0;
}

#ask_question_to_master .login.circle_btn {
    border-color: #7F7F7F;
    color: #7F7F7F;
}

#ask_question_to_master .login.circle_btn:hover {
    color: #FFF;
}

/** PAGINATION OFFRE**/
#pagin {
    display: block;
    width: 100%;
    font-size: 14px;
    text-align: center;
    margin: 40px;
}

#pagin a {
    box-sizing: border-box;
    display: inline-block;
    padding: 7px 8px;
    margin-left: 2px;
    margin-right: 2px;
    text-align: center;
    text-decoration: none;
    color: #7f7f7f;
    border-radius: 3px;
    border: solid 1px transparent;
    vertical-align: middle;
}

#pagin a.first, #pagin a.last {
    color: #7F7F7F;
    padding: 7px 8px;
    width: 50px;
    background-color: #d8d8d8;
    border-radius: 3px;
}

#pagin a.first:hover, #pagin a.last:hover {
    border: solid 1px transparent;
    background-color: #c6c6c6;
}

#pagin a:hover {
    border: solid 1px #7F7F7F;
}

#pagin a.current {
    color: #ebebeb;
    background-color: #7f7f7f;
}

/** FIN PAGINATION **/

/******** LES PAGES DE CMS SIMPLES TYPES CGU - MENTIONS LÉGALES **************/
.cms {
    padding-bottom: 50px;
}

.cms p {
    font-size: 14px;
    margin-bottom: 10px;
    line-height: 18px;
}

.cms p a {
    text-decoration: underline;
}

.cms li {
    font-size: 14px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 25px;
    list-style: inside;
    text-indent: -1em;
}

.cms h3 {
    font-size: 20px;
    color: #36a9e1;
    margin-top: 20px;
    margin-bottom: 10px;
    text-align: center;
}

.cms h4 {
    font-size: 20px;
    color: #36a9e1;
    margin-top: 20px;
    margin-bottom: 10px;

}

.cms h5 {
    text-align: center;
    font-weight: 600;
}

.cms h6 {
    font-weight: 600;
    color: #36a9e1;
    margin-top: 30px;
    margin-bottom: 10px;
}

.cms form {
    margin-top: 30px;
}

.cms form label {
    width: 120px;
    display: inline-block;
    float: left;
}

.cms form input[type=text], .cms form input[type=email], .cms form select, .cms textarea, n {
    width: 450px;
    font-family: 'Proxima Nova W01', sans-serif;
    height: 35px;
    padding: 0;
    outline: none;
    padding-left: 10px;
    border: 1px solid #bbbbbc;
    font-size: 14px;
    font-weight: 300;
    display: inline-block;
}

.cms textarea {
    height: 200px;
    resize: none;
}

#recharge_block .recharge_round {
    display: block;
    font-weight: 300;
    color: #FFF;
    width: 150px;
    height: 150px;
    line-height: 145px;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    text-align: center;
    font-size: 20px;
}

#popup .recharge_round {
    display: block;
    color: #FFF;
    width: 125px;
    height: 125px;
    line-height: 120px;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    text-align: center;
    font-weight: 300;
    font-size: 20px;
}

/*--------- CARTE DE RECHARGE ------------*/
.general_recharge_card_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -ms-flex-pack: distribute;
    -webkit-justify-content: space-around;
    justify-content: space-around;
}

.recharge_checkmark {
    display: none;
    background: #40b839;
    width: 45px;
    height: 45px;
    top: -10px;
    right: -10px;
    position: absolute;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 2px solid white;
}

.recharge_checkmark img {
    width: 38px;
    padding-top: 10px;
}

.recharge_card.active .recharge_checkmark {
    display: block;
}

.recharge_card {
    position: relative;
    background-color: #FFF;
    border-radius: 10px;
    height: 20px;
    border: 1px solid #d8d8d8;
    width: 275px;
    height: 170px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-bottom: 10px;
    background-position: 9px;
}

.recharge_card:hover {
    cursor: pointer;
    -webkit-box-shadow: 2px 2px 5px 0 #cecece;
    -moz-box-shadow: 2px 2px 5px 0 #cecece;
    box-shadow: 2px 2px 5px 0 #cecece;
}

.recharge_card.active {
    -webkit-box-shadow: 2px 2px 5px 0 #cecece;
    -moz-box-shadow: 2px 2px 5px 0 #cecece;
    box-shadow: 2px 2px 5px 0 #cecece;
}

.recharge_card.live {
    margin: 0 15px 20 px0
}

.recharge_card.live p strong {
    float: left;
}

.recharge_card.live .checkmark {
    display: none;
}

.recharge_card.live.active .checkmark {
    background: #FFF no-repeat center center url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAMAAADzapwJAAACSVBMVEUAAABQiAdQiAdQiAdZlQZVlQVSjgZKhQVVjwdNigVKhAZcmgZamQdTjgZMhwRZlAdZlgdTjAdNhgdRiAdQhwZSiAdOhgZPhwdZlQhQjgRVjgdXlQZRjwVTiwhLhQVRjAZMiAVLhAZLhAZLgwZOhgdQiAf///9isQWZ0kFhpQdWqACi2FGZ00OW0jyZ1TqTzziOzDV6vxqDyxJlpwdfpAZfsgPV372f102V0EOQzzKU1C+NzCyMziuP0CiIySWv8CGc2yCGyR6ExxuO0hR/wRKBxxF4vhBstQ9yuApstAlkrQZhrAVarwBaqQD++///+P//9P/t7OXJ2aa81I+r3mOs4l+n21udw1abx1Gc1Uee2kWX1TmX0zaS0DaU0TGNxS+P0S2Z1yiMyiiDxSGz9SCy8SCu7CCAwiCi4B+n8R6s6xyk4xyGyxyp6BuBxBud5hqW2ReQ1hWI0BNwuBJ9xQ58wAhrtwhltAVTkQVboQReqQNcqgFXpgDz6v/7+Pvx8O3n6tvi6NHd5MjV3r7P4LG8zqLA15W1yoa00IO42X+00X6y0Xu57Xey5G6t1Guix1+n4Fafz1Gh3Uuf20ud1EuayUqe2Emb2EWZzEWax0WVxkGX0ECPy0Cc1z+VzDuOyzqOwTiUzjeQyDSW2DOf0TGOzDCR0y+OzC+S0S2Fxi2MySqHxyiw7iOLzyOMyyOW1CK3+CGx8iGQ0iGe3SCFwiCt9h+q8R+l7R6HzhuEyxl/yhOm6wyU3wlpqgmk6Aic6gdXkwZktgVhtAWFMpEfAAAAJnRSTlMAGhYT9fHc0rKwavTv6+bd29CEgHRsYg399uPh08rEvKV7enQNC39EFgIAAAG6SURBVBjTYoAAcTEFGVZWNk4uRgYkoMxr7OJcUODsuldSCC7IJGdStN3ePjV1Y8q2QmN2qAZmPs98+7Tc7M0ODhlZGzI9+JjBwuye+WtysxMtDQwMlts6pGz1YAeJKmkWpmVlxM2x0NHRsDBwK92dqakIdMOBkpz1ifoWkeba2trRqzpaZ+5zrlBh4DIuSl45X2OadlhYSNS8FjW12iX7jbkYOD132sXaLNIJDemdMLFJTU3Nf8GeUk4GtrIcG6dws2CNntC+BqBoQLjbJiN+BtYyR6OIADX/rrmd9UDRwAhXG0cjbsAYWNTzjPqBfL+2OiDZOHWtrrWTKzcDf7WblUu7GgSYzYiOjE1yLJFm4KhST1rmEgQWDZodZa5rabfDQ55BzMSnOCZhixnQmOCFk8w19K3X7aoUYVCVUNcy1LONbw7stp48RUN/qa1TeQUwVEQ0TWsM9aziZyVM19HVt1yRd7ASHLiCXqY17qutFuvp6sXE2RWbVrFBAlbK65BWtbthenK6obu3jzcvIzQaZE3KTbW0fH19tXzUNQUR8SbMYuKtDgRemizCyJHJJMohwMMjwCHKBOEDAHJnd89Ntx6WAAAAAElFTkSuQmCC);
    display: inline-block;
    width: 22px;
    height: 22px;
    vertical-align: text-bottom;
    margin-left: 10px;
}

.recharge_card p {
    line-height: 40px;
    font-size: 18px;
    padding-left: 20px;
    height: 50px;
    color: #b7b7b7;
}

.recharge_card p.card_price {
    line-height: 80px;
    padding-left: 0;
    color: #ffffff;
    height: 62px;
    text-align: center;
    font-size: 60px;
    font-family: 'Museo Sans W01_900', sans-serif;
    margin-bottom: 12px;
    white-space: nowrap;
}

.recharge_card p.card_baseline {
    line-height: 20px;
    font-size: 18px;
    height: 20px;
    padding-left: 0;
    font-family: 'Museo Sans W01_900', sans-serif;
    color: #ffffff;
}

.recharge_head {
    -webkit-border-top-left-radius: 10px;
    border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    border-top-right-radius: 10px;
    background-repeat: no-repeat;
    height: 109px;
    color: #FFF;
    line-height: 109px;
    text-align: center;
    font-size: 60px;
    font-family: 'Museo Sans W01_900', sans-serif;
    margin-bottom: 12px;
}

.recharge_head small {
    font-size: 38px;
}

.recharge_card button {
    float: right;
    margin: 5px 15px 0px 0px;
    min-width: 115px;
    background: #36a9e1;
    color: #FFF;
}

.fixed_recharge_block .general_recharge_card_container {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    justify-content: flex-start;
}

.fixed_recharge_block .general_recharge_card_container .recharge_card {
    margin-right: 10px;
}

.recharge_card.gift .recharge_head {
    background: #ff2b78 url("/img/kang_bg_recharge_card.png") center center no-repeat;
}

.recharge_card.r_2999 .recharge_head,
.recharge_card.r_4500 .recharge_head,
.recharge_card.active.r_2999 .recharge_head,
.recharge_card.active.r_4500 .recharge_head {
    background: #32d9fb url("/img/kang_bg_recharge_card.png") center center no-repeat;
}

.recharge_card.r_999 .recharge_head {
    background: #7ee7fd url("/img/kang_bg_recharge_card.png") center center no-repeat;
}

.recharge_card.r_4999 .recharge_head {
    background: #14b8db url("/img/kang_bg_recharge_card.png") center center no-repeat;
}

.recharge_card.r_7499 .recharge_head {
    background: #2f7fa4 url("/img/kang_bg_recharge_card.png") center center no-repeat;
}

.recharge_card.r_9999 .recharge_head {
    background: #244d61 url("/img/kang_bg_recharge_card.png") center center no-repeat;
}

.recharge_card.r_2500 .recharge_head, .recharge_card.r_2990 .recharge_head, .recharge_card.r_3000 .recharge_head, .recharge_card.r_2000 .recharge_head, .recharge_card.r_1500 .recharge_head {
    background: #d90198 center center no-repeat;
    background-image: url("/img/kang_bg_recharge_card.png");
    background-image: url("/img/kang_bg_recharge_card.png"), -webkit-gradient(linear, left top, right top, from(#d90198), to(#ac0080));
    background-image: url("/img/kang_bg_recharge_card.png"), -webkit-linear-gradient(left, #d90198 0%, #ac0080 100%);
    background-image: url("/img/kang_bg_recharge_card.png"), -moz-linear-gradient(left, #d90198 0%, #ac0080 100%);
    background-image: url("/img/kang_bg_recharge_card.png"), linear-gradient(to right, #d90198 0%, #ac0080 100%);
}

.recharge_card.r_5000 .recharge_head, .recharge_card.r_4990 .recharge_head, .recharge_card.r_6000 .recharge_head, .recharge_card.r_4000 .recharge_head, .recharge_card.r_3500 .recharge_head {
    background: #2ad3ff center center no-repeat;
    background-image: url("/img/kang_bg_recharge_card.png");
    background-image: url("/img/kang_bg_recharge_card.png"), -webkit-gradient(linear, left top, right top, from(#2ad3ff), to(#0085ed));
    background-image: url("/img/kang_bg_recharge_card.png"), -webkit-linear-gradient(left, #2ad3ff 0%, #0085ed 100%);
    background-image: url("/img/kang_bg_recharge_card.png"), -moz-linear-gradient(left, #2ad3ff 0%, #0085ed 100%);
    background-image: url("/img/kang_bg_recharge_card.png"), linear-gradient(to right, #2ad3ff 0%, #0085ed 100%);
}

.recharge_card.r_7500 .recharge_head, .recharge_card.r_7000 .recharge_head, .recharge_card.r_7490 .recharge_head, .recharge_card.r_6500 .recharge_head, .recharge_card.r_1000 .recharge_head {
    background: #f1ba4f center center no-repeat;
    background-image: url("/img/kang_bg_recharge_card.png");
    background-image: url("/img/kang_bg_recharge_card.png"), -webkit-gradient(linear, left top, right top, from(#f1ba4f), to(#ea9b01));
    background-image: url("/img/kang_bg_recharge_card.png"), -webkit-linear-gradient(left, #f1ba4f 0%, #ea9b01 100%);
    background-image: url("/img/kang_bg_recharge_card.png"), -moz-linear-gradient(left, #f1ba4f 0%, #ea9b01 100%);
    background-image: url("/img/kang_bg_recharge_card.png"), linear-gradient(to right, #f1ba4f 0%, #ea9b01 100%);
}

.recharge_card.r_10000 .recharge_head, .recharge_card.r_9990 .recharge_head, .recharge_card.r_11000 .recharge_head, .recharge_card.r_12000 .recharge_head {
    background: #393939 center center no-repeat;
    background-image: url("/img/kang_bg_recharge_card.png");
    background-image: url("/img/kang_bg_recharge_card.png"), -webkit-gradient(linear, left top, right top, from(#393939), to(#000000));
    background-image: url("/img/kang_bg_recharge_card.png"), -webkit-linear-gradient(left, #393939 0%, #000000 100%);
    background-image: url("/img/kang_bg_recharge_card.png"), -moz-linear-gradient(left, #393939 0%, #000000 100%);
    background-image: url("/img/kang_bg_recharge_card.png"), linear-gradient(to right, #393939 0%, #000000 100%);
}

.recharge_card.r_4500 button, .recharge_card.gift button {
    background-color: #ff2b78;
}

.recharge_card .ribbon {
    display: none;
}

.recharge_card.r_4500 .ribbon, .recharge_card.gift .ribbon {
    display: block;
    position: absolute;
    right: -5px;
    top: -5px;
    z-index: 1;
    overflow: hidden;
    width: 110px;
    height: 75px;
    text-align: right;
}

.recharge_card.r_4500 .ribbon span, .recharge_card.gift .ribbon span {
    font-size: 10px;
    text-indent: 10px;
    font-weight: bold;
    color: #FFF;
    text-transform: uppercase;
    text-align: center;
    line-height: 20px;
    -moz-transform: rotate(35deg);
    -ms-transform: rotate(35deg);
    -o-transform: rotate(35deg);
    transform: rotate(35deg);
    -webkit-transform: rotate(35deg);
    width: 127px;
    display: block;
    background: #FF2B78;
    background: -webkit-gradient(linear, left top, left bottom, from(#FF2B78), to(#FF2B78));
    background: -webkit-linear-gradient(#FF2B78 0%, #FF2B78 100%);
    background: -moz-linear-gradient(#FF2B78 0%, #FF2B78 100%);
    background: linear-gradient(#FF2B78 0%, #FF2B78 100%);
    -webkit-box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
    -moz-box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
    box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
    position: absolute;
    top: 19px;
    right: -17px;
}

.recharge_card.gift .ribbon span {
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e2e2e2));
    background: -webkit-linear-gradient(#ffffff 0%, #e2e2e2 100%);
    background: -moz-linear-gradient(#ffffff 0%, #e2e2e2 100%);
    background: linear-gradient(#ffffff 0%, #e2e2e2 100%);
    color: #ff2b78;
}

.recharge_card.gift strong {
    color: #ff2b78;
    text-transform: uppercase;
}

.recharge_card.r_4500 .ribbon span::before, .recharge_card.gift .ribbon span::before {
    content: "";
    position: absolute;
    left: 0px;
    top: 100%;
    z-index: -1;
    border-left: 3px solid #C2215B;
    border-right: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-top: 3px solid #C2215B;
}

.recharge_card.r_4500 .ribbon span::after, .recharge_card.gift .ribbon span::after {
    content: "";
    position: absolute;
    right: 0px;
    top: 100%;
    z-index: -1;
    border-left: 3px solid transparent;
    border-right: 3px solid #C2215B;
    border-bottom: 3px solid transparent;
    border-top: 3px solid #C2215B;
}

/****** END GENERIQUE CSS *****/

/***** HEADER ET LOGIN BOX *****/
#header_container {
    position: relative;
    width: 100%;
    top: 0;
    z-index: 3;
    margin-bottom: 15px;
}

.top_header {
    background-color: #414141;
    vertical-align: middle;
    min-height: 55px;
    line-height: 55px;
    transform: translate3d(0, 0, 0);
}

@media (min-width: 640px) {
    .top_header {
        position: fixed;
        width: 100%;
    }
    #main_header {
        height: 55px;
    }
}

.top_header .toggle-button {
    margin-left: -10px;
    padding-left: 15px;
    padding-right: 1px;
}

.top_header .container {
    padding-bottom: 0;
}

.top_header .circle_btn {
    padding: 7px 17px;
    margin-left: 10px;
}

.top_header .header_link, .header_link {
    min-width: 30px;
    text-align: center;
    cursor: pointer;
    position: relative;
    margin-left: 10px;
}

.top_header a i, .top_header i {
    color: #FFF;
    font-size: 20px;
    display: inline-block;
    vertical-align: middle;
}

/* HEADER MASTER*/

#container_master_position {
    position: relative;
    z-index: -1;
}

#main_header.master_header .container {
    background: url(/img/header_master_bg.png) no-repeat 110px;
}

#main_header.master_header #search_form {
    display: none;
}

#main_header.master_header #show_search {
    display: none;
}

/***** MENU MOBILE *****/

.slideout-menu {
    position: fixed;
    top: 0;
    bottom: 0;
    width: 285px;
    min-height: 100vh;
    overflow-y: scroll;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    z-index: 1;
    display: none;
    background-color: #414141;
}

.slideout-menu-left {
    left: 0;
}

.slideout-menu-right {
    right: 0;
}

.slideout-panel {
    position: relative;
    z-index: 1;
    /*will-change: transform;*/
    background-color: #FFF; /* A background-color is required */
    min-height: 100vh;
}

body.grey_bg .slideout-panel {
    background-color: #f1f1f1; /* A background-color is required */
}

.slideout-open,
.slideout-open body,
.slideout-open .slideout-panel {
    overflow: hidden;
}

.slideout-open .slideout-menu {
    display: block;
}

.slideout-menu ul {
    background-color: #353434;
    width: 285px;
}

.slideout-menu ul ul {
    background-color: #414141;
}

.slideout-menu a.logout {
    margin-top: 30px;
    text-transform: uppercase;
    font-size: 11px;
    color: #FFF;
    text-decoration: underline;
    padding-bottom: 100px;
    display: inline-block;
}

.slideout-menu ul li a {
    background-color: #353434;
    border-bottom: solid 1px #575656;
    padding: 15px 10px 15px 30px;
    display: block;
    color: #FFF;
    text-transform: uppercase;
    font-size: 14px;
}

.slideout-menu ul li i {
    width: 25px;
}

.slideout-menu ul li ul li a {
    border-bottom: 1px solid #575656;
    background-color: #414141;
    font-size: 13px;
}

.slideout-menu a.arrow_menu:after {
    content: "\f054";
    font-family: 'Font Awesome 5 Pro';
    float: right;
    margin-right: 10px;
    display: block;
}

.slideout-menu a.arrow_menu.active_top_menu:after {
    content: "\f078";
}

.slideout-menu a.boutique_link_menu {
    padding-left: 27px;
}

#header_container #container_master_position ul.menu li.boutique_menu, #header_container #container_master_position ul.menu li.boutique_menu:hover,
#header_container #container_master_position ul.menu li a.boutique_link_menu, #header_container #container_master_position ul.menu li a.boutique_link_menu:hover {
    background: #fff;
    border-radius: 5px;
}

#header_container #container_master_position ul.menu li.boutique_menu, #header_container #container_master_position ul.menu li.boutique_menu:hover {
    margin-left: 20px;
}

#header_container #container_master_position ul.menu li a.boutique_link_menu, #header_container #container_master_position ul.menu li a.boutique_link_menu:hover {
    padding: 6px 12px;
}

#header_container #container_master_position ul.menu li a.boutique_link_menu:hover {
    background-color: #414141;
}

.slideout-menu a.external_link_menu:after {
    content: "\f08e";
    font-family: 'Font Awesome 5 Pro';
    float: right;
    margin-right: 5px;
    display: block;
}

.slideout-menu a.sub_menu.arrow_menu .nav_back {
    display: none;
}

.slideout-menu a.sub_menu.arrow_menu_back .nav_back {
    display: inline-block;
    float: right;
    color: #999999;
    font-size: 11px;
    line-height: 30px;
    padding: 5px;
    margin-top: -13px;
}

.slideout-menu a.sub_menu .nav_back:before {
    content: "\f053";
    font-family: 'Font Awesome 5 Pro';
    padding-right: 5px;
}

.sub_menu_child {
    background-color: #414141;
    font-size: 13px;
    position: relative;
    display: none;
}

.sub_menu_child .dl-submenu {
    position: absolute;
    left: 290px;
    display: block;

}

.sub_menu_child .dl-submenu.active {
    left: 0px;
    transition: left 0.2s ease-in-out;
}

.sub_menu_child .dl-submenu li a {
    text-transform: none;
}

.slideout-menu ul li ul li a {
    padding-left: 55px;
}

.slideout-menu .user_block {
    border-bottom: solid 1px #575656;
    padding: 25px 20px 20px 20px;
    box-sizing: border-box;
    color: #FFF;
}

body .amount_credit_responsive_header {
    padding: 0.5rem;
    line-height: 1rem;
    display: inline;
    width: auto;
    text-align: right;
    margin-bottom: 0;
}

body .amount_credit_responsive_header i {
    font-size: 16px;
    width: auto;
    vertical-align: text-bottom;
    margin-left: 4px;
}

@media (max-width: 768px) {
    .logo_home {
        width: 70px;
    }
}

.slideout-menu .user_block .amount_credit, .amount_credit_responsive_header {
    border-radius: 0.25rem;
    background-color: #0EABDE;
    color: #FFF;
    padding: 12px 17px;
    display: block;
    font-size: 14px;
    margin-bottom: 25px;
}

.slideout-menu .user_block .amount_credit strong.amount, .amount_credit_responsive_header strong.amount {
    font-size: 1.3rem;
    margin-left: 5px;
}

.slideout-menu .user_block .amount_credit i {
    float: right;
    font-size: 1.8rem;
    margin-top: -3px;
    margin-left: 5px;
}

.page_layout {
    overflow: hidden;
}

.user_infos .notif_count {
    position: relative;
    margin-left: 5px;
    float: right;
}

.user_infos .notif_count.empty {
    margin-left: 15px;
}

.user_infos .notif_count.empty .count {
    display: none;
}

.user_infos .count {
    font-size: 9px;
    font-weight: bold;
    border-radius: 5px;
    background-color: #FF5A5F;
    color: #FFF;
    padding: 3px 5px;
}

#mobile_master_c2c_block .user_infos, #mobile_master_c2o_block .user_infos {
    padding-top: 15px;
    font-size: 12px;
}

.user_block .avatar {
    height: 54px;
    width: 54px;
    border: 3px solid #D8D8D8;
    border-radius: 50%;
    margin-right: 7px;
}

.status-btn-group {
    display: block;
    float: none;
    margin-top: 15px;
}

.status-btn-group a {
    box-sizing: border-box;
    background-color: #9B9B9B;
    color: #4A4A4A;
    cursor: pointer;
    float: left;
    font-size: 10px;
    padding: 10px 0px;
    text-align: center;
    width: 33%;
    border-radius: 5px;
    font-family: 'Museo Sans W03_700', sans-serif;
    text-transform: uppercase;
}

.status-btn-group > a:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.status-btn-group > a:last-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.status-btn-group > a:not(:first-child):not(:last-child) {
    border-radius: 0;
    border-left: 1px solid #575656;
    border-right: 1px solid #575656;
}

.status-btn-group:after {
    content: "";
    clear: both;
    display: table;
}

.status-btn-group a.online.active {
    background-color: #36A9E1;
    color: #FFF;
}

.status-btn-group a.busy.active {
    background-color: #F5A623;
    color: #FFF;
}

.status-btn-group a.offline.active {
    background-color: #FC404D;
    color: #FFF;
}

#mobile_master_c2o_block .notif.mobile_notif {
    border-radius: 0px;
    margin: 0;
    background-color: #FF5A5F;
    color: #FFF;
    font-size: 12px;
    text-align: center;
    padding: 10px;
    left: -20px;
    margin-right: -40px;
    margin-bottom: -20px;
    margin-top: 15px;
}

/***** OLD HEADER ******/

.no-touch #basket_header:hover .basket_box {
    display: block;
}

.touch #basket_header {
    display: none;
}

#basket_header .basket_box {
    display: none;
    position: absolute;
    width: 300px;
    background: #757373;
    color: #FFF;
    right: -25px;
    top: 55px;
    line-height: normal;
    text-align: left;
    z-index: 5;
    cursor: default;
    border-top: solid 1px #b3b3b3;
    border-left: solid 1px #797777;
    border-right: solid 1px #797777;
    overflow: visible;
}

#basket_header.empty_basket {
    display: none;
}

#basket_header .basket_box {
    border-bottom: solid 8px #414141;
    padding-bottom: 5px;
}

#basket_header .basket_box:after, .message_box:after {
    content: '';
    position: absolute;
    right: 24px;
    top: -12px;
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 12px solid #444;
}

#basket_header .basket_box:after, .message_box:after {
    border-bottom-color: #b3b3b3;
}

#basket_header .basket_box ul {
    padding: 10px 15px 10px 20px
}

#basket_header .basket_box li {
    margin-bottom: 15px;
}

#basket_box .delete {
    display: inline-block;
    width: 18px;
    height: 18px;
    background-color: #c5c5c5;
    text-align: center;
    line-height: 18px;
    color: #FFF;
    -moz-border-radius: 50%;
    border-radius: 50%;
    cursor: pointer;
    font-size: 11px;
}

.basket_bin {
    margin-left: 1px;
    font-size: 1.6em;
}

#basket_header .basket_box li, #basket_header .basket_box li p {
    color: #fff;
    position: relative;
    padding-right: 15px;
    text-transform: none;
    z-index: 1;
}

#basket_header .basket_box li em {
    color: #fff;
    font-size: 11px;
}

#basket_header .basket_box li .delete {
    position: absolute;
    right: 10px;
    top: 5px;
    width: 18px;
    height: 18px;
    text-align: center;
    line-height: 20px;
    font-weight: 600;
    -moz-border-radius: 50%;
    border-radius: 50%;
    cursor: pointer;
    z-index: 2;
}

#basket_header .basket_box li .amount {
    float: right;
    font-weight: 800;
}

#basket_header .basket_box .title, .message_box .title {
    font-size: 12px;
    text-align: left;
    font-weight: 500;
    background-color: #414141;
    padding: 7px 10px;
    text-transform: uppercase;
}

#basket_header .basket_box button {
    font-size: 13px;
    width: 100%;
    padding: 10px 0;
}

#basket_header .basket_box button:hover {
    background-color: #b3b3b3;
}

.top_header .item_count {
    background-color: #ff5a5f;
    color: #FFF;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 3px 7px 3px 7px;
    font-weight: 500;
    text-align: center;
    font-size: 12px;
    margin-right: 5px;
}

.top_header .empty_msg .item_count, .top_header .empty_basket .item_count {
    display: none;
}

#mail_header:hover .message_box {
    display: block;
    z-index: 10;
}

#mail_header .message_box {
    display: none;
    width: 230px;
    height: auto;
    background-color: #FFF;
    position: absolute;
    top: 55px;
    right: -27px;
    text-align: left;
    line-height: normal;
    z-index: 5;
    cursor: default;
    border-top: solid 1px #b3b3b3;
    border-left: solid 1px #797777;
    border-right: solid 1px #797777;
    border-bottom: solid 8px #414141;

}

#mail_header .message_box .header {
    height: 25px;
    background-color: #dfdfdf;
    line-height: 25px;
    padding-left: 10px;
    font-size: 12px;
    margin-bottom: 0;
}

#mail_header .message_box .message_list {
    display: block;
    line-height: normal;
}

#mail_header .message_box .message_list .msg {
    border-top: 1px solid #d8d8d8;
    padding: 10px;
    cursor: pointer;
}

#mail_header .message_box .message_list div.msg:last-child {
    border-bottom: 0 solid #d8d8d8;
}

#mail_header .message_box .message_list p {
    font-size: 11px;
}

#mail_header .message_box .message_list .empty_msg {
    font-size: 14px;
    padding: 10px;
}

#mail_header .message_box .msg.not_read {
    color: #ff5a5f;
    background-color: #f1f1f1;
    cursor: pointer;
}

.logged_customer, .logged_master, .statut_box {
    color: #FFF;
    cursor: pointer;
    display: inline-block;
    float: right;
    text-align: right;
    position: relative;
    margin-right: 15px;
    margin-left: 10px;
}

.logged_customer_margin_right {
    margin-right: 15px;
    margin-left: 0;
}

.logged_customer img, .logged_master img {
    float: none;
    display: inline-block;
    vertical-align: middle;
}

.logged_customer .user {
    margin-left: 5px;
    padding-right: 20px;
    background: url(/img/arrow_menu.png) no-repeat right;
    font-size: 14px;
    font-weight: 300;
}

.logged_customer .amount {
    font-family: "Montserrat", sans-serif;
    background-color: #36a9e1;
    margin-left: 10px;
    font-size: 12px;
    width: auto;
    font-weight: bold;
    padding: 10px;
    box-sizing: content-box;
    border-radius: 0.375rem;
}

.logged_customer .amount .fa-plus-circle {
    width: auto;
    font-size: 13px;
}

.logged_customer:hover ul, .logged_master:hover ul, .statut_box:hover ul {
    display: block;
    z-index: 10;
}

.logged_customer ul, .logged_master ul, .statut_box ul {
    display: none;
    line-height: normal;
    position: absolute;
    top: 50px;
    text-align: left;
    z-index: 20000;
    background: #FFF url(none) repeat;
    border: 1px #d8d8d8;
    border-style: none solid none;
}

.logged_customer ul li a, .logged_master ul li a, .statut_box ul li a {
    padding-left: 10px;
    height: 30px;
    padding-top: 0;
    padding-bottom: 0;
    line-height: 30px;
    width: 140px;
    text-transform: none;
    border-bottom: 1px solid #d8d8d8;
    cursor: pointer;
    display: block;
    text-align: left;
}

.logged_customer ul li:hover, .logged_master ul li:hover, .statut_box ul li:hover {
    background-color: #414141;
    color: #FFF;
}

.logged_customer ul li:hover a, .logged_master ul li:hover a, .statut_box ul li:hover a {
    text-decoration: none;
    color: #FFFFFF;
}

.statut_box .arrow {
    display: inline-block;
    width: 10px;
    background: url(/img/arrow_menu.png) no-repeat center;
    margin-left: 3px;
}

/***** END OLD HEADER ******/

/***** FIN HEADER ET LOGIN BOX *****/

/***** BREADCRUMB *****/
ul.breadcrumb {
    display: block;
}

ul.breadcrumb li {
    display: inline-block;
    font-size: 13px;
    font-weight: 400;
    height: 30px;
    float: left;
}

ul.breadcrumb li:after {
    content: ">";
    margin: 0 4px 0 3px;
    display: inline-block;

}

ul.breadcrumb li:last-child, ul.breadcrumb li:hover, .click_to_call ul.breadcrumb li:last-child, .click_to_call ul.breadcrumb li:hover {
    color: #36a9e1;
    font-weight: 400;
}

.digital_art ul.breadcrumb li:last-child, .digital_art ul.breadcrumb li:hover {
    color: #ff5a5f;
    font-weight: 400;
}

ul.breadcrumb li:last-child:after {
    content: "";
}

ul.breadcrumb li a:hover {
    text-decoration: underline;
}

/***** BREADCRUMB *****/

/***** PAGE LISTE MASTER *****/
.category_title {
    height: 48px;
    line-height: 48px;
    border-top: 1px solid #d8d8d8;
    border-bottom: 1px solid #d8d8d8;
    margin: 0 0 20px;
    width: 100%;
    font-size: 21px;
    font-weight: 600;
}

.category_title.small {
    font-size: 18px;
}

h1.small_txt {
    font-size: 18px;
}

.category_title a.link {
    padding: 5px 10px;
    background-color: #f1f1f1;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 12px;
    height: 17px;
    line-height: 17px;
    margin-top: 10px;
    text-transform: uppercase;
}

.category_title a.link.orange {
    background-color: #ff5a5f;
    color: #FFF;
}

.category_title a:hover.link {
    background-color: #7F7F7F;
    color: #FFF;
}

.category_title .other_text {
    font-weight: normal;
    font-size: 14px;
}

.category_title a.link i {
    display: inline-block;
    height: 13px;
    width: 13px;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: solid 2px #FFF;
    line-height: 13px;
    margin-left: 7px;
}

.category_title h1 {
    color: inherit;
    font-size: 24px;
    font-weight: 600;
    display: inline-block;
    float: left;
}

.category_title ul.filter, .account_subtitle ul.filter {
    height: 48px;
    line-height: 48px;
    font-size: 14px;
    font-weight: 400;
    padding: 0 25px 0 0;
    float: right;
    background: url(/img/filter_arrow.png) no-repeat right center;
    cursor: pointer;
    margin-left: 30px;
    display: inline-block;
    position: relative;
}

.category_title ul li, .account_subtitle ul li {
    height: 48px;
    font-size: 14px;
    float: right;
    display: block;
}

.category_title ul:hover ul, .account_subtitle ul:hover ul {
    display: block;
}

.category_title ul ul, .account_subtitle ul ul {
    display: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 35px;
    right: -10px;
    z-index: 20000;
    width: 140px;
    background: #FFF url(none) repeat;
    color: #FFF;
    border: 1px #d8d8d8;
    border-style: solid solid none;
}

.account_subtitle ul ul {
    border: 1px #FFF;
    border-style: solid solid none;
}

.category_title ul ul li, .account_subtitle ul ul li {
    display: inline-block;
    height: 25px;
    line-height: 25px;
    text-align: left;
    text-transform: none;
    font-size: 12px;
    border-bottom: 1px solid #d8d8d8;
    background-color: #FFF;
    cursor: pointer;
    text-indent: 10px;
    width: 158px;
}

.account_subtitle ul ul li {
    background-color: #EBEBEB;
    border-bottom: 1px solid #FFF;
}

.category_title ul ul li:hover, .category_title ul ul li:hover .blue {
    background-color: #36a9e1;
    color: #FFF;
}

.account_subtitle ul ul li:hover {
    background-color: #ff5a5f;
    color: #FFF;
}

.category_title em {
    font-size: 24px;
    font-weight: 400;
}

.category_title .badge {
    padding: 5px 10px;
    vertical-align: bottom;
    margin-left: 20px;
    text-transform: uppercase;
}

.category_title .badge i {
    font-size: 18px;
    margin-right: 5px;
    font-weight: normal;
    display: inline-block;
    vertical-align: bottom;
}

.subtittle {
    text-align: center;
    font-size: 18px;
    margin-bottom: 50px;
    text-transform: uppercase;
    font-weight: 500;
}

.subtittle a {
    color: #ff5a5f;
}

/***** CSS LISTE OFFRE ET MASTER *****/

.offer_cat_title {
    font-family: "Museo Sans W03_500", sans-serif;
    position: absolute;
    left: 0;
    top: -20px;
    font-size: 13px;
}

/* DIGITAL MASTER */

.offer_block {
    min-height: 185px;
    position: relative;
    margin-bottom: 13px;
    padding: 8px;
    font-size: 11px;
    color: #7f7f7f;
    background-color: #FFF;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 250px;
    float: left;
    overflow: hidden;
}

.offer_block:hover {
    cursor: pointer;
    -webkit-box-shadow: 2px 2px 5px 0 #cecece;
    -moz-box-shadow: 2px 2px 5px 0 #cecece;
    box-shadow: 2px 2px 5px 0 #cecece;
}

.offer_block.no_hover:hover {
    cursor: inherit;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;

}

.offer_block.digital, .offer_block.click_to_call {
    padding: 8px;
    margin-right: 20px;
}

.offer_block.digital {
    height: 240px;
}

.offer_block.click_to_call:nth-child(3n+0) {
    margin-right: 0;
}

#result_1 .offer_block.click_to_call:nth-child(3n+0),
#result_2 .offer_block.click_to_call:nth-child(3n+0),
#result_3 .offer_block.click_to_call:nth-child(3n+0),
#result_4 .offer_block.click_to_call:nth-child(3n+0) {
    margin-right: 0;
}

.no_spec_list .result_block .offer_block.digital:nth-child(3n+0) {
    margin-right: 0;
}

.offer_block.digital .offer_overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
}

.offer_block.digital .cover img.massory_img {
    display: none;
}

.offer_block.digital .new_ribbon_c2o {
    position: absolute;
    font-size: 10px;
    font-weight: bold;
    color: #FFF;
    text-transform: uppercase;
    text-align: center;
    line-height: 20px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    width: 100px;
    display: block;
    background: #ff5a5f;
    top: 16px;
    left: -24px;
    z-index: 1;
}

.offer_block.digital.big_offer .new_ribbon_c2o {
    font-size: 15px;
    line-height: 30px;
    width: 150px;
    top: 25px;
    left: -32px;
}

#preview_quinconce {
    display: inline-block;
}

#best_djobs_home .offer_block.digital:nth-child(4) {
    margin-left: 0;
}

#home_c2c_list .offer_block.click_to_call {
    margin-right: 20px;
}

#home_c2c_list .offer_block.click_to_call:nth-child(4), #home_c2c_list .offer_block.click_to_call:nth-child(8) {
    margin-right: 0;
}

/* MARGIN RIGHT 0 */
.offer_block.digital:nth-child(9n + 4), .offer_block.digital:nth-child(18n + 16), .offer_block.digital:nth-child(18n + 18) {
    margin-right: 0;
}

/* GROSSE DROITE */
.offer_block.digital:nth-child(18n + 7), .offer_block.digital.preview {
    width: 520px;
    height: 493px;
    float: right;
    margin-right: 0;
}

.offer_block.digital.preview {
    float: left;
}

/* GROSSE GAUCHE */
.offer_block.digital:nth-child(18n + 14) {
    width: 520px;
    height: 493px;
    float: left;
}

.offer_block.digital:nth-child(18n + 7) .cover, .offer_block.digital:nth-child(18n + 14) .cover, .offer_block.digital.preview .cover {
    width: 502px;
    height: 283px;
    margin-bottom: 15px;
    text-align: center;
}

.offer_block.digital:nth-child(18n + 7) h2, .offer_block.digital:nth-child(18n + 14) h2 {
    font-family: 'Museo Sans W03_100', sans-serif;
    font-size: 28px;
    height: 110px;
}

.offer_block.digital:nth-child(18n + 7) h3, .offer_block.digital:nth-child(18n + 14) h3, .offer_block.digital.preview h3 {
    font-family: 'Museo Sans W03_100', sans-serif;
    font-size: 24px;
    height: 34px;
}

.offer_block.digital:nth-child(18n + 7) .footer, .offer_block.digital:nth-child(18n + 14) .footer, .offer_block.digital.preview .footer {
    height: 33px;
    line-height: 33px;
}

.offer_block.digital:nth-child(18n + 7) .footer img, .offer_block.digital:nth-child(18n + 14) .footer img, .offer_block.digital.preview .footer img {
    height: 28px;
    padding-top: 0;
}

.offer_block.digital:nth-child(18n + 7) .footer .order_count, .offer_block.digital:nth-child(18n + 14) .footer .order_count, .offer_block.digital.preview .footer .order_count {
    font-size: 20px;
}

.offer_block.digital:nth-child(18n + 7) .footer .da_price, .offer_block.digital:nth-child(18n + 14) .footer .da_price, .offer_block.digital.preview .footer .da_price {
    font-size: 28px;
}

.offer_block.digital .footer img, .no_spec_list .offer_block.digital .footer img {
    height: 14px;
    padding-top: 4px;
    display: inline-block;
}

.offer_block.digital:nth-child(18n + 7) .cover img, .offer_block.digital:nth-child(18n + 14) .cover img {
    display: none;
}

.offer_block.digital:nth-child(18n + 7) .cover img.massory_img, .offer_block.digital:nth-child(18n + 14) .cover img.massory_img {
    display: inline-block;
    height: 100%;
}

.no_spec_list .offer_block.digital .footer .order_count {
    font-size: 11px;
}

.footer .order_count img {
    vertical-align: text-bottom;
}

#best-sellers-djobs.no_spec_list .offer_block.digital .footer .da_price,
#cross_cat_slider .no_spec_list .offer_block.digital .footer .da_price,
#master_offer_list .offer_block.digital .footer .da_price {
    font-size: 21px;
}

.offer_block.digital .cover {
    height: 130px;
    overflow: hidden;
    text-align: center;
    position: relative;
    vertical-align: middle;
    margin-bottom: 12px;
}

.offer_block.digital .cover.video .player_btn {
    display: block;
    height: 54px;
    width: 54px;
    position: absolute;
    left: 40%;
    top: 30%;
    background: url(/img/play_button_54.png) no-repeat center center;
}

.offer_block.digital h2, .no_spec_list .offer_block.digital h2 {
    margin-bottom: 5px;
    font-size: 14px;
    height: 34px;
    margin-left: 0;

}

.offer_block.digital h3, .no_spec_list .offer_block.digital h3 {
    font-family: "Museo Sans W03_300", sans-serif;
    font-size: 12px;
    height: 17px;
    text-transform: none;
}

.offer_block.digital h3 .rating.small, .no_spec_list .offer_block.digital h3 .rating.small {
    width: inherit;
    display: inline-block;
    margin-left: 5px;
    vertical-align: top;
}

.offer_block.digital .footer, .no_spec_list .offer_block.digital .footer {
    height: 25px;
    line-height: 25px;
    bottom: 5px;
    position: absolute;
    width: 100%;
}

.offer_block.digital .footer span, .no_spec_list .offer_block.digital .footer span {
    vertical-align: top;
}

.no_spec_list .result_block .offer_block.digital .footer span {
    vertical-align: top;
}

.no_spec_list .result_block .offer_block.digital .footer .da_price {
    font-size: 21px;
    margin-right: 18px;
    margin-left: 5px;
}

.offer_block.digital .da_price, .no_spec_list .offer_block.digital .da_price {
    font-family: "Museo Sans W03_700", sans-serif;
    font-size: 21px;
    margin-right: 18px;
    margin-left: 5px;
}

.no_spec_list .offer_block.digital {
    position: relative;
    height: 240px;
    border: 1px solid #d8d8d8;
    margin-bottom: 13px;
    padding: 8px;
    font-size: 11px;
    color: #7f7f7f;
    background-color: #FFF;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 250px;
    float: left;
    margin-right: 20px;
}

/* HAUTEUR UNIQUE POUR LE CROSS OFFER MASTER */
#cross_offer_slider .offer_block.digital {
    height: 225px;
}

.no_spec_list .offer_block.digital:nth-child(4n+0) {
    margin-right: 0;
}

#account_cross_offer #cross_cat_slider .no_spec_list .offer_block.digital:nth-child(3n+0) {
    margin-right: 0;
}

#account_cross_offer #cross_cat_slider .no_spec_list .offer_block.digital:nth-child(4n+0) {
    margin-right: 20px;
}

.no_spec_list .offer_block.digital:nth-child(10) {
    clear: none;
    float: left;
}

.no_spec_list .offer_block.digital .cover {
    height: 130px;
    width: 232px;
    /*margin-bottom: 12px;*/
}

.no_spec_list .offer_block.digital:nth-child(7) .cover img, .no_spec_list .offer_block.digital:nth-child(14) .cover img {
    display: inline-block;
}

.no_spec_list .result_block .offer_block.digital:nth-child(4), .no_spec_list .result_block .offer_block.digital:nth-child(8), .offer_block.digital:nth-child(8) {
    margin-right: 20px;
}

/*  OFFER CLICK TO CALL */

.offer_block.digital.big_offer .new_ribbon_c2o {
    font-size: 15px;
    line-height: 30px;
    width: 150px;
    top: 25px;
    left: -32px;
}

.offer_block.click_to_call .offer_overlay {
    position: absolute;
    display: block;
    width: 100%;
    height: 80%;
    z-index: 0;
    top: 0;
    left: 0;
}

.offer_block.click_to_call .offer_pict {
    height: 106px;
    width: 106px;
    margin-right: 10px;
    float: left;
    position: relative;
    text-align: center;
    margin-bottom: 10px;
    overflow: hidden;
}

.offer_block.click_to_call .nb_appel {
    font-size: 11px;
    font-weight: normal;
    vertical-align: middle;
}

.offer_block.click_to_call .nb_appel i {
    font-size: 16px;
    vertical-align: middle;
    margin-left: 3px;
}

.offer_block.click_to_call .nb_appel img {
    vertical-align: inherit;
    padding-right: 3px;
}

.offer_block.click_to_call .offer_pict img {
    height: 106px;
    width: 106px;
}

.offer_block.click_to_call h3 {
    height: 25px;
    font-size: 14px;
    text-transform: none;
    font-family: 'Museo Sans W03_700', sans-serif;
    color: #7F7F7F;
}

.offer_block.click_to_call .rank {
    color: #FFF;
    background-color: #7f7f7f;
    height: 18px;
    width: 18px;
    display: block;
    float: left;
    margin-right: 5px;
    text-align: center;
    -moz-border-radius: 50%;
    border-radius: 50%;
    font: 400 11px/18px Arial, Helvetica, sans-serif;
}

.offer_block.click_to_call .rating.small {
    width: 110px;
    float: left;
    line-height: 19px;
}

.offer_block.click_to_call p {
    font-size: 12px;
    margin-bottom: 6px;
    height: 65px;
    overflow: hidden;
    line-height: 13px;
}

.offer_block.click_to_call .more {
    display: inline-block;
    width: 9px;
    height: 11px;
    margin-left: 4px;
    background: url(/img/more_pict.png) no-repeat left 2px;
}

#home_c2c_list:not(.bg_home_mobile) .offer_block.click_to_call .price_block {
    height: 50px;
}

.offer_block.click_to_call .price_block {
    font-size: 11px;
    margin-top: 6px;
    margin-bottom: 6px
}

.offer_block.click_to_call .price_block span {
    margin-right: 2px;
}

.offer_block.click_to_cal .rating.small {
    line-height: 0;
    text-align: center;
}

.offer_block.fast_pass_active {
    border: var(--color-prime-primary) solid 1px;
}

.commentary_offer {
    word-wrap: break-word;
}

.commentary_offer .rating.small {
    display: inline-block;
    margin-left: 5px;
    margin-right: 5px;
}

.commentary_offer em {
    font-size: 11px;
}

/******** PRIX SUR LISTE VOIX  **************/

#wrapper.free .offer_block .offer_rank_price, #home_c2c_list.free .offer_block .offer_rank_price {
    color: #36a9e1;
    text-decoration: line-through;
}

#wrapper .offer_block .offer_rank_price {
    color: #36a9e1;
    text-decoration: none;
}

#wrapper .offer_block .promo_price {
    display: none;
}

#wrapper.free .offer_block .offer_rank_ope_text,
#wrapper .offer_block .offer_rank_ope_text,
#home_c2c_list.free .offer_block .offer_rank_ope_text,
#home_c2c_list .offer_block .offer_rank_ope_text {
    display: none;
}

#home_c2c_list .offer_block.prix_spe .offer_rank_ope_text {
    display: block;
}

#wrapper.free .offer_block .offer_rank_price_free, #home_c2c_list.free .offer_block .offer_rank_price_free {
    display: inline-block;
}

#wrapper .offer_block .offer_rank_price_free, #home_c2c_list .offer_block .offer_rank_price_free {
    display: none;
}

#wrapper.ope_speciale .offer_block .offer_rank_ope_text, #home_c2c_list.ope_speciale .offer_block .offer_rank_ope_text {
    display: block;
    font-size: 10px;
}

#wrapper.ope_speciale .offer_block .promo_price, #wrapper.jour_190 .offer_block .promo_price, #home_c2c_list.jour_190 .offer_block .promo_price {
    display: inline-block;
}

#wrapper.ope_speciale .offer_block .offer_price, #wrapper.jour_190 .offer_block .offer_price, #home_c2c_list.jour_190 .offer_block .offer_price {
    display: none;
}

/********  DRAPEAU STATUT MASTER   **************/
.flag-c2c {
    position: absolute;
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    line-height: 30px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    width: 120px;
    display: block;
    top: 15px;
    left: -30px;
    z-index: 1;
    display: none;
    font-family: "Museo Sans W01_900", sans-serif;
    color: #fff;
    border-bottom: 1px solid;
}

.flag-c2c.small-flag {
    font-size: 9px;
    line-height: 15px;
    width: 115px;
    top: 10px;
    left: -39px;
}

.flag-c2c.new {
    background: #37A9E2;
    display: block;
    border-bottom-color: #98C4F8;
}

.flag-c2c.gold {
    background: #DAB927;
    display: block;
    border-bottom-color: #fee98b;
}

.flag-c2c.star {
    background: #FF5A5C;
    display: block;
    border-bottom-color: #FBA4A7;
}

.flag-c2c.top {
    background: #F5A623;
    display: block;
    border-bottom-color: #F8CD87;
}

.flag-c2c.up {
    background: #DC37E2;
    display: block;
    border-bottom-color: #F58EF9;
}

.flag-c2c.plus {
    background: #33BC33;
    display: block;
    border-bottom-color: #75D875;
}

.flag-c2c.super {
    background: #6317A5;
    display: block;
    border-bottom-color: #9B73C6;
}

.flag-c2c.elite {
    background: #55C3DF;
    display: block;
    border-bottom-color: #97DEEF;
}

/***** VIGNETTES MASTER HOME ******/

.master_vignette {
    text-align: center;
    margin-top: 30px;
}

.master_vignette:last-child {
    margin-left: 0;
    margin-right: 0;
}

.master_vignette img {
    width: 135px;
    height: 135px;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin-bottom: 10px;
}

.master_vignette h3 {
    font-size: 14px;
    color: #414141;
    margin-bottom: 5px;

}

.master_vignette h4 {
    font-family: "Museo Sans W03_700", sans-serif;
    font-size: 12px;
    color: #ff5a5f;
    text-transform: uppercase;
}

/****** PRIX OFFRES APPEL GRATUIT ET TARIF SPÉCIAUX ******/

/* => profile_price_s => Tarif Spécial TEXTE*/
/* => profile_price_f => 0.00 € ou tarif promo */
/* => profile_price => Tarif MAster sans Promo */

.profile_price {
    color: #36a9e1;
}

.profile_price_s {
    display: none;
}

/****** CONDITIONS NORMALE  ********/
/* Liste Offre */
#wrapper.free .offer_block .profile_price_f, #home_c2c_list.free .offer_block .profile_price_f {
    display: inline-block
}

#wrapper .offer_block .profile_price_f, #home_c2c_list .offer_block .profile_price_f {
    display: none;
}

#wrapper.free .offer_block .profile_price, #home_c2c_list.free .offer_block .profile_price {
    text-decoration: line-through;
}

/* Page Master */
#wrapper.free .offer .profile_price,#wrapper #action-user-master.promo .profile_price {
    text-decoration: line-through;
}

#wrapper.free .offer .profile_price_f,#wrapper #action-user-master.promo .profile_price_f {
    display: inline-block;
}

#wrapper .offer .profile_price_f {
    display: none;
}

/****** OPERATION SPÉCIALE  ********/
/* Liste Offre */
#wrapper .offer_block.prix_spe .profile_price_s, #home_c2c_list .offer_block.prix_spe .profile_price_s {
    display: inline-block;
}

#wrapper .offer_block.prix_spe .profile_price_f, #home_c2c_list .offer_block.prix_spe .profile_price_f {
    display: none;
}

#wrapper.free .offer_block.prix_spe .profile_price, #home_c2c_list.free .offer_block.prix_spe .profile_price {
    text-decoration: line-through;
}

#wrapper .offer_block.prix_spe .profile_price, #home_c2c_list .offer_block.prix_spe .profile_price {
    text-decoration: none;
}

/* Page Master */
#wrapper .offer.prix_spe .profile_price_s, #home_c2c_list .offer.prix_spe .profile_price_s {
    display: inline-block;
}

#wrapper .offer.prix_spe .profile_price_f {
    display: none;
}

#wrapper.free .offer.prix_spe .profile_price, #home_c2c_list.free .offer.prix_spe .profile_pric {
    text-decoration: line-through;
}

#wrapper .offer.prix_spe .profile_price {
    text-decoration: none;
}

/****** END PRIX OFFRES APPEL GRATUIT ET TARIF SPÉCIAUX ******/

.offer_block.click_to_call .big_btn {
    margin-bottom: 0;
    font-size: 13px;
    font-weight: 400;
}

.offer_block.click_to_call.offline .big_btn.chat_btn, .offer_block.click_to_call.busy .big_btn.chat_btn, .offer_block.click_to_call.wait .big_btn.chat_btn,
.offer_block.click_to_call.fast_pass .big_btn.chat_btn, .offer_block.click_to_call.fast_pass_used .big_btn.chat_btn, .offer_block.click_to_call.fast_pass_active .big_btn.chat_btn,
.offer_block.click_to_call.buy_fast_pass .big_btn.chat_btn, .offer_block.click_to_call.purchase_fast_pass .big_btn.chat_btn {
    display: none;
}

.offer_block.click_to_call.online .big_btn.chat_btn {
    font-weight: 500;
    display: block;
    float: left;
    background: #FFFFFF;
    color: #36a9e1;
    border: solid 1px #36a9e1;
    width: 105px;
    height: 16px;
    line-height: 16px;
}

.offer_block.click_to_call.voucher .big_btn.chat_btn {
    font-weight: 500;
    /*display     : block;*/
    float: left;
    background: #FFFFFF;
    color: #36a9e1;
    border: solid 1px #36a9e1;
    width: 105px;
    height: 16px;
    line-height: 16px;
    text-indent: 16px;
}

.algolia_voice_status_buttons .big_btn {
    width: 87px;
}

.algolia_live_research {
    float: right;

}

.algolia_live_research .fal {
    font-size: 15px;
}

.algolia_chat_button {
    /*display     : block;*/
    /*float: right;*/
    color: #36a9e1;
    border: solid 1px;
    border-color: #36a9e1;
    width: 80px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    margin-right: 4px;
}

.autocomplete_master_name .algolia_chat_button i {
    color: #36a9e1;
}

.autocomplete_master_row {
    display: flex;
}

.algolia_voice_status_buttons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    /*display: flex;*/
    /*float: left;*/
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

li .autocomplete_result voice {
    margin-left: 10px;
}

#autocomplete_result_mobile .autocomplete_result img {
    max-width: unset;
}


.algolia_voice_status_buttons .big_btn {
    box-sizing: content-box;
}

.algolia_voice_status_buttons:not(.algolia_live_research) {
    float: left;
}

.offer_block.click_to_call .big_btn.chat_btn:hover {
    background-color: #36a9e1;

    color: #FFF;
}

.algolia_chat_button:hover {
    background-color: #36a9e1;
    color: #FFF;
}

#wrapper .offer_block.click_to_call .big_btn span.txt_btn_free,
#wrapper .txt_btn_free,
#home_c2c_list .offer_block.click_to_call .big_btn span.txt_btn_free,
.best_sellers .offer_block.click_to_call .big_btn span.txt_btn_free {
    display: none;
}

#wrapper .offer_block.click_to_call .big_btn span.txt_btn_not_free,
#wrapper .txt_btn_not_free,
#home_c2c_list .offer_block.click_to_call .big_btn span.txt_btn_not_free {
    display: inline-block;
}

#wrapper.free .offer_block.click_to_call .big_btn span.txt_btn_free,
#wrapper.free .txt_btn_free,
#home_c2c_list.free .offer_block.click_to_call .big_btn span.txt_btn_free,
#maaster-on-top.free .top_master.list_inline .button span.txt_btn_free {
    display: inline-block;
}

#wrapper.free .offer_block.click_to_call .big_btn span.txt_btn_not_free,
#wrapper.free .txt_btn_not_free,
#home_c2c_list.free .offer_block.click_to_call .big_btn span.txt_btn_not_free,
#maaster-on-top.free .top_master.list_inline .button span.txt_btn_not_free,
#maaster-on-top.free .highlighted_masters_row .button span.txt_btn_not_free,
#maaster-on-top .top_master.list_inline .button span.txt_btn_free {
    display: none;
}

/* MASTER DU JOUR*/
#maaster-on-top {
    margin-top: 10px;
}

#promo_img_container {
    margin-bottom: 5px;
}

.top_master.list_inline {
    position: relative;
    display: block;
    padding-bottom: 0px;
    height: 100px;
    background-color: #FFF;
    -moz-border-radius: 0 7px 7px 0;
    border-radius: 0 7px 7px 0;
    margin-bottom: 4px;
    padding: 5px;
    box-sizing: content-box;
}

.top_master.list_inline.offline {
    display: none;
}

.top_master.list_inline .overlay {
    position: absolute;
    width: 100%;
    height: 74px;
    z-index: 1;
}

.top_master.list_inline .photo {
    float: left;
    width: 100px;
    height: 100px;
}

.top_master.list_inline .high_content {
    width: 140px;
    height: 100px;
    text-align: center;
    float: left;
    line-height: 1.2;
}

.top_master.list_inline .high_content h2 {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 5px;
}

.top_master.list_inline .high_content p {
    font-size: 11px;
    font-weight: normal;
    margin-bottom: 0;
    height: 23px;
    overflow: hidden;
}

.top_master.list_inline .high_content .button {
    width: 100px;
    padding-left: 0;
    padding-right: 0;
    margin-left: 8px;
    margin-top: 5px;
    display: inline-block;
}

.top_master.list_inline .high_content .button.hide {
    display: none;
}

.top_master.list_inline .high_content .small_rating {
    float: none;
}

.top_master.list_inline .high_content {
    font-size: 10px;
    font-weight: normal;
    color: #7f7f7f;
}

/* ---- CROSS MASTER DANS PAGE OFFRE---- */
.nav_slider {
    display: inline-block;
    width: 60px;
    height: 60px;
    background-color: #dcdbdb;
    line-height: 60px;
    text-align: center;
    -moz-border-radius: 8px;
    border-radius: 8px;
    font-size: 24px;
    font-weight: 600;
    color: #FFF;
    cursor: pointer;
    margin-top: 50px;
}

.nav_slider:hover {
    background-color: #36a9e1;
}

#master_commentaries_slider ul {
    height: 160px;
    display: block;
    float: left;
    text-align: center;
    padding: 0;
    margin: 0;
    overflow: hidden;
}

#master_commentaries_slider div.cross_master_row img {
    margin-bottom: 10px;
}

#master_commentaries_slider div.cross_master_row {
    padding-right: 7px;
    padding-left: 7px;
    text-align: center;
    font-size: 11px;
}

/* ---- COLONNE DE DROITE LISTE DES OFFRES---- */
.rub_col {
    margin-bottom: 25px;
    font-size: 13px;
}

.rub_col .title {
    font-size: 19px;
    color: #36a9e1;
    text-align: left;
    margin-bottom: 10px;
    font-weight: 500;
}

#filter_box span {
    padding: 5px 10px;
    background-color: #a6dcf8;
    margin-bottom: 5px;
    margin-right: 5px;
    float: left;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-weight: 600;
    text-transform: uppercase;
    color: #FFF;
}

#filter_box span.active, #filter_box span:hover {
    background-color: #f29f00;
}

#filter_box span:hover {
    cursor: pointer;
}

#filter_box span.active:after {
    content: "X";
    padding-left: 15px;
}

#last_comments li.comment {
    display: block;
    width: 100%;
    font-size: 12px;
    line-height: 1.2;
}

#last_comments li.comment .rating.small span {
    display: block;
    height: 14px;
    width: 15px;
    float: left;
}

#last_comments li.comment .rating.small {
    display: inline-block;
    margin-right: 2px;
}

#hotline_box .hotline_content {
    /*height     : 155px;*/
    background: #f1f1f1 url(/img/bg_hotline_3.png) no-repeat left bottom;
    text-align: right;
    padding: 14px 10px 10px 10px;
    margin-bottom: 5px;
}

#hotline_box .hotline_content .phone_block {
    background-color: #FFF;
    font-family: 'Museo Sans W03_700', sans-serif;
    padding: 5px 10px;
    display: inline-block;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-left: auto;
    margin-right: auto;
    color: #36a9e1;
    font-size: 20px;
    margin-top: 2px;
}

#hotline_box .hotline_content p {
    color: #414141;
    padding-left: 100px;
    margin-bottom: 5px;
    font-size: 12px;
}

#hotline_box .hotline_content h5 {
    color: #414141;
    padding-left: 100px;
    margin-bottom: 5px;
    font-size: 16px;
}

/*------ OFFRE PAGE DIGITAL ART ------*/

#offer_page_da .offer_title, #order_box .title {
    font-size: 24px;
    font-family: 'Museo Sans W03_500', sans-serif;
    margin-bottom: 15px;
}

#offer_page_da #medias_box {
    margin-bottom: 40px;
    border: solid 1px #cac8c9;
    background-color: #FFF;
}

#offer_page_da #medias_box .media_cover {
    width: 700px;
    height: 394px;
    outline: none;
    position: relative;
    overflow: hidden;
    text-align: center;
}

#offer_page_da #medias_box .media_cover .player {
    position: absolute;
    bottom: 4px;
}

#offer_page_da #medias_box .media_cover.inactive {
    display: none;
}

#offer_page_da #medias_box ul.media_list {
    width: 100%;
    list-style-type: none;
    white-space: nowrap;
    overflow-x: auto;
}

#offer_page_da #medias_box li {
    display: inline-block;
    height: 62px;
    width: 110px;
    cursor: pointer;
}

#offer_page_da #medias_box li.video .player_btn {
    display: block;
    height: 30px;
    width: 30px;
    position: absolute;
    background: url(/img/play_button_30.png) no-repeat center center;
    top: 11px;
    left: 40px;
}

#offer_page_da #medias_box li:hover, #offer_page_da #medias_box li:active, #offer_page_da #medias_box li.image.selected_file {
    opacity: 1;
}

#offer_page_da #medias_box i {
    color: #FFF;
    font-size: 24px;
    line-height: 30px;
    height: 30px;
    width: 30px;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: block;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.5);
    text-align: center;
    left: 0;
    right: 0;
    top: 16px;
    margin-left: auto;
    margin-right: auto;
}

#offer_page_da #medias_box i:hover {
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0.5);
}

#offer_page_da .nav_slider_media {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-color: #dcdbdb;
    line-height: 30px;
    text-align: center;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 18px;
    font-weight: 600;
    color: #FFF;
    cursor: pointer;
    margin-top: 16px;
    margin-right: 10px;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    user-select: none;
}

#offer_page_da .nav_slider_media.left {
    margin-left: 10px;
    margin-right: 7px;
}

#offer_page_da .nav_slider_media:hover {
    background-color: #ff5a5f;
}

#offer_page_da .option li {
    background-color: #FFF;
    display: block;
    padding: 10px;
    padding-left: 56px;
    margin-bottom: 10px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    position: relative;
}

#offer_page_da .option li .badge {
    margin: 10px 0 0 0;
}

#offer_page_da .option li label, #offer_page_da .option .price {
    display: inline-block;
    font-weight: 500;
    font-size: 18px;
}

#offer_page_da .option li label {
    cursor: pointer;
    width: 450px;
}

#offer_page_da .option .price {
    width: auto;
    text-align: right;
    margin-left: 5px;
    float: none;
    font-weight: 700;
    display: inline-block;
}

#offer_page_da .option .price_ttc {
    font-size: 14px;
    display: inline-block;
    margin: 0;
    line-height: inherit;
}

#offer_page_da .option .price_container {
    float: right;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

#offer_page_da > ul > li.master_fieldset > span.price {
    margin-right: 10px;
}

#offer_page_da .option li p {
    margin-top: 3px;
    display: block;
}

#offer_page_da .option li p .modif_text {
    font-size: 12px;
}

#offer_page_da .option li span, #offer_page_da .option li select {
    float: right;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    margin-left: 20px;
    outline: none;

}

#offer_page_da .option input[type="radio"]:checked,
#offer_page_da .option input[type="radio"]:not(:checked) {
    width: 1px;
    height: 1px;
    margin: 0;
    padding: 0;
    opacity: 0;
    position: absolute;
    clip: rect(0 0 0 0);
    clip: rect(0, 0, 0, 0);
}

#offer_page_da .option input[type="radio"] + label:before {
    content: '';
    position: absolute;
    left: 18px;
    top: 22px;
    margin-top: -9px;
    width: 18px;
    height: 18px;
    background-color: #FFF;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: solid 2px #7F7F7F;
}

#offer_page_da .option input[type="radio"] + label:before {
    -moz-border-radius: 50%;
    border-radius: 50%;
}

#offer_page_da .option input[type='radio']:focus + label:before, #offer_page_da .option input[type='radio']:checked + label:before {
    background: #FFF no-repeat center center url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAMAAADzapwJAAACSVBMVEUAAABQiAdQiAdQiAdZlQZVlQVSjgZKhQVVjwdNigVKhAZcmgZamQdTjgZMhwRZlAdZlgdTjAdNhgdRiAdQhwZSiAdOhgZPhwdZlQhQjgRVjgdXlQZRjwVTiwhLhQVRjAZMiAVLhAZLhAZLgwZOhgdQiAf///9isQWZ0kFhpQdWqACi2FGZ00OW0jyZ1TqTzziOzDV6vxqDyxJlpwdfpAZfsgPV372f102V0EOQzzKU1C+NzCyMziuP0CiIySWv8CGc2yCGyR6ExxuO0hR/wRKBxxF4vhBstQ9yuApstAlkrQZhrAVarwBaqQD++///+P//9P/t7OXJ2aa81I+r3mOs4l+n21udw1abx1Gc1Uee2kWX1TmX0zaS0DaU0TGNxS+P0S2Z1yiMyiiDxSGz9SCy8SCu7CCAwiCi4B+n8R6s6xyk4xyGyxyp6BuBxBud5hqW2ReQ1hWI0BNwuBJ9xQ58wAhrtwhltAVTkQVboQReqQNcqgFXpgDz6v/7+Pvx8O3n6tvi6NHd5MjV3r7P4LG8zqLA15W1yoa00IO42X+00X6y0Xu57Xey5G6t1Guix1+n4Fafz1Gh3Uuf20ud1EuayUqe2Emb2EWZzEWax0WVxkGX0ECPy0Cc1z+VzDuOyzqOwTiUzjeQyDSW2DOf0TGOzDCR0y+OzC+S0S2Fxi2MySqHxyiw7iOLzyOMyyOW1CK3+CGx8iGQ0iGe3SCFwiCt9h+q8R+l7R6HzhuEyxl/yhOm6wyU3wlpqgmk6Aic6gdXkwZktgVhtAWFMpEfAAAAJnRSTlMAGhYT9fHc0rKwavTv6+bd29CEgHRsYg399uPh08rEvKV7enQNC39EFgIAAAG6SURBVBjTYoAAcTEFGVZWNk4uRgYkoMxr7OJcUODsuldSCC7IJGdStN3ePjV1Y8q2QmN2qAZmPs98+7Tc7M0ODhlZGzI9+JjBwuye+WtysxMtDQwMlts6pGz1YAeJKmkWpmVlxM2x0NHRsDBwK92dqakIdMOBkpz1ifoWkeba2trRqzpaZ+5zrlBh4DIuSl45X2OadlhYSNS8FjW12iX7jbkYOD132sXaLNIJDemdMLFJTU3Nf8GeUk4GtrIcG6dws2CNntC+BqBoQLjbJiN+BtYyR6OIADX/rrmd9UDRwAhXG0cjbsAYWNTzjPqBfL+2OiDZOHWtrrWTKzcDf7WblUu7GgSYzYiOjE1yLJFm4KhST1rmEgQWDZodZa5rabfDQ55BzMSnOCZhixnQmOCFk8w19K3X7aoUYVCVUNcy1LONbw7stp48RUN/qa1TeQUwVEQ0TWsM9aziZyVM19HVt1yRd7ASHLiCXqY17qutFuvp6sXE2RWbVrFBAlbK65BWtbthenK6obu3jzcvIzQaZE3KTbW0fH19tXzUNQUR8SbMYuKtDgRemizCyJHJJMohwMMjwCHKBOEDAHJnd89Ntx6WAAAAAElFTkSuQmCC);
    border: none;
    width: 22px;
    height: 22px;
}

#express_delivery_block {
    margin-top: 20px;
    padding: 20px 15px 20px 17px;
    background-image: url(/img/express_delivery_pict.png);
    background-repeat: no-repeat;
    background-position: 50px 10px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #FFF;
}

#express_delivery_block_offer {
    margin-top: 20px;
    padding: 0px;
    background-image: url(/img/express_delivery_pict.png);
    background-repeat: no-repeat;
    background-position: 30px 0px;
    height: 40px;
    line-height: 40px;

}

#express_delivery_block .price {
    display: inline-block;
    font-weight: 500;
    font-size: 20px;
    float: right;
}

input[type=checkbox].special-checkbox {
    position: absolute;
    z-index: -1000;
    left: -1000px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

input[type=checkbox].special-checkbox + label.special-label {
    padding-left: 80px;
    height: 20px;
    display: inline-block;
    line-height: 20px;
    background-repeat: no-repeat;
    background-position: 0 0;
    font-size: 20px;
    vertical-align: middle;
    cursor: pointer;

}

input[type=checkbox].special-checkbox:checked + label.special-label {
    background-position: 0 -20px;
}

label.special-label {
    background-image: url(/img/special-checkbox.png);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 20px;
    color: #ff5a5f;
    font-family: "Museo Sans W03_500", sans-serif;
}

#offer_page_da .order_delivery_action_small {
    margin-top: 18px;
    background: url(/img/chrono_icon.png) no-repeat left center;
    padding-left: 23px;
    margin-left: 18px ! important;
}

#offer_page_da .order_delivery_action {
    margin-top: 18px;
    height: 55px;
    padding-left: 60px;
    padding-top: 10px;
    line-height: 15px;
    box-sizing: content-box;
}

#preview_offer_products li p {
    margin-bottom: 0;
}

#order_box.border_bottom, #order_basket_action.border_bottom {
    padding-bottom: 5px;
}

#order_basket_action.border_bottom {
    margin-bottom: 0;
}

#order_box .order_recap_title {
    position: relative;
    font-size: 22px;
    font-weight: 500;
    color: #c5c5c5;
    padding: 0 140px 0 0;
    margin-bottom: 25px;
}

#order_box .order_recap_title span {
    position: absolute;
    right: 0;
    top: 0;
}

#order_box .order_recap_title.total {
    font-weight: 500;
    color: #7f7f7f;
}

#offer_page_da .order_delivery_action strong {
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
}

#offer_page_da .option li .badge.success {
    background-color: #e3e3e3;
    color: #7F7F7F;
}

#offer_page_da .order_delivery_action button, button.basket {
    min-width: 205px;
    background-color: #FF5A5C;
}

#offer_page_da .order_delivery_action button:hover {
    background-color: #7f7f7f;
}

#offer_page_da button.basket {
    min-width: 220px;
    font-size: 13px;
    color: #7F7F7F;
    border: solid 2px #7F7F7F;
    height: 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: url(/img/basket_icon_gray.png) no-repeat 20px center;
    padding-left: 50px;
    margin-top: 10px;
    margin-bottom: 10px;
}

#offer_page_da button.basket:hover {
    color: #FFF;
    border-color: #7F7F7F;
    background: url(/img/basket_icon.png) no-repeat 20px center;
}

#offer_page_da .profil_picture, .profil_picture {
    width: 210px;
    height: 210px;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 4px solid #FFF;
}

#offer_page_da .master_name, .master_name {
    font-size: 28px;
    font-weight: 600;
    margin: 15px 0;
}

#offer_page_da .master_name {
    text-align: center;
}

#master_stat.master_stat_digital span {
    width: 50%;
    float: left;
}

.master_stat_digital {
    padding: 15px 0;
    text-align: center;
    border-bottom: 1px solid #d0d0d0;
    min-height: 15px;
}

#master_stat.master_stat {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    padding: 15px 10px;
    border-bottom: 1px solid #d0d0d0;
    min-height: 15px;
}

.master_stat {
    padding: 15px 0;
    text-align: center;
    border-bottom: 1px solid #d0d0d0;
    min-height: 15px;
}

#master_page_da_stat .master_stat span {
    padding: 0;
}

#master_share span {
    padding-right: 10px;
}

#master_share.clickToCall #offer_favori_link {
    /*width         : 100%;*/
    display: inline-block;
    text-align: center;
    /*margin-bottom : 10px;*/
}

#master_share.clickToCall .social_share {
    width: 100%;
}

#master_share > a.share-it.clickToCall {
    margin-top: 10px;
}

#master_share a {
    display: flex;
    align-items: center;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 28px;
    font-family: "Museo Sans W03_700", sans-serif;
    float: left;
}

#master_share a:hover, #master_share a.favorite span:hover, #master_share a.favorite.orange span {
    color: #ff5a5f;
}

#master_share a.favorite.clickToCall.blue, #master_share a.favorite.clickToCall:hover, #master_share a.favorite.clickToCall.active, #master_share a.favorite.clickToCall span:hover {
    color: #36a9e1;
}

#master_share a.favorite.clickToCall.blue span:first-child svg, #master_share a.favorite.orange span:first-child svg {
    opacity: 100%;
}

#master_share a.share-it.clickToCall:hover {
    color: #36a9e1;
}

#master_share a.share-it span {
    color: #ff5a5f;
}

ul.social_share {
    text-align: center;
    margin-top: 20px;
    display: none;
}

ul.social_share li {
    display: inline-block;
    cursor: pointer;
    height: 36px;
    width: 32px;
    padding: 0px;
    float: none;
    margin: 0px 3px;
    background: url(/img/shareIt_Spry_ico.png) no-repeat;
    background-position: 0 0;
}

ul.social_share li.twitter {
    background-position: -32px 0;
}

ul.social_share li.google {
    background-position: -64px 0;
}

ul.social_share li.linkedin {
    background-position: -96px 0;
}

ul.social_share li.pin_it {
    background-position: -128px 0;
}

ul.social_share li.to_mail {
    background-position: -160px 0;
}

#master_share span:hover, #ask_a_question span:hover {
    color: #36a9e1;
}

#master_stat.master_stat span:last-of-type {
    margin-left: auto;
}

.master_stat span strong, .master_stat_digital span strong {
    font-size: 35px;
    font-family: "Museo Sans W03_300", sans-serif;
    font-weight: normal;
}

#master_code.master_stat span{
    text-transform: uppercase;
}
#master_code.master_stat span strong{
    font-size: 25px;
}

#offer_page_da .detail_box {
    margin-top: 30px;
    line-height: 18px;
}

.detail_box .localisation {
    font-size: 12px;
}

a.ask_a_question {
    height: 30px;
    line-height: 30px;
    font-family: "Museo Sans W03_700", sans-serif;
    text-transform: uppercase;
    display: block;
    text-align: center;
}

a.ask_a_question:hover {
    color: #ff5a5f;
}

a.ask_a_question img {
    vertical-align: middle;
    display: inline-block;
    margin-right: 5px;
}

#offer_page_da .detail_box .orange {
    text-transform: uppercase;
}

#mots-clef {
    margin-top: 10px;
}

#mots-clef span {
    display: block;
    float: left;
    margin-right: 6px;
    padding: 2px 6px;
    font-size: 11px;
    background-color: #FFF;
    margin-top: 5px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

#mots-clef.offer_page_right_keywords span {
    display: inline-block;
    float: none;
}

.commentaries_tittle {
    font-size: 20px;
    font-weight: 200;
    font-style: italic;
    text-align: center;
    margin-bottom: 0;
}

ul.commentaries_list li ul li {
    text-indent: 20px;
    padding-top: 10px;
}

ul.commentaries_list li {
    padding: 15px 0;
    border-bottom: 1px solid #d8d8d8;
}

ul.commentaries_list li ul li {
    text-indent: 20px;
    padding-top: 10px;
}

ul.commentaries_list .rating.small span {
    height: 14px;
    margin-top: 7px;
}

#action-user-master {
    text-align: center;
}

#action-user-master .price {
    font-size: 20px;
    margin-bottom: 10px;
}

#action-user-master .user_action {
    display: block;
    font-size: 13px;
    line-height: 20px;
}

#action-user-master .user_action strong {
    font-size: 13px;
    font-weight: 600;
}

#action-user-master p strong {
    color: #36a9e1;
    font-weight: 600;
}

#action-user-master p a {
    text-decoration: underline;
}

#action-user-master p a:hover {
    color: inherit;
}

#scrolling-col .large_btn {
    margin-bottom: 0;
}

.offer.offline #queue_time, .offer.online #queue_time, .offer.busy #queue_time, .offer.full #queue_time, .offer.offline #max_queue, .offer.online #max_queue, .offer.busy #max_queue {
    display: none;

}

#action-user-master .user_action a {
    color: #36a9e1;
    font-weight: 600;
    text-decoration: underline;
}

#send_sms {
    position: relative;
    margin: auto;
}

#send_sms > a {
    color: #7F7F7F !important;
}

#send_sms:before {
    font-family: "Font Awesome\ 5 Pro";
    content: '\f0f3';
    margin-right: 0.5rem;
}

#offer_send_chatbot {
    position: relative;
    margin: auto;
    margin-top: 1rem;
}

#offer_send_chatbot:before {
    font-family: "Font Awesome\ 5 Pro";
    content: '\f4a6';
    margin-right: 0.5rem;
    color: #36a9e1;
}

.offer #send_sms, .offer #send_sms_2, .offer.offline #send_sms_2, .offer #offer_send_chatbot {
    display: none;
}

.offer.offline #send_sms, .offer.alert_sms #send_sms, .offer.offline #offer_send_chatbot {
    display: block;
}

.offer.busy #send_sms_2 {
    display: none;
}

.offer.offline #queue_time, .offer.online #queue_time, .offer.busy #queue_time, .offer.full #queue_time, .offer.offline #max_queue, .offer.online #max_queue, .offer.busy #max_queue {
    display: none;
}

.offer.wait1 #max_queue, .offer.wait2 #max_queue, .offer.wait3 #max_queue, .offer.wait4 #max_queue, .offer.wait5 #max_queue {
    display: none;
}

/*------ OFFRE PAGE CLICK TO CALL ET MODIF PAGE MASTER DANS ACCOUNT MASTER------*/

.header_master {
    position: relative;
    margin-bottom: 15px;
    color: #FFF;
    height: 285px;
    display: block;

}

#offer_page_call .header_master {
    overflow: hidden;
}

.header_master .new_flag {
    width: 95px;
    height: 95px;
    font-size: 9px;
    font-weight: 900;
    left: 0;
    top: 0;
    color: #FFF;
    position: absolute;
    background: url(/img/new_flag_master.png) no-repeat left top;
}

#da-master-infos-update .header_master {
    text-align: left;
    width: 200px;
    height: 325px;
    position: relative;
    top: -35px;
}

#da-master-infos-update.profil_picture_upload .header_master {
    top: 0;
}

.header_master .profil_picture {
    width: 210px;
    height: 210px;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 4px solid #FFF;
    position: absolute;
    right: 40px;
    top: 25px;
}

.header_master .profil_picture_container {
    width: 220px;
    height: 220px;
}

.header_master .cropper-container {
    z-index: 200;
}

#da-master-infos-update .header_master .profil_picture {
    width: 170px;
    height: 170px;
    position: relative;
    right: 0px;
    top: -15px;
    margin-bottom: 10px;
}

#master-page-update .profil_picture_container {
    position: absolute;
    top: 10px;
    right: 40px;
}

#master-page-update .profil_picture {
    position: absolute;
    top: 15px;
    right: 0;
}

.header_master h1, .header_master h2 {
    position: absolute;
    color: #FFF;
    width: 70%;
    text-align: right;
}

.header_master h1 {
    top: 100px;
    font-weight: 600;
    font-size: 40px;
}

.header_master h2 {
    top: 145px;
    font-size: 20px;
    font-weight: 400;
}

.video_master {
    display: block;
    width: 560px;
    height: 315px;
    margin-top: 20px;
    margin-bottom: 20px;
    border: none;
    margin-left: auto;
    margin-right: auto;
    background-color: #CCC;
}

/* SPECIFIQUE ACCOUNT MASTER */

.master_page legend, .red_small_title {
    color: #ff5a5f;
    font-size: 19px;
    margin-bottom: 15px;
    font-weight: 500;
    margin-top: 5px;
}

.master_page label.master_option {
    height: 40px;
    line-height: 40px;
    vertical-align: middle;
}

.master_page #active_chatBtn, .master_page #active_callBtn, .master_page #active_recall_customerBtn {
    position: absolute;
    top: -3px;
    right: -16px;
}

.header_master .imgCrop_wrap {
    display: block;
    position: absolute;
    right: 45px;
    top: 25px;
}

.header_master .master_cropper_box {
    height: 276px;
    width: 260px;
    display: block;
    position: absolute;
    right: 20px;
    text-align: center;
}

#da-master-infos-update .header_master .master_cropper_box {
    height: auto;
    width: 260px;
    display: block;
    position: absolute;
    top: 0;
    right: -45px;
    text-align: center;
}

.header_master .master_cropper_box .big_btn {
    display: inline-block;
    width: 130px;
    color: #FFF;
    font-weight: 600;
    font-size: 13px;
    text-align: center;
    text-transform: uppercase;
    background-color: #ff5a5f;
    padding: 5px 0;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
    outline: none;
    border: none;
    text-decoration: none;
    margin-top: 235px;
}

.header_master .master_cropper_box .big_btn:hover {
    color: #FFF;
    background-color: #ff5a5f;
}

.header_master .file-upload {
    overflow: hidden;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    text-align: center;
}

.header_master .file-upload input {
    position: absolute;
    right: 125px;
    top: 110px;
    margin: 0;
    opacity: 0;
    filter: alpha(opacity=0);
}

.header_master .edit_profil_pict {
    height: 50px;
    width: 50px;
    display: block;
    position: absolute;
    right: 35px;
    top: 185px;
    z-index: 1;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: rgba(255, 90, 95, 1) url(/img/edit_pict_ico.png) no-repeat center center;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -moz-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    color: inherit;
    text-align: start;
    border: #FFF solid 3px;
}

#da-master-infos-update .header_master .edit_profil_pict {
    height: 40px;
    width: 40px;
    display: block;
    position: relative;
    left: 135px;
    top: 170px;
}

.header_master .edit_img {
    height: 30px;
    line-height: 30px;
    width: 140px;
    display: block;
    position: absolute;
    background: rgba(255, 90, 95, 1);
    bottom: 10px;
    left: 10px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
    color: #FFF;
    font-weight: 500;
}

.header_master .edit_img:hover {
    cursor: pointer;
    background: rgba(255, 90, 95, 1);
}

.header_master .edit_profil_pict:hover {
    background: rgba(255, 90, 95, 1) url(/img/edit_pict_ico.png) no-repeat center center;
    cursor: pointer;
}

.header_master .moderate_statut {
    display: block;
    position: absolute;
    right: 117px;
    top: 17px;
    width: 150px;
    height: 150px;
    z-index: 1;
    background: url(/img/moderate_label.png) no-repeat center center;
}

#da-master-infos-update .header_master .moderate_statut {
    display: block;
    position: absolute;
    right: 104px;
    top: 28px;
    width: 100px;
    height: 100px;
    z-index: 1;
    background: url(/img/moderate_label_little.png) no-repeat center center;
}

.header_master .moderate_statut span, #dashboard_profil .moderate_statut span {
    font-size: 11px;
    font-weight: 600;
    display: block;
    position: absolute;
    transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    right: -14px;
    top: 55px;
    width: 186px;
    text-align: center;
    color: #FFF;
}

#da-master-infos-update .header_master .moderate_statut span {
    font-size: 9px;
    font-weight: 400;
    display: block;
    position: absolute;
    transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    right: 6px;
    top: 39px;
    width: 100px;
    text-align: center;
    color: #FFF;
}

#creditential_pict {
    position: relative;
}

#creditential_pict .moderate_statut {
    position: absolute;
    left: -3px;
    top: 0;
    width: 150px;
    height: 150px;
    background: url(/img/moderate_label.png) no-repeat center center;
    -moz-background-size: 108%;
    -o-background-size: 108%;
    background-size: 108%;
}

#creditential_pict .moderate_statut span {
    font-size: 11px;
    font-weight: 600;
    display: block;
    position: absolute;
    transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    right: -14px;
    top: 55px;
    width: 186px;
    /* height: 150px; */
    text-align: center;
    color: #FFF;
}

#dashboard_pict {
    position: relative;
}

#dashboard_pict .moderate_statut {
    position: absolute;
    left: -6px;
    top: -8px;
    width: 150px;
    height: 150px;
    background: url(/img/moderate_label.png) no-repeat center center;
    -moz-background-size: 108%;
    -o-background-size: 108%;
    background-size: 108%;
}

#dashboard_pict .moderate_statut span {
    font-size: 11px;
    font-weight: 600;
    display: block;
    position: absolute;
    transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    right: -14px;
    top: 55px;
    width: 186px;
    /* height: 150px; */
    text-align: center;
    color: #FFF;
}

/*------BLOC DE CONFIRMATIONS INSCRIPTION MASTER DANS MA PAGE OFFRES------*/
#register_first p {
    padding: 0 30px;
    line-height: 18px;
}

#register_first .title {
    font-size: 30px;
    font-family: "Museo Sans W03_100", sans-serif;
    margin-bottom: 30px;
}

#register_first .step_title {
    font-size: 24px;
    font-family: "Museo Sans W03_100", sans-serif;
}

#register_first .step_title span {
    font-size: 50px;
    font-style: italic;
}

/*------ PROCESS DE COMMANDE CLIENT------*/
.order_step {
    display: block;
    height: 100px;
    width: 590px;
}

.order_step.final_step {
    height: 100px;
    width: 100%;
}

.order_step.final_step .step_link {
    width: 100%;
    height: 5px;
    background-color: #c5c5c5;
    position: absolute;
    top: 17px;
    left: 55%;
}

.order_step .step {
    float: left;
    width: 33%;
    position: relative;
    text-align: center;
    margin-bottom: 30px;
}

.order_step .step p {
    font-weight: 500;
}

.order_step .step span {
    height: 40px;
    width: 40px;
    line-height: 40px;
    -moz-border-radius: 50%;
    border-radius: 50%;
    color: #FFF;
    display: inline-block;
    background-color: #c5c5c5;
    font-size: 25px;
    font-weight: bold;
    margin-bottom: 15px;
    text-align: center;
    z-index: 2;
}

.order_step .step_link {
    width: 80%;
    height: 5px;
    background-color: #c5c5c5;
    position: absolute;
    top: 17px;
    left: 60.7%;
    z-index: 1;

}

.order_step .step.active span, .step_link.active, .order_step.final_step .step_link.active {
    background-color: #ff5a5f;
    z-index: 0;
}

.order_step .step.active p {
    color: #ff5a5f;
}

/*------ PROCESS DE COMMANDE SUIVI DES DJOBS------*/
.order_step.suivi_djob {
    display: block;
    height: 100px;
    width: 700px;
}

#my-account .order_step.suivi_djob {
    width: 800px;
}

.order_step.final_step {
    height: 100px;
    width: 100%;
}

.order_step.suivi_djob .step {
    float: left;
    width: 25%;
    position: relative;
    text-align: center;
    margin-bottom: 30px;
}

/* LE PANIER */
#basket_box {
    padding: 15px;
}

#basket_box .title {
    font-size: 36px;
    font-weight: 300;
    text-align: left;
    background: url(/img/basket_icon_title.png) no-repeat 95% center;
    margin-bottom: 20px;
}

#basket_box .border_bottom {
    margin-bottom: 15px;
    padding-bottom: 10px;
}

#basket_box .basket_price {
    font-size: 20px;
}

#basket_box table tr td {
    font-size: 14px;
}

/*----------- LISTE DES MOYENS DE PAIEMENT ------ */
ul.card_list {
    padding-left: 0px;
}

ul.card_list li {
    height: 30px;
    line-height: 30px;
    position: relative;
}

ul.card_list input[type="radio"]:checked,
ul.card_list input[type="radio"]:not(:checked) {
    width: 1px;
    height: 1px;
    margin: 0;
    padding: 0;
    opacity: 0;
    position: absolute;
    clip: rect(0 0 0 0);
    clip: rect(0, 0, 0, 0);
}

ul.card_list input[type="radio"] + label:before {
    content: '';
    position: absolute;
    left: 10px;
    top: 50%;
    margin-top: -9px;
    width: 16px;
    height: 16px;
    background-color: #e7e6e6;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

ul.card_list input[type="radio"] + label:before {
    -moz-border-radius: 8px;
    border-radius: 8px;
}

ul.card_list input[type='radio']:focus + label:before, ul.card_list input[type='radio']:checked + label:before {
    background: #FFF url(/img/checkMark.jpg) no-repeat center center;
}

ul.card_list li label {
    cursor: pointer;
    padding-left: 35px;
}

/* BLOC LOGO CARTE BANCAIRE */

.visa, .mastercard, .paypal, .paysafecard {
    height: 40px;
    line-height: 40px;
    cursor: pointer;
    margin: 0 5px 10px 5px;
    text-align: left;
    position: relative;
}

.payment_type_list li label {
    margin-right: 0;
}

.payment_type_list li label.mastercard {
    background: #FFF url(/img/logo_mastercard.jpg) no-repeat 10px top;
    width: 80px;
}

.payment_type_list li label.visa {
    background: #FFF url(/img/logo_visa.jpg) no-repeat 15px 2px;
    width: 95px;
    background-size: 77px;
}

.payment_type_list li label.onshop {
    background: #FFF url(/img/logoonshop.jpg) no-repeat 20px top;
    background-size: 70px;
    width: 100px;
    text-align: left;
}

.payment_type_list li label.cashlib {
    background: #FFF url(/img/logocashlib.jpg) no-repeat 30px 8px;
    background-size: 70px;
    width: 100px;
    text-align: left;
    height: 50px;
}

.payment_type_list li label.paysafecard {
    background: #FFF url(/img/logoPaySafeCard.jpg) no-repeat 22px 9px;
    background-size: 117px;
    width: 140px;
}

.payment_type_list li label.paypal {
    background: #FFF url(/img/paypal-new-logo.jpg) no-repeat right top;
    width: 129px;
    background-size: 110px;
}

.payment_type_list li label.paypal span {
    display: none;
}

.notcard_block_list .paypal {
    background: #FFF url(/img/paypal-new-logo.jpg) no-repeat 25px top;
    width: 365px;
    background-size: 130px;

}

.notcard_block_list .paysafecard {
    background: #FFF url(/img/logoPaySafeCard.jpg) no-repeat 30px 9px;
    background-size: 150px;
    width: 180px;
}

.notcard_block_list .onshop {
    background: #FFF url(/img/logoonshop.jpg) no-repeat 30px top;
    background-size: 77px;
    width: 110px;
    text-align: left;
    height: 100px;
}

.notcard_block_list .cashlib {
    background: #FFF url(/img/logocashlib.jpg) no-repeat 30px top;
    background-size: 115px;
    width: 150px;
    text-align: left;
    height: 50px;
}

.paysafecard .content {
    position: absolute;
    padding: 0;
    top: -1px;
    left: 75px;
    line-height: normal;
    color: #36A9E1;
    font-size: 14px;
    font-weight: 500;
}

.paysafecard .content strong {
    color: #FF2B78;
    font-weight: 500;
    font-size: 18px;
}

.onshop_logo {
    float: left;
    width: 100px;
    margin-top: -20px;
}

.cash_payment {
    position: relative;
    display: inline-block;
    margin-left: 10px;
}

.cash_payment span {
    padding: 2px;
    position: absolute;
    bottom: -18px;
    left: 0;
    right: 0;
    text-align: center;
    display: inherit;
    font-size: 11px;
}

/******** LES PAGES PROFILS MASTER **************/

.nav_offer {
    display: block;
    background-color: #e68602;
    height: 92px;
    width: 91px;
    position: fixed;
    opacity: 0.5;
}

.nav_offer:hover {
    opacity: 1;
    cursor: pointer;
}

#nav_prev, #nav_next {
    position: absolute;

}

.nav_offer.left {
    top: 50%;
    left: 10%;
    background: url(/img/prev.png) no-repeat;

}

.nav_offer.right {
    top: 50%;
    right: 10%;
    background: url(/img/next.png) no-repeat;
}

.offer_mosaiq .up_flag {
    width: 35px;
    height: 35px;
    font-size: 9px;
    font-weight: 900;
    left: 0;
    top: 0;
    color: #FFF;
    position: absolute;
    background: url(/img/up_flag_mosaiq.png) no-repeat left top;
}

.offer_inline .up_flag {
    width: 35px;
    height: 35px;
    font-size: 9px;
    font-weight: 900;
    left: 0;
    top: 0;
    color: #FFF;
    position: absolute;
    background: url(/img/up_flag_mosaiq.png) no-repeat left top;
}

#header_master .up_flag {
    width: 95px;
    height: 95px;
    font-size: 9px;
    font-weight: 900;
    left: 0;
    top: 0;
    color: #FFF;
    position: absolute;
    background: url(/img/up_flag_master.png) no-repeat left top;
}

.offer_mosaiq .star_flag {
    width: 35px;
    height: 35px;
    font-size: 9px;
    font-weight: 900;
    left: 0;
    top: 0;
    color: #FFF;
    position: absolute;
    background: url(/img/star_flag_mosaiq.png) no-repeat left top;
}

.offer_inline .star_flag {
    width: 35px;
    height: 35px;
    font-size: 9px;
    font-weight: 900;
    left: 0;
    top: 0;
    color: #FFF;
    position: absolute;
    background: url(/img/star_flag_mosaiq.png) no-repeat left top;
}

#header_master .star_flag {
    width: 95px;
    height: 95px;
    font-size: 9px;
    font-weight: 900;
    left: 0;
    top: 0;
    color: #FFF;
    position: absolute;
    background: url(/img/star_flag_master.png) no-repeat left top;
}

.offer_mosaiq .gold_flag {
    width: 35px;
    height: 35px;
    font-size: 9px;
    font-weight: 900;
    left: 0;
    top: 0;
    color: #FFF;
    position: absolute;
    background: url(/img/gold_flag_mosaiq.png) no-repeat left top;
}

.offer_inline .gold_flag {
    width: 35px;
    height: 35px;
    font-size: 9px;
    font-weight: 900;
    left: 0;
    top: 0;
    color: #FFF;
    position: absolute;
    background: url(/img/gold_flag_mosaiq.png) no-repeat left top;
}

#header_master .gold_flag {
    width: 95px;
    height: 95px;
    font-size: 9px;
    font-weight: 900;
    left: 0;
    top: 0;
    color: #FFF;
    position: absolute;
    background: url(/img/gold_flag_master.png) no-repeat left top;
}

/******** CSS ACCORDEON > FAQ Espace Client **************/

#faq_client {
    margin-bottom: 30px;
}

#faq_client .ui-accordion-header {
    font-size: 14px;
    font-weight: 500;
    padding: 10px;
    outline: none;
    text-indent: 5px;
    margin-top: 10px;
    margin-bottom: 10px;
    background: #f7f7f7 url(/img/accordeon_arrow_right.png) no-repeat right top;
}

#faq_client p, #faq_client ul {
    padding: 5px 10px 10px 10px;
}

#faq_client a {
    color: #ff5a5f;
    text-decoration: underline;
}

.ui-accordion-header:hover {
    cursor: pointer;
    background: #f7f7f7 url(/img/accordeon_arrow.png) no-repeat right top;
    outline: none;
    color: #ff5a5f;

}

.ui-accordion-header.ui-state-active {
    background: #f7f7f7 url(/img/accordeon_arrow.png) no-repeat right top;
    color: #ff5a5f;
}

/******** ESPACE CLIENT **************/

#my-account p {
    font-size: 14px;
}

#account_billing_contact_change {
    padding: 25px 10px;
}

#account_billing_contact_change input {
    margin-bottom: 10px;
}

.account_menu {
    padding: 12px;
    font-size: 13px;
    background-color: #ebebeb;
    margin-bottom: 35px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.account_menu li {
    height: 20px;
    line-height: 20px;
}

.account_menu strong {
    font-weight: 500;
}

.account_menu .active {
    font-weight: 500;
    color: #ff5a5f;
}

.account_subtitle {
    height: 48px;
    line-height: 48px;
    border-top: 1px solid #D8D8D8;
    border-bottom: 1px solid #D8D8D8;
    margin: 0 0 20px;
    width: 100%;
    font-size: 21px;
    font-weight: 600;
}

.account_billing_contact_informations {
    margin-bottom: 10px;
}

.account_billing_contact_informations b {
    font-weight: 500;
}

.account_billing_contact_informations a {
    float: right;
    color: #36a9e1;
    text-decoration: underline;
}

.dashboard_title {
    color: #36a9e1;
    font-size: 16px;
    font-weight: 500;
}

.dashboard_credit .title {
    font-size: 20px;
    text-align: center;
}

.dashboard_credit .amount {
    font-size: 40px;
    color: #36a9e1;
    text-align: center;
    margin: 10px 0 20px 0;
}

.account_detail {
    padding: 20px 0;
    margin-bottom: 20px;
}

.account_detail p {
    height: 25px;
    line-height: 25px;
}

.account_detail a, .account_unsubscribe_detail a, .account .last_box a {
    text-decoration: underline;
}

.account_unsubscribe_detail {
    border-top: 1px solid #D8D8D8;
    margin-top: 20px;
    padding-top: 20px;
    display: none;
}

ul.djobs_detail li {
    width: 130px;
    height: 120px;
    float: left;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 15px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    margin-right: 35px;
    text-align: center;
    color: #FFF;
    font-weight: 500;
    -moz-background-size: 43%;
    -o-background-size: 43%;
    background-size: 43%;
    background-position: 15px 15px;
    background-repeat: no-repeat;
    padding-top: 25px;
    position: relative;
}

ul.djobs_detail li:hover {
    cursor: pointer;
    opacity: 0.8;
}

ul.djobs_detail.master li {
    margin-right: 20px;
}

ul.djobs_detail.master.dashboard_list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

ul.djobs_detail.master.dashboard_list li:hover {
    cursor: pointer;
    opacity: 0.8;
}

ul.djobs_detail.master.dashboard_list li {
    margin: 0 30px;
}

ul.djobs_detail li i {
    font-weight: normal;
    font-size: 46px;
    vertical-align: middle;
    margin-right: 5px;
}

ul.djobs_detail li span {
    display: block;
    font-size: 33px;
    text-align: center;
    height: 40px;
    line-height: 40px;
    margin-bottom: 15px;
}

ul.djobs_detail a li {
    margin-right: 20px;
}

.wait_djobs {
    background-color: #f3c500;
}

.in_progress_djobs {
    background-color: #3ac5ff;
}

.to_valid_djobs {
    background-color: #ff9600;
}

.finished_djobs {
    background-color: #a2c500;
}

.canceled_djobs {
    background-color: #ff5a5f;
}

/*PAGES DES SUIVI DES DJOBS*/
.djobs_detail_box {
    margin-top: 20px;
}

#djob_edit_brief form, #djob_edit_brief_2 form, #djob_commentary form {
    padding-left: 0;
}

.djobs_detail_box .dashboard_title {
    margin-bottom: 10px;
}

.djobs_detail_box p {
    margin-bottom: 10px;
}

.djobs_detail_box .master_reco {
    margin-top: 15px;
    text-align: right;
    padding-left: 40px;
    display: none;
}

.djobs_detail_box .infos_box {
    margin: 30px 0 0 0;
    line-height: 15px;
    padding-left: 60px;
    background-image: url(/img/ico_infos_box.png);
    background-position: 10px top;
    background-repeat: no-repeat;

}

.djobs_detail_box .infos_box p {
    margin: 0;
}

.djobs_detail_box .social_share {
    height: 30px;
    line-height: 30px;
    margin-top: 10px;
    font-weight: 600;
}

.djobs_detail_box .social_share img {
    display: inline-block;
    vertical-align: middle;
}

/* DETAIL SUVI DE DJOB ESPACE CLIENT */

#account_client_djob_recap .profil_picture {
    width: 150px;
    height: 150px;
}

#account_client_djob_recap .master_name {
    font-size: 22px;
}

ul.dashboard_favoris {
    margin-top: 15px;
    margin-right: 15px;
    margin-bottom: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
}

.dashboard_favoris li {
    margin: 0 10px;
}

ul.dashboard_favoris.tinder {
    margin-top: 0;
    height: auto;
    overflow: hidden;
    margin-bottom: 10px;
    float: left;
    margin-right: 5px;
}

ul#dashboard_block_masters_favoris li {
    text-align: center;
    width: 100px;
    float: left;
    font-size: 11px;
    margin: 0 5px;
}

ul.dashboard_favoris.tinder li {
    text-align: center;
    /*width: max-content;*/
    float: left;
    font-size: 11px;
    margin: 0 5px;
}

ul.dashboard_favoris .small_btn {
    font-size: 11px;
    font-weight: 500;
    padding: 2px 2px;
}

ul.dashboard_last_call li {
    text-align: center;
    margin: 0 7px;
    width: 100px;
    float: left;
}

ul.dashboard_last_call img.round_pict {
    width: 84px;
    height: 84px;
    padding: 3px;
    margin: 5px 0 10px;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: none;
}

#my-account .favoris_block {
    padding-top: 15px;
    padding-bottom: 15px;
}

.my_favorites {
    border-bottom: 1px solid #EEE;
}

.favoris_block .title {
    font-size: 20px;
    margin-bottom: 20px;
}

.favoris_block .username {
    font-size: 12px;
    font-weight: 600;
    text-align: center;
}

#my-account .commentaries {
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #EEE;
    overflow: hidden;
    word-wrap: break-word;
}

#my-account .commentaries p {
    /*width: 590px;*/
    margin-bottom: 5px;
}

#my-account .favoris_block p {
    text-align: center;
    font-size: 10px;
    margin-bottom: 10px;
}

#my-account #dtn1, #my-account #dtn2, #my-account #dtn3 {
    padding-left: 0;
    text-align: center;
}

#no_result_for_according_djobs {
    text-align: center;
    font-weight: 600;
}

/** MESSAGERIE DJOBS **/

.djobs_message {
    padding: 10px 15px 5px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-bottom: 15px;
    font-style: italic;
    min-height: 75px;
}

.djobs_message .rating.small {

}

.djobs_message .round_pict {
    height: 70px;
    padding: 0;
    margin: 0 10px 0 0;
    border-width: 2px;
}

.djobs_message p {
    margin-bottom: 5px;
    width: 85%;
    float: left;
}

.djobs_message.unread {
    font-style: normal;
    background-color: #f5f3f4;
}

.djobs_message ul.file_list {
    text-align: right;
}

.djobs_message ul.file_list a li, ul.file_list a li {
    height: 25px;
    line-height: 25px;
    padding-left: 25px;
    background-image: url(/img/files_ico.png);
    background-position: 5px center;
    background-repeat: no-repeat;
    font-style: normal;
    font-size: 11px;
    display: inline-block;
    padding-right: 10px;
    text-decoration: underline;
}

ul.file_list_to_send li {
    height: 20px;
    line-height: 25px;
    font-style: normal;
    font-size: 11px;
    text-decoration: none;
    margin-right: 10px;
    display: inline-block;
    float: left;
    margin-bottom: 15px;
    width: 150px;
}

ul.file_list_to_send li i {
    font-size: 19px;
    vertical-align: middle;
    margin-right: 7px;
}

ul.file_list_to_send li .delete_file {
    height: 14px;
    width: 14px;
    line-height: 13px;
    background-color: #7F7F7F;
    -moz-border-radius: 50%;
    border-radius: 50%;
    color: #FFF;
    float: right;
    text-align: center;
    font-weight: 500;
    cursor: pointer;
    margin-left: 5px;
    margin-top: 4px;
}

/* UPLOAD BAR */
.progress_file_bar {
    float: left;
    width: 0;
    height: 100%;
    line-height: 4px;
    background-color: #36a9e1;
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    -moz-transition: width .6s ease;
    transition: width .6s ease;
}

.progress {
    height: 4px;
    overflow: hidden;
    background-color: #f5f5f5;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.progress.failed {
    background: #c00 none 0 0 no-repeat;
}

#djobs_message_editor {
    height: 130px;
    margin-bottom: 60px;
}

#djobs_message_editor textarea.message_to_send {
    height: 150px;
    margin: 20px 0;
    border: 1px solid #d1d1d1;
    overflow: auto;
}

#message_to_send {
    height: 150px;
}

#message_to_send.has_files {
    position: relative;
    padding-right: 200px;
}

#brief_2 {
    height: 150px;
}

#brief_2.has_files {
    position: relative;
    padding-right: 200px;
}

#file_list {
    position: absolute;
    top: 0px;
    left: 500px;
    margin-top: 15px;
}

.block_with_upload_files {
    position: relative;
}

.block_with_upload_files.small {
    position: relative;
}

.block_with_upload_files.small #file_list {
    position: absolute;
    top: 25px;
    left: 390px;
}

.block_with_upload_files.master_internal_messages #file_list {
    top: 80px;
    left: 610px;
}

.message_read_private #file_list {
    top: 40px;
    left: 590px;
}

#my-account.message_read_private .upload_file.small_btn.right {
    padding: 3px 12px;
}

#my-account.message_read_private .upload_file.small_btn.right:before {
    content: "\f0c6";
    font: normal normal normal 18px/1 'Font Awesome 5 Pro';
    vertical-align: middle;
}

/*
.message_read_private #file_list {
	left : 595px;
}

#delivery_block #file_list {
	top : 270px;
}

#firstActionBlock #file_list {
	top: 115px;
}


#messagerie_master_block {
	position : relative
}

#messagerie_master_block #file_list {
	top        : 30px;
	left       : 490px;
	margin-top : 10px;
}*/

#ask_revision_message {
    top: 265px;
}

#djobs_message_editor .files_to_send {
    margin-bottom: 20px;
    clear: both;
}

#djobs_message_editor label {
    text-align: right;
}

#djob_add_commentary label {
    padding-right: 20px;
}

.archive_files li {
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
    padding-right: 30px;
}

.archive_files li i {
    font-size: 24px;
    cursor: pointer;
    font-weight: 600;
}

/** SUIVI DES DJOBS **/

.djobs_history:first-of-type {
    margin-top: 50px;
}

.djobs_history {
    margin-top: 20px;
}

.djobs_history:last-child {
    margin-bottom: 50px;
}

.djobs_history .djob_title, .djobs_status_title {
    height: 45px;
    line-height: 45px;
    color: #FFF;
    padding: 0 0 0 50px;
    font-weight: 600;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 10px;
    background-position: 5px center;
    background-repeat: no-repeat;
    -moz-background-size: 42px 42px;
    -o-background-size: 42px 42px;
    background-size: 42px 42px;
}

.djobs_status_title {
    background-color: #f4f3f3;
    font-size: 18px;
    color: #7f7f7f;
    font-weight: 500;
    padding-left: 15px;
    margin-bottom: 20px;
}

.djobs_history .djob_title.wait_djobs {
    background-image: url(/img/wait_djobs_ico.png);
}

.djobs_history .djob_title.in_progress_djobs {
    background-image: url(/img/in_progress_djobs_ico.png);
}

.djobs_history .djob_title.to_valid_djobs {
    background-image: url(/img/to_valid_djobs_ico.png);
}

.djobs_history .djob_title.finished_djobs {
    background-image: url(/img/finished_djobs_ico.png);
}

.djobs_history .djob_title.canceled_djobs {
    background-image: url(/img/canceled_djobs_ico.png);
}

/** PHRASE SUIVI DES DJOBS **/
.big_title_order_statut {
    font-family: "Museo Sans W03_100", sans-serif;
    font-size: 30px;
    margin-bottom: 30px;
    line-height: 35px
}

.bubble_info {
    height: 40px;
    width: 40px;
    -moz-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    line-height: 40px;
    color: #FFF;
    float: left;
    margin-right: 15px;
    font-size: 34px;
    margin-bottom: 10px;
}

.suivi_djob_tooltips {
    padding-bottom: 30px;
    min-height: 50px;
    line-height: 19px;
    padding-top: 10px;
}

.suivi_djob_tooltips p.tooltip-title {
    font-size: 18px;
    font-family: "Museo Sans W03_500", sans-serif;
    margin-bottom: 6px;
}

/** SOUS TITRE SUIVI DES DJOBS **/
.djobs_status_subtitle {
    font-size: 18px;
    height: 60px;
    line-height: 60px;
    border-top: 1px solid #d8d8d8;
    border-bottom: 1px solid #d8d8d8;
    color: #ff5a5f;
    font-weight: bold;
    margin-bottom: 30px;
}

.djobs_status_subtitle img {
    vertical-align: middle;
    margin: 5px;
}

.djobs_status_subtitle .infos {
    font-size: 13px;
    color: #7F7F7F;
}

.djobs_status_subtitle a.infos:hover {
    text-decoration: underline;
}

.djobs_status_subtitle i {
    font-weight: normal;
    font-size: 44px;
    vertical-align: middle;
}

.djobs_status_subtitle .badge {
    padding: 5px 10px;
    vertical-align: bottom;
    background-color: #e3e3e3;
    color: #7F7F7F;
}

.brief_content {
    line-height: 20px;
    word-wrap: break-word;
}

/** BLOC GAUCHE SUIVI DJOB MASTER**/
#recap_djob_master p {
    line-height: 23px;
}

#recap_djob_master img {
    width: 100%;
}

#open_delivery_button {
    font-size: 18px;
}

#recap_djob_master p a {
    /*text-decoration : underline;*/
}

#recap_djob_master p a:hover {
    color: #ff5a5f;
}

#recap_djob_master .badge {
    text-align: center;
    font-size: 13px;
    width: 65px;
    display: inline-block;
}

#recap_djob_master #timer_brief {
    padding-top: 15px;
    border-top: 1px solid #d8d8d8;
    margin-top: 15px;
}

#confirmRefuseDjob.notif.infos.confirm {
    padding-right: 0;
    text-align: center;
    height: 50px;
}

.download_facture i {
    font-size: 22px;
    vertical-align: middle;
    margin-right: 1px;
}

#confirmRefuseDjob.notif.infos.confirm .action {
    float: none;
    text-align: center;
    left: 0;
    top: 48px;
}

.recap_djob_master_head {
    -moz-border-radius: 7px;
    border-radius: 7px;
    padding: 7px;
    background-color: #FFF;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 20px;
    margin-top: 20px;
}

.recap_djob_master_title {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 15px;
}

#recap_djob_master > img.offer_img {
    max-height: 175px;
}

.recap_djob_master_name_rating_container {
    display: flex;
}

/** HISTORIQUES DES REVISIONS **/
.revision_row {
    padding-top: 20px;
    border-top: 1px solid #d8d8d8;
    margin-bottom: 20px;
}

.revision_row:first-child {
    margin-bottom: 20px;
    border-top: 1px solid #FFF;
    padding-top: 0;
}

.revision_info {
    width: 500px;
}

.revision_block {
    padding: 10px 15px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-color: #f5f3f4;
    line-height: 20px;
    margin-bottom: 20px;
    margin-top: 20px;
    padding-bottom: 20px;

}

.revision_block button {
    background-color: #FFF;
}

.revision_block .files {
    margin-top: 20px;
}

.revision_block.orange, .revision_block.orange p, .revision_block.orange li {
    background-color: #ff9600;
    color: #FFF;
}

.revision_block.orange .title {
    font-size: 24px;
    margin-bottom: 20px;
    margin-top: 10px;
}

/* GAIN MASTER DANS SUIVI DJOB */
#reward_div .big_title {
    font-family: "Museo Sans W03_700", sans-serif;
    font-size: 24px;
    margin-bottom: 10px;
}

/** GERER MA CARTE BANCAIRE **/

#cardNumber, .cardnumber {
    font-weight: 500;
    width: 210px;
    color: #7F7F7F;
    font-size: 16px;
    font-family: Arial, Helvetica, sans-serif;
}

.credit-card {
    padding: 10px;
    border: 1px solid #DEDEDF;
    margin-top: 20px;
    font-size: 13px;
}

.credit-card p {
    margin-bottom: 5px;
}

.credit-card label {
    width: 160px;
    display: inline-block;
    font-weight: 500;
}

/* INSCRIPTION MASTER et CREATION D'OFFRE DA*/
#master_registration {
    width: 610px;
    overflow: hidden;
    position: relative;
}

#offer_create {
    overflow: hidden;
    position: relative;
}

#master_registration .step {
    float: left;
    width: 610px;
}

#offer_create .step {
    float: left;
    width: 880px;
}

#register_navigation ul li {
    display: block;
    float: left;
    position: relative;
    height: 40px;
    line-height: 40px;
    width: 100%;
    font-size: 13px;
}

#register_navigation ul li:hover {
    cursor: pointer;
}

#register_navigation ul li.selected {
    font-weight: 500;
    color: #ff5a5f;
    border-bottom: solid 1px #ebebeb;
}

#register_navigation span {
    font-family: Flaticon, sans-serif;
    float: right;
    height: 20px;
    width: 20px;
    font-size: 24px;
    font-weight: normal;
}

#register_navigation span.error:before {
    content: "\e014";
    color: #E13636;
}

.offer_step_detail {
    padding: 15px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #d1d1d1;
    font-weight: 600;
    margin-top: 20px;
}

#register_navigation span.checked:before {
    content: "\e01b";
    color: #88c522;
}

.master_fieldset {
    background-color: #f1f0f0;
    padding: 15px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    margin-bottom: 20px;
    float: left;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.master_fieldset .form-control-static {
    min-height: 0;
}

.master_fieldset .form-group {
    margin-bottom: 0;
}

.clean_fieldset {
    background: none;
    padding: 0;
    margin-bottom: 0;
}

.master_fieldset .title, .title.orange {
    font-family: "Museo Sans W03_700", sans-serif;
    font-size: 15px;
    margin-bottom: 10px;
    height: 20px;
    line-height: 20px;

}

.master_fieldset .reg_cat_title {
    font-family: "Museo Sans W03_700", sans-serif;
    font-size: 16px;
    margin-bottom: 10px;
}

.master_fieldset p {
    margin-bottom: 5px;
}

.master_fieldset form p, form .master_fieldset p {
    /*margin-bottom : 17px ;*/
}

.master_fieldset .title em {
    font-style: normal;
    font-size: 12px;
}

.master_fieldset p em {
    font-size: 13px;
}

.master_fieldset .title .optionnal {
    font-family: "Museo Sans W03_300", sans-serif;
    font-style: italic;
}

.master_fieldset .register_offer_choice {
    text-align: center;
    width: 270px;
    float: left;
    margin: 10px
}

.master_fieldset .choose_offer {
    width: 270px;
    background-color: #FFF;
    -moz-border-radius: 7px;
    border-radius: 7px;
    text-align: center;
    border: solid 2px #FFF;
    padding-top: 10px;
    padding-bottom: 20px;
    position: relative;
    margin-bottom: 25px;

}

.master_fieldset .ckeckmark {
    position: absolute;
    height: 50px;
    width: 50px;
    background: url('/img/checkMark_big.png') no-repeat center center;
    bottom: -25px;
    left: 110px;
    display: none;
}

.master_fieldset .choose_offer.active .ckeckmark {
    display: block;
}

.master_fieldset .choose_offer:hover, .master_fieldset .choose_offer.active {
    border: solid 2px #88c522;
    cursor: pointer;
}

.master_fieldset .choose_offer.disabled,
.master_fieldset .choose_offer.disabled.active,
.master_fieldset .choose_offer.disabled:hover {
    border-color: var(--color-neutral-300);
    cursor: auto;
}

#offer_page_da .option li.master_fieldset {
    background-color: #f1f0f0;
    padding: 15px;
}

#offer_page_da .option li.master_fieldset p {
    margin-bottom: 0;
}

#offer_page_da .option li i {
    font-weight: normal;
    font-size: 24px;
    cursor: pointer;
}

.create_offer_v2 .drop_upload_class {
    border: 1px solid #d1d1d1;
    margin-top: 5px;
}

.pack_block {
    border: 1px solid #d1d1d1;
    background-color: #F1F1F1;
    padding: 10px;
    margin-bottom: 20px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    position: relative;
}

.pack_block.not-vat_exempted {
    margin-bottom: 40px;
}

.pack_block .title {
    margin: 15px 0 0 0;
}

.pack_block .vat-info {
    position: absolute;
    bottom: -25px;
    left: 10px;
    display: none;
}

.pack_block.not-vat_exempted .vat-info {
    display: block;
}

.pack_block .inline_pack_detail {
    display: inline-block;
    line-height: 33px;
    margin-right: 28px;
    margin-top: 10px;
    float: left;
}

.pack_block .inline_pack_detail label {
    text-align: left;
    padding-right: 10px;
}

.create_offer_v2 .category_title i {
    font-size: 35px;
    font-weight: 100;
    vertical-align: middle;
}

.inline_pack_detail .price_row {
    display: inline-block;
    float: left;
    text-align: left;
    padding: 5px 10px;
    margin-right: 25px;
}

.price_row.payoff_amount {
    background-color: white;
    border-radius: 7px;
}

.pack_block .inline_pack_detail.calculate {
    line-height: 15px;
    margin-top: 0;
}

.price_row strong {
    display: block;
    height: 25px;
}

.price_row .orange {
    font-family: "Museo Sans W03_500", sans-serif;
}

.price_row.no-edit {
    padding-top: 5px;
}

.price_row.no-edit strong {
    display: block;
    height: 18px;
}

.input-euro:after {
    position: absolute;
    top: 0;
    content: "€";
    right: 18px;
}

/* HELP BOX CREATION OFFRE DA */
.help_box .title {
    font-weight: 500;
    font-size: 14px;
}

.help_box .title i {
    font-size: 31px;
    padding: 0;
    font-weight: normal;
    vertical-align: middle;
    margin-left: -10px;
}

.help_box p {
    font-size: 12px;
    line-height: 18px;
}

.help_box_column {
    position: relative;
}

.help_box_v2 {
    top: 0;
    position: absolute;
    color: #7f7f7f;
    background-color: #f1f0f0;
    padding: 10px 15px 5px 15px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    display: none;
    margin-bottom: 20px;
}

.help_box_v2 .title {
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 10px;
}

.help_box_v2 ul li {
    list-style: disc;
    list-style-position: inside;
    padding-left: 1em;
    text-indent: -1em;
    margin-bottom: 12px;
}

.help_box_v2 p {
    margin-bottom: 12px;
}

.help_box_v2 strong {
    color: #ff5a5f
}

.help_box_v2 .title i {
    font-size: 31px;
    padding: 0;
    font-weight: normal;
    vertical-align: middle;
    margin-left: -10px;
    color: #ff5a5f
}

.help_box_v2::before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-right: 15px solid #f1f0f0;
    top: 40%;
    left: -15px;
}

.pack_tag {
    margin-top: -65px;
    border: 1px solid #d1d1d1;
    padding: 10px;
}

.pack_tag i {
    font-size: 22px;
    vertical-align: middle;
}

.pack_tag span {
    font-weight: bold;
}

.preview_btn {
    margin: 0 auto;
    width: auto;
    line-height: 30px;
}

.delete_pack {
    cursor: pointer;
}

.approved_input {
    border-color: rgb(46, 204, 113);
}

.rejected_input {
    border-color: rgb(242, 38, 19);
}

.offer_input_icon_cancel {
    font-size: 26px;
    vertical-align: middle;
    color: #F22613;
    visibility: visible;
}

.offer_input_icon_check {
    font-size: 26px;
    vertical-align: middle;
    color: #2ECC71;
    visibility: visible;
}

.offer_input_icon_view {
    font-size: 26px;
    vertical-align: middle;
    visibility: hidden;
}

#preview_block {
    display: none;
}

.no_border {
    border: none;
    margin-bottom: 0;
}

/* UPLOAD DE DOCUMENT & */
/*----------------------------
    The file upload form
-----------------------------*/
.drop_upload_class {
    position: relative;
    height: 160px;
    margin-bottom: 16px;
    margin-top: 16px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    text-align: center;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 500;
    background-color: #FFF;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.drop_upload_class a {
    position: absolute;
    -moz-border-radius: 7px;
    border-radius: 7px;
    width: 100%;
    height: 40px;
    background: #FFF url('/img/upload_icon_big.png') no-repeat center 10px;
    cursor: pointer;
    display: inline-block;
    line-height: 20px;
    text-decoration: none;
    left: 0;
    padding-top: 110px;
}

.drop_upload_class a:hover {
    -moz-border-radius: 7px;
    border-radius: 7px;
    background-color: #FFF;
    opacity: 0.3;
}

.drop_upload_class input {
    display: none;
}

ul.preview_file_list {
    max-height: 360px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 0;
}

.preview_file_list li {
    float: left;
    height: 140px;
    width: 112px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 7px;
    padding: 7px;
    text-align: center;
    background-color: #FFF;
    font-size: 11px;
    position: relative;
    margin-bottom: 14px;
    overflow: hidden;
    border: solid 1px #d1d1d1;
}

.preview_file_list li:hover {
    height: 140px;
    width: 112px;
    border: solid 1px #ff5a5f;
    cursor: move;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: border 0.3s;
    -o-transition: border 0.3s;
    -moz-transition: border 0.3s;
    transition: border 0.3s;
}

#brief_block .preview_file_list li:hover {
    cursor: default;
    border: solid 1px #d1d1d1;

}

#da_djob_brief_form .small_btn {
    font-size: 14px;
    padding: 9px 25px;
}

.preview_file_list li abbr {
    display: none;
}

.preview_file_list li .top_img {
    display: none;
    position: absolute;
    top: 16px;
    left: -20px;
    width: 90px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    font-size: 11px;
    font-weight: 600;
    color: #FFF;
    background-color: #ff5a5f;
    z-index: 1;
}

.preview_file_list li.file_selected .top_img {
    display: block;
}

.preview_file_list li.working i {
    display: none;
}

.preview_file_list li i {
    display: inline-block;
}

.preview_file_list li .img_block {
    width: 96px;
    height: 72px;
    text-align: center;
    background-color: #FFF;
    border: solid 1px #cac8c9;
    overflow: hidden;
    margin-bottom: 5px;
    /* cursor: pointer; */
    position: relative;
}

.preview_file_list li .img_block img {
    height: 72px;
    width: auto;
    display: inline-block;

}

.preview_file_list li p {
    font-size: 10px;
    margin-bottom: 10px;
    height: 13px;
    overflow: hidden;
}

.preview_file_list li i {
    font-size: 24px;
    cursor: pointer;
}

.preview_file_list li i:hover {
    color: #ff5a5f;
}

.preview_file_list li.active {
    border: solid 3px #c9c7c8;
    background-color: #c9c7c8;
    /* 	cursor: pointer; */
}

#upload_file_list li canvas {
    top: 20px;
    left: 32px;
    position: absolute;
    z-index: 1;
}

#upload_file_list li.working input[type="text"] {
    position: absolute;
    z-index: 1;
    text-align: left;
}

#upload_file_list li.working canvas {
    opacity: 1;
    z-index: 1;
}

#upload_file_list li canvas, #upload_file_list li input[type="text"] {
    display: none;
}

#upload_file_list li.working canvas {
    display: block;
}

#upload_file_list li span {
    width: 15px;
    height: 12px;
    position: absolute;
    top: 7px;
    right: 7px;
    cursor: pointer;
}

#upload_file_list li.working span {
    display: block;
    height: 17px;
    width: 17px;
    line-height: 15px;
    text-align: center;
    position: absolute;
    top: 0;
    right: 0;
    background-color: #000;
    color: #FFF;
    -moz-border-radius: 50%;
    border-radius: 50%;
    font-weight: 600;
    font-size: 14px;
}

#upload_file_list li.working span:after {
    content: "x";
}

#upload_file_list li.error p {
    color: red;
}

/*  MENU DANS ESPACE MASTER */

body.home_master .menu_master {
    display: none;
}

ul.menu_master {
    background-color: #f1f1f1;
    -moz-border-radius: 0 0 7px 7px;
    border-radius: 0 0 7px 7px;
    text-align: left;
    margin-bottom: 20px;
    position: relative;
}

ul.menu_master .backlink {
    position: absolute;
    top: 16px;
    right: 23px;
}

.menu_master li {
    display: inline-block;
    line-height: 50px;
}

.menu_master li a {
    color: #323232;
    padding: 8px 25px 17px 25px;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 500;

}

.menu_master li.selected {
    color: #ff5a5f;
}

.menu_master li:hover {
    cursor: pointer;
    color: #ff5a5f;
}

.menu_master li:hover ul {
    display: block;
}

.menu_master li ul {
    background-color: #f1f1f1;
    display: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 50px;
    text-align: left;
    color: #FFF;
    height: auto;
}

.menu_master li ul li {
    padding: 0px;
    width: 100%;
    display: block;
    line-height: 30px;
}

.menu_master li ul li a {
    padding: 0px 10px 0px 10px;
    width: 220px;
    text-transform: none;
    border-bottom: 1px solid #FFF;
    cursor: pointer;
    display: block;
    font-weight: normal;
}

.menu_master li ul li:hover a {
    background-color: #ff5a5f;
    color: #FFF;
}

.menu_master .backlink a, .backlink a {
    background-color: #FFF;
    height: 20px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 5px 10px;
    margin-left: 30px;
}

.menu_master .backlink a:hover, .backlink a:hover {
    background-color: #ff5a5f;
    color: #FFF;
}

.click_to_call .menu_master .backlink a:hover {
    /* background-color: #36a9e1 ;
	color: #FFF; */
}

/*  ESPACE MASTER */

#level_statut {
    float: right;
    font-size: 13px;
    font-weight: 400;
    display: inline-block;
    width: 500px;
    text-align: right;
}

#level_statut progress {
    height: 20px;
    border: 1px solid #bbbbbc;
    -moz-border-radius: 54px;
    border-radius: 54px;
    -webkit-border-radius: 20px;
    margin-top: 15px;
    width: 210px;
    background-color: #FFF;
    overflow: hidden;
    display: inline-block;
    margin-left: 10px;
}

#level_statut progress::-webkit-progress-bar {
    -webkit-border-radius: 20px;
    background-color: #FFF;
    -moz-border-radius-topleft: 20px;
    -moz-border-radius-bottomleft: 54px;
}

#level_statut progress::-webkit-progress-value {
    -webkit-border-top-left-radius: 20px;
    -webkit-border-bottom-left-radius: 20px;
    -moz-border-radius-topleft: 20px;
    -moz-border-radius-bottomleft: 20px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #03d2ff), color-stop(100%, #35aae2));
    background: -webkit-linear-gradient(top, #03d2ff 0%, #35aae2 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #03d2ff), color-stop(100%, #35aae2));
    background: -webkit-linear-gradient(top, #03d2ff 0%, #35aae2 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#03d2ff), to(#35aae2));
    background: linear-gradient(to bottom, #03d2ff 0%, #35aae2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#03d2ff', endColorstr='#35aae2', GradientType=0);
}

#level_statut progress::-moz-progress-bar {
    -moz-border-radius-topleft: 20px;
    border-top-left-radius: 20px;
    -moz-border-radius-bottomleft: 20px;
    border-bottom-left-radius: 20px;
    background: -moz-linear-gradient(top, #03d2ff 0%, #35aae2 100%);
    background: linear-gradient(to bottom, #03d2ff 0%, #35aae2 100%);
}

#dashboard_profil {
    padding: 15px;
    background-color: #e7e7e7;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}

#dashboard_profil p label, #dashboard_da_profil p label {
    font-size: 20px;
    font-weight: 500;
}

#dashboard_profil h1, #dashboard_da_profil h1 {
    font-size: 21px;
    color: #ff5a5f;
    font-weight: 600;
    margin-top: 10px;
    margin-bottom: 5px;
}

#dashboard_profil h2, #dashboard_da_profil h2 {
    font-size: 14px;
    margin-bottom: 15px;
}

#dashboard_profil p, #dashboard_da_profil p {
    line-height: 25px;
}

#dashboard_profil .input_value {
    font-size: 30px;
    color: #ff5a5f;
}

#dashboard_profil .dashboard_info_cash_converted label {
    font-size: 18px;
    font-weight: 500;
}

#dashboard_profil .dashboard_info_cash_converted .input_value {
    font-size: 20px;
    color: #7F7F7F;
}

#dashboard_profil .input_value sup {
    color: #ff5a5f;
}

#dashboard_profil p label, #dashboard_da .subtitle {
    font-size: 20px;

}

#dashboard_profil .moderate_statut {
    display: block;
    position: absolute;
    left: 1px;
    top: 4px;
    width: 150px;
    height: 150px;
    z-index: 1;
    background: url(/img/moderate_label.png) no-repeat center center;
    -moz-background-size: 94%;
    -o-background-size: 94%;
    background-size: 94%;
}

#dashboard_profil .round_pict {
    padding: 0;
    margin-right: 25px;
    margin-bottom: 30px;
    border: solid 4px #FFF;
}

#recap_time {
    margin-top: 20px;
    margin-bottom: 20px;
    background-color: #f6f6f6;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 17px;
    font-weight: 500;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

#recap_stat {
    height: 200px;
    margin-bottom: 0;
}

#recap_suivi {
    height: 130px;
    padding-bottom: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#recap_stat li {
    width: 25%;
    text-align: center;
    font-size: 20px;
    float: left;
    position: relative;
}

#recap_stat li span {
    display: inline-block;
    position: relative;
    height: 110px;
    width: 110px;
    font-size: 37px;
    font-family: "Museo Sans W03_300", sans-serif;
    text-align: center;
    color: #FFF;
    -moz-border-radius: 50%;
    border-radius: 50%;
    line-height: 110px;
    margin-bottom: 15px;
}

#recap_stat_da {

}

#recap_stat_da li span {
    display: inline-block;
    position: relative;
    width: 110px;
    font-size: 37px;
    font-family: "Museo Sans W03_300", sans-serif;
    text-align: center;
    margin-bottom: 15px;
    margin-top: 20px;
}

#recap_stat_da li {
    width: 25%;
    text-align: center;
    font-size: 17px;
    float: left;
    position: relative;
}

#recap_stat_da li span {
    background: none;
    font-family: "Museo Sans W03_300", sans-serif;
    font-weight: normal;
}

#recap_stat li span small {
    font-size: 16px;
    color: #FFF;
    position: absolute;
    top: 25px;
    right: 40px;
}

#recap_stat li:hover {
    cursor: pointer;
}

#recap_suivi li:hover {
    cursor: pointer;
}

#recap_stat .orange, #recap_suivi .orange, .da_dashboard_block .title.orange {
    background-color: #fa9e23;
}

#recap_time .orange {
    color: #fa9e23;
}

#recap_stat .green, #recap_suivi .green, .green {
    background-color: #9bc928;
}

#recap_time .green {
    color: #9bc928;
}

#recap_stat .gray_1 {
    background-color: #bbbbbb;
}

#recap_stat .gray_2 {
    background-color: #7f7f7f;
}

#recap_stat p {
    float: left;
    font-weight: 500;
    font-size: 14px;
    height: 25px;
    margin-top: 5px;
    line-height: 25px;
    display: none;
}

#recap_suivi p, .recap_suivi_legs p {
    clear: both;
    float: left;
    font-weight: 500;
    font-size: 14px;
    height: 20px;
    line-height: 20px;
    display: none;
    margin-bottom: 10px;
}

#recap_stat p.orange-2, #recap_suivi p.orange-2 {
    color: #fa9e23;
    background: none;
}

#recap_stat p.green, #recap_suivi p.green, .recap_suivi_legs p.green {
    color: #9bc928;
    background: none;
}

#recap_stat p.gray_1 {
    color: #bbbbbb;
    background: none;
}

#recap_stat p.gray_2 {
    color: #7f7f7f;
    background: none;
}

#recap_stat .tips, #recap_suivi .tips, .recap_suivi_legs .tips {
    color: #FFF;
    margin-right: 5px;
    height: 20px;
    width: 20px;
    line-height: 20px;
    font-size: 13px;
}

#recap_suivi li {
    padding-bottom: 10px;
    font-size: 20px;
    text-align: left;
    position: relative;
}

#recap_suivi li span {
    font-size: 34px;
    margin-top: 5px;
    text-align: center;
    display: block;
}

#recap_suivi li span small {
    font-size: 9px;
    float: left;
    width: 50px;
}

#recap_suivi_da li {
    font-size: 17px;
    text-align: left;
    position: relative;
    font-family: "Museo Sans W03_300";
    font-weight: normal;
    display: inline-block;
    width: 160px;
}

#recap_suivi_da li span {
    font-size: 34px;
    margin-top: 5px;
    padding-top: 17px;
}

#recap_suivi_da p {
    font-size: 17px;
    position: absolute;
    top: 95px;
}

.graph_master {
    height: 325px;
    margin-top: 30px;
    margin-bottom: 30px;
}

.graph_master .tittle {
    font-size: 20px;
    margin-bottom: 20px
}

/* BLOC AVEC ONGLET PHOTO*/
#tab_master li {
    display: inline-block;
    background-color: #ebebeb;
    border-bottom: 3px solid #FFF;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    outline: none;
}

#tab_master ul li a {
    display: inline-block;
    height: 34px;
    width: 88px;
    font-size: 11px;
    line-height: 34px;
    font-weight: 400;
    text-align: center;
    outline: none;
    text-decoration: none;
}

#tab_master.create_offer ul li a {
    width: 83px;
}

#tab_master ul li:hover, #tab_master ul li a:hover, .ui-tabs-active {
    color: #FFF;
    background-color: #c4b9b5 !important;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
}

#tab_master .content_tabs {
    border: 1px solid #bbbbbc;
    overflow: scroll;
    height: 318px;
    padding: 10px;
    background-color: #FFF;
}

#tab_master .content_tabs img {
    width: 320px;
    height: 83px;
    margin: 1px;
    border: 3px solid #FFF;
}

#tab_master.create_offer .content_tabs img {
    width: 275px;
    height: 71px;
}

#tab_master .content_tabs img:hover, #tab_master .content_tabs .active {
    cursor: pointer;
    border: 3px solid #c4b9b5;
    padding: 0;
}

/* SPECIFIQUE A L'INSCRIPTION */

#register_banner #tab_master .content_tabs img {
    width: 245px;
    height: auto;
}

#register_banner #tab_master li {
    border-bottom: 3px solid #f1f0f0;
    background-color: #f1f0f0;
}

#register_banner #tab_master ul li a {
    display: inline-block;
    height: 34px;
    width: 75px;
}

#register_banner #tab_master ul li:hover, #register_banner #tab_master ul li a:hover, #register_banner .ui-tabs-active {
    color: #FFF;
    background-color: #c4b9b5;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.master_page_col {
    padding: 15px;
    background-color: #f6f6f6;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.master_page_col #communication_support i {
    font-size: 24px;
    vertical-align: middle;
}

.keywords_checkbox {
    /* background-color: #ebebeb; */
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #FFF;
    width: auto;
    font-size: 12px;
    padding: 2px 10px 2px 3px;
    margin-right: 7px;
    margin-bottom: 7px;
    display: inline-block;
    float: left;
    font-weight: 400;
    text-transform: capitalize;
}

.keywords_checkbox input {
    display: inline-block;
    vertical-align: middle;
    margin-right: 4px;
}

.gestion_tel {
    height: 48px;
    line-height: 48px;
    padding-left: 20px;
    margin-bottom: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.gestion_tel input {
    margin-right: 5px;
}

.gestion_tel span label {
    color: #FFF;
    font-size: 13px;
    margin-right: 10px;
}

.gestion_tel span {
    background-color: #7f7f7f;
    display: inline-block;
    color: #FFF;
    padding-left: 20px;
    padding-right: 20px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    font-size: 18px;
    margin-right: 50px;
}

.gestion_tel .selected_phone {
    background-color: #99c928;
}

/* ESPACE MASTER DA -> ADMINISTRATION DES OFFRES */

.admin_offer_block {
    float: left;
    margin-left: 20px;
    width: 250px;
    margin-bottom: 20px;
    font-size: 13px;
    font-weight: 500;
    position: relative;
    overflow: hidden;
}

.admin_offer_block .moderation_label {
    position: absolute;
    padding: 5px 45px;
    width: 135px;
    top: 47px;
    left: -52px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-box-shadow: 0 0 8px -3px rgba(0, 0, 0, 0.9);
    -moz-box-shadow: 0 0 8px -3px rgba(0, 0, 0, 0.9);
    box-shadow: 0 0 8px -3px rgba(0, 0, 0, 0.9);
    background-color: #fe831b;
    font-weight: bold;
    color: #ffffff;
    font-size: 11px;
    z-index: 1;
    text-align: center
}

.admin_offer_block .moderation_label.edition {
    background-color: #36a9e1;
}

.admin_offer_block .moderation_label.accepted_wait_apply {
    background-color: #FF915A;
}

.admin_offer_block .moderation_label.refused {
    background-color: #ee3420;
}

.admin_offer_block .moderation_label.draft {
    background-color: #747474;
}

.admin_offer_block:nth-child(1n+0) {
    margin-left: 0;
    margin-right: 20px;
}

.admin_offer_block:nth-child(4n+0) {
    margin-left: 0;
    margin-right: 0;
}

.admin_offer_block .offer_edit {
    height: 30px;
    position: relative;
}

.admin_offer_block i {
    position: relative;
    font-size: 22px;
    margin-left: 3px;
}

.admin_offer_block i:hover {
    color: #ff5a5f;
}

.admin_offer_block_add {
    float: left;
    height: 170px;
    width: 250px;
    background-color: #ededed;
    text-align: center;
    font-size: 18px;
    cursor: pointer;
    -webkit-transition: background-color .2s;
    -moz-transition: background-color .2s;
    -o-transition: background-color .2s;
    transition: background-color .2s;
    font-weight: 500;
    padding-top: 70px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    margin-right: 20px;
}

.offer_tuto_block {
    float: left;
    height: 170px;
    width: 250px;
    text-align: center;
    padding-top: 70px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    margin-right: 20px;
    background: url(/img/tuto_da_picto.jpg) no-repeat top center;
    font-size: 18px;
    padding-top: 138px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.admin_offer_block_add:hover {
    background-color: #ff5a5f;
    color: #FFF;
}

.admin_offer_block_add i {
    font-size: 50px;
    position: relative;
}

/* GESTION STATUT MASTER */
.corporate_statut li {
    padding: 10px 10px;
    background-color: #818181;
    color: #FFF;
    cursor: pointer;
    -moz-border-radius: 5px;
    border-radius: 5px;
    float: left;
    text-align: center;
    font-weight: 500;
    margin-right: 10px
}

.corporate_statut li:hover, .corporate_statut li.active {
    background-color: #ff5a5f;
    color: #FFF;
}

/* GESTION DES DOCUMENTS MASTER */
.master_document li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 45px;
    line-height: 45px;
    vertical-align: middle;
    margin-bottom: 10px;
}

.master_doc_status_document_name {
    margin-right: auto;
}

.master_document .master_doc_status {
    font-size: 13px;
    margin-right: 10px;
}

.master_document .master_doc_status i {
    font-size: 26px;
    vertical-align: middle;
    margin-right: 4px;
}

.master_document li .custom_file_upload {
    margin-top: 5px;
}

.master_document li.success .master_doc_status {
    color: #88c522;
}

.master_document li.warning .master_doc_status {
    color: #e68602;
}

.master_document li.infos .master_doc_status {
    color: #36A9E1;
}

.master_document li.alert .master_doc_status {
    color: #FF5A5F;
}

.italic {
    font-style: italic;
}

/* PAGE PROMOTION */

.promo_title {
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 10px;
    margin-top: 20px;
}

.promo_title i {
    font-weight: normal;
    font-size: 26px;
    vertical-align: middle;
}

/* PAGE PARRAINAGE */

#digital_parrainage .title, #click_to_call_parrainage .title {
    font-weight: 500;
    font-size: 36px;
    padding-left: 40px;
}

#click_to_call_parrainage .title strong {
    color: #ff5a5f;
    font-weight: 600;
}

#digital_parrainage ol li {
    height: 45px;
    font-size: 20px;
    line-height: 45px;
    vertical-align: middle;
}

#digital_parrainage ol li span {
    display: inline-block;
    margin-right: 10px;
    height: 30px;
    width: 30px;
    line-height: 30px;
    -moz-border-radius: 50%;
    border-radius: 50%;
    color: #FFF;
    background-color: #ff5a5f;
    font-weight: 600;
    text-align: center;
    font-size: 16px;
    vertical-align: middle;
}

/* PAGE SUIVI DES DJOBS COTÉ MASTER */
.payoff_block {
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -moz-border-radius: 7px;
    border-radius: 7px;
    border: 1px solid #d8d8d8;
    height: 120px;
    margin-top: 15px;
}

.payoff_block p {
    margin-bottom: 7px;
}

/* DASHBOARD DA */
.da_dashboard_block {
    min-height: 180px;
}

.da_dashboard_block .title {
    -moz-border-radius: 7px;
    border-radius: 7px;
    padding: 5px 10px;
    color: #FFF;
    font-weight: 500;
    margin-bottom: 20px;
}

.da_dashboard_block .title img {
    display: inline-block;
    vertical-align: middle;
}

#recap_suivi.dashboard_da li {
    width: 170px;
    display: inline-block;
    text-align: center;
}

.da_dashboard_block li {
    height: 25px;
    line-height: 25px;
    padding-left: 5px;
}

.da_dashboard_block li:before {
    content: "- "
}

.da_dashboard_block li.unread {
    font-weight: 500;
}

.dashboard_check_list {
    margin-top: 7px;
}

.dashboard_check_list li {
    text-indent: -5px;
    height: 25px;
    margin-top: 3px;
}

.dashboard_check_list li a:hover {
    text-decoration: underline;
}

.dashboard_check_list li:before {
    font-family: Flaticon;
    font-size: inherit;
    font-style: normal;
    color: inherit;
    vertical-align: middle;
    content: "\e014";
    font-size: 24px;
    color: #E13636;
}

.dashboard_check_list li.valid:before {
    content: "\e01b";
    color: #88C522
}

/* MESSAGERIE MASTER */

#menu_messagerie {
    background-color: #F7F7F7;
    padding: 10px;
}

#menu_messagerie .title {
    height: 30px;
    padding-left: 10px;
    background-color: #ff5a5f;
    display: block;
    margin-bottom: 15px;
    color: #FFF;
    line-height: 30px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 14px;
    font-weight: bold;
}

#menu_messagerie .title i {
    font-weight: normal;
    font-size: 20px;
    vertical-align: middle;
    margin-right: 5px;
}

#menu_messagerie li {
    height: 25px;
    line-height: 25px;
    padding-left: 5px;
}

#menu_messagerie .search_button {
    margin-top: 0;
    width: 33px;
    height: 33px;
    line-height: 33px;
    text-align: center;
    color: #FFF;
    font-size: 18px;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #DADCDD;
    border: medium none;
    outline: medium none;
    cursor: pointer;
    display: block;
    float: right;
}

.classic_mailbox td {
    padding: 0;
}

.classic_mailbox span {
    margin-left: 10px;
}

.classic_mailbox img {
    width: 40px;
    -moz-border-radius: 100%;
    border-radius: 100%;
    vertical-align: middle;
}

.position-inherit {
    position: inherit;
}

#mailbox tr:hover {
    cursor: pointer;
}

#mailbox tr.orange td {
    color: #ff5a5f;
}

#mailbox tr td i {
    display: none;
}

#mailbox tr.orange td i {
    display: block;
}

#read_message textarea {
    margin-top: 10px;
    margin-bottom: 10px;
    width: 100%;
    height: 350px;
    overflow: scroll;
    resize: none;
    display: inline-block;
}

#read_message .entete_mess {
    margin-top: 10px;
    padding: 20px;
    background-color: #F6F6F6;
}

#read_message .message_read_box {
    padding: 10px;
    margin-top: 30px;
    line-height: 19px;

}

.message_read_private #notif_error {
    margin-top: 20px;
}

.message_read_private p.orange, .message_read_private label.orange {
    margin-bottom: 5px;
    font-weight: 600;
}

.message_read_private .master_name {
    float: left;
    margin: 0 10px 0 0;
}

.message_read_private .da_price {
    font-size: 21px;
    font-weight: 600;
}

.order-process-container #p_phone_number ul.country_list_select {
    top: 23px;
    left: 2px
}

/*********************************************/
/*************** PAGE HOROSCOPE **************/
/*********************************************/

@media screen and (max-width: 991px) {
    .main .grid_3.horoscope_right_column {
        width: 100%;
        text-align: center;
        margin: 0;
    }

    .horoscope_right_column_service_client_item .service_client_fr {
        margin-right: auto;
        margin-left: auto;
    }

    .horoscope_right_column_item {
        width: 250px;
        margin-right: auto;
        margin-left: auto;
    }
}

/*********************************************/
/******MOBILE AND RESPONSIVE ELEMENT**********/
/*********************************************/
.mobile_show {
    display: none;
}

#mobile_menu {
    display: none;
}

#right_mobile_menu {
    float: right;
    position: relative;
    height: 50px;
    width: 50px;
    background: url(/img/menu_mobile_ico.png) no-repeat;
    background-position: center center;
    margin-top: 10px;
    margin-right: 5px;
    cursor: pointer;
    display: none;
}

#mobile_menu {
    display: none;
    position: fixed;
    top: 0;
    width: 100%;
    background-color: #414141;
    z-index: 2500;
    height: 100%;
    overflow: auto;
}

#mobile_menu .old_button {
    background-color: #7F7F7F;
    color: #FFF;
    height: 20px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 3px 10px;
    display: inline-block;
    line-height: 20px;
    font-size: 12px;
    float: none;
    margin: 10px auto 10px auto;
    display: inline-block;
}

#mobile_menu .close {
    position: absolute;
    height: 70px;
    width: 70px;
    background: url(/img/mobile_ico_close.png) no-repeat;
    background-position-x: center;
    background-position-y: center;
    right: 0;
    top: 0;
    cursor: pointer;
    z-index: 3500;

}

#basket.basket.menu_action {
    margin-right: 15px;
}

#mobile_menu ul#menu_cat_list li a {
    font-family: "Museo Sans W03_700";
    padding: 20px 20px 20px 73px;
    display: block;
    overflow: hidden;
    border-top: 1px #7f7f7f solid;
    text-transform: uppercase;
    font-size: 16px;
    color: #FFF;
}

#mobile_menu ul#menu_cat_list li ul {
    display: none;
}

#mobile_menu ul#menu_cat_list li.active ul {
    display: block;
    background-color: #FFF;
    overflow: auto;
    border-bottom: 1px #7f7f7f solid;
}

#mobile_menu ul#menu_cat_list li:last-child {
    border-bottom: 1px #7f7f7f solid;
}

#mobile_menu ul#menu_cat_list li ul li a {
    font-family: "Museo Sans W03_500";
    font-size: 14px;
    border: none;
    padding: 20px 10px 20px 50px;
    color: #FFF;
}

ul.simple_link > li a {
    font-family: "Museo Sans W03_700";
    padding: 10px 20px;
    display: block;
    overflow: hidden;
    text-transform: uppercase;
    font-size: 16px;
    color: #FFF;
}

ul.simple_link > li a i {
    vertical-align: middle;
    font-style: normal;
    font-size: 34px;
    margin-right: 16px;

}

ul.simple_link.toggle > li ul {
    display: none;
}

ul.simple_link > li ul li a {
    padding-left: 73px;
    padding-top: 0;
    height: 25px;
    line-height: 25px;
    color: #FFF;
    text-transform: none;
    font-family: 'Museo Sans W03_300';
    font-weight: normal;
    font-size: 14px;
    position: relative;
}

#mobile_menu .item_count {
    height: 16px;
    line-height: 16px;
    right: 40px;
    margin-left: 20px;
}

#mobile_menu .holiday_switch [type="checkbox"].btn_checkbox:checked + label .ui, #mobile_menu .holiday_switch [type="checkbox"].btn_checkbox:not(:checked) + label .ui:before, #mobile_menu .holiday_switch [type="checkbox"].btn_checkbox:checked + label .ui:after {
    line-height: 31px;
}

#mobile_menu .holiday_switch [type="checkbox"].btn_checkbox:not(:checked) + label, #mobile_menu .holiday_switch [type="checkbox"].btn_checkbox:checked + label {
    padding-left: 60px;
}

#mobile_menu .amount {
    font-family: "Museo Sans W03_500";
    background-color: #36a9e1;
    margin-left: 10px;
    font-size: 12px;
    float: right;
}

#mobile_menu .user_label {
    height: 40px;
    width: 40px;
    line-height: 40px;
    background-color: #f1f0f0;
    color: #7F7F7F;
    font-size: 25px;
    font-style: normal;
}

#mobile_menu .statut_box {
    position: absolute;
    right: 0;
    margin-top: -7px;
}

#mobile_menu .logged_customer ul, #mobile_menu .logged_master ul, #mobile_menu .statut_box ul {
    top: 50px;
    right: 0;
}

/* ICONE MENU MOBILE */
.cat_ico_1, .cat_ico_1025, .cat_ico_1049 {
    background: url(/img/mobile_icon/ico_mobile_avocat.png) no-repeat 21px;
    -moz-background-size: 37px;
    -o-background-size: 37px;
    background-size: 37px;
}

.cat_ico_1027, .cat_ico_1051 {
    background: url(/img/mobile_icon/ico_mobile_divertissement.png) no-repeat 21px;
    -moz-background-size: 37px;
    -o-background-size: 37px;
    background-size: 37px;
}

.cat_ico_6000 {
    background: url(/img/mobile_icon/ico_mobile_graphisme.png) no-repeat 21px;
    -moz-background-size: 37px;
    -o-background-size: 37px;
    background-size: 37px;
}

.cat_ico_7000 {
    background: url(/img/mobile_icon/ico_mobile_siteweb.png) no-repeat 21px;
    -moz-background-size: 37px;
    -o-background-size: 37px;
    background-size: 37px;
}

.cat_ico_5000 {
    background: url(/img/mobile_icon/ico_mobile_marketing.png) no-repeat 21px;
    -moz-background-size: 37px;
    -o-background-size: 37px;
    background-size: 37px;
}

.cat_ico_4000 {
    background: url(/img/mobile_icon/ico_mobile_musique.png) no-repeat 21px;
    -moz-background-size: 37px;
    -o-background-size: 37px;
    background-size: 37px;
}

.cat_ico_3000 {
    background: url(/img/mobile_icon/ico_mobile_video.png) no-repeat 21px;
    -moz-background-size: 37px;
    -o-background-size: 37px;
    background-size: 37px;
}

.cat_ico_2000 {
    background: url(/img/mobile_icon/ico_mobile_traduction.png) no-repeat 21px;
    -moz-background-size: 37px;
    -o-background-size: 37px;
    background-size: 37px;
}

.cat_ico_2, .cat_ico_1050, .cat_ico_1026 {
    background: url(/img/mobile_icon/ico_mobile_coaching.png) no-repeat 21px;
    -moz-background-size: 37px;
    -o-background-size: 37px;
    background-size: 37px;
}

.cat_ico_4, .cat_ico_1052, .cat_ico_1028 {
    background: url(/img/mobile_icon/ico_mobile_astro.png) no-repeat 21px;
    -moz-background-size: 37px;
    -o-background-size: 37px;
    background-size: 37px;
}

/*********************************************/
/**********SUVI DJOB V2 **********************/
/*********************************************/

.action_block {
    background-color: #F1F0F0;
    padding: 15px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    margin-bottom: 20px;
    position: relative;
    clear: both;
}

.action_block:before {
    content: "";
    position: absolute;
    height: 36px;
    bottom: -35px;
    left: 41px;
    border-left: 1px solid #d9d9d9;
}

#master_validation_block.action_block:before {
    content: "";
    border-left: 1px solid transparent;
}

.action_block.no_line:before {
    border: 0;
}

#auto_validated_module {
    padding: 20px 20px 0 20px;
    background: #f1f0f0;
    min-height: 100px;
}

#auto_validated_module .title {
    text-align: center;
    float: none;
    margin: 0 auto 10px;
}

#auto_validated_module .actions {
    overflow: auto;
    padding: 0 50px;
}

#delivery_block.action_block {
    background: #F1F0F0 url(/img/time_line/timeline_livraison_big_ico.png) no-repeat 5px 5px;
    padding-left: 120px;
    min-height: 100px;
}

#delivery_block .delivery_content {
    width: 70%;
    float: left;
}

#delivery_block .delivery_files {
    float: left;
    width: 30%;
}

#delivery_block .delivery_action {
    float: left;
}

/********** BOUTON BLOCK ACTION SUIVI DE DJOB V2 ***********/
.dynamic-action-btn {
    width: 230px;
    margin: 10px 10px 10px 10px;
}

.dynamic-action-btn.white {
    background-color: #FFF;
    border: 1px solid #7f7f7f;
    padding: 12px 19px;
}

.dynamic-action-btn.green {
    color: #FFF;
}

.dynamic-action-btn:disabled, .dynamic-action-btn:disabled:hover {
    opacity: 0.3;
    cursor: not-allowed;
    background-color: #7f7f7f;
    color: #FFF;
}

#delivery_block .dynamic-action-btn.white {
    width: 270px;
    margin-top: 20px;
}

#master_comment_response_block .dynamic-action-btn.green {
    width: 280px;
}

/********** END BOUTON BLOCK ACTION SUIVI DE DJOB V2***********/

.action_block .label_text {
    font-weight: 600;
    margin-bottom: 10px;
}

.djob_timeline {
    overflow: auto;
    clear: both;
    position: relative;
}

.djob_timeline.with_line:before {
    content: "";
    position: absolute;
    top: -20px;
    bottom: 0;
    left: 41px;
    border-left: 1px solid #d9d9d9;
}

.with_line:last-child:before {
    border: none;
}

.timeline-heading {
    font-weight: 600;
    margin-bottom: 10px;
}

.djob_timeline .timeline-item {
    width: 100%;
    float: right;
    position: relative;
    clear: both;
    margin-bottom: 20px;

}

.djob_timeline .timeline-item .timeline-item-content {
    position: relative;
    background: #fff;
    border: 1px solid #d9d9d9;
    -moz-border-radius: 10px;
    border-radius: 10px;
    width: 80%;
    padding: 15px;
    /*     margin-bottom: 15px; */
    float: right;
    line-height: 17px;
}

.djob_timeline .timeline-item .timeline-item-content:after, .djob_timeline .timeline-item .timeline-item-content:before {
    right: 100%;
    top: 35px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.djob_timeline .timeline-item .timeline-item-content:after {
    border-color: rgba(255, 255, 255, 0);
    border-right-color: #FFF;
    border-width: 15px;
    margin-top: -15px;
}

.djob_timeline .timeline-item .timeline-item-content:before {
    border-color: rgba(217, 217, 217, 0);
    border-right-color: #d9d9d9;
    border-width: 16px;
    margin-top: -16px;
}

.djob_timeline .timeline-item .timeline-item-icon {
    position: absolute;
    left: 5px;
    top: 0;
    width: 73px;
    height: 73px;
    -moz-border-radius: 50%;
    border-radius: 50%;
    line-height: 73px;
    text-align: center;
    border: 1px solid #d9d9d9;
    background: #f1f0f0;
    font-size: 40px
}

.djob_timeline .timeline-item .timeline-item-icon.revision {
    color: #ff5a5f;
    line-height: 25px;
    font-size: 30px;
}

.djob_timeline .timeline-item .timeline-item-icon.revision span {
    font-size: 11px;
    font-weight: 600;
    margin-left: auto;
    margin-right: auto;
    padding-left: 9px;
}

.djob_timeline .timeline-item .timeline-item-icon img {
    display: inline-block;
    vertical-align: text-bottom;
}

.djob_timeline .timeline-item .timeline-item-icon img.master_pict {
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.djob_timeline .timeline-body .timeline-files-list {
    float: left;
    margin-left: 40px;
}

.djob_timeline .timeline-body .timeline-content {
    float: left;
    word-break: break-word;
}

.djob_timeline .timeline-body .timeline-content .rating {
    margin-right: 20px;
    margin-bottom: 10px;
}

.timeline-body.with_files .timeline-content {
    width: 65%;
}

.djob_timeline .timeline-body .timeline-files-list a li {
    font-weight: 600;
    font-size: 11px;
    padding-left: 22px;
    padding-right: 20px;
    margin-bottom: 5px;
    background: url(/img/file_upload_ico.png) no-repeat left;
    height: 22px;
    -moz-background-size: 17px;
    -o-background-size: 17px;
    background-size: 17px;
    line-height: 22px;
}

.djob_timeline .timeline-body .timeline-files-list a:hover li {
    color: #ff5a5f;
    text-decoration: underline;
    background: url(/img/file_upload_hover_ico.png) no-repeat left;
    -moz-background-size: 17px;
    -o-background-size: 17px;
    background-size: 17px;
}

/* INPUT INTERNATIONAL PHONE */

div.with_flag {
    position: relative;
    margin-bottom: 17px;
}

div.with_flag #phone_number {
    text-indent: 100px;
    position: relative;
}

div.with_flag.flag_register_during_buy {

}

#p_phone_number {
    position: relative;
}

#p_phone_number ul.country_list_select {
    top: 4px;
    left: 188px;
    width: 100px;
    background-position: 6px center;
    z-index: 1;
}

#p_phone_number label.hidden + ul.country_list_select {
    left: 1px;
}

.phone_indicatif {
    display: inline-block;
    vertical-align: middle;
    background-color: #ebebeb;
    height: 24px;
    line-height: 24px;
    padding: 0 7px;
    float: right;
    position: absolute;
    top: 2px;
    right: 0;
}

ul.country_list_select {
    cursor: pointer;
    position: absolute;
    height: 24px;
    width: 32px;
    display: block;
    /* background-color: aliceblue; */
    z-index: 1000;
    top: 4px;
    left: 5px;
    /* border: 1px solid #bbbbbc; */
    padding-top: 4px;
    background-color: #FFF;
    background-repeat: no-repeat;
    background-position: center center;
}

#subscribe_form ul.country_list_select, #subscribe_form_landing ul.country_list_select {
    top: 4px;
    left: 5px;
}

#subscribe_billing_form ul.country_list_select {
    left: 125px;
}

#popup .phone_number_update_form ul.country_list_select {
    left: 210px;
}

#popup .send_me_sms_new_phone_form ul.country_list_select {
    left: 310px;
}

#order_box ul.country_list_select {
    left: 75px;
}

#subscribe_billing_form ul.country_list_select {
    left: 125px;
}

#subscribe_billing_form #phone_number {
    width: 360px;
}

#subscribe_billing_form #p_phone_number label {
    width: 117px;
}

ul.country_list_select:before {
    content: url(/img/FlagSelectCaret-down.png);
    right: 0;
    display: block;
    width: 20px;
    height: 20px;
    margin-left: 31px;
}

ul.country_list_select li {
    cursor: pointer;
    display: none;
    height: 21px;
    width: 32px;
    line-height: 23px;
    background-repeat: no-repeat;
    background-position: center center;
}

ul.country_list_select li.fr, ul.country_list_select.fr {
    background: #FFF url(/img/Flag_FR.png);
    background-repeat: no-repeat;
    background-position: center center;
}

ul.country_list_select li.be, ul.country_list_select.be {
    background: #FFF url(/img/Flag_BE.png);
    background-repeat: no-repeat;
    background-position: center center;
}

ul.country_list_select li.ch, ul.country_list_select.ch {
    background: #FFF url(/img/Flag_CH.png);
    background-repeat: no-repeat;
    background-position: center center;
}

ul.country_list_select li.de, ul.country_list_select.de {
    background: #FFF url(/img/Flag_DE.png);
    background-repeat: no-repeat;
    background-position: center center;
}

ul.country_list_select li.it, ul.country_list_select.it {
    background: #FFF url(/img/Flag_IT.png);
    background-repeat: no-repeat;
    background-position: center center;
}

ul.country_list_select li.es, ul.country_list_select.es {
    background: #FFF url(/img/Flag_ES.png);
    background-repeat: no-repeat;
    background-position: center center;
}

ul.country_list_select li.usa, ul.country_list_select.usa {
    background: #FFF url(/img/Flag_USA.png);
    background-repeat: no-repeat;
    background-position: center center;
}

ul.country_list_select li.gb, ul.country_list_select.gb {
    background: #FFF url(/img/Flag_GB.png);
    background-repeat: no-repeat;
    background-position: center center;
}

ul.country_list_select li.ie, ul.country_list_select.ie {
    background: #FFF url(/img/Flag_IE.png);
    background-repeat: no-repeat;
    background-position: center center;
}

ul.country_list_select li.au, ul.country_list_select.au {
    background: #FFF url(/img/Flag_AU.png);
    background-repeat: no-repeat;
    background-position: center center;
}

ul.country_list_select li.pr, ul.country_list_select.pr {
    background: #FFF url(/img/Flag_PR.png);
    background-repeat: no-repeat;
    background-position: center center;
}

ul.country_list_select li.mx, ul.country_list_select.mx {
    background: #FFF url(/img/Flag_MX.png);
    background-repeat: no-repeat;
    background-position: center center;
}

ul.country_list_select li.ad, ul.country_list_select.ad {
    background: #FFF url(/img/Flag_AD.png);
    background-repeat: no-repeat;
    background-position: center center;
}

ul.country_list_select li.ar, ul.country_list_select.ar {
    background: #FFF url(/img/Flag_AR.png);
    background-repeat: no-repeat;
    background-position: center center;
}

ul.country_list_select li.bo, ul.country_list_select.bo {
    background: #FFF url(/img/Flag_BO.png);
    background-repeat: no-repeat;
    background-position: center center;
}

ul.country_list_select li.co, ul.country_list_select.co {
    background: #FFF url(/img/Flag_CO.png);
    background-repeat: no-repeat;
    background-position: center center;
}

ul.country_list_select li.cr, ul.country_list_select.cr {
    background: #FFF url(/img/Flag_CR.png);
    background-repeat: no-repeat;
    background-position: center center;
}

ul.country_list_select li.ec, ul.country_list_select.ec {
    background: #FFF url(/img/Flag_EC.png);
    background-repeat: no-repeat;
    background-position: center center;
}

ul.country_list_select li.sv, ul.country_list_select.sv {
    background: #FFF url(/img/Flag_SV.png);
    background-repeat: no-repeat;
    background-position: center center;
}

ul.country_list_select li.gt, ul.country_list_select.gt {
    background: #FFF url(/img/Flag_GT.png);
    background-repeat: no-repeat;
    background-position: center center;
}

ul.country_list_select li.hn, ul.country_list_select.hn {
    background: #FFF url(/img/Flag_HN.png);
    background-repeat: no-repeat;
    background-position: center center;
}

ul.country_list_select li.ni, ul.country_list_select.ni {
    background: #FFF url(/img/Flag_NI.png);
    background-repeat: no-repeat;
    background-position: center center;
}

ul.country_list_select li.pa, ul.country_list_select.pa {
    background: #FFF url(/img/Flag_PA.png);
    background-repeat: no-repeat;
    background-position: center center;
}

ul.country_list_select li.pe, ul.country_list_select.pe {
    background: #FFF url(/img/Flag_PE.png);
    background-repeat: no-repeat;
    background-position: center center;
}

ul.country_list_select li.py, ul.country_list_select.py {
    background: #FFF url(/img/Flag_PY.png);
    background-repeat: no-repeat;
    background-position: center center;
}

ul.country_list_select li.uy, ul.country_list_select.uy {
    background: #FFF url(/img/Flag_UY.png);
    background-repeat: no-repeat;
    background-position: center center;
}

ul.country_list_select li.ve, ul.country_list_select.ve {
    background: #FFF url(/img/Flag_VE.png);
    background-repeat: no-repeat;
    background-position: center center;
}

ul.country_list_select li.cu, ul.country_list_select.cu {
    background: #FFF url(/img/Flag_CU.png);
    background-repeat: no-repeat;
    background-position: center center;
}

ul.country_list_select li.cl, ul.country_list_select.cl {
    background: #FFF url(/img/Flag_CL.png);
    background-repeat: no-repeat;
    background-position: center center;
}

ul.country_list_select li.do, ul.country_list_select.do {
    background: #FFF url(/img/Flag_DO.png);
    background-repeat: no-repeat;
    background-position: center center;
}

ul.country_list_select li.uk, ul.country_list_select.uk {
    background: #FFF url(/img/Flag_UK.png);
    background-repeat: no-repeat;
    background-position: center center;
}

ul.country_list_select li.ca, ul.country_list_select.ca {
    background: #FFF url(/img/Flag_CA.png);
    background-repeat: no-repeat;
    background-position: center center;
}

ul.country_list_select li.za, ul.country_list_select.za {
    background: #FFF url(/img/Flag_ZA.png);
    background-repeat: no-repeat;
    background-position: center center;
}

ul.country_list_select li.in, ul.country_list_select.in {
    background: #FFF url(/img/Flag_IN.png);
    background-repeat: no-repeat;
    background-position: center center;
}

ul.country_list_select li.ae, ul.country_list_select.ae {
    background: #FFF url(/img/Flag_AE.png);
    background-repeat: no-repeat;
    background-position: center center;
}

ul.country_list_select li.lu, ul.country_list_select.lu {
    background: #FFF url(/img/Flag_LU.png);
    background-repeat: no-repeat;
    background-position: center center;
}

ul.country_list_select li.at, ul.country_list_select.at {
    background: #FFF url(/img/Flag_AT.png);
    background-repeat: no-repeat;
    background-position: center center;
}


/****** CODE PROMO *********/
#da_cart_add_promo_code label {
    font-family: "Museo Sans W03_700", sans-serif;
    color: #ff5a5f;
    margin-top: 15px;
    font-size: 16px;

}

input.promo_code {
    font-size: 18px;
    font-weight: bold;
    font-family: "Museo Sans W03_700", sans-serif;
    vertical-align: initial;
    text-transform: uppercase;
    color: #7F7F7F;
    width: 130px;
    margin: 15px;
}

.why_picto_1, .why_picto_2, .why_picto_3, .why_picto_4, .why_picto_5, .why_picto_6 {
    display: inline-block;
    background: url(/img/why_spritesheet.png) no-repeat;
    overflow: hidden;
    text-indent: -9999px;
    text-align: left;
    width: 74px;
    height: 51px;
}

.why_picto_1 {
    background-position: -5px -0px;
}

.why_picto_2 {
    background-position: -93px 0;
}

.why_picto_3 {
    background-position: -10px -61px;
}

.why_picto_4 {
    background-position: -95px -60px;;
}

.why_picto_5 {
    background-position: -177px 1px;
}

.why_picto_6 {
    background-position: -157px -65px;
    margin-bottom: 2px;
}

/* PAGE PARENT SITE WEB */

#website_parent_category_global_div {
    margin-bottom: 35px;
}

#website_parent_category_block_button_content {
    display: flex;
    justify-content: center;
    align-items: center;
}

.website_parent_category_block_button {
    margin-right: 30px;
    display: flex !important;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

#website_parent_category_content {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    width: 100%;
}

#website_parent_category_content span {
    font-family: "Montserrat";
    text-align: center;
    padding: 25px;
}

.website_parent_category_bar {
    height: 1px;
    background-color: #D8D8D8;
    width: 37%;
}

.website_parent_category_text {
    width: 180px;
    text-align: center;
    font-size: 14px;
}

.website_parent_category_button {
    margin-top: 10px;
    background-color: #FF5A5C;
    width: 180px;
    height: 40px;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: 600;
    text-align: center;
}

.arrow-slider:before {
    font-size: 25px;
    color: #FF5A5C;
}

.arrow-slider-blue:before {
    font-size: 25px;
    color: #36A9E1;
}

.arrow-slider-blue {
    position: absolute;
    top: 80px;
    z-index: 10;
}

.arrow-slider-blue:first-of-type {
    left: 0;
}

.arrow-slider-blue:last-of-type {
    right: 0;
}

/* SLIDER COMMENT DA */
#da_comment_slider {
    margin: 35px 0;
    width: 1060px;
    overflow: hidden;
    position: relative;
}

#da_comment_slider .slider_content {
    width: 930px;
    padding-left: 10px;
    padding-right: 10px;
    height: 59px;
    display: inline-block;
    overflow: hidden;
}

#da_comment_slider ul {
    width: 930px;
    float: left;
    padding: 0 60px;
    overflow: hidden;
    display: block;
}

#da_comment_slider ul li {
    width: 860px;
    height: 59px;
    margin-right: 70px;
    margin-left: 0;
    display: block;
    float: left;
    overflow: hidden;
}

#da_comment_slider ul li:hover {
    cursor: pointer;
}

#da_comment_slider .photo {
    width: 100px;
    height: 59px;
    padding: 2px;
    background-color: #FFF;
    border: 1px solid #d8d8d8;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
}

.comment_da_list p {
    font-size: 12px;
    line-height: 18px;
}

.comment_da_list p.offer_title {
    font-weight: bold;
    font-size: 12px;
    margin-bottom: 5px;
}

.comment_da_list p em {
    font-size: 11px;
}

.comment_da_list .rating.small {
    float: left;
    margin-right: 5px;
    line-height: 15px;
}

.comment_da_list .rating.small span {
    display: inline-block;
    height: 15px;
    margin-right: 2px;
}

#da_comment_slider .nav_block {
    width: 53px;
    height: 60px;
    display: inline-block;
}

#da_comment_slider a.nav {
    background-repeat: no-repeat;
    background-position: 0 7px;
    width: 63px;
    height: 53px;
    opacity: 0.2;
    position: absolute;
}

#da_comment_slider a.nav.nav-left {
    background: url(/img/Arrow_daSlider_LEFT.png);
    background-position: right 3px;
    float: right;
    right: 0;
}

#da_comment_slider a.nav.nav-right {
    background: url(/img/Arrow_daSlider_RIGHT.png);
    background-position: right 3px;
    float: right;
    right: 0;
}

#da_comment_slider a.nav.nav-left {
    left: 0;
    float: left;
}

#da_comment_slider a.nav:hover {
    opacity: 0.5;
}

/*******BLOCK CAT HEADER*********/

#header_cat_block {
    background-repeat: no-repeat;
    background-size: 100%;
    height: 200px;
    margin-bottom: 20px;
    text-align: center;
    line-height: 37px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 30px;
}

.header_cat_block_container {
    width: 100%;
    padding-right: 250px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.header_cat_block_text_container {
    padding: 0 40px;
}

#header_cat_block sup {
    font-family: "Museo Sans W03_700", sans-serif;
    color: #2C465D;
    font-size: 22px;
}

#header_cat_block .header_cat_block_subtitle {
    font-size: 32px;
    line-height: 33px;
    font-family: "Museo Sans W03_700", sans-serif;
}

#header_cat_block_chat {
    background: url(/img/voyance_by_chat/list_header_desktop.png);
    background-repeat: no-repeat;
}

#header_cat_block h2 {
    font-size: 36px;
    color: #2C465D;
    font-family: "Museo Sans W03_100", sans-serif;
}

#header_cat_block h4 {
    font-family: "Museo Sans W03_500", sans-serif;
    color: #000;
    font-size: 16px;
}

.height_not_null {
    height: 10px;
}

.bg_image_fit {
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

/* LAST COMMENT POPUP */
.lastComment__Container {
    border-bottom: 1px solid #d8d8d8;
    border-top: 1px solid #d8d8d8;
}

.lastComment {
    background-color: #F1F1F1;
    padding: 10px;
    margin: 20px;
}

.lastComment__Title {
    color: #00b1ff;
    padding-left: 15px;
    padding-top: 15px;
}

.lastComment__TextContainer {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding-left: 15px;
    padding-top: 5px;
    padding-right: 15px;
}

.lastComment__ClientName {
    font-weight: bold;
    padding-right: 10px;
    font-size: 14px;
}

.lastComment__Note {
    display: inline;
    padding-right: 10px;
}

.lastComment__Date {
    font-style: italic;
    font-size: 11px;
    padding-right: 10px;
    vertical-align: text-bottom;
}

.lastComment__Master {
    color: #00b1ff;
    padding-right: 10px;
}

.lastComment__CommentTextContainer {
    padding-bottom: 15px;
}

.lastComment__CommentText {
    padding-left: 15px;
    padding-right: 15px;
    word-wrap: break-word;
}

.display_inline-bloc {
    display: inline-block;
}

.visuel_category_vide_responsive {
    display: none;
}

.hidden_seo {
    display: none;
}

.red_line td {
    color: red;
}

.visibility_hidden {
    visibility: hidden;
}

#cto_cookies_header_message, .criteo_header {
    display: none; /* script */
}

/* NEIGE POUR OP */
#snow_op_special {
    background: none;
    font-family: Androgyne;
    background-image: url('/img/s1.png'), url('/img/s2.png'), url('/img/s3.png');
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
    -webkit-animation: snow 10s linear infinite;
    -moz-animation: snow 10s linear infinite;
    animation: snow 10s linear infinite;
    pointer-events: none;
}

@keyframes snow {
    0% {
        background-position: 0px 0px, 0px 0px, 0px 0px;
    }
    50% {
        background-position: 500px 500px, 100px 200px, -100px 150px;
    }
    100% {
        background-position: 500px 1000px, 200px 400px, -100px 300px;
    }
}

@-moz-keyframes snow {
    0% {
        background-position: 0px 0px, 0px 0px, 0px 0px;
    }
    50% {
        background-position: 500px 500px, 100px 200px, -100px 150px;
    }
    100% {
        background-position: 400px 1000px, 200px 400px, 100px 300px;
    }
}

@-webkit-keyframes snow {
    0% {
        background-position: 0px 0px, 0px 0px, 0px 0px;
    }
    50% {
        background-position: 500px 500px, 100px 200px, -100px 150px;
    }
    100% {
        background-position: 500px 1000px, 200px 400px, -100px 300px;
    }
}

/** FLEX IS THE KING **/
/*body {
	display               : -webkit-box;
	display               : -ms-flexbox;
	display               : -webkit-flex;
	display               : -moz-box;
	display               : flex;
	-webkit-box-orient    : vertical;
	-webkit-box-direction : normal;
	-ms-flex-direction    : column;
	-webkit-flex-direction        : column;
	   -moz-box-orient        : vertical;
	   -moz-box-direction        : normal;
	        flex-direction        : column;
}

#footer {
	margin-top : auto;
}*/

.master-statut-list {
    padding-top: 25px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-evenly;
    -webkit-justify-content: space-evenly;
    -moz-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
}

.account_document_select:disabled {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    background: none;
}

.user_kang_master_file_static i {
    font-size: x-large;
    color: #ff5a5f;
}

.user_kang_master_file_static i:hover {
    cursor: pointer;
}

.user_kang_master_file_static {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    justify-content: flex-start;
}

.user_kang_master_file_static_filename {
    margin-right: 5px;
    font-size: 12px;
    font-style: italic;
}

.account_ask_payoff_info_text {
    margin-bottom: 15px;
}

.account_ask_payoff_recap_ask_payoff_button {
    margin-bottom: 10px;
}

.account_ask_payoff_recap_ask_payoff_button button {
    width: 100%;
    text-transform: uppercase;
}

.account_ask_payoff_recap_list_row {
    margin: 20px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.account_ask_payoff_last_payoffs_title_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 10px;
}

.account_ask_payoff_communications_detail_title_container {
    margin-bottom: 15px;
}

.account_ask_payoff_popup_checkbox_item {
    margin-bottom: 10px;
    margin-top: 10px;
}

.account_ask_payoff_popup_checkbox_item span {
    line-height: 18px;
}

.account_ask_payoff_popup_checkboxes {
    padding: 15px;
}

.ask_payoff_wating_master_invoice_list_wrapper {
    padding: 10px;
}

.ask_payoff_wating_master_invoice_list_item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-bottom: 10px;
}

.ask_payoff_wating_master_invoice_list_invoice_icon {
    margin-right: 10px;
}

.ask_payoff_wating_master_invoice_list_invoice_title {
    margin-right: 10px;
    font-size: 15px;
    font-weight: bold;
}

.ask_payoff_wating_master_invoice_list_invoice_title_link_wrapper {
    margin-right: 100px;
}

.ask_payoff_wating_master_appel_a_facture_link {
    text-decoration: underline;
}

.big_icons i {
    font-size: xx-large;
}

i.green {
    color: #88c522;
    background: none;
}

#ask_payoff_partial_table thead {
    display: block;
}

#ask_payoff_partial_table thead tr th {
    width: 200px;
}

#ask_payoff_partial_table tbody td {
    width: 180px;
}

#ask_payoff_partial_table tbody {
    text-align: center;
    display: block;
    overflow-y: scroll;
    max-height: 500px;
}

.ask_payoff_partial_button_container button {
    margin-bottom: 10px;
}

.ask_payoff_partial_table_label_container {
    font-weight: 600;
    margin-bottom: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.ask_payoff_partial_table_label {
    margin-right: 10px;
    width: initial;
    color: inherit;
    margin-bottom: 0;
    margin-top: 0;
}

.ask_payoff_partial_table_label:hover {
    cursor: pointer;
}

.ask_payoff_partial_table_amount_container {
    margin-right: auto;
}

.ask_payoff_partial_table_labels {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.account_historicalls_old_link {
    margin-bottom: 10px;
    display: block;
}

.label_small_undertext {
    position: absolute;
    width: 200px;
    left: 20px;
    top: 35px;
    font-family: "Museo Sans W03_500", sans-serif;
}

.payoff_popup_first_text {
    text-align: center;
}

.big_bold_special_offer_text {
    font-size: 18px;
    color: #ED397B;
    font-family: Museo Sans W01_900;
}

.underlined_link a {
    text-decoration: underline;
}

.adroll_bounce_notice {
    display: none;;
}

.auto_complete_container {
    position: relative;
}

.autocomplete {
    background: white;
    border-top: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
    position: absolute;
    left: 0;
    width: 100%;
    box-shadow: 2px 2px 5px 0 #cecece;
    padding: 15px 0;
    box-sizing: border-box;
}

.autocomplete_equalize {
    height: auto;
}

.autocomplete .font-smaller {
    font-size: smaller;
}

.autocomplete_category_container {
    border-bottom: 1px solid #ececec;
    margin-left: auto;
    margin-right: auto;
    width: 1080px;
}

.autocomplete_category_title {
    text-align: left;
    padding: 10px;
    font-family: 'Museo Sans W03_500', sans-serif;
    font-size: large;
    line-height: initial;
}

.autocomplete_categories {
    display: flex;
    flex-direction: row;
    margin-bottom: 5px;
    padding: 0 10px;
    text-align: left;
    line-height: initial;
}

.autocomplete_category {
    background-color: white;
    display: inline-block;
    padding: 5px 10px 5px 10px;
    margin: 5px 10px;
    border: 1px #ECECEC solid;
    border-radius: 5px;
}

.autocomplete_voice_category {
    border-color: #09a3e3; /*blue Kang*/
}

.autocomplete_digital_category {
    border-color: #fd575b; /*pink Kang*/
}

.autocomplete .title {
    font-family: "Museo Sans W01_900", sans-serif;
    font-size: 19px;
    text-transform: uppercase;
    text-align: center;
    margin: 10px 0;
}

.autocomplete_result img {
    width: 50px;
    margin-right: 10px;
    height: 50px;
}

.autocomplete_result {
    padding: 10px;
    text-align: left;
    line-height: 10px;
    display: inline-block;
    align-items: center;
    width: 100%;
    box-sizing: content-box;
}

.autocomplete_result.digital img, .autocomplete_result.voice img {
    border-radius: 50px;
}

.autocomplete_result.voice:hover .autocomplete_master_name {
    cursor: pointer;
    color: #36a9e1;
    text-decoration: underline;
    text-decoration-color: #36a9e1;
}

.autocomplete_result.digital:hover * {
    cursor: pointer;
    text-decoration: underline;
    color: #ff5a5f;
    text-decoration-color: #ff5a5f;
}

.autocomplete_result.digital:hover {
    color: #ff5a5f;
    text-decoration-color: #ff5a5f;
}

.autocomplete_master_infos {
    display: flex;
}

.autocomplete_clicktocall_button {
    margin-top: 15px;
    float: left;
    background: #36a9e1;
    border: 1px solid #ececec;
    font-family: "Museo Sans W03_500", sans-serif;
    color: #FFF;
    text-transform: uppercase;
    font-weight: 600;
    padding: 13px 20px;
}

.autocomplete_djobs {
    line-height: initial;
    width: 63%;
    margin-top: 15px;
    padding-bottom: 0;
    margin-left: 50px;
}

.autocomplete_djobs button {
    margin-top: 15px;
    /*float: left;*/
}

.autocomplete_djobs_list {
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
}

.autocomplete_djobs_list li {
    break-inside: avoid-column;
}

.autocomplete_djobs_list, .autocomplete_masters_list {
    /*height: 240px;*/
}

.autocomplete_djob {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 8px;
    margin-bottom: 16px;
    border: 1px solid #d8d8d8;
    background: white;
}

.autocomplete_djob_img {
    margin-right: 10px;
    width: 110px;
    height: 61px;
    border: solid 2px white;
    flex-shrink: 0;
}

.autocomplete_djob_title {
    word-wrap: break-word;
    display: flex;
    flex-direction: column;
    text-align: left;
    justify-content: flex-start;
    /*line-height: 24px;*/
    /*retour a la ligne des titres de djob*/
    min-width: 0;
    /*flex-basis: 100%;*/
}

.autocomplete_master_name {
    word-wrap: break-word;
    display: flex;
    flex-direction: column;
    text-align: left;
    justify-content: flex-start;
    line-height: 24px;
    margin-left: 2px;
    /*retour a la ligne des titres de djob*/
    min-width: 230px;
    /*flex-basis: 100%;*/
}

.autocomplete_master_nickname.digital, .autocomplete_djob_nickname {
    color: #ff5a5f;
}

.algolia_chat_button {
    width: 80px;
    background-color: white;

}

.autocomplete_master_nickname.voice {
    color: #36a9e1;
}

.inactiveLink {
    pointer-events: none;
    cursor: default;
}

#mobile_menu .autocomplete {
    width: 100%;
    margin-left: 0;
    left: initial;
}

#home_search_form {
    padding-bottom: 0;
    margin-top: 70px;
}

.autocomplete_djobs_masters_container {
    display: flex;
    justify-content: space-around;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    width: 1080px;
    padding: 0 10px;
}

.autocomplete_masters {
    width: 37%;
    margin-top: 15px;
    padding-bottom: 0;
    border-right: 1px solid #ececec;
    line-height: initial;
}

.autocomplete_result_title {
    font-weight: bold;
    text-align: left;
    padding: 10px;
    font-size: large;
    font-family: 'Museo Sans W03_500', sans-serif;
}

.autocomplete_djob:hover {
    cursor: pointer;
    text-decoration: none;
    box-shadow: 2px 2px 5px 0 #cecece;
}

.autocomplete_djob:hover p {
    color: inherit;
}

.autocomplete_djob em, .autocomplete_result.digital em {
    /*color: #ff5a5f;*/
}

.autocomplete_result.voice em {
    /*color: #36a9e1;*/
}

.autocomplete em {
    font-family: "Museo Sans W03_500", sans-serif;
    font-weight: 600;
    font-style: normal;
}

.autocomplete_djob_title_span {
    font-weight: bold;
    margin-bottom: 5px;
}

body.home_page .top_header .autocomplete_container {
    display: none;
}

.autocomplete_container {
    z-index: 1000;
    position: relative;
}

.autocomplete_no_result {
    padding-top: 30px;
}

.homepage_V4 {
    padding-right: 360px;
}

.autocomplete_click_to_call_only .homepage_V4 .autocomplete {
    top: initial;
    margin-top: -5px;
}

.autocomplete_click_to_call_only .autocomplete_masters_list {
    height: inherit;
    columns: 2;
    width: 60%;
    column-gap: 10px;
}

.autocomplete_click_to_call_only .autocomplete_masters {
    width: 100%;
    border-right: none;
}

.result_page .autocomplete_masters {
    width: 45%;
}

.result_page .autocomplete_djobs {
    width: 55%;
}

.result_page .autocomplete_masters {
    border-right: 1px solid #d8d8d8;
}

.result_page .autocomplete_djobs_list, .result_page .autocomplete_masters_list {
    height: initial;
    columns: initial;
}

.result_page .autocomplete_master_infos img {
    width: auto;
    height: auto;
    border-radius: 100%;
    min-width: 48px;
}

.result_page .autocomplete_djobs_masters_container {
    width: auto;
}

.result_page * em {
    font-weight: bolder;
    font-family: 'Museo Sans W03_600', sans-serif;
    font-style: normal;
}

/*Voucher master*/
#voucher_master_account_page .category_title {
    margin-bottom: 0px;
}

.voucher_master_informations {
    line-height: 16px;
    margin-top: 65px;
    margin-left: 0;
}

#voucher_master_account_page .big_txt {
    font-size: 18px;
}

.font-color-kangpink {
    color: #ff5a5f;
}

#voucher_master_account_page .notif {
    position: absolute;
    z-index: 10;
    width: inherit;
    padding-left: 10px;
    padding-right: 0px;
    font-weight: bold;
}

#voucher_master_account_page .search-input, #call_search .search-input, #clients_search .search-input {
    width: 250px;
    height: 40px;
    margin-left: 4px;
    outline: none;
    color: #ff5a5f;
    font-size: 20px;
    font-weight: bold;
    padding-right: 30px;
    display: inline-block;
}

#call_search .search-input, #clients_search .search-input {
    font-family: 'Museo Sans W03_300', sans-serif;
    padding: 0 0 0 10px;
    border: 1px solid #d1d1d1;
    font-size: 14px;
    color: #7F7F7F;
    font-weight: 300;
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-position: 210px;
}

#call_search .ui-autocomplete, #clients_search .ui-autocomplete {
    padding: 5px;
    width: 250px;
    background: #fff;
    cursor: default;
    border: 1px solid #d1d1d1;
    border-top: 0px;
    max-height: 230px;
    overflow: auto;
}

#voucher_master_account_page form {
    display: inline-block;
}

#voucher_master_account_page .search_form_text {
    display: inline-block;
    font-size: 20px;
    font-weight: bold;

}

#voucher_master_account_page #search_form {
    padding-bottom: 10px;
}

#voucher_master_account_page .search-input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #969696;
    font-size: 18px;
}

#voucher_master_account_page .search-input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #969696;
    font-size: 18px;
    opacity: 1;
}

#voucher_master_account_page .search-input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #969696;
    font-size: 18px;
    opacity: 1;
}

#voucher_master_account_page .search-input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #969696;
    font-size: 18px;
}

#voucher_master_account_page .search-input::-ms-input-placeholder { /* Microsoft Edge */
    color: #969696;
    font-size: 18px;
}

#voucher_master_account_page .loupe_image {
    position: relative;
    display: inline-block;
    right: 38px;
    vertical-align: text-bottom;
    top: 1px;
}

#voucher_master_account_page .master_bnt {
    line-height: 27px;
    font-weight: bold;
    font-size: initial;
}

#voucher_master_account_page .tips {
    background-color: #ff5a5f;
    color: white;
    font-family: monospace;
    font-weight: bolder;
    margin-left: -15px;
    font-size: 1.2em;
}

/* Hover tooltips */
.field-tip {
    position: relative;
    cursor: help;
}

.field-tip .tip-content {
    font-family: 'Museo Sans W03_300', sans-serif;
    text-align: left;
    position: absolute;
    font-size: 12px;
    font-weight: normal;
    top: -10px; /* - top padding */
    right: 9999px;
    width: 200px;
    margin-right: -220px; /* width + left/right padding */
    padding: 10px;
    color: #7f7f7f;
    background: #f1f1f1;
    border-radius: 10px;
    -webkit-box-shadow: 2px 2px 5px #aaa;
    -moz-box-shadow: 2px 2px 5px #aaa;
    box-shadow: 2px 2px 5px #aaa;
    opacity: 0;
    -webkit-transition: opacity 250ms ease-out;
    -moz-transition: opacity 250ms ease-out;
    -ms-transition: opacity 250ms ease-out;
    -o-transition: opacity 250ms ease-out;
    transition: opacity 250ms ease-out;
}

/* <http://css-tricks.com/snippets/css/css-triangle/> */
.field-tip .tip-content:before {
    content: ' '; /* Must have content to display */
    position: absolute;
    top: 8%;
    left: -16px; /* 2 x border width */
    width: 0;
    height: 0;
    margin-top: -8px; /* - border width */
    border: 8px solid transparent;
    border-right-color: #f1f1f1;
}

.sponsorship_recap .field-tip .tip-content:before {
    top: 25%;
}

.field-tip:hover .tip-content {
    right: -20px;
    opacity: 1;
    z-index: 1;
}

#btn-gift-voucher {
    margin: auto;
    width: 100%;
    max-width: 480px;
    padding: 10px;
}

#btn-gift-voucher:hover:enabled {
    background-color: #ff5a5f;
    opacity: 0.80;
}

#btn-gift-voucher:hover:disabled {
    background-color: #d8d8d8;
}

#btn-gift-voucher:disabled {
    background-color: #d8d8d8;
    border-color: #d8d8d8;
}

#popup .popup_voucher_button_confirm {
    background-color: #ff5a5f;
    color: white;
}

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

.font-bold {
    font-weight: bold;
}

.ui-autocomplete {
    width: 250px;
    background: #fff;
    cursor: default;
    border: 1px solid #d1d1d1;
    border-top: 0px;
    max-height: 230px;
    overflow: auto;
    z-index: 1;
}

.ui-autocomplete li {
    padding: 10px 5px;
    font-size: 1.2em;
    /*white-space : nowrap;
	overflow    : hidden;*/
    cursor: pointer;
}

.ui-autocomplete li:hover {
    background: #ff5a5f;
    color: white;
}

/*voucher client side*/
.offer_block_voucher_unlocked {
    border: #ffd72a solid 1px;
}

.offer_block_voucher_unlocked:hover {
    background: url(/img/bg_voucher_master.gif) no-repeat center;
    -webkit-background-size: cover;
    background-size: cover;
    background-color: white;
}

.offer_block_voucher_unlocked .offer_pict img {
    border: #ffd72a solid 1px;
}

.voucher.profile_call, .offer_block_voucher_unlocked .profile_call, .offer_block_voucher_unlocked .voucher.chat_btn {
    color: white;
    background-color: #ffd72a;
    cursor: pointer;
    text-align: left;
    width: 110px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.offer_block .chat_btn_container.busy, .offer_block .chat_btn_container.alert_sms {
    display: none;
}

.voucher.profile_call i, .offer_block_voucher_unlocked .profile_call i {
    font-size: 16px;
}

.large_btn.voucher.profile_call i {
    position: initial;
    font-size: 20px;
}

.large_btn.voucher.profile_call {
    text-align: center;
    vertical-align: sub;
    width: 100%;
}

/*voucher client side popup*/
.popup_voucher_client_button_group {
    display: flex;
    justify-content: center;
    /*margin-top      : 40px;*/
    margin-bottom: 20px;
}

.voucher_popup_call_parent {
    display: flex;
    flex-direction: column;
}

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

.voucher_popup_call_master_block img {
    flex-basis: 225px;
    width: 190px;
}

.voucher_popup_call_master_block p {
    font-size: 24px;
}

#popup.popup_voucher_client {
    width: 400px;
    margin-left: -200px;
}

.popup_voucher_client_start_call {
    /*background-color : #ff5a5f;*/
    /*color            : white;*/
}

.text_continu_with_credit {
    font-size: 20px;
    font-weight: bold;
    color: #414141;
}

#btn_continu_with_credits {
    width: 95%;
    padding: 20px;
    font-size: x-large;
    background: #40b839;
    color: white;
}

/**************************
=     Upload file Call    =
/*************************/
.is-dragover {
    background: #8f8f8f;
    color: #FFF;
}

.is-dragover p {
    color: #FFF;
}

.call_file_box {
    width: 370px;
    margin-left: auto;
    margin-bottom: 10px;
    float: right;
    margin-top: 20px;
    margin-bottom: 20px;
}

.call_file_box_read {
    margin-left: auto;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 10px;
}

.call_file_box_large {
    margin-left: auto;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 10px;
}

.call_file_action_container span {
    padding: 0 15px;
    vertical-align: text-bottom;
    paddin-top: 47px;
    height: 30px;
    display: inline-block;
}

li > a > .xmas_emoji {
    vertical-align: sub;
}

#call_file_send_box .upload-zone input[type='file'] {
    display: none;
}

#call_file_send_box .upload-zone {
    display: block;
    position: relative;
    font-size: 14px;
    background-color: #e6e6e6;
    border-radius: 10px;
    padding: 20px 20px 21px 90px;
    position: relative;
    color: #8f8f8f;
    font-family: "Museo Sans W03_500", sans-serif;
    text-align: left;
    margin-right: 0;
}

#call_file_send_box .upload-zone:hover, #call_file_send_box .upload-zone:hover p {
    background: #8f8f8f;
    color: #FFF;
    cursor: pointer;
}

#call_file_send_box .upload-zone:before {
    position: absolute;
    top: 15px;
    left: 15px;
    font: normal normal normal 14px/1 'Font Awesome 5 Pro';
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    content: "\f0c6";
    display: block;
    font-size: 60px;
}

#call_file_send_box .upload-zone p {
    font-size: 12px;
    margin: 0;
    font-weight: 400;
    font-family: 'Museo Sans W03_300', sans-serif;
}

.call_file_action_container {
    padding: 15px;
    border-top: solid 1px #e6e6e6;
    /*border-bottom: solid 1px #e6e6e6;*/
}

#call_file_box_send_file .call_file_action_container {
    border-bottom: solid 1px #e6e6e6;
}

#call_file_box_send_file ul.call_files_list_sent, #call_file_box_read_file ul.call_files_list_master {
    list-style: none;
    text-decoration: none;
    margin: 0;
    padding: 0;
}

#call_file_box_read_file ul.call_files_list_master {
    text-align: center;
}

#call_file_box_send_file .btn_blue.call_file_send_button {
    margin: 0px 0 0 15px;
}

#call_file_box_send_file ul.call_files_list_sent li, #call_file_box_read_file ul.call_files_list_master li {
    font-size: 12px;
    padding: 4px 0;
    text-decoration: none;
    text-align: left;
    margin-top: 2px;
}

#call_file_box_send_file ul.call_files_list_sent a:hover li {
    text-decoration: none;
}

#call_file_box_send_file ul.call_files_list_sent a li:before {
    height: 50px;
    width: 50px;
    content: "\f00d";
    font: normal normal normal 7px/1 'Font Awesome 5 Pro';
    background-color: #848484;
    color: #FFF;
    padding: 3px;
    border-radius: 25px;
    vertical-align: middle;
    margin-right: 7px;
}

#call_file_box_read_file ul.call_files_list_master li {
    display: inline-block;
    text-align: center;
    padding: 0 20px;
    /* margin-bottom: 10px; */
    color: #36a9e1;
    font-size: 10px;
    width: 80px;
    word-wrap: break-word;
    height: 80px;
    vertical-align: top;
    outline: none;
    border: none
}

#call_file_box .btn_blue, .btn.btn_blue.right.accept_call_file, #popup .btn.btn_blue.right.accept_call_file, .btn.refuse_call_file {
    margin: 10px 0 0 10px;
    font-size: 14px;
    padding-top: 10px;
    padding-bottom: 10px;
}

#call_file_box_read_file ul.call_files_list_master a:hover li {
    opacity: 0.7;
    cursor: pointer;
    border: none;
    outline: none;
}

/****** CHAT V5 ********/
#popup.chat_popup {
    width: 600px;
    margin: 30px auto;
    border: none;
    left: calc(50% - 300px);
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    top: 50px;
}

#popup.chat_popup iframe {
    margin: 0;
    padding: 0;
    border: none;
    width: 600px;
    height: 80vh;
}

button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

.btn-link {
    font-weight: 400;
    color: #7F7F7E;
    background-color: transparent;
    font-size: small;
    text-decoration: underline;
    text-transform: none;
    padding: 10px 15px;
    margin-top: 4px;
}

.btn-link:hover {
    background-color: transparent;
}

/* ----- Start block "our community"------ */

#our_community_block_main_title {
    display: flex;
    justify-content: center;
    align-items: center;
}

#our_community_block_main_title_picto:before {
    color: #7F7F7F;
    font-size: 50px;
}

#our_community_block_title {
    margin-left: 20px;
}

/* ----- End block "our community"------ */

@media (max-width: 1059px) {

    #our_community_block_content {
        margin-top: 20px;
    }

    #our_community_block_desc {
        margin-top: 0px;
    }

}

@media (max-width: 1024px) {

    #our_community_block {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    #our_community_mobile {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    #our_community_mobile_button_join {
        margin-top: 20px;
        margin-right: auto;
    }

    #our_community_mobile_text_join {
        margin-left: auto;
    }

    #our_community_block_desc {
        margin-left: 0;
    }
}

@media (max-width: 767px) {

    #our_community_img_master {
        display: none;
    }

    #our_community_block_content {
        width: 60%;
        margin: auto;
    }

}

@media (max-width: 568px) {

    #our_community {
        padding-top: 25px;
        padding-bottom: 25px;
    }

    #our_community_block_title {
        text-align: left;
    }

    #our_community_block_content {
        margin: auto;
        margin-top: 20px;
        width: 60%;
    }

    #our_community p {
        font-size: 14px;
    }

    #our_community_block {
        padding-bottom: 0;
    }

    #our_community_block img {
        float: none;
    }

    #our_community_block_main_title {
        display: flex;
        justify-content: center;
    }

    #our_community_mobile_text_join {
        margin-top: 20px;
        font-size: 14px;
    }

}

@media screen and (max-width: 490px) {

    #our_community_block img {
        width: 80%;
    }

}

@media screen and (max-width: 420px) {

    #our_community_mobile_text_join {
        width: 90%;
        text-align: center;
    }

}

@media screen and (max-width: 400px) {

    #our_community_block img {
        width: 70%;
    }

}

/*HOME MOBILE V2*/

.bg_home_mobile {
    background-color: #F1F1F1;
}

#home_img_block h1,
#home_img_block h1 sup {
    font-family: 'Montserrat';
    color: #FF5A5C;
    font-size: 32px;
    font-style: italic;
    font-weight: bold;
    letter-spacing: -1px;
    line-height: 34px;
    text-align: center;
    text-transform: uppercase;
}

#home_img_block h1 sup {
    font-size: 18px;
}

#home-mobile h2.rotate_title {
    font-family: "Montserrat";
    font-weight: 500;
    font-size: 27px;
    color: #414141;
    position: relative;
    text-align: center;
    margin-top: 10px;
    left: 0;
    height: 85px;
    margin-bottom: 45px;
}

#home-mobile h2.rotate_title.no_fr {
    margin-top: 20px;
    left: 0;
    height: auto;
    margin-bottom: 30px;
    line-height: 32px;
}

#home-mobile h2.rotate_title ul {
    font-family: 'Museo Sans W03_300', sans-serif;
    font-weight: normal;
    font-size: 27px;
    padding: 0;
    top: 45px;
    position: relative;;
}

#home-mobile h2.rotate_title ul li {
    font-family: 'Museo Sans W03_300', sans-serif;
    font-weight: normal;
    font-size: 27px;
    text-align: center;
}

#home-mobile h2.rotate_title .rotate-text {
    position: absolute;
    overflow: hidden;
    height: 45px;
    width: 100%;
    top: 40px;
}

#home-mobile h3 {
    font-family: "Museo Sans W01_900", sans-serif;
    color: #FF5A5C;
    font-size: 14px;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 20px;
}

#home-mobile .category-block {
    border-radius: 2px;
    background-color: #FFFFFF;
    padding: 2px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05);
    margin-bottom: 20px;
}

#home-mobile .category-block h4 {
    font-size: 9px;
    padding: 5px;
    text-transform: uppercase;
}

#home-mobile .offer_block {
    min-height: 165px;
}

#category-block-name {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#category-block-name .fa-chevron-circle-right {
    padding-right: 5px;
}

#home-mobile .offer_block {
    min-height: 165px;
}

#home-mobile .offer_block.digital.best_jobs .cover {
    height: auto;
}

#home-mobile .offer_block.digital.best_jobs {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    height: auto;
}

#home-mobile .offer_block.digital.best_jobs h3 {
    font-family: "Museo Sans W03_300", sans-serif;
    font-size: 12px;
    height: 17px;
    text-transform: none;
    text-align: left;
}

#home-mobile .offer_block.digital.best_jobs .footer {
    height: 25px;
    line-height: 25px;
    bottom: 5px;
    font-size: 2px;
}

#home-mobile .offer_cat_title {
    display: none;
}

#home_c2c_list .offer_block.click_to_call h3 {
    height: 25px;
    font-size: 14px;
    text-transform: none;
    font-family: 'Museo Sans W03_700', sans-serif;
    text-align: left;
    color: #7F7F7F;
    margin: 0;
}

.mobile_footer {
    padding-top: 30px;
    text-align: center;
    padding-bottom: 10px;
}

.mobile_footer p {
    font-size: 11px;
    line-height: 16px;
    color: #FFF;
}

.img_home_mobile_promo_container {
    position: relative;
    margin-bottom: 20px;
}

.img_home_mobile_promo_container a {
    position: absolute;
    bottom: 10px;
    left: calc(50% - 15px);
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #ffffff;
    text-align: center;
    line-height: 30px;
    -webkit-box-shadow: 0px 4px 2px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 4px 2px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 4px 2px 0px rgba(0, 0, 0, 0.3);
}

.img_home_mobile_promo_container img {
    width: 100%;
}

/************ENCART SERVICE CLIENT LIST DA *******************/

#da_service_client_list {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    background-size: cover;
    background-position: right;
    background-repeat: no-repeat;
    height: 220px;
    position: relative;
    margin-bottom: 13px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 250px;
    overflow: hidden;
    color: #FFF;
    padding: 15px;
    text-align: left;
    line-height: 18px;
}

.service_client_fr {
    background-image: url(/img/service_client/BG_encart_Desktop_WE.jpg);
}

#da_service_client_list.digital {
    background-size: cover;
    height: 238px;
}

#da_service_client_list p, #da_service_client_list .number, #da_service_client_list .title, #da_service_client_list .description {
    font-family: 'Montserrat', sans-serif;
}

#da_service_client_list img {
    margin-left: 30px;
}

#da_service_client_list a {
    text-align: center;
}

#da_service_client_list .title {
    margin-bottom: 10px;
    font-size: 19px;
    font-weight: 600;
}

#da_service_client_list .description {
    color: #FFFFFF;
    margin-bottom: 10px;
    margin-top: 20px;
    line-height: 16px;
}

#da_service_client_list .phone_block {
    background-color: #FFF;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #ff5a5f;
    font-size: 26px;
    margin: 6px 0 10px;
    text-align: center;
    font-weight: 600;
    padding: 9px 4px;
}

#da_service_client_list .phone_block .number a {
    font-size: 26px;
    display: inline-block;
}

#da_service_client_list .phone_block p {
    font-size: 11px;
    line-height: 11px;
    margin-top: 4px;
    text-align: left;
    color: #000000;
}

#da_service_client_list a {
    display: block;
    margin: 5px 0 4px;
    font-size: 14px;
    text-align: left;
    font-weight: 600;
    font-family: 'Montserrat', sans-serif;
}

#da_service_client_list.digital .number a, #da_service_client_list.digital .fa-mobile-alt {
    color: #ff5a5f;
}

#da_service_client_list.click_to_call .number a, #da_service_client_list.click_to_call .fa-mobile-alt {
    color: #36a9e1;
}

/************ENCART SERVICE CLIENT LIST DA *******************/

#snow {
    font-family: Androgyne;
    background: url('/img/home/s1.png'), url('/img/home/s2.png'), url('/img/home/s3.png');
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
    -webkit-animation: snow 10s linear infinite;
    -moz-animation: snow 10s linear infinite;
    -ms-animation: snow 10s linear infinite;
    animation: snow 10s linear infinite;
}

@keyframes snow {
    0% {
        background-position: 0px 0px, 0px 0px, 0px 0px;
    }
    50% {
        background-position: 500px 500px, 100px 200px, -100px 150px;
    }
    100% {
        background-position: 500px 1000px, 200px 400px, -100px 300px;
    }
}

@-moz-keyframes snow {
    0% {
        background-position: 0px 0px, 0px 0px, 0px 0px;
    }
    50% {
        background-position: 500px 500px, 100px 200px, -100px 150px;
    }
    100% {
        background-position: 400px 1000px, 200px 400px, 100px 300px;
    }
}

@-webkit-keyframes snow {
    0% {
        background-position: 0px 0px, 0px 0px, 0px 0px;
    }
    50% {
        background-position: 500px 500px, 100px 200px, -100px 150px;
    }
    100% {
        background-position: 500px 1000px, 200px 400px, -100px 300px;
    }
}

@-ms-keyframes snow {
    0% {
        background-position: 0px 0px, 0px 0px, 0px 0px;
    }
    50% {
        background-position: 500px 500px, 100px 200px, -100px 150px;
    }
    100% {
        background-position: 500px 1000px, 200px 400px, -100px 300px;
    }
}

#search_account_historicalls, #search_account_client_list {
    width: 200px;
    height: 30px;
    margin-bottom: 20px;
    background-image: url('/img/search_picto.png');
    background-repeat: no-repeat;
    background-position: right;

}

#historicalls_table a:hover i {
    color: #FF5A5F;
}

table tr th i {
    padding-top: 0px;
}

table tr td .rating.small {
    padding-top: 4px;
}

/* FORMULAIRE DE SONDGAGE*/
#survey_block form {
    padding-left: 0px;
    padding-top: 0px;
}

.order-process {
    background-color: #f1f1f1;
    padding-top: 30px;
    font-family: 'Montserrat', sans-serif;
}

.order-process a {
    text-decoration: underline;
}

.order-process-container {
    background-color: #FFF;
    border-radius: 10px;
    padding: 15px;
}

.order-process-container .title {
    font-size: 18px;
    margin-top: 15px;
    line-height: 25px;
}

.order_title {
    color: #ff5a5f;
    font-weight: 600;
    font-size: 18px;
    text-transform: uppercase;
    text-align: center;
}

.djob_title {
    font-weight: 500;
    font-size: 16px;
}

.cart-items li {
    padding: 15px;
    border-top: 1px solid #eeeeee;
}

.cart-items .item-price {
    font-size: 18px;
    padding-left: 20px;
    display: inline-block;
}

.cart-items .item-description {
    width: 70%;
}

.order-total {
    background-color: #f0f0f0;
    padding: 15px 10px;
    border-radius: 10px;
    font-size: 16px;
    text-align: right;
}

.delete_icon {
    cursor: pointer;
    font-size: 18px;
    margin: 4px;
}

.payment-choice-list {
    display: flex;
    flex-wrap: wrap;
}

.payment-choice-list li {
    background-color: #f0f0f0;
    border-radius: 10px;
    padding: 20px 15px 15px 15px;
    margin-right: 10px;
    margin-bottom: 20px;
    text-align: center;
    flex: 1;
    position: relative;
    cursor: pointer;
    border: solid 1px transparent;
}

.payment-choice-list li.active, .payment-choice-list li:hover {
    background-color: #FFF;
    border-left: 1px solid #7F7F7F;
    border-right: 1px solid #7F7F7F;
    border-top: 1px solid #7F7F7F;
    border-radius: 10px 10px 0 0;
    font-weight: 600;
    color: #ff5a5f;
}

.payment-choice-list li.active::after {
    content: "";
    position: absolute;
    left: 0px;
    bottom: -2px;
    right: 0px;
    height: 1px;
    background: #FFF;
}

.payment-choice-list li.not-selected {
    border-radius: 10px 10px 0 0;
}

.payment-choice-list li:last-child {
    margin-right: 0;
}

.payment-choice-list li i, .payment-choice-list img {
    margin-bottom: 10px;
    color: #7F7F7;
}

.payment-choice-action, .payment-base_block {
    border-top: 1px solid #7F7F7F;
    padding: 30px 10px 0 10px;
    margin-top: -20px;
}

.payment-base_block {
    border: none;
}

.payment-base_block p {
    margin-bottom: 20px;
}

.payment-choice-action .payment-content {
    padding: 15px;
}

.payment-choice-action .payment-title {
    font-weight: normal;
    font-size: 18px;
}

.payment-choice-action .payment-title strong {
    font-weight: 700;
}

.payment-choice-action .amount {
    padding-left: 30px;
}

#small_price_ttc {
    padding-left: 25px;
}

.centered-row {
    display: flex;
    align-items: center;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

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

.text-justify {
    text-align: justify;
}

.text-nowrap {
    white-space: nowrap;
}

.text-lowercase {
    text-transform: lowercase;
}

.text-uppercase {
    text-transform: uppercase;
}

.text-capitalize {
    text-transform: capitalize;
}

.form-group {
    margin-bottom: 15px;
}

.reinsurance {
    margin-top: 20px;
}

/* FORMULAIRE DE SONDGAGE*/
#survey_block form {
    padding-left: 0px;
    padding-top: 0px;
}

#survey_block legend {
    margin-bottom: 12px;
    font-family: "Museo Sans W03_700", sans-serif;
}

#survey_block .survey_title {
    font-family: "Museo Sans W03_700", sans-serif;
    margin-bottom: 15px;
    color: #36a9e1;
}

#survey_block label {
    margin-bottom: 8px;
}

#survey_block .keywords_checkbox {
    font-size: 14px;
}

.img-cs {
    width: 32%;
    display: inline-block;
}

#cross_offer_djob {
    padding: 15px 0;
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    margin-bottom: 14px;
}

#cross_offer_djob img {
    margin-top: 10px;
}

#cross_offer_djob .title {
    font-family: "Museo Sans W01_900", sans-serif;
    margin-bottom: 5px;
}

#cross_offer_djob .subtitle {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 16px;
    font-family: "Museo Sans W03_700", sans-serif;
}

#cross_offer_djob p {
    font-size: 12px;
}

.disabled_popup_button {
    padding: 10px 20px;
}

.orange.inverted_button {
    border: 2px solid #FF5A5C;
    background-color: #FFFFFF;
    padding: 8px 20px;
    color: #FF5A5C;
}

.orange.inverted_button:hover {
    color: #7F7F7F;
    border: 2px solid #7F7F7F;
    background-color: #FFFFFF;
}

.search_input_cross {
    position: absolute;
    top: 13px;
    right: 50px;
    color: #c8c8c8;
    display: none;
}

.search_input_cross:hover {
    cursor: pointer;
}

.register_checkbox_container {
    margin-bottom: 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -moz-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
}

.register_checkbox_container input {
    margin: 0 5px 0 0;

}

.register_checkbox_container label {
    max-width: 90%;
    font-size: 12px;
}

.mobile_full_size_margin {
    margin-left: 20px;
    margin-right: 20px;
}

.mobile_text_margin_bottom {
    margin-bottom: 20px;
}

.popup_button_separator_container {
    width: 100%;
    height: 7px;
    border-bottom: 1px solid #7F7F7F;
    text-align: center;
    margin-bottom: 17px;
}

.popup_button_separator_text {
    font-size: 14px;
    text-transform: uppercase;
    background-color: white;
    padding: 0 10px;
}

#facebook_login_button_container {
    text-align: center;
}

#facebook_login_button_container span {
    max-width: 100%;
}

.facebook_login_button_sub_text {
    text-align: center;
    font-size: 12px;
    margin-top: 10px;
    padding-bottom: 10px;
}

.apple_login_button {
    text-align: center;
}

.google_login_button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 15px;
    margin-bottom: 10px;
}

.apple_login_button img {
    display: inline;
}

.apple_login_button .apple_login_inner_class {
    padding-bottom: 10px;
}

.apple_register_button {
    margin-top: 10px;
    text-align: center;
}

.small_price_ttc_container {
    float: right;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.small_price_ttc_classic_price {
    float: none;
    font-weight: 700;
    display: inline-block;
}

.small_price_ttc_small_price {
    font-size: 14px;
    display: inline-block;
    margin: 0;
    line-height: inherit;
}

/***************** TINDER *************/

#tinder_title {
    text-align: center;
    margin-bottom: 10px;
    margin-top: -15px;
    padding: 0 20px;
}

#tinder_title img {
    width: 300px;
}

#tinder_main_block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 30px;
}

#tinder_main_global .fa-star:before {
    color: #FFCD00;
}

.tinder_main_block_icon {
    width: 330px;
    text-align: center;
    z-index: 2;
}

.tinder_main_block_icon_mobile {
    display: none;
}

.tinder_main_block_icon i {
    font-size: 90px;
    opacity: 0.2;
    transition: color 0.5s, opacity 0.5s;
}

.tinder_main_block_icon.active i {
    color: #FF5C5F;
    cursor: pointer;
    opacity: 1;
}

.tinder_main_block_content {
    width: 310px;
    height: 360px;
    display: flex;
    justify-content: center;
}

.tinder_main_block_img_content {
    background-color: #FFF;
    padding: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    position: relative;
    width: 290px;
}

.tinder_main_block_img_content_position {
    z-index: 1;
}

.tinder_main_block_img_content {
    overflow: hidden;
    position: absolute;
    will-change: transform;
    transition: all 0.3s ease-in-out;
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: grab;
}

.moving.tinder_main_block_img_content {
    transition: none;
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: grabbing;
}


#tinder_overlay {
    width: 100%;
    height: 100%;
    z-index: 5;
    left: 0;
    top: 0;
    position: absolute;
}

.tinder_main_block_footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 394px;
    margin-top: 5px;
}

.tinder_main_footer_img_circle {
    width: 50px;
    height: 50px;
    background-color: lightblue;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin-right: 10px;
}

.tinder_main_footer_text_content {
    font-family: "Montserrat";
    font-size: 15px;
    color: #FF5A5C;
    font-weight: 500;
}

.tinder_main_footer_block_infos {
    width: 200px;
}

.tinder_main_footer_block_infos .fa-star {
    margin-right: -3px;
}

.tinder_main_block_footer button.orange,
.tinder_main_block_footer a {
    width: 140px;
    height: 25px;
    font-size: 11px;
    padding: 0;
}

.tinder_main_footer_text_djob_content {
    font-family: "Montserrat";
    font-size: 11px;
    width: 60px;
    color: #FF5A5C;
    font-weight: 600;
    border: 2px solid #FF5C5F;
    padding: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-left: -45px;
    text-align: center;
}

#tinder_block_favorite_logo {
    padding: 20px 0px;
    text-align: center;
}

#tinder_block_favorite_logo_container {
    background-color: #f1f1f1;
}

#tinder_block_favorite_logo_first_line {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: -15px;
    position: relative;
}

#tinder_block_favorite_title {
    font-family: "Montserrat", sans-serif;
    font-size: 18px;
    font-weight: 300;
    text-transform: uppercase;
}

#tinder_block_favorite_title_red {
    color: #FF5C5F;
}

#tinder_block_favorite_title_all_red {
    color: #FF5C5F;
    position: absolute;
    right: 0;
}

#tinder_block_favorite_title_all_red_cross {
    opacity: 1;
}

#tinder_block_favorite_title_all_red_cross:before {
    color: #FF5A5C;
    font-size: 14px;
}

#tinder_block_favorite_logo_second_line {
    margin-top: 20px;
    width: 100%;
}

.fa-angle-left, .fa-angle-right {
    font-size: 30px;
}

#tinder_block_favorite_logo_main {
    width: 100%;
    padding: 0 20px;
}

#tinder_block_favorite_logo_main i:hover {
    cursor: pointer;
}

.left-align-slick > .slick-list > .slick-track {
    margin-left: 0;
}

.tinder_block_favorite_logo_content {
    background-color: white;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 5px;
    margin-right: 10px;
    margin-left: 10px;
    width: 100px;
}

.tinder_block_favorite_logo_img {
    width: 100px;
}

#small-heart-favorite:before {
    font-size: 60px;
}

/* Page logos fav */

#supp_tinder_choice_button { /* Btn modifier fav */
    background-color: #FFF;
    border: 2px solid #FF5C5F;
    border-radius: 5px;
}

#supp_fav_button {
    background-color: #FFF;
    border: 2px solid #36A9E1;
    border-radius: 5px;
}

#master_username {
    font-size: 13px;
    font-family: "Montserrat";
    line-height: 13px;
    margin-bottom: 3px;
    margin-left: auto;
    text-align: center;
}

#master_category {
    font-size: 11px;
    font-family: "Montserrat";
    line-height: 13px;
    font-weight: bold;
    margin-left: auto;
    text-align: center;
}

/* ----- OPE HALLOWEEN------ */

.home_couv_special {
    min-width: 100%;
    top: 0;
    min-height: 100%;
}

.ask_a_question_button {
    padding: 10px;
    width: 100%;
}

.ask_a_question_button:first-child {
    margin-right: 5px;
    background-color: #7F7F7F;
}

.ask_a_question_button:last-child {
    margin-left: 5px;
}

.ask_a_question {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.ask_a_question_buttons_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#toggle_what_i_do_for_you:hover {
    cursor: pointer;
}

.small_mar_right {
    margin-right: 5px;
}

.tinder_block_favorite_logo_content_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.normal_sup {
    font-size: 14px;
}

.categories_badges_container {
    position: absolute;
    width: 100%;
    padding: 5px 0;
    margin-bottom: 10px;
}

.categories_badges_container.home {
    background: white;
}

.categories_badges_container.category {
    background: none;
}

.category_badge {
    padding: 10px;
    text-transform: uppercase;
    font-weight: bold;
    border-radius: 5px;
    height: 15px;
    line-height: 15px;
}

.categories_badges_container.home .category_badge {
    background: #7F7F7F;
    color: white;
}

.categories_badges_container.category .category_badge {
    background: white;
    color: #7F7F7F;
}

.categories_badges_container .slick-slide > div {
    padding: 0 5px;
}

.masters_carousel_item_container {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.masters_carousel {
    margin: 20px 0;
    background: white;
    border-radius: 5px;
    padding: 10px;
}

.masters_carousel > .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 10px 0;
}

.masters_carousel > .row:last-of-type {
    margin: 0;
}

.masters_carousel_title {
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    color: #36a9e1;
}

.masters_carousel_img_container {
    text-align: center;
}

.masters_carousel_img_container img {
    max-width: 80px;
}

.masters_carousel_texts_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.masters_carousel_texts_container .rating {
    margin-bottom: -5px;
}

.masters_carousel_offer_name {
    font-weight: bold;
    margin-bottom: 5px;
}

.masters_carousel_offer_description {
    font-size: 12px;
    margin-bottom: 5px;
}

.masters_carousel button {
    width: 100%;
    font-weight: 500;
    display: block;
    font-size: 12px;
}

.masters_carousel_chat_button {
    margin-right: 5px;
    background: #FFFFFF;
    color: #36A9E1;
    border: solid 1px #36A9E1;
}

.masters_carousel_chat_button i {
    margin-right: 5px;
}

.masters_carousel_call_button {
    margin-left: 5px;
    background: #36A9E1;
    color: #FFFFFF;
    border: solid 1px #36A9E1;
}

.masters_carousel_busy_button, .masters_carousel_busy_button:hover {
    background-color: #e68602;
    color: #FFFFFF;
    border: solid 1px #e68602;
}

.masters_carousel_offline_button {
    background-color: #EBEBEB;
    color: #7F7F7F;
    border: solid 1px #EBEBEB;
}

#ajxinsertmaster {
    margin-bottom: 15px;
}

.with-icon::before {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.with-icon {
    position: relative;
}

.comment_answer_container {
    background: #f1f1f1;
    padding: 15px;
    border-radius: 10px;
}

.comment_answer_comment_container {
    padding-right: 50px;
}

.comment_answer_answer_container {
    padding-left: 40px;
}

.comment_answer_comment_row_container {
    padding: 0;
}

.comment_answer_comment_row_container .rating.small {
    line-height: 10px;
}

.comment_answer_container::before {
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    position: absolute;
    top: calc(50% - 10px);
    left: calc(50% - 15px);
}

.comment_answer_container::before, .comment_answer_icon_separator i {
    font-size: 20px;
}

.comment_answer_container::before {
    content: "\f0a9";
}

.comment_answer_container.answered::before {
    content: "\f058";
}

.comment_answer_container.answered::before, .comment_answer_container.answered .comment_answer_icon_separator i {
    color: #7ed321;
}

.comment_answer_input {
    outline: none;
    border: none;
    border-radius: 10px;
}

.comment_answer_button {
    background-color: #d1d1d1;
    color: #FFF;
    cursor: not-allowed;
    padding: 5px 25px;
    font-size: 12px;
}

.comment_answer_button:hover {
    background-color: #d1d1d1;
    color: #FFF;
}

.comment_answer_button.active {
    background-color: #36a9e1;
    color: #FFF;
    cursor: pointer;
}

.categories_badges_container .slick-slide > div {
    padding: 0 5px;
}

.comment_answer_button.active:hover {
    background-color: #797979;
    color: #FFF;
    cursor: pointer;
}

.comment_answer_subtitle {
    font-size: 18px;
}

.comment_answer_text {
    line-height: 18px;
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    font-weight: 500;
    word-break: break-word;
}

.djob_creation_error_border {
    border: 2px #F22613 solid;
}

.fields_are_required_text {
    margin-top: -15px;
    display: block;
    font-size: 10px;
}

/* -------------------- NEW CSS ARNO CLEMENT --------------------- */

.masternameFavoris {
    width: 94px;
    height: 30px;
    vertical-align: top;
    text-align: center;
}

.center_link {
    widtn: 100%;
    text-align: center;
}

.picto_why {
    font-size: 40px;
    color: #7F7F7F;
    margin: 5px 0px 10px 0px;
}

.UAE_home {
    margin: 3px 0px 1px 0px;
}

.closable:hover {
    cursor: pointer;
}

.debug_query {
    padding: 10px;
    background: white;
    color: black;
    line-height: 15px;
    border-bottom: solid;
    border-bottom-color: #E9E9E9;
    border-bottom-width: 1px;
}

.debug_query ul li {
    color: black;
}

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

.home_see_more i {
    margin-left: 5px;
}

.home_see_more .btn {
    padding: 13px 40px;
}

.clickable:hover {
    cursor: pointer;
}

.new_register_popup {
    background: #F3B9C0;
    width: 410px;
    margin-left: -205px;
}

#popup.offer.new_register_popup {
    background: #FFFFFF;
    width: 500px;
    margin-left: -250px;
    padding: 0;
}

#popup.offer.new_register_popup .internal_header,
#popup .login_popup .internal_header {
    border: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    line-height: initial;
    padding: 5px 30px;
    height: 40px;
    box-sizing: content-box;
}

#popup .login_popup .internal_header {
    padding: 5px 20px;
    margin: -3px;
}

#popup.offer.new_register_popup .internal_header .logo_home,
#popup .login_popup .internal_header .logo_home {
    width: 50px;
}

#popup.offer.new_register_popup .internal_header i,
#popup .login_popup .internal_header i {
    color: rgba(255, 255, 255, 0.8);
    font-size: 22px;
}

#popup.offer.new_register_popup .internal_header i:hover,
#popup .login_popup .internal_header i:hover {
    cursor: pointer;
}

#popup.offer.new_register_popup .new-register-popup-container {
    padding: 20px 30px;
}

#popup.offer.new_register_popup .new-register-popup-container ul {
    padding-left: 10px;
}

#popup.offer.new_register_popup h1, #popup.offer.new_register_popup h2 {
    color: #36A9E1;
    font-family: Montserrat, sans-serif;
    font-weight: bold;
    line-height: 20px;
    margin-bottom: 0;
}

#popup.offer.new_register_popup h2 {
    font-size: 16px;
}

#popup.offer.new_register_popup ul li {
    color: #4A4A4A;
    font-family: Montserrat, sans-serif;
    font-size: 16px;
    line-height: 20px;
    display: flex;
    margin-top: 5px;
    align-items: baseline;
}

#popup.offer.new_register_popup #credit_box_container ul li,
#popup.offer.new_register_popup #popup_choose_payment_method_subtitle_fast_pass li span {
    font-size: 14px;
}

#popup.offer.new_register_popup #popup_choose_payment_method_subtitle_fast_pass {
    padding-left: 0;
}

#popup.offer.new_register_popup #credit_box_container ul li i {
    color: #4A4A4A;
    padding-right: 5px;
}

#popup.offer.new_register_popup ul li span {
    font-weight: bold;
}

#popup.offer.new_register_popup ul li span.font-medium {
    font-weight: normal;
}

#popup.offer.new_register_popup .fa-chevron-circle-right {
    font-size: 16px;
    margin-right: 5px;
}

#popup.offer.new_register_popup .input-with-icon {
    position: relative;
}

#popup.offer.new_register_popup .input-with-icon input,
#popup.offer.new_register_popup .input-with-icon textarea,
#popup.offer.new_register_popup .input-with-icon select {
    padding: 15px 15px 15px 50px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #BDBDBD;
    color: #414141;
    font-family: Montserrat, sans-serif;
    font-size: 16px;
    height: 50px;
    background-clip: padding-box;
}

#popup.offer.new_register_popup .input-with-icon select {
    padding: 15px;
}

#popup.offer.new_register_popup .input-with-icon div.birth_date_select:not(.without-icon) {
    padding: 0px 0px 0px 50px;
}


#popup.offer.new_register_popup .input-with-icon div.birth_date_select {
    margin-right: 5px;
    border-radius: 5px;
    border: 1px solid #BDBDBD;
    color: #414141;
    font-family: Montserrat, sans-serif;
    font-size: 16px;
    height: 50px;
    background-clip: padding-box;
    width: auto;
    display: inline-block;
    float: left;
}

#popup.offer.new_register_popup .input-with-icon input.birth_date_select_input {
    display: inline-block;
    padding: 15px 10px;
    text-align: center;
    float: left;
}

#popup.offer.new_register_popup .input-with-icon input.birth_date_select_input#birth_date_day_select {
    max-width: 50px;
    margin-right: 5px;
}

#popup.offer.new_register_popup .input-with-icon input.birth_date_select_input#birth_date_year_select {
    max-width: 70px;
}

#popup.offer.new_register_popup .input-with-icon div.birth_date_select select {
    font-family: Montserrat, sans-serif;
    border: none;
    font-size: 16px;
    height: 100%;
    background: transparent;
    text-align: center;
    color: #9e9e9e;
}

#popup.offer.new_register_popup .input-with-icon div.birth_date_select select option:not(:first-of-type) {
    color: #414141;
}

#popup.offer.new_register_popup .input-with-icon textarea {
    height: 150px;
    margin: 0;
}

#popup.offer.new_register_popup .input-with-icon input:focus,
#popup.offer.new_register_popup .input-with-icon input.email,
#popup.offer.new_register_popup .input-with-icon textarea,
#popup.offer.new_register_popup .input-with-icon div.birth_date_select:focus-within {
    border-color: #36A9E1;
}

#popup.offer.new_register_popup .input-with-icon.field_err input,
#popup.offer.new_register_popup .input-with-icon.field_err .birth_date_select,
#popup.offer.new_register_popup .input-with-icon.field_err .birth_date_select:focus-within,
#popup.offer.new_register_popup .field_err .credit_card_input_with_brands {
    border-color: #D20000;
}

#popup.offer.new_register_popup .offer_register_checkbox_container {
    margin-top: 5px;
}

.popup_rebill_cb_row_footer .popup_rebill_cb_row_footer_checkbox_container {
    margin: 5px 0;
}

#popup.offer.new_register_popup .offer_register_checkbox_container > div:first-child,
.popup_rebill_cb_row_footer .popup_rebill_cb_row_footer_checkbox_container > div:first-child {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}

#popup.offer.new_register_popup .offer_register_checkbox_container input,
.popup_rebill_cb_row_footer .popup_rebill_cb_row_footer_checkbox_container input {
    display: none;
}

#popup.offer.new_register_popup .offer_register_checkbox_container label,
.popup_rebill_cb_row_footer .popup_rebill_cb_row_footer_checkbox_container label {
    color: #414141;
    font-family: Montserrat, sans-serif;
    font-size: 13px;
    line-height: 16px;
    margin: 0 0 0 -15px;
    cursor: pointer;
    font-weight: initial;
    padding: 10px 0 5px 65px;
}

.popup_rebill_cb_row_footer .popup_rebill_cb_row_footer_checkbox_container label {
    color: #7F7F7F;
}

#popup.offer.new_register_popup .offer_register_checkbox_container label strong,
.popup_rebill_cb_row_footer .popup_rebill_cb_row_footer_checkbox_container label strong {
    font-family: Montserrat, sans-serif;
    font-weight: initial;
}

#popup.offer.new_register_popup .offer_register_checkbox_container .checkmark,
.popup_rebill_cb_row_footer .popup_rebill_cb_row_footer_checkbox_container .checkmark {
    position: absolute;
    top: 10px;
    left: 2px;
    height: 15px;
    width: 15px;
    background-color: #fff;
    border: 1px solid #ced4da;
    cursor: pointer;
}

#popup.offer.new_register_popup .offer_register_checkbox_container .checkmark.bigger,
.popup_rebill_cb_row_footer .popup_rebill_cb_row_footer_checkbox_container .checkmark.bigger {
    width: 20px;
    height: 20px;
}

.offer_register_checkbox_container a {
    text-decoration: underline;
}

#popup.offer.new_register_popup .offer_register_checkbox_container .checkmark:after,
.popup_rebill_cb_row_footer .popup_rebill_cb_row_footer_checkbox_container .checkmark:after {
    content: "";
    position: absolute;
    display: none;
    left: 4px;
    top: 1px;
    width: 5px;
    height: 10px;
    border: solid #fff;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

#popup.offer.new_register_popup .offer_register_checkbox_container .checkmark.bigger:after,
.popup_rebill_cb_row_footer .popup_rebill_cb_row_footer_checkbox_container .checkmark.bigger:after {
    left: 6px;
    top: 2px;
    width: 7px;
    height: 12px;
}

#popup.offer.new_register_popup .offer_register_checkbox_container input:checked ~ .checkmark:after,
.popup_rebill_cb_row_footer .popup_rebill_cb_row_footer_checkbox_container input:checked ~ .checkmark:after {
    display: block;
}

#popup.offer.new_register_popup .offer_register_checkbox_container input:checked ~ .checkmark,
.popup_rebill_cb_row_footer .popup_rebill_cb_row_footer_checkbox_container input:checked ~ .checkmark {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
}

.popup_rebill_cb_row_footer .popup_rebill_cb_row_footer_debit_by_kang {
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
}

#popup.offer.new_register_popup .launch_call_button_container button {
    font-family: Montserrat, sans-serif;
    font-size: 13px;
    font-weight: 600;
    line-height: 16px;
    text-align: center;
    width: 100%;
    color: #fff;
    background-color: var(--color-primary);
    border-color: var(--color-primary);
}

#popup.offer.new_register_popup .launch_call_button_container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

#popup.offer.new_register_popup .input-with-icon i {
    color: #36A9E1;
    font-size: 20px;
    font-weight: 300;
    position: absolute;
    top: 4px;
    left: 0;
    width: 2em;
    height: 2em;
    line-height: 2em;
    text-align: center;
}

@media (min-width: 768px) {
    #popup.offer.new_register_popup .input-with-icon i {
        font-size: 25px;
        top: 0;
    }
}

#popup.offer.new_register_popup .input-with-icon.field_err i,
#popup.offer.new_register_popup .field_err .credit_card_input_with_brands i {
    color: #D20000;
}

#popup.offer.new_register_popup .input-with-icon.field_err i.fa-eye {
    color: #36A9E1;
}

#popup.offer.new_register_popup .submit-or-facebook-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 15px;
}

#popup.offer.new_register_popup .submit-or-facebook-container .submit {
    width: 100%;
}

#popup.offer.new_register_popup .submit-or-facebook-container .submit[disabled=disabled] {
    color: #FFFFFF;
    font-family: Montserrat, sans-serif;
    font-size: 13px;
    font-weight: 600;
    line-height: 16px;
    text-align: center;
    background: #D1D1D1;
    cursor: not-allowed;
}

#popup.offer.new_register_popup .submit-or-facebook-container span, #popup.offer.new_register_popup .submit-or-facebook-container .facebook_login_button_container {
    margin-top: 5px;
}

#popup.offer.new_register_popup .i_already_have_an_account {
    font-family: Montserrat, sans-serif;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    display: block;
    margin-top: 20px;
}

#popup.offer.new_register_popup .i_have_a_promo_code {
    font-family: Montserrat, sans-serif;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    display: block;
    margin-top: 20px;
    cursor: pointer;
    text-decoration: underline;
    color: var(--color-main);
}

#popup.offer.new_register_popup .i_already_have_an_account a {
    color: #36A9E1;
    text-decoration: underline;
}

#popup.offer.new_register_popup .legal_mentions {
    color: #7F7F7F;
    font-family: Montserrat, sans-serif;
    margin-top: 15px;
    font-size: 10px;
    line-height: 13px;
    text-align: center;
}

.new_register_container {
    padding: 20px 20px 5px 20px;
    position: relative;
}

.new_register_close_popup_icon_container {
    position: absolute;
    top: 5px;
    right: 5px;
}

.new_register_close_popup_icon_container i {
    font-size: 20px;
    color: #000000;
}

.new_register_title_container {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-style: normal;
    color: black;
    text-transform: uppercase;
    line-height: 18px;
    font-size: 12px;
    text-align: center;
}

.new_register_title {
    font-weight: 700;
    color: black;
    font-family: 'Montserrat', sans-serif;
    margin-bottom: 0;
}

.new_register_facebook_button {
    margin-top: 0;
    color: #366FB1;
    font-family: "Montserrat", sans-serif;
    font-size: 12px;
    font-weight: 300;
    line-height: 15px;
    border-bottom: 0;
    text-align: center;
}

.new_register_facebook_button_container {
    margin-top: 20px;
    padding: 0 30px;
}

.new_register_facebook_separator_container {
    margin-top: 5px;
    margin-bottom: 0;
    color: white;
    border-bottom-color: white;
    border-bottom-width: 2px;
}

.new_register_facebook_separator_text {
    background: #F3B9C0;
    font-size: 12px;
    font-weight: bold;
}

.new_register_form_container {
    /*background-image: url("/img/popup_register_girl_background_image.png");*/
    background-repeat: no-repeat;
    padding-top: 27px;
}

.new_register_form_container form {
    background: #F3B9C0;
}

.new_register_input_container {
    position: relative;
    margin-top: 10px;
    background: #F3B9C0;
}

.new_register_input_container.with_flag {
    margin-bottom: 0;
}

.new_register_input_container.with_flag .country_list_select {
    margin-left: 45px;
    margin-top: 5px;
}

.new_register_input_container.with_flag input {
    padding-left: 100px;
}

.new_register_input_container:first-of-type {
    margin-top: 0;
}

.new_register_input_container i {
    position: absolute;
    top: 14.5px;
    left: 13.5px;
    z-index: 2;
    font-size: 16px;
}

.new_register_input_container input {
    padding: 0 10px 0 40px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    height: 45px;
    border: 0;
}

.new_register_input_container input::-webkit-input-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #979797;
    font-family: Montserrat, sans-serif;
    font-size: 13px;
    opacity: 1; /* Firefox */
}

.new_register_input_container input::-moz-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #979797;
    font-family: Montserrat, sans-serif;
    font-size: 13px;
    opacity: 1; /* Firefox */
}

.new_register_input_container input:-ms-input-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #979797;
    font-family: Montserrat, sans-serif;
    font-size: 13px;
    opacity: 1; /* Firefox */
}

.new_register_input_container input::-ms-input-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #979797;
    font-family: Montserrat, sans-serif;
    font-size: 13px;
    opacity: 1; /* Firefox */
}

.new_register_input_container input:-moz-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #979797;
    font-family: Montserrat, sans-serif;
    font-size: 13px;
    opacity: 1; /* Firefox */
}

.new_register_input_container input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #979797;
    font-family: Montserrat, sans-serif;
    font-size: 13px;
    opacity: 1; /* Firefox */
}

.new_register_input_container input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #979797;
    font-family: Montserrat, sans-serif;
    font-size: 13px;
}

.new_register_input_container input::-ms-input-placeholder { /* Microsoft Edge */
    color: #979797;
    font-family: Montserrat, sans-serif;
    font-size: 13px;
}

.new_register_checkbox_container {
    margin-top: 8px;
    padding-left: 25px;
    position: relative;
    background: #F3B9C0;
}

.new_register_checkbox_container label {
    margin: 0;
    min-width: auto;
    color: black;
    font-family: Montserrat, sans-serif;
    font-size: 12px;
    font-weight: 300;
    line-height: 15px;
}

.new_register_checkbox_container label:hover {
    cursor: pointer;
}

.new_register_checkbox_container input {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
}

.new_register_checkbox_container strong {
    font-weight: 600;
    font-family: Montserrat, sans-serif;
    font-size: 12px;
}

.new_register_button {
    width: 100%;
    font-family: Montserrat, sans-serif;
    font-size: 15px;
    font-weight: 600;
    line-height: 19px;
    text-align: center;
    margin-top: 15px;
    background: #E53658;
    color: white;
}

.new_register_footer_links_container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    -moz-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    -moz-box-align: center;
    align-items: center;
    color: #000000;
    font-family: Montserrat, sans-serif;
    font-size: 12px;
    font-weight: 300;
    line-height: 15px;
    margin-top: 18px;
}

.new_register_footer_links_container strong {
    font-family: Montserrat, sans-serif;
    text-decoration: underline;
    text-transform: uppercase;
}

.new_register_footer_link_login {
    text-transform: uppercase;
    text-decoration: underline;
}

.new_register_footer_link_forgotten_password {
    text-decoration: underline;
}

.new_register_law_text_container {
    margin-top: 18px;
}

.new_register_law_text {
    color: #000000;
    font-family: Montserrat, sans-serif;
    font-size: 9.7px;
    font-weight: 300;
    line-height: 10px;
    text-align: center;
}

.new_register_error_text, .new_register_error_text_retractation {
    color: #D20000;
    font-family: Montserrat, sans-serif;
    font-size: 11px;
    margin-top: 4px;
    display: none;
}

#popup.offer.new_register_popup .new_register_error_text, #popup.offer.new_register_popup .new_register_error_text_retractation {
    font-size: 13px;
}

.new_register_input_container.field_err .new_register_error_text, .new_register_checkbox_container.field_err .new_register_error_text {
    display: block;
}

.field_err .new_register_error_text {
    display: block;
}

#popup.offer.new_register_popup .field_err {
    background: #FFFFFF;
}

.new_register_input_container.field_err input {
    border: 1px solid #D20000;
}

.new_register_no_checkbox_text_container {
    margin-top: 10px;
    color: #000000;
    font-family: Montserrat, sans-serif;
    font-size: 10px;
}

#popup.offer.new_register_popup .popup_billing_choose_offer_checkbox_container {
    margin-top: 15px;
}

#popup.offer.new_register_popup .popup_billing_choose_offer_checkbox_container label {
    padding: 0;
    margin: 0;
}

#popup.offer.new_register_popup .popup_billing_choose_offer_checkbox_container > div:first-child {
    padding-left: 50px;
}

#popup.offer.new_register_popup .popup_billing_choose_offer_checkbox_container .checkmark {
    top: 0;
    left: 0;
}

.offer.new_register_popup .popup_billing_choose_offer_checkbox_container#ppu_popup_warning {
    color: #36A9E1;
}

.voucher_code_label {
    width: 20%;
    text-align: center;
}

.voucher_code_container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 10px;
}

.voucher_code_container i {
    color: #979797;
    margin-left: 10px;
    font-size: 1.5em;
}

.voucher_code_container i:hover {
    cursor: pointer;
}

.vouchers_container {
    margin-top: 25px;
}

.vouchers_container div:first-child {
    margin-top: 0;
}

.add_code_button_container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.add_code_button_container .button {
    font-size: 11px;
    padding: 5px 12px;
}

.add_code_button_container i {
    margin-right: 5px;
}

.popup_centered_form {
    position: relative;
    width: auto;
    right: 0;
    text-align: left;
    padding: 0 90px;
}

#paiement_cashlib_form p label {
    min-width: 60px;
}

#paiement_cashlib_form p, #paiement_cashlib_form label, #paiement_cashlib_form button {
    font-family: "Montserrat", sans-serif;
}

/*#paiement_cashlib_form .names_container {*/
/*    margin-top: 30px;*/
/*}*/

#popup .refill_container {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
}

#popup .refill_container .refill {
    border: 1px solid #DADADA;
    padding: 0 5px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    flex: 1;
    height: 80px;
    position: relative;
    box-sizing: border-box;
}

.refill + .refill {
    margin-left: 5px;
}

#popup .refill_container .refill .price {
    color: #9B9B9B;
    font-family: Montserrat, sans-serif;
    font-size: 21px;
    font-weight: bold;
    line-height: 25px;
    text-align: center;
}

#popup .refill_container .refill .price-bonus {
    color: #9B9B9B;
    font-family: Montserrat, sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 12px;
    text-align: center;
}

.refill_button_container {
    margin-top: 30px;
}

#popup .refill_button_container button, .popup_payment_methods button {
    margin: 0;
    width: 100%;
    color: #FFFFFF;
    font-family: Montserrat, sans-serif;
    font-size: 13px;
    font-weight: 600;
    line-height: 16px;
    text-align: center;
}

#popup .popup_payment_methods button {
    margin: 20px auto 20px auto;
}

.refill .tag {
    color: #36A9E1;
    font-family: Montserrat;
    font-size: 11px;
    font-weight: 500;
    line-height: 14px;
    text-align: center;
    position: absolute;
    border: 1px solid #36A9E1;
    border-radius: 85px;
    background: white;
    padding: 3px;
    top: -11px;
    box-sizing: border-box;
    width: calc(100% - 10px);
    max-width: 100px;
}

.refill .choice, .buy-with-offer-pay-per-use-container .choice {
    width: 20px;
    height: 20px;
    border: 2px solid #DADADA;
    border-radius: 100%;
    bottom: -12px;
    position: absolute;
    background: white;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: content-box;
}

.buy-with-offer-pay-per-use-container .choice {
    left: calc(50% - 10px);
}

.buy-with-offer-pay-per-use-container.active, .buy-with-offer-pay-per-use-container.active .choice {
    border-color: #36A9E1;
}

.buy-with-offer-pay-per-use-container.active .choice i {
    display: block;
}

.buy-with-offer-pay-per-use-container.active .buy-with-offer-pay-per-use-text, .buy-with-offer-pay-per-use-container.active .buy-with-offer-pay-per-use-price {
    color: #36A9E1;
}

.refill .choice i, .buy-with-offer-pay-per-use-container .choice i {
    font-size: 13px;
    color: #36A9E1;
    display: none;
}

.refill:hover, .buy-with-offer-pay-per-use-container:hover {
    cursor: pointer;
}

.refill:hover .choice i, .buy-with-offer-pay-per-use-container:hover .choice i {
    display: block;
    opacity: 0.5;
}

#popup .refill.active .price, #popup .refill_container .refill.active .price-bonus {
    color: white;
}

.refill.active .choice i, .buy-with-offer-pay-per-use-container.active .choice i {
    display: block;
    opacity: 1;
}

#popup .refill.active {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border: hidden;
    padding: 0 6px;
}

.refill.active:nth-child(1) {
    background-image: url(/img/kang_bg_recharge_card.png), linear-gradient(to right, #d90198 0%, #ac0080 100%);
}

.refill.active:nth-child(1) .choice {
    border-color: #ac0080;
}

.refill:nth-child(1) .choice i {
    color: #ac0080;
}

.refill.active:nth-child(2) {
    background-image: url(/img/kang_bg_recharge_card.png), linear-gradient(to right, #2ad3ff 0%, #0085ed 100%);
}

.refill.active:nth-child(2) .choice {
    border-color: #36A9E1;
}

.refill:nth-child(2) .choice i {
    color: #36A9E1;
}

.refill.active:nth-child(3) {
    background-image: url(/img/kang_bg_recharge_card.png), linear-gradient(to right, #f1ba4f 0%, #ea9b01 100%);
}

.refill.active:nth-child(3) .choice {
    border-color: #ea9b01;
}

.refill:nth-child(3) .choice i {
    color: #ea9b01;
}

#buy-with-offer-modify-number {
    text-decoration: underline;
}

.buy-with-offer-sub-title {
    color: #7F7F7F;
    font-family: Montserrat, sans-serif;
    font-size: 12px;
    line-height: 20px;
}

.mar_top_5 {
    margin-top: 5px;
}

.mar_top_10 {
    margin-top: 10px;
}

.or-separator-container {
    color: #7F7F7F;
    font-family: Montserrat, sans-serif;
    font-size: 16px;
    text-align: center;
    margin-top: 15px;
    border-bottom: 1px solid #DADADA;
    height: 10px;
}

.or-separator {
    background: white;
    padding: 0 20px;
}

.buy-with-offer-pay-per-use-container {
    padding: 20px;
    border: 1px solid #DADADA;
    border-radius: 5px;
    display: flex;
    margin-top: 10px;
    align-items: center;
    position: relative;
}

.buy-with-offer-pay-per-use-text {
    color: #7F7F7F;
    font-family: Montserrat, sans-serif;
    font-size: 12px;
    line-height: 15px;
}

.buy-with-offer-pay-per-use-price-container {
    margin-left: auto;
}

.buy-with-offer-pay-per-use-price {
    color: #9B9B9B;
    font-family: Montserrat, sans-serif;
    font-size: 21px;
    font-weight: bold;
    line-height: 25px;
}

.buy-with-offer-phone-number {
    font-weight: normal;
    white-space: nowrap;
}

.popup_rebill_cb_row_footer label {
    line-height: 20px;
}

.popup_rebill_cb_row_footer a {
    text-decoration: underline;
}

.popup_rebill_cb_row_footer p {
    margin: 0;
}

.popup_rebill_cb_btn_add_cb {
    margin-bottom: 15px;
    cursor: pointer;
}

.popup_rebill_cb_btn_add_cb i {
    font-size: 13px;
    margin: 3px 3px 0px 5px;
}

.popup_rebill_cb_btn_add_cb span {
    text-decoration: underline;
    cursor: pointer;
}

.popup_cashlib_block {
    padding: 0;
    max-width: 400px;
    margin: 16px auto 0 auto;
}

.popup_cashlib_block .names_container {
    margin-top: 16px;
}

.popup_cashlib_block_amout_row {
    line-height: 26px;
}

.popup_cashlib_wherebuy_link {
    text-align: center;
    margin: 16px 0;
}

.popup_cashlib_wherebuy_link i {
    color: #22B0ED;
    float: left;
    margin-right: 5px;
    font-size: 24px;
}

.internationale_phone_offer .phone_container {
    display: flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flexbox;
    display: -webkit-flex;
    border-radius: 5px;
    border: 1px solid #BDBDBD;
    width: 100%;
}

.internationale_phone_offer .phone_container:focus-within {
    border-color: #36A9E1;
}

#popup .internationale_phone_offer .phone_container i.phone_input_icon {
    display: block;
    color: #36A9E1;
    font-size: 25px;
    font-weight: 300;
    top: 0;
    left: 0;
    min-width: 45px;
    height: 2em;
    line-height: 2em;
    text-align: center;
    position: unset;
}

#popup .internationale_phone_offer .phone_container input.phone_input {
    height: 50px;
    border: none;
    padding: 15px 15px 15px 0;
    color: #414141;
    font-family: Montserrat, sans-serif;
    font-size: 16px;
    background: transparent;
}

#phone_number.internationale_phone_offer .phone_container ul.country_list_select {
    z-index: 1;
    cursor: pointer;
    position: relative;
    height: 24px;
    width: 40px;
    display: block;
    z-index: 1000;
    padding-top: 6px;
    margin-right: 18px;
    background-color: #FFF;
    background-repeat: no-repeat;
    background-position: center center;
    margin-top: 6px;
    left: 0;
    padding-left: 0;
}

#phone_number.internationale_phone_offer .phone_container ul.country_list_select:before {
    margin-left: 40px;
}

#phone_number.internationale_phone_offer .phone_container .country_list_select li {
    display: none;
    margin-top: 0;
    width: 40px;
    height: 30px;
    border-left: 1px solid #ebebeb;
    border-right: 1px solid #ebebeb;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

#phone_number.internationale_phone_offer .phone_container .country_list_select li:last-of-type {
    border-bottom: 1px solid #ebebeb;
}

#phone_number.internationale_phone_offer .phone_indicatif {
    min-width: 40px;
    text-align: center;
    padding: 0;
}

#p_phone_number.internationale_phone_call_fast {
    display: block;
}

#p_phone_number.internationale_phone_call_fast ul.country_list_select,
#account_update #p_phone_number ul.country_list_select {
    top: 4px;
}

.offer_legal_mentions_block {
    padding-bottom: 12px;
}

.offer_legal_mentions_block, .digital_offer_legal_mentions_block {
    padding: 26px 0;
    display: none;
    border-bottom: 1px solid #d0d0d0;
}

/*  Toggle affichage mentions legales START */

.main .legals_mentions_mobile strong {
    display: block;
    margin-bottom: 5px;
    margin-top: 5px;
}

.offer_legal_mentions_block {
    margin-top: 10px;
    line-height: 1.1;
}

@media (min-width: 768px) {
    .offer_legal_mentions_block {
        display: block;
    }

    .main > .offer_legal_mentions_block {
        display: none;
    }
}

@media (max-width: 768px) {
    .offer_legal_mentions_block {
        display: none;
    }

    .main > .offer_legal_mentions_block {
        display: block;
        margin-top: 50px;
    }
}

/*  Toggle affichage mentions legales END */


.offer_legal_mentions_block .offer_legal_mentions_title {
    font-family: "Museo Sans W03_500", sans-serif;
    text-align: left;
    margin-bottom: 15px;
}

.offer_legal_mentions_block .offer_legal_mentions_text {
    text-align: justify;
}


.high_content .big_btn.chat_btn {
    background: #FFFFFF;
    color: #36a9e1;
    margin: 0;
    border: solid 1px #36a9e1;
    display: inline-block;
}

.high_content .big_btn.chat_btn:hover {
    background-color: #36a9e1;
    color: #FFF;
}

.footer_logo {
    height: 45px;
}

#newsletters_form input[type=checkbox] {
    margin: 3px 3px 3px 4px;
}

#already_client {
    box-sizing: content-box;
}

/* PRIME */
.prime h1,
.prime h2,
.prime h3,
.prime h4,
.prime button,
.prime span,
.prime strong,
.prime small,
.prime p,
.prime a {
    font-family: Montserrat !important;
}

.prime .prime-main-title {
    text-align: center;
    text-transform: uppercase;
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 4.25px;
    color: #000000;
    line-height: 20px;
}

.prime .prime-header-logo, .prime .prime-popup-logo {
    background-image: url(/img/prime/header_background.png);
    background-repeat: no-repeat;
    text-align: center;
    text-transform: uppercase;
    font-size: 24px;
    font-weight: 600;
    letter-spacing: 4.25px;
    line-height: 20px;
    margin: 0;
}

.prime .prime-header-logo img {
    display: inline;
    height: 80px;
}

.prime .prime-popup-logo img {
    display: inline;
    height: 50px;
}

.prime .prime-advantage-title {
    color: #000000;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 15px;
    letter-spacing: 2px;
    margin: 5px 0 0 0;
}

.prime .prime-advantage-description {
    font-size: 15px;
}

.prime-color-primary {
    color: var(--color-prime-primary);
}

.prime-color-secondary {
    color: var(--color-prime-secondary);
}

.prime .prime-btn-primary {
    background-color: var(--color-prime-primary);
    color: #FFFFFF;
    font-size: 13px;
    padding: 16px 40px;
}

.prime .prime-btn-primary:hover {
    background-color: var(--color-prime-primary-hover);
}

.prime .prime-btn-primary-bordered {
    background-color: #fff;
    color: var(--color-prime-primary);
    border: 1px solid var(--color-prime-primary);
    font-size: 13px;
    padding: 16px 40px;
}

.prime .prime-btn-primary-bordered:hover,
.prime .prime-btn-primary-bordered:active,
.prime .prime-btn-primary-bordered:focus {
    background-color: var(--color-prime-primary);
    color: #FFF;
}

.prime .prime-btn-blue {
    background-color: #36a9e1;
    color: #FFF;
    font-size: 13px;
    padding: 16px 40px;
}

.prime .prime-btn-secondary {
    background-color: #FFF;
    color: #7F7F7F;
    border: #7F7F7F 2px solid;
    border-radius: 5px;
    font-size: 13px;
    padding: 16px 40px;
}

.prime .prime-btn-disabled {
    background-color: var(--color-prime-primary-disabled);
    color: #FFF;
    border: var(--color-prime-primary-disabled) 2px solid;
    border-radius: 5px;
    font-size: 13px;
    padding: 16px 40px;
}

.prime .prime-btn-disabled:disabled {
    cursor: default;
}

.prime .prime-btn-secondary:hover,
.prime .prime-btn-secondary:active,
.prime .prime-btn-secondary:focus {
    border-color: #7f7f7f;
    background-color: #7f7f7f;
    color: #FFF;
}

.prime .prime-btn-primary.prime-btn-small,
.prime .prime-btn-primary-bordered.prime-btn-small,
.prime .prime-btn-secondary.prime-btn-small,
.prime .prime-btn-disabled.prime-btn-small,
.prime .prime-btn-blue.prime-btn-small {
    font-size: 12px;
    padding: 8px 30px;
    font-weight: 500;
}

.offer.new_register_popup .offer_register_checkbox_container .prime-checkbox-container .checkmark, .popup_rebill_cb_row_footer .popup_rebill_cb_row_footer_checkbox_container .prime-checkbox-container .checkmark, .prime-checkbox-container .checkmark {
    border-color: var(--color-prime-primary);
}

.popup_rebill_cb_row_footer .popup_rebill_cb_row_footer_checkbox_container .prime-checkbox-container,
.popup_rebill_cb_row_footer .popup_rebill_cb_row_footer_checkbox_container .prime-checkbox-container i {
    color: #000000;
}

.offer.new_register_popup .offer_register_checkbox_container .prime-checkbox-container,
.offer.new_register_popup .offer_register_checkbox_container .prime-checkbox-container i,
.offer.new_register_popup .offer_register_checkbox_container .prime-checkbox-container label {
    color: #000000;
}

.popup_rebill_cb_row_footer .popup_rebill_cb_row_footer_checkbox_container .prime-checkbox-container .strong, .prime-checkbox-container .strong, .offer.new_register_popup .offer_register_checkbox_container label strong.strong {
    font-weight: 600;
}

.popup_rebill_cb_row_footer .popup_rebill_cb_row_footer_checkbox_container .prime-checkbox-container .stronger, .prime-checkbox-container .stronger, .offer.new_register_popup .offer_register_checkbox_container label strong.stronger {
    font-weight: 700;
}

.offer.new_register_popup .offer_register_checkbox_container .prime-checkbox-container input:checked ~ .checkmark, .popup_rebill_cb_row_footer .popup_rebill_cb_row_footer_checkbox_container .prime-checkbox-container input:checked ~ .checkmark {
    background-color: var(--color-prime-primary);
    border-color: var(--color-prime-primary);
}

.prime .prime-advantage-img {
    width: 24px;
    max-width: 24px;
    margin: 0 5px;
}

.prime .prime-row {
    margin-bottom: 26px;
}

.prime .prime-advantage-action {
    text-align: right;
    margin-top: 8px;
}

.prime .prime-advantage-action button {
    min-width: 275px;
}

.prime .prime-price {
    font-size: 30px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 30px;
    margin-bottom: 10px;
}

.prime .prime-price-2 {
    color: #000000;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 17px;
    letter-spacing: 2px;
    margin-bottom: 5px;
}

.prime .prime-popup {
    padding: 20px 30px;
}

.prime .prime-popup.prime-popup-call-end {
    background-color: #f9f9f9;
}

.prime .prime-popup.prime-popup-call-end p,
.prime .prime-popup.prime-popup-call-end p i {
    color: #4A4A4A;
    font-size: 14px;
    line-height: 21px;
}

.prime .prime-popup.prime-popup-call-end p i {
    padding: 0;
}

.prime .prime-popup.prime-popup-call-end img {
    min-width: 66px;
}

#popup .prime .prime-popup h1.prime-popup-title {
    text-align: center;
    text-transform: uppercase;
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 2px;
    color: #000000;
    line-height: 20px;
    margin-bottom: 24px;
}

.prime h3.prime-remaining-slots {
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 2px;
    color: #000000;
    line-height: 14px;
}

.prime .prime-popup p {
    color: #7F7F7F;
    font-size: 15px;
}

.prime .prime-popup .prime-popup-action {
    margin-top: 24px;
}

.prime .prime-birthday-row p {
    color: #000000;
    font-size: 14px;
}

.prime .prime-unsubscribe-row a {
    color: #7F7F7F;
    font-size: 14px;
    text-align: center;
    text-decoration: underline;
}

.prime p.prime-unsubscribe-date {
    color: #000;
    margin-left: 16px;
}

.prime-comment .comment-nickname {
    color: #000;
    background-color: var(--color-prime-primary);
    border-radius: 20px;
    padding: 3px 10px;
}

.prime-comment .comment-text {
    color: #000;
    margin-top: 5px;
}

.prime-comment .prime-comment-subscribe-button {
    color: #fff;
    background-color: var(--color-prime-primary);
    font-size: 11px;
    padding: 5px 10px;
    float: right;
}

.prime .prime-header-link {
    line-height: 14px;
    text-align: left;
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    font-size: 12px;
    letter-spacing: 1px;
    margin-right: 3px;
}

.prime .prime-category-banner {
    background: #fff;
    padding: 10px;
    margin-bottom: 16px;
    border-radius: 5px;
}

.prime .prime-category-banner p {
    margin-bottom: 5px;
}

.prime .prime-category-banner a {
    color: #7F7F7F;
    font-size: 14px;
    text-align: center;
    text-decoration: underline;
}

.prime .prime-category-banner .prime-advantage-title {
    margin-bottom: 5px;
}

.prime-promotion.offer_block .offer_rank_price,
.prime-promotion .price.profile_price {
    display: none;
}

.prime-name-yellow {
    color: #000;
    background-color: var(--color-prime-primary);
    border-radius: 4px;
    padding: 1px 3px;
}

.offer_rank_price_prime,
.price.profile_price_prime_promotion {
    display: none;
}

.prime-promotion.offer_block .offer_rank_price_prime,
.prime-promotion .price.profile_price_prime_promotion {
    color: #36A9E1;
    display: initial;
}

#wrapper.jour_190 .prime-promotion.offer_block .offer_rank_price.promo_price,
#wrapper.jour_190 .prime-promotion.offer_block .offer_rank_price.promo_price {
    display: none;
}

.prime-header-promotion {
    width: 100%;
    margin-bottom: 20px;
}

.prime-header-promotion img {
    width: 100%;
}

.prime .prime-time-left {
    color: #000;
    font-weight: bold;
    line-height: 24px;
}

.prime .prime-small-lines p {
    font-size: 13px;
    margin-bottom: 8px;
    line-height: 23px;
}

@media (max-width: 767px) {
    .prime .prime-only-desktop {
        display: none;
    }

    .prime .text-xs-right {
        text-align: right;
    }

    .prime .float-xs-right {
        float: right;
    }
}

@media (min-width: 768px) {
    .prime .prime-main-title {
        font-size: 24px;
    }

    .prime .prime-advantage-row {
        border: 1px solid var(--color-prime-primary);
        border-radius: 10px;
        padding: 20px;
        text-align: center;
    }

    .prime .prime-advantage-title {
        font-size: 20px;
        font-weight: 500;
        margin-top: 0;
        margin-bottom: 5px;
    }

    .prime .prime-price-2 {
        font-size: 20px;
        font-weight: 500;
    }

    .prime .prime-advantage-img {
        width: 30px;
        max-width: 30px;
    }

    .prime .media-left {
        vertical-align: middle;
    }

    .prime .prime-advantage-action {
        text-align: center;
    }
}

/* END PRIME */

body .new-register-popup-container .popup_payment_method_title {
    margin-bottom: 5px !important;
}

body .new-register-popup-container .pricing {
    margin-bottom: 5px;
}

.popup_payment_methods {
    display: flex;
    flex-direction: column;
}

.popup_payment_method > form > a {
    text-decoration: none !important;
}

.popup_payment_methods_subtitle {
    color: #7F7F7F !important;
    font-family: Montserrat !important;
    font-size: 15px !important;
    letter-spacing: 0 !important;
    line-height: 16px !important;
}

.popup_payment_methods_text {
    color: #7F7F7F;
    font-family: Montserrat;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 16px;
    font-weight: 500;
    margin-top: 15px;
}

a.popup_payment_methods_subtitle {
    text-decoration: underline;
}

.popup_payment_method {
    background: #F2F2F2;
    border-top: 1px solid rgb(200 200 200);
}

.popup_payment_method.active {
    background: #FFFFFF;
}

.popup_payment_method .fa-chevron-down {
    display: block;
}

.popup_payment_method .fa-chevron-up {
    display: none;
}

.popup_payment_method.active .fa-chevron-down {
    display: none;
}

.popup_payment_method.active .fa-chevron-up {
    display: block;
}

.popup_payment_method_content {
    display: none;
    padding: 0 30px 0;
}

.popup_payment_method.active .popup_payment_method_content {
    display: block;
}

.popup_payment_method_header {
    padding: 20px 30px;
    display: flex;
    align-items: center;
}

.popup_payment_method_header:hover {
    cursor: pointer;
}

.popup_payment_method_header img {
    margin-right: 10px;
    width: 112px;
}

.popup_payment_method_header img.klarna {
    margin-right: 10px;
    width: auto;
    height: 2rem;
}

.popup_payment_method_label {
    margin-right: auto;
    color: #7F7F7F;
    font-family: Montserrat;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 19px;
}

.popup_register_sponsored * {
    font-family: Montserrat;
}

.popup_payment_method.active .popup_payment_method_label {
    color: #36A9E1;
}

.popup_payment_method i {
    color: #36a9e1;
}

.popup_payment_method .fa-spin {
    color: #FFFFFF;
}

.popup_payment_method_input {
    padding: 15px !important;
    padding-right: 35px !important;
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    border-radius: 5px !important;
    border: 1px solid #BDBDBD !important;
    color: #414141 !important;
    font-family: Montserrat, sans-serif !important;
    font-size: 16px !important;
    height: 50px !important;
    background-clip: padding-box !important;
    max-width: 100%;
}

.popup_payment_method_input:focus {
    border: 1px solid #BDBDBD !important;
    outline: none;
}

.popup_payment_method .fa-euro-sign, .popup_payment_method .fa-pound-sign, .popup_payment_method .fa-dollar-sign {
    position: absolute;
    font-size: 25px;
    top: 12.5px;
    right: 20px;
}

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

.popup_payment_method_add_link:hover {
    cursor: pointer;
}

.popup_payment_method_add_link i {
    margin-right: 5px;
}

.popup_payment_method_add_link span {
    text-decoration: underline;
}

.popup_payment_method_content .popup_rebill_cb_row_footer .popup_rebill_cb_row_footer_checkbox_container label {
    font-size: 13px;
    margin-left: -20px !important;
    padding-left: 65px;
}

.popup_payment_method .credit_card_box {
    border: 1px solid #DADADA;
    border-radius: 5px;
    position: relative;
    box-sizing: border-box;
    padding: 15px 10px 15px 20px;
    margin-bottom: 10px;
}

.popup_payment_method .credit_card_boxes div:last-child {
    margin-bottom: 0;
}

.popup_payment_method .credit_card_box.active {
    border-color: #36A9E1;
}

.popup_payment_method .credit_card_box.delete_mode.active {
    border-color: #D20000;
}

.popup_payment_method .credit_card_box ul li {
    margin-bottom: 10px;
}

.popup_payment_method .credit_card_box ul li:last-child {
    margin-bottom: 0;
}

.popup_payment_method .credit_card_box.delete_mode:hover:not(.active) {
    border-color: #D2000087;
}

.popup_payment_method .credit_card_box:hover:not(.active) {
    border-color: #9AD4F0;
}

.popup_payment_method .credit_card_box:hover {
    cursor: pointer;
}

.popup_payment_method .credit_card_box .choice {
    width: 20px;
    height: 20px;
    border: 2px solid #DADADA;
    border-radius: 100%;
    left: -12px;
    top: 51px;
    position: absolute;
    background: white;
    display: flex;
    justify-content: center;
    align-items: center;
}

.popup_payment_method .credit_card_box.active .choice {
    border-color: #36A9E1;
}

.popup_payment_method .credit_card_box .choice i {
    font-size: 13px;
    color: #36A9E1;
    display: none;
}

.popup_payment_method .credit_card_box.delete_mode.active .choice {
    border-color: #D20000;
}

.popup_payment_method .credit_card_box.delete_mode .choice i {
    color: #D20000;
}

.popup_payment_method .credit_card_box:hover:not(.active) .choice {
    border-color: #9AD4F0;
}

.popup_payment_method .credit_card_box.delete_mode:hover:not(.active) .choice {
    border-color: #D2000087;
}

.popup_payment_method .credit_card_box:hover:not(.active) .choice i {
    display: block;
    opacity: 0.5;
}

.popup_payment_method .credit_card_box.active .choice i {
    display: block;
}

b.popup_payment_methods_subtitle {
    font-weight: bold;
}

body #popup .popup_payment_methods #paiement_form {
    position: relative;
    width: auto;
    right: 0;
    text-align: initial;
    padding: 0 !important;
}

.input-with-floating-label label {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 35px;
    z-index: 1;
    font-weight: normal;
}

.input-with-floating-label label {
    transition: 300ms cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition: 300ms cubic-bezier(0.4, 0, 0.2, 1);
    -ms-transition: 300ms cubic-bezier(0.4, 0, 0.2, 1);
}

.input-with-floating-label label:hover {
    cursor: text;
}

.input-with-floating-label.focused label {
    position: absolute;
    top: 10px;
    left: 35px;
    z-index: 1;
    font-weight: normal;
    font-size: 10px !important;
    color: #36A9E1 !important;
}

.input-with-floating-label.field_err.focused label, .popup_payment_methods .red-text {
    color: #D20000 !important;
}

body .offer.new_register_popup .input-with-floating-label.focused input {
    padding: 20px 15px 10px 35px !important;
}

@media (min-width: 768px) {
    .input-with-floating-label label,
    .input-with-floating-label.focused label {
        left: 50px;
    }

    body .offer.new_register_popup .input-with-floating-label.focused input {
        padding: 20px 15px 10px 50px !important;
    }
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 2rem white inset !important;
    background-clip: content-box !important;
}

.padding_right {
    padding-right: 10px !important;
}

@media (min-width: 768px) {
    .sm_padding_right {
        padding-right: 10px !important;
    }
}

.delete_button {
    background-color: #D20000 !important;
}

.call_master_picture {
    width: 190px;
    height: 190px;
}

.saved_card_cvc_input_container {
    flex-direction: column;
}

body .offer.new_register_popup ul li span.saved_card_cvc_input_container_text {
    font-weight: normal;
    color: #7F7F7F;
    font-family: Montserrat, sans-serif;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 16px;
    margin-bottom: 5px;
    display: block;
}

.offer.new_register_popup .saved_card_cvc_input_container .input-with-icon i {
    top: 37px;
}

.chat_page #footer_mobile,
.chat_page .push_header,
.chat_page .crisp-client,
.chat_opened .crisp-client {
    display: none !important;
}

@media (max-width: 767px) {
    body.chat_opened {
        overflow: hidden;
        position: fixed;
        top: 0px;
        left: 0px;
        height: 100%;
        width: 100%;
    }

    .chat_page #header_search {
        display: none !important;
    }

    .prime .prime-advantage-action button {
        min-width: 230px;
    }
}

.chat_page .fixed-fix {
    height: auto;
}

.chat_page .main {
    max-width: 100%;
}

@media (min-width: 1280px) {
    .chat_page .main {
        width: 1080px;
    }
}

@media (min-width: 1536px) {
    .chat_page .main {
        width: 1500px;
    }
}

.chat-v5 .chat.chat--conversation-opened {
    position: fixed;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
}

@media (min-width: 768px) {
    .chat-v5 {
        padding-bottom: 1rem;
        padding-top: 1rem;
    }

    .chat-v5 .chat.chat--conversation-opened {
        position: unset;
    }
}

@media (max-width: 1024px) {
    .top_header .container {
        max-width: 100%;
        width: 100%;
    }

    .error_page .error_title {
        margin-top: 10px;
    }
}

.chat_page #popup {
    max-height: 100%;
    overflow: auto;
}

.highlighted_masters_row {
    background: white;
    padding: 5px;
    margin-bottom: 5px;
}

.highlighted_masters_row .highlighted_masters_row_left_col,
.highlighted_masters_row .highlighted_masters_row_left_col img {
    width: 100px;
    height: 100px;
}

.highlighted_masters_row .highlighted_masters_row_right_col {
    padding-left: 5px;
}

.highlighted_masters_row .highlighted_masters_row_right_col h2 {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 5px;
}

.highlighted_masters_row .highlighted_masters_row_right_col p {
    font-size: 11px;
    font-weight: normal;
    margin-bottom: 7px;
    overflow: hidden;
}

.highlighted_masters_row .highlighted_masters_row_right_col .middle_rating {
    margin-left: 0;
    margin-bottom: 7px;
}

.highlighted_masters_row .highlighted_masters_row_right_col .chat_btn {
    box-sizing: border-box;
    font-weight: 600;
    background: #FFFFFF;
    color: #36a9e1;
    border: solid 1px #36a9e1;
    line-height: normal;
    padding: 4px 5px;
    margin: 0;
    width: 100%;
    display: block;
    font-size: 10px;
    height: auto;
}

.highlighted_masters_row .highlighted_masters_row_right_col .chat_btn:hover {
    background: #36a9e1;
    color: #FFFFFF;
}

.algolia_voice_status_buttons .img_waiting_queue_full {
    display: none;
}

.container.bg_home_mobile {
    max-width: 100%;
}

.account_ask_payoff_container,
.account_client_list_container,
.account_voucher_master_container,
.account_espace_parrainage_container {
    max-width: 100%;
    padding: 10px;
}

.home_game_banner {
    padding-top: 310px;
    height: 632px;
    overflow: initial;
    position: relative;
    z-index: 2;
    margin-top: -140px;
    flex-direction: column-reverse;
    min-width: 100%;
    top: 0;
    min-height: 100%;
    background-repeat: no-repeat;
    background-position: center bottom;
}

.home_game_banner h1,
.home_game_banner h1 sup {
    font-family: "Montserrat", sans-serif;
    letter-spacing: -2px;
    margin-top: -90px;
    font-size: 33px;
    color: #ff5a5f;
    margin-bottom: -18px;
    position: relative;
    font-weight: bold;
    text-transform: uppercase;
    font-style: italic;
    line-height: 39px;
}

.home_game_banner h1 sup {
    font-size: 18px;
    color: inherit;
}

.home_game_banner h2 {
    font-family: "Museo Sans W03_300", sans-serif;
    font-size: 35px;
    color: #414141;
    margin-bottom: 35px;
    padding-top: 75px;
}

.home_game_banner .home_game_banner_link {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    cursor: pointer;
    z-index: 1;
}

.home_game_banner .cd-words-wrapper-text {
    color: inherit;
}

.home_game_banner #home_search_form {
    margin-top: 90px;
    padding-bottom: 70px;
}

.slick-custom-arrow {
    width: 60px;
    height: 60px;
    background-color: #dcdbdb;
    text-align: center;
    border-radius: 8px;
    font-size: 24px;
    font-weight: 600;
    color: #FFF;
    cursor: pointer;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
}

.slick-custom-arrow.slick-custom-arrow-small {
    width: 30px;
    height: 30px;
    font-size: 12px;
    padding: 0;
}

.slick-custom-arrow:hover {
    background-color: #36a9e1;
}

.slick-custom-arrow.slick-disabled, .slick-custom-arrow.slick-disabled:hover {
    display: none;
}

.slick-custom-arrow.slick-custom-arrow-left {
    left: -70px;
}

.slick-custom-arrow.slick-custom-arrow-right {
    right: -70px;
}

.slick-custom-arrow.slick-custom-arrow-small.slick-custom-arrow-left {
    left: -40px;
}

.slick-custom-arrow.slick-custom-arrow-small.slick-custom-arrow-right {
    right: -40px;
}

#media_list .slick-slide img {
    margin-right: auto;
    margin-left: auto;
}

#home_videos_slideshow .image_container {
    padding: 8px;
}

#home_videos_slideshow .video_container {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

#home_videos_slideshow .home_video_slide {
    position: relative;
}

#home_videos_slideshow .fa-play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #FF0000;
    color: #FFF;
    pointer-events: none;
    padding: 15px 12px 15px 18px;
    text-align: center;
    font-size: 24px;
    border-radius: 9999px;
    border: solid 4px #fff;
    width: 60px;
    height: 60px;
}

#home_videos_slideshow img {
    width: 100%;
    cursor: pointer;
}

.slick-home-arrow {
    background-color: rgba(2, 3, 3, 0.5);
    width: 48px;
    height: 48px;
    color: #FFF;
    cursor: pointer;
    position: absolute;
    font-size: 24px;
    top: 50%;
    transform: translate(0, -50%);
    z-index: 1;
    border-radius: 9999px;
    border: solid 4px #fff;
}

.slick-home-arrow:hover {
    border: none;
}

.slick-home-arrow i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.slick-home-arrow.slick-home-arrow-left {
    left: 30px;
}

.slick-home-arrow.slick-home-arrow-left i {
    padding-right: 3px;
}

.slick-home-arrow.slick-home-arrow-right {
    right: 30px;
}

.slick-home-arrow.slick-home-arrow-right i {
    padding-left: 3px;
}

.slick-home-arrow-play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#container_master_position.hidden,
#main_header .mobile-menu-button.hidden,
.header_link.hidden,
.logged_customer.hidden {
    visibility: visible;
    display: none;
}

.best_sellers .offer_block.click_to_call {
    width: 100%;
    border-radius: 0.5rem;
    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.best_sellers .offer_block.click_to_call:hover {
    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.best_sellers .offer_block .rating.small {
    width: auto;
    float: none;
}

.best_sellers .offer_block.click_to_call .big_btn {
    max-width: 48%;
}

.best_sellers .offer_block.click_to_call .price_block {
    margin-bottom: 10px;
}

.best_sellers .offer_block.click_to_call .price_block .offer_rank_ope_text {
    display: none;
}

.best_sellers .offer_block.click_to_call .price_block .offer_rank_price {
    color: #36a9e1;
    text-decoration: line-through;
}

.best_sellers .offer_block.click_to_call .price_block div,
#wrapper .offer_block.prix_spe .offer_rank_ope_text {
    display: inline-block;
}

.best_sellers .offer_block.click_to_call h3,
.best_sellers .offer_block.click_to_call h3 .nb_appel {
    font-family: Montserrat, sans-serif;
    font-weight: bold;
    color: var(--color-primary);
}

.best_sellers .offer_block.click_to_call h3 .nb_appel img {
    height: 13px;
    width: 13px;
    padding: 0;
    margin-right: 3px;
}

.home_page .top_header .container,
.home_page #container_master_position .container,
.page-offer-list .top_header .container,
.cms-page .top_header .container {
    width: auto;
    max-width: 1280px;
}

.cms-page .main,
.cms-page #cms_page,
.cms-page .container_breadcrumb {
    width: 1280px;
    max-width: 100%;
}

.cms-page .container_breadcrumb {
    margin-top: 17px;
}

.page-offer-list .slideout-panel {
    background-color: var(--color-neutral-50);
}

.seo_content #app {
    background-color: var(--color-neutral-50);
}

@media (max-width: 577px) {
    .slick-home-arrow {
        font-size: 20px;
        width: 36px;
        height: 36px;
    }

    .slick-home-arrow.slick-home-arrow-left {
        left: 20px;
    }

    .slick-home-arrow.slick-home-arrow-right {
        right: 20px;
    }

    .best_sellers .offer_block.click_to_call .offer_pict {
        height: 100px;
        width: 100px;
    }
}

@media (min-width: 640px) {
    #header_search {
        height: 55px;
    }
}

body.home_page #header_container, body.chat_page #header_container {
    margin-bottom: 0;
}

@media (min-width: 768px) {
    body.home_page #header_container {
        position: absolute;
    }

    body.home_page.seo_content #header_container {
        position: relative;
    }

    .home_page #autocomplete_container_top_header,
    .home_page #search_form {
        display: none;
    }
}

@media (min-width: 1024px) {
    #container_master_position.lg\:block,
    .header_link.lg\:block {
        display: block;
    }

    .logged_customer.lg\:inline-block {
        display: inline-block;
    }

    .home_page #container_master_position ul.menu li a,
    .home_page #container_master_position ul.menu li a:hover {
        padding-left: 18px;
        padding-right: 18px;
    }
}

@media (min-width: 1280px) {
    .home_page #container_master_position ul.menu li a,
    .home_page #container_master_position ul.menu li a:hover {
        padding-left: 30px;
        padding-right: 30px;
    }
}

#filter_form {
    padding: 0;
}

#credit_card_box_container .secured_payment {
    padding-bottom: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

#credit_card_box_container .secured_payment .secured_payment_text {
    width: 100%;
    display: flex;
    justify-content: center;
    font-family: Montserrat, sans-serif;
    font-size: 11px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 11px;
    color: #36a9e1;
}

#popup.offer.new_register_popup .credit_card_input_with_brands {
    border: 1px solid #BDBDBD;
    border-radius: 5px;
}

#popup.offer.new_register_popup .credit_card_input_with_brands:has(div.field_err) {
    border: 1px solid #D20000;
}

#popup.offer.new_register_popup .credit_card_input_with_brands_container:has(div.field_err) .new_register_error_text {
    display: block;
}

#popup.offer.new_register_popup .credit_card_input_with_brands:focus-within {
    border: 1px solid #36A9E1;
}

#popup.offer.new_register_popup .credit_card_input_with_brands .input-with-icon {
    margin-bottom: 0;
}

#popup.offer.new_register_popup .credit_card_input_with_brands .input-with-icon input#credit_card_input {
    border: none;
}

#popup.offer.new_register_popup #credit_card_brands_select #credit_card_brand_selected img {
    height: 25px;
    margin-right: 10px;
}

#popup.offer.new_register_popup #credit_card_brands_select i.fas.fa-chevron-down {
    display: block;
    margin-right: 10px;
}

#popup.offer.new_register_popup #credit_card_brands_select #credit_card_brands_list {
    display: none;
    position: absolute;
    right: 0;
    margin-top: 13px;
    width: max-content;
    z-index: 10;
    border-radius: 0.375rem;
    border-width: 1px;
    border-color: var(--color-neutral-300);
    background-color: var(--color-white);
    --tw-shadow: 0 0 15px rgba(0, 0, 0, 0.4);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

#popup.offer.new_register_popup #credit_card_brands_select #credit_card_brands_list li {
    cursor: pointer;
    margin: 0;
    display: flex;
    align-items: center;
    white-space: nowrap;
}

#popup.offer.new_register_popup #credit_card_brands_select #credit_card_brands_list li:hover {
    background-color: var(--color-neutral-100);
}

#popup.offer.new_register_popup #credit_card_brands_select #credit_card_brands_list li img {
    height: 25px;
    margin: 8px 10px;
}

#popup.offer.new_register_popup #credit_card_brands_select #credit_card_brands_list li span {
    margin-right: 10px;
    font-weight: normal;
}


#offer_favori_link .favorite:hover .heart-full, #offer_favori_link .favorite.blue .heart-full {
    opacity: 1;
}


.svg-color-warning {
    filter: invert(50%) sepia(85%) saturate(1964%) hue-rotate(9deg) brightness(100%) contrast(98%);
}

.svg-color-primary {
    filter: invert(48%) sepia(51%) saturate(609%) hue-rotate(155deg) brightness(109%) contrast(94%);
}

.svg-color-success {
    filter: invert(64%) sepia(43%) saturate(2533%) hue-rotate(51deg) brightness(96%) contrast(101%);
}

.svg-color-main {
    filter: invert(54%) sepia(0%) saturate(0%) hue-rotate(174deg) brightness(92%) contrast(92%);
}

/* Yousign */
#iframe-container {
    width: 100%;
    height: 1000px;
}

#iframe-container iframe {
    width: 100%;
    height: 100%;
}