html,
body {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}

#astroid-header>div:nth-child(1)>div:nth-child(3)>nav:nth-child(1)>ul:nth-child(1)>li:nth-child(1)>a:nth-child(1) {
    border: 1px solid #cba135 !important;
    border-radius: 50px !important;
    width: 150px;
    /*height: 30px;*/
    margin-left: -295px !important;
    padding-left: 24px;
    /*margin-top: 4px !important;*/
    background: rgba(15, 1, 40, 0.909);
    transition: transform 0.3s ease-in-out !important;
    /*transition: background 0.3s ease-in-out !important;*/
}

.astroid-nav-wraper>ul:nth-child(1)>li:nth-child(1) {
    border: 1px solid #cba135 !important;
    border-radius: 50px !important;
    width: auto;
    /*height: 30px;*/
    margin-left: -250px !important;
    /*margin-top: 4px !important;*/
    background: rgba(255, 255, 255, 0.1);
    transition: transform 0.3s ease-in-out !important;
    /*transition: background 0.3s ease-in-out !important;*/
    box-shadow: 0 -5px 20px #cba0357e;
}

/*homepage overlay for the title color be seen*/
div.container:nth-child(2) {
    background: #3a3a3a71;
    padding: 15px;
    /*border: 1px solid #cba135;*/
    border-radius: 35px;
    width: auto;
    box-shadow: 0 -5px 21px #050401b7;
    transition: transform 0.8s ease-in-out;
}

/*background overlay sur le slideshow homepage*/
#\36 2f0d5e219289c81097692 > div > div,
#\36 2f0d5fd8e9d5c89604489 > div > div{
    background: rgba(0, 0, 0, 0.4);
    padding: 15px;
    border: 1px solid #cba135;
    border-radius: 15px;
}

div.container:nth-child(2):hover{
    transform: scale3d(-2,1.7,0.7);   /*animation overlay homepage title*/
}

#b-62f31455ebb21c43176356 > div > div.container > div > a,
#b-62f31455ebb21c43176356 > div > div.container > h3,
#b-62f31455ebb21c43176356 > div > div.container > span {
    transition: transform 0.8s ease-in-out;
    cursor: pointer;
    z-index: 999;
}

#b-62f31455ebb21c43176356 > div > div.container > div > a:hover,
#b-62f31455ebb21c43176356 > div > div.container > h3:hover,
#b-62f31455ebb21c43176356 > div > div.container > span:hover {
    transform: scale3d(-1,1,0.6);
}

@media screen and (max-width: 900px){
    div.container:nth-child(2):hover{
    transform: scale3d(0,0,0);   /*animation overlay homepage title*/
}

#b-62f31455ebb21c43176356 > div > div.container-fluid > div > a,
#b-62f31455ebb21c43176356 > div > div.container-fluid > h3,
#b-62f31455ebb21c43176356 > div > div.container-fluid > span {
    transition: transform 0.8s ease-in-out;
    cursor: pointer;
    z-index: 1;
}

#b-62f31455ebb21c43176356 > div > div.container-fluid > div > a:hover,
#b-62f31455ebb21c43176356 > div > div.container-fluid > h3:hover,
#b-62f31455ebb21c43176356 > div > div.container-fluid > span:hover {
    transform: scale3d(0,0,0);
}
}

#b-62f31455ebb21c43176356 > div > div.container > span{
    display: inline-block; /* permet au span de s'animer (ici pour le sous-titre de la page d'accueil)*/
}

.astroid-nav-wraper>ul:nth-child(1)>li:nth-child(2) {
    margin-left: 200px !important;
}

.astroid-nav-wraper>ul>li>a {
    border-radius: 50px !important;
    margin-left: 5px;
}

#astroid-header>div:nth-child(1)>div:nth-child(3)>nav:nth-child(1)>ul:nth-child(1)>li:nth-child(1)>a:nth-child(1):hover,
.astroid-nav-wraper>ul:nth-child(1)>li:nth-child(1):hover {
    transform: scale(1.05);
    background: #ccbd4a;
    box-shadow: 0 -5px 20px #cba0357e;
}

#astroid-header>div>div>nav>ul>li>a {
    border-radius: 50px !important;
    margin-top: 0px !important;
}

#astroid-header>div>div>nav>ul>li>div {
    border-radius: 15px !important;
    margin-top: 30px !important;
    overflow: hidden !important;
    border: 1px solid #cba135;
}

#astroid-header>div>div>nav>ul>li>div:hover {
    margin-top: 30px !important;
    border: 1px solid #cba135;
    border-radius: 15px !important;
    display: inline-block !important;
    overflow: hidden !important;
    outline: none !important;
}

.astroid-nav-wraper>ul>li>div {
    border-radius: 15px !important;
    overflow: hidden !important;
    border: 1px solid #cba135;
}

.astroid-nav-wraper>ul>li>div:hover {
    /*margin-top: 30px !important;*/
    border: 1px solid #cba135;
    border-radius: 15px !important;
    display: inline-block !important;
    overflow: hidden !important;
    outline: none !important;
}

#astroid-header>div:nth-child(1)>div:nth-child(3)>nav:nth-child(1)>ul:nth-child(1)>li:nth-child(5)>a:nth-child(1) {
    width: 70px;
    height: 40px;
    margin-right: -350px;
    position: absolute;
}

.astroid-nav-wraper>ul:nth-child(1)>li:nth-child(5) {
    margin-left: 650px !important;
    margin-top: 7px !important;
    position: absolute;
}

#astroid-header>div:nth-child(1)>div:nth-child(3)>nav:nth-child(1)>ul:nth-child(1)>li:nth-child(5),
#astroid-header>div:nth-child(1)>div:nth-child(3)>nav:nth-child(1)>ul:nth-child(1)>li:nth-child(6) {
    position: absolute;
    margin-left: 600px;
    margin-top: 5px;
}

#system-message-container>joomla-alert:nth-child(2) {
    background-color: #7dae928e;
    border-radius: 10px;
    width: 100% !important;
    border: 1px solid #cba135;
    align-items: center;
    color: #ccbd4a;
}

#system-message-container {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

a.btn {
    border: 2px solid #cba135;
    border-radius: 50px;
    color: black;
    height: 40px;
    transition: transform 0.3s ease-in-out !important;
}

a.btn:hover {
    transform: scale(1.05);
    border: 2px solid #cba135;
}

body {
    font-family: 'Droid Serif', serif;
    margin: 0px;
    padding: 0px;
    /*background-attachment: fixed !important;*/
    background: linear-gradient(35deg, #010205 0%, #f3efea 10%, #010205 20%, #f3efea 30%, #010205 40%, #fceffa 50%,#010205 60%,
        #010205 64%,
        #fceffa 85%,
        #010205 95%,
        #148b04 96%,
        #fceffa 97%,
        #c4151c 98%,
        #010205 99%,
        #f3efea 100%);
}

/*,radial-gradient(circle at top left, rgba(219, 183, 226, 0.842), transparent)*/

.astroid-banner-overlay,
.astroid-banner-inner {
    border-bottom-left-radius: 50px;
    border-bottom-right-radius: 50px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3);
    height: 550px;
    /* Ensure height is fixed */
    opacity: 0.8;
}

.dj-category {
    background: linear-gradient(134deg, black 0%, #f3efea 20%, black 40%, #f3efea 60%, black 80%, #f3efea 100%);
    border-radius: 15px;
    /*box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3);*/
    transition: transform 0.8s ease-in-out !important;
}

.dj-category .title{
    background: #3a3a3a71;    /*overlay sur les titres des catégories car on voir mal*/
    /*border: 2px solid #A42200;*/
    border-radius: 15px;
    box-shadow: 0 -5px 10px #0e0b03c5;
    transition: transform 0.3s ease-in-out;
    padding: 10px;
}

.dj-category .title:hover{
    transform: scale3d(1.1,
        1.1,
        2);
}

div.cat_col > div > div > div > div > p {   /*couleurs des sous titres des catégories dans listing*/
    color: floralwhite;
}

#hs-62eac4228eb97474594732 {
    background: rgba(255, 255, 255, 0.1);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3);
    transition: transform 0.3s ease-in-out !important;
}

/*#hs-62eac4228eb97474594732:hover,*/
.dj-category:hover {
    transform: scale(1.30);
    box-shadow: 0 -5px 10px #cba035c5 !important;
    z-index: 99999 !important;
}

.cat_row_title {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    /*border: 2px solid #cba135;*/
    background: #f3efea;
}

#fs-1528971627712 {
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
    box-shadow: 0 -5px 20px #cba03591;
    border: 1px solid #cba135;
}

/*.container,section{
    border: none;
}*/

/* design de la recherche de régions*/
.dj_cf_regions_selects {
    border: 1px solid #cba135;
    background-color: #fceffa;
    border-radius: 8px;
    display: inline-block;
    overflow: hidden;
    width: 200px;
}

.djcf_regions_select {
    background-color: #fceffa;
    width: 100%;
    height: 40px;
    outline: none;
}

/*box des annonces dans la vue des annonces version blog*/
div.item_box>div>div>div {
    /*border: 2px solid #fd179641 !important;*/
    background: #fceffa9d !important;
    border-radius: 15px !important;
    box-shadow: 0 -5px 10px rgba(0, 0, 0, 0.3) !important;
    transition: transform 0.4s ease-in-out !important;
}

div.item_box>div>div>div:hover,
.item_box_in2:hover {
    transform: scale(1.07);
    box-shadow: 0 -5px 20px #cba035c9 !important;
    border: 1px solid #cba135 !important;
    background: #575368 important;
}

/*réduire la taille de la box de blog view pour ne pas qu'il y ait de case vide*/
.item_box_in2 {
    min-height: 450px !important;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    /*box-sizing: border-box !important;*/
    row-gap: 20px !important;
    transition: transform 0.3s ease-in-out !important;
}

div.item_box > div > div > div > div > h2 > a {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

/*limiter le texte dans la vue du listing car il dépasse et cela déforme le résultat*/
.desc_info {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-left: 30px;
}

div.item_box>h2 {
    color: #f3efea !important;
}

#dj-classifieds {
    background: #f3efeaa4;
    /*box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);*/
    border-radius: 15px !important;
}

.general_det_in {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    margin-left: 20px;
}

.main_cat_title {
    padding: 20px !important;
    color: #15304D;
}

.dj_item {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    border: 2px solid #cba135;
}

/*remise en forme des images thumb*/
div.item_box > div > div > div > div > div > div > a> img {
    border-radius: 15px;
    border: 2px solid #cba135;
}

.container {
    Border-bottom: #cba135 !important;
}

#hs-1529472563843 {
    border: none !important;
}

div.cat_col>div>div>div>h2>a,
.row_label,
.localization_det h2,
.description h2 {
    color: #7c7334 !important;
}

div.item_box>div>div>div>div>h2>a {
    color: #15304D !important;
}

#hs-1529472563843>div:nth-child(1) {
    border-bottom-left-radius: 50px !important;
    border-bottom-right-radius: 50px !important;
}

div.item_box>div>div>div>div>div>a {
    color: #cba135 !important;
}

/*boutons recoloriés et animations*/
#dj-classifieds table.paymentdetails td.td_pdetails div {
    background: rgba(255, 255, 255, 0.1) !important;
}

#dj-classifieds table.paymentdetails td.td_pdetails div.pd_row_total {
    background: rgba(255, 255, 255, 0.1) !important;
    border: 1px solid #cba135 !important;
}

.td2 {
    background: rgba(255, 255, 255, 0.1) !important;
}

/*ajouter de la marge top pour laisser de l'espace entre la barre de menu et le module de recherche et encadrement doré plus radius*/
 #hs-62eac4228eb97474594732{
    margin-top:45px;
    border: 1px solid #cba135;
    border-radius: 15px;
}

.djcf_prow_col_desc,
.search_buttons>button:nth-child(1),
a.button,
#submit_button,
#preview_button,
.title_edit,
a.title_delete:nth-child(3),
.title_prom_top {
    background: rgba(255, 255, 255, 0.1) !important;
    border: 1px solid #cba135 !important;
    text-shadow: 0px 0px 0px !important;
    border-radius: 15px !important;
    transition: transform 0.3s ease-in-out;
    height: 40px;
}

#ask_form_button,
#abuse_form_button {
    background: #CBA135 !important;
    color: white !important;
    border: none !important;
    padding: 1rem 2rem !important;
    font-size: 1rem !important;
    border-radius: 4px !important;
    cursor: pointer !important;
    text-shadow: none !important;
}

.search_buttons>button,
a.button,
#submit_button,
#preview_button {
    color: hsl(0, 0%, 100%, 0%, 100%) !important;
}

div.djcf_prow>div>div>a,
a.button,
div.row_ua>div>a,
a.button,
#submit_button,
#submit_button,
#preview_button {
    background: #6a7894 !important;
    border: 1px solid #cba135 !important;
    border-radius: 15px !important;
    color: #ffff !important;
    text-shadow: 0px 0px 0px !important;
    width: auto !important;
    padding: 2px !important;
    /*text-align: center !important;*/
}

div.djcf_prow>div>div>a:hover,
.title_edit:hover,
.title_prom_top:hover,
a.title_delete:nth-child(3):hover,
a.button:hover,
div.row_ua>div>a:hover,
.search_buttons>button:nth-child(1):hover,
#submit_button:hover,
#submit_button:hover,
#preview_button:hover {
    background: #cba135 !important;
    transform: scale(1.05) !important;
    border-radius: 15px !important;
    border: 2px solid black;
}

a.Tips1,
.cat_name>a,
.description>a {
    color: #ffff !important;
}

div.item_row:nth-child(2) {
    border: 1px solid #cba135 !important;
}

#awt-61bae20c0d2cf499628496>p>span {
    color: #fff !important;
}

#ar-62ea8d8f6d916c13364574 {
    margin-bottom: 100px !important;
}

.astroid-header {
    border: 1px solid #cba135;
    border-top: none;
    border-bottom-left-radius: 50px !important;
    border-bottom-right-radius: 50px !important;
    /*background-color: #6a7894;*/
    background: rgb(1, 3, 8);
    box-shadow: 0 -5px 20px rgba(0, 0, 0, 0.3) !important;
}

.carousel-item {
    padding: 20px !important;
    margin-bottom: 50px !important;
    border-radius: 15px;
}

.carousel-item img {
    border-radius: 15px;
    border: 2px solid #cba135;
}

.astroid-slideshow {
    background: rgba(255, 255, 255, 0.1);
    margin-top: 60px;
    margin-bottom: 60px;
    width: 100%;
    border-radius: 15px;
    box-shadow: 0 -5px 20px rgba(0, 0, 0, 0.4) !important;
    transition: transform 0.8s ease-in-out !important;
}

.astroid-slideshow:hover {
    transform: scale(1.30);
    box-shadow: 0 -5px 20px #cba135;
}

.mod-banners__item {
    background: rgba(255, 255, 255, 0.1);
    border-radius: 15px;
    padding: 20px;
    box-shadow: 0 5px 15px #0d0a2b92 !important;
    transition: transform 0.4s ease-in-out;
}

.mod-banners__item:hover {
    transform: scale(1.05);
}

.mod-banners__item img {
    border: 2px solid #cba135;
    box-shadow: 0 -5px 20px #cba03563;
}

/*décallage logo et hamburger menu*/
.astroid-logo-default {
    margin-left: 20px !important;
}

div.as-gutter-x-xl\@lg:nth-child(4)>div:nth-child(2) {
    margin-right: 20px !important;
}

.com-users-registration {
    background: #fff;
    padding: 20px;
    box-shadow: 0 -5px 20px #cba03571;
    border: 1px solid #cba135;
    border-radius: 25px;
}

div.additem_djform:nth-child(1) {
    border-top-left-radius: 15px !important;
    border-top-right-radius: 15px !important;
    background: #f3efea;
}

div.additem_djform:nth-child(2) {
    background: #f3efea;
}

div.additem_djform:nth-child(3) {
    background: #f3efea;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}

/*payment forms*/
#djForm {
    border: 1px solid #cba135 !important;
    border-radius: 15px !important;
    box-shadow: 0 -5px 10px #cba035c5 !important;
    background: #f3efea;
    padding: 20px !important;
}

div.additem_djform:nth-child(1)>div:nth-child(1) {
    background: #7dae92 !important;
    border: 1px solid #cba135 !important;
    border-radius: 10px;
}

#dj-classifieds {
    border-radius: 15px !important;
    padding: 20px !important;
    border: 1px solid #cba135 !important;
    box-shadow: 0 -5px 10px #cba035c5 !important;
}

.table_payment>table:nth-child(1)>tbody:nth-child(1)>tr:nth-child(2)>td:nth-child(1)>table:nth-child(1)>tbody:nth-child(1)>tr:nth-child(1)>td:nth-child(2)>h2:nth-child(1),
div.djcf_prow>div>div>h3,
.title_top>h1:nth-child(1),div.row_ua>div>div>div>div>a {
    color: #15304D !important;
}

/*moteur de recherche display flex pour aligner bien les selecteurs avec un espace entre chacun*/
#form_search145,
#form_search146,
#form_search147,
#form_search148,
#form_search149 {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 5px !important;
    width: 100%;
}

/*arrondit des tables du moteur de recherche mode Item*/
#input_search144,#input_search145,#input_search146,#input_search147,#input_search148,
#se144_cat_0,#se144_cat_1,
#se145_cat_0,#se145_cat_1,
#se146_cat_0,#se146_cat_1,
#se147_cat_0,#se147_cat_1,
#se148_cat_0,#se148_cat_1,
#se149_cat_0,#se149_cat_1,
.search_type>select:nth-child(1),
.from-wrapper>input:nth-child(2),
.to-wrapper>input:nth-child(2),
#se144_cat_4 {
    height: 40px !important;
}

#input_search144,
#input_search145,
#input_search146,
#input_search147,
#input_search148,
#se146_reg_0 {
    width: 100% !important;
    height: 40px !important;
}

div.djseform_field > input{
    border-radius: 8px !important;
    border: 1px solid #cba135 !important;
    height: 40px !important;
    /*width: 140px !important;*/
}

#ui-id-1,
#ui-id-2,
#ui-id-3 {
    border: 1px solid #ccbd4a !important;
    border-radius: 8px!important;
    overflow: visible !important;
    outline: 0 !important;
    box-shadow: 10px 0 -5px #cba135 !important;
    position: absolute;
}

.dj_cf_search_onerow > .search_row2 > .search_ex_fields > .djseform_field > {
    width: 200px; /*aligne bien les extra field en front end mais il faudrait exclure le div amanities pour pouvoir le resizer individuellement*/
}

.search_row1 {
    width: 100%;
}

.search_row2 {
    width: 53%;
}

@media screen and (max-width: 900px) {

    /*moteur de recherche version mobile*/
    /*.search_row1{
        width: 100% !important;
        display: flex;
        flex-direction: column;
        column-width: 100vw;
    }*/
    .search_row2 {
        width: 100% !important;
    }

    .djcf_se_row {
        max-width: 100% !important;
        display: inline !important;
    }

    .custom-select-wrapper {
        width: 100% !important;
    }

    #form_search146>div.search_row1>div.search_price.djcf_se_row {
        width: 50% !important;
    }

    #form_search146>div.search_row1>div.search_cats.djcf_se_row,
    #form_search146>div.search_row1>div.search_word.djcf_se_row,
    #form_search146>div.search_row1>div.search_type.djcf_se_row,
    #form_search146>div.search_row1>div.search_time.djcf_se_row,
    #form_search146 > div.search_row1 > div.search_regions.djcf_se_row {
        width: 48% !important;
    }

    /*.search148_ex_fields{
        width: 20% !important;
    }*/
    .se_checkbox {
        width: 180px !important;
    }

    /*#form_search145,
    #form_search146,
    #form_search147,
    #form_search148,
    #form_search149 {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    width: 100% !important;
    }*/
}

#mod_djcf_search146{
    width: 100%;
}

/*.amanitie_wrapper_custom{
    border: 1px solid #cba135; /*amanitie wrapper selector*/
    /*column-count: 2;
    column-gap: 10px;
    column-width: auto;
    border-radius: 6px;
    max-height: 350px;
    overflow-y: auto;
    padding-right: 10px;
    width: 500px;
    scroll-behavior: smooth;
}*/

div.se_checkbox_v{
    width: 100%;/*la taille du wrapper du label et de la check box regroupé pour les label amanities*/
}

div.se_checkbox_v > label{
    width: auto; /*la taille des label d'amanities*/
    color: #FCEFFA;
}

.se_checkbox {
  scroll-behavior: smooth;
  padding: 8px;
  scrollbar-width: 17px;
  overflow-y: hidden;
  -ms-overflow-style: scroll;
  background: linear-gradient(35deg,#01020552 0%,#fceffa3b 100%);
  position: relative;
  cursor: pointer;
  width: 224px;
  border: 1px solid #cba135;
  border-radius: 8px;
  max-width: 100vw;
}

.se_checkbox:hover{
    overflow-y: scroll; /*pour chrome*/
}
/*.se_checkbox::-webkit-scrollbar {
  display: display-outside;
}*/
.se_checkbox label {
  display: inline-block;
  width: auto;
  margin: 4px 0;
}

/* Scrollbar personnalisée uniquement pour WebKit (Chrome, Safari, Edge) */
.se_checkbox::-webkit-scrollbar {
  width: 8px;
}

.se_checkbox::-webkit-scrollbar-track {
  background: #ededed; /* Couleur de fond de la zone */
  border-radius: 8px;
}

.se_checkbox::-webkit-scrollbar-thumb {
  background:#ededed; /* effet rouge */
  border-radius: 8px;
  border: 1px solid #cba135;
}

.se_checkbox::-webkit-scrollbar-thumb:hover {
  background:#cba135;
}
    
.from_class{
    display: none;
}

.to_class{
    display: none;
}

select {
    background-color: #fceffa !important;
    color: #333 !important;
    border: none !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    background: transparent !important;
    width: 100% !important;
    padding-left: 12px !important;
    padding-right: 21px !important;
    font-size: 15px !important;
    outline: none !important;
    cursor: pointer !important;
    height: 40px !important;
    /*line-height: 40px !important;*/
}

 select:focus {
      background-color: #cba135;
    }

.djcf_se_row {
    width: 13% !important;/*mesure les div de la première colonne du moteur de recherche*/
    position: relative !important;
    background-color: #fceffa!important;
    border: 1px solid #cba135 !important;
    border-radius: 8px !important;
    overflow: visible !important;
    height: 100% !important;
    margin-right: 5px !important;
}

#se144_cat_0,
#se145_cat_0,
#se146_cat_0,
#se147_cat_0,
#se148_cat_0,
#se149_cat_0,
#se146_reg_0 {
    box-sizing: border-box !important;
    height: 40px !important;
    line-height: 40px !important;
    position: relative;
    padding: 0 36px 0 12px;
    /*overflow: hidden !important;*/
    margin-top: 0px !important; /*pour remettre le div dans son cadre */
}



#group_id {
    width: auto !important;
    position: relative !important;
    background-color: #f0f0f0 !important;
    border: 1px solid #cba135 !important;
    border-radius: 8px !important;
    overflow: hidden !important;
}

div.djcf_prow>div {
    background: #7dae928c !important;
}

/*footer text*/
.astroid-content-text>p:nth-child(1) {
    color: gainsboro;
}

input{
    padding: 12px !important;
    border: none !important;
    font-size: 1em !important;
    background: #FCEFFA !important;
    padding-block: 1px !important;
    padding-inline: 2px !important;
}

input[type="text"] {
    padding: 10px;
    border: none;
    border-radius: 6px;
    font-size: 16px;
    width: 100%;
    box-sizing: border-box;
    outline: none;
    transition: border-color 0.3s ease;
}

.search_price{
    width: 300px !important;
}

input[type="text"]:focus {
    border-color: #15304D;
    background-color: #f9f9f9;
}

div.djseform_field > div > input {
    border: 1px solid #cba135 !important;
}

/*design de la page de pricing*/
.pricing-container {
    max-width: 950px;
    margin: auto;
    text-align: center;
    background: rgba(0, 0, 0, 0.575);
    border-radius: 15px;
    border: 2px solid #cba135;
    box-shadow: 0 -5px 10px #cba135;
    padding: 20px;
}

#mod-custom153 > div > h1,
#mod-custom153 > div > div.pricing-grid > div > h2{
    color: #fceffa;   /*couleur du titre dans pricing*/
}

.pricing-title {
    font-size: 28px;
    font-weight: bold;
}

.pricing-subtitle {
    color: #cba135;
    margin-bottom: 20px;
}

.pricing-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
}

.pricing-card {
    border: 1px solid #cba135;
    padding: 20px;
    width: 200px;
    border-radius: 10px;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
    transition: transform 0.4s ease-in-out;
    background: rgba(43, 33, 95, 0.582);
}

div.pricing-card > p:nth-child(3){
    color: #cba135;
}

.pricing-card:hover {
    transform: scale(1.05);
}

.price {
    font-size: 24px;
    font-weight: bold;
    color: #7c7334;
}

.points {
    font-weight: bold;
}

.bonus {
    color: #e67e22;
    font-size: 14px;
}

.buy-button {
    display: inline-block;
    margin-top: 10px;
    padding: 8px 15px;
    background: #7dae92;
    color: white;
    text-decoration: none;
    border-radius: 5px;
}

.extra-info {
    margin-top: 40px;
}

.info-grid {
    display: flex;
    gap: 20px;
    justify-content: center;
}

.info-card a{
    width: auto;
    height: auto;
    text-align: center;
    background: #ccbd4a;
    padding: 15px;
    border: 2px solid #cba135;
    border-radius: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: transform 0.3s ease-in-out;
    cursor: pointer;
}

.info-card ul {
    padding-left: 20px;
}

.info-card>p:nth-child(1)>a:nth-child(1) {
    color: #ffff;
    /*vertical-align: center;*/
}

.info-card>p:nth-child(1)>a:nth-child(1):hover {
    color: black;
}

.info-card a:hover {
    transform: scale(1.05);
    background: #cba135;
    box-shadow: 0 -5px 10px #cba035af;
}

#mod-custom155{
    border: 2px solid #cba135;
    border-radius: 15px;
    box-shadow: 0 -5px 10px #cba035af;
    padding: 20px !important;
}
/*fin page de pricing*/

/*Titre des categories*/
div.cat_col > div > div > div > h2> a{
    /*font-family: poppins !important;*/
    font-size: 1.2rem !important;
}
/*reacadrage des images des categrories*/
div.cat_col > div > div > a> img,.cat_icon{
    border-radius: 15px !important;
    border: 1px solid #cba135 !important;
}

/*rededisgner les bordure du offcanvas*/
.astroid-offcanvas{
    border-top-left-radius: 35px !important;
    border-bottom-left-radius: 35px !important;
    border-left: 2px solid #cba135 !important;
    border-bottom: 2px solid #cba135 !important;
    border-top: 2px solid #cba135 !important;
}

/*espace entre les drapeaux*/
#astroid-offcanvas > div.astroid-offcanvas-inner > div > div > ul > li{
    margin-left: -10px !important;
}

/*recadrage couleur de l'image dans detail*/
.mfp-img,#djc_mainimage,div.djc_thumbnail > a > img{
    border-radius: 36px;
    border: 2px solid #cba135;
    box-shadow: 0 -5px 10px #cba135;
}

/* user avatar reacadrage et photos logos*/
.djcf_user_avatar_img>img,
.djcf_user_avatar_img,
.profile_img > img,
.profile_img > img,div.span6 > div > div > div > a > img,
#contact_ex_fields > div.djform_row.djtype_image.djrow_company_logo.group_1 > div.djform_field.has-success > div > div,
#contact_ex_fields > div.djform_row.djtype_image.djrow_company_logo.group_1 > div.djform_field.has-success > div > div > .imgMask,
#contact_ex_fields > div.djform_row.djtype_image.djrow_company_logo.group_1 > div.djform_field.has-success > div > div >img,
.profile_image > div:nth-child(2) > div:nth-child(1) > div:nth-child(1),
.profile_image > div:nth-child(2) > div:nth-child(1) > div:nth-child(1) > .imgMask,
.profile_image > div:nth-child(2) > div:nth-child(1) > div:nth-child(1) img,
.djtype_image > div:nth-child(2) > div:nth-child(1) > div:nth-child(1),
.djtype_image > div:nth-child(2) > div:nth-child(1) > div:nth-child(1) .imgMask,
.djtype_image > div:nth-child(2) > div:nth-child(1) > div:nth-child(1) img {
    border-radius: 50px !important;
    border: 1px solid #cba135 !important;
    box-shadow: 0 -2px 5px #cba135 !important;
    width: 100px !important;
    height: 100px !important;
}

/* reformatage des couleurs dans les annonces de profil et des images*/
div.item_row > div > h3 > a,
div.item_row > div > a,
div.item_row > div > a,
.profile_name{
    color: #15304D !important;
    font-size: medium !important;
}

div.item_row > div > a > img{
    border-radius: 15px;
    border: 2px solid #cba135;
    box-shadow: 0 -5px -10px #cba135;
}

div.normal > a > img{
    border: none !important;
}

div.item_row > div > span{
    font-size: medium !important;
}

/*fontsize du prix*/
div.item_box > div> div > div> div > div > span,
div.pd_row > span > span,
#price-lbl,
#djForm>div:nth-child(1)>div.additem_djform_in>div.djform_row.price>div.djform_field>div>label,
#paymentForm > div.pd_row_net > span.price > span.price_val,
#paymentForm > div.pd_row_tax > span.price > span.price_val {
    font-size: 15px !important;
}

/*enregistrement d'une annonce*/
#name,
#cat_0,
#intro_desc,
#description,
#metadesc,
#reg_0,
#exp_days,
#contact,
#djcompany_name,
#imgInp3,
#video,
#price,
#djForm > div.images_box.additem_djform > div:nth-child(1) > label,
#uploader_filelist > tr > td,
#uploader_browse > span.ui-button-text,
#djForm > div.prom_rows.additem_djform > div.title_top > div,
#djForm > div.prom_rows.additem_djform > div.additem_djform_in > div > div.djform_field > div.djform_prom_img > div > img,
#djbedroom,
#djbathroom,
#djroom,
#djliving_area,
#djfield_area,
#ex_fields > div.djform_row.djtype_checkbox.djrow_amanities.group_8.djshow_in_modal > div.djform_field > div.djmodal_trigger_wrapper,
#djtype_of_energy_consumption,
#djtype_of_emission,
#jform_name,
#jform_username,
#jform_password1,
#jform_email1,
.djImgInp,
.as-joomla-captcha-result > input:nth-child(1),
#djcompany_name_profile,
#djcompany_phone_profile,
#djwebsite_profile,
#cat_1,
#cat_2,
#cat_4,
#cat_5,
#cat_6,
#cat_7,
#reg_2,
#reg_1,
#reg_3,
#reg_4
#reg_5,
#reg_6 {
    border: 1px solid #cba135 !important;
    background-color: #fceffa !important;
    border-radius: 8px !important;
}

#itemImages > div > div{
    border-radius: 15px !important;
    border: 1px solid #cba135 !important;
}

div.djcf_prow > div > div > a{
    padding: 5px !important;
}

/*moteur de recherche mode profile*/
#form_search156{
    display: flex!important;
    flex-wrap: wrap !important;
    justify-content: space-between !important;
    gap: 5px !important;
    margin-top: 20px;
    margin-bottom: 20px;
}

/*#form_search156 > div {
    width: 180px !important;
    height: 40px !important;
}*/

/*login reformatage niveau largeur*/
.com-users-login{
    width: 400px !important;
    background-color: #f3efea63 !important;
    padding: 10px !important;
    border-radius: 15px !important;
    border: 2px solid #cba135;
}

/*#username-lbl,
#password-lbl,
#com-users-login__form > fieldset > div.com-users-login__remember.mb-3 > div > label{
    color: #FCEFFA;
}*/

#username,
#passwqord {
    border: 1px solid #cba135 !important;
}

#username:focus,
#password:focus{
    border: 2px solid #7dae92 !important;
    box-shadow: -10px -10px -20px #cba135 !important;
}

/*label moteur de recherche couleurs sur gradiant*/
#form_search144 > div.search_row2 > div.search_only_wrapper > div.search_only_price_negotiable.djcf_se_row_ch > label,
#form_search144 > div.search_row2 > div.search_only_wrapper > div.search_only_images.djcf_se_row_ch > label,
#form_search144 > div.search_row2 > div.search_only_wrapper > div.search_only_video.djcf_se_row_ch > label {
    color: #ffffcc;
}

/* flèche style qui va avec le JS custom pour les select et y ajouter une flèche dorée*/
.custom-select-wrapper {/*le wrapper qui vient se mettre autour du select grâce au script JS*/
    position: relative !important;
    display: inline-block !important;
    width: 100%;
  }

/*#form_search146 > div.search_row1 > div {
    width: 100% !important;
}*/

  .custom-select-wrapper select {
  /*appearance: none !important;*/
  width: 100% !important;
  height: 40px !important; /* ✅ Hauteur standard */
  line-height: 40px !important; /* ✅ Alignement vertical du texte */
  padding: 0 36px 0 12px !important;
  font-size: 16px !important;
  border-radius: 5px !important;
  box-sizing: border-box !important;
  background-color: #FCEFFA !important;
}

  .custom-arrow {
    position: absolute !important;
    right: 5px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    pointer-events: none !important;
    color: #cba135 !important;
    font-size: 35px !important;
    z-index: 2 !important;
  }

  .djcf_form_group {
  position: relative;
  overflow: visible !important; /* débloque les flèches ou menus longs */
  z-index: 1;
}

.modal-content {
    border: 1px solid #cba135;/*encadrer la modal box amamnities dorée*/
}

/*conteneurs de profils couleur et transparence*/
#dj-classifieds > div.profiles_items > div.dj-useradverts.djprofiles.clearfix > div > div{
    background: #f3efea63 !important;
}

div.djseform_field>span,
.search_only_price_negotiable > label:nth-child(2),
.search_only_images > label:nth-child(2),
.search_only_video > label:nth-child(2),
.search_open,
.search_close {
    color: #FCEFFA !important;/*couleur des labels extra field advanced search*/
}

.reset {
    color: #b48e2d;
}

.search_open:hover,
.search_close:hover,
.reset:hover {
    color: #314b88 !important;
}

/*message d'allerte couleur trop clair car texte et lien blanc*/

#djForm > div:nth-child(1) > div.additem_djform_in > div.djform_row.djform_info_row > div{
    background: #63b4c4;
}

#djForm > div:nth-child(1) > div.additem_djform_in > div.djform_row.points_info_row > div > a{
    color: #cba135;
}

#djForm > div:nth-child(1) > div.additem_djform_in > div.djform_row.points_info_row > div > a:hover{
    color: #63b4c4 ;
}

/*texte de la page d'accueil*/
#awt-61bae20c0d2cf499628496{
    background: #ffffff71;
    padding: 10px;
    border-radius: 15px;
}

/*style de la modal translation plugin*/
/* MODAL BACKGROUND */
            .translate-modal {
                display: none;
                position: fixed;
                z-index: 9999;
                left: 0;
                top: 0;
                width: 100vw;
                height: 100vh;
                overflow: auto;
                background-color: rgba(0,0,0,0.6);
            }

            /* MODAL CONTENT BOX */
            .translate-modal-content {
                background-color: #fff;
                margin: 10% auto;
                padding: 20px 30px;
                border-radius: 12px;
                width: 90%;
                max-width: 600px;
                position: relative;
                color: #222;
                font-family: sans-serif;
                box-shadow: 0 8px 20px #A42200;
            }

            /* CLOSE BUTTON */
            .translate-modal-close {
                color: #aaa;
                float: right;
                font-size: 24px;
                font-weight: bold;
                cursor: pointer;
            }
            .translate-modal-close:hover {
                color: #c00;
            }/* Place ici le CSS ci-dessus, sans la balise <style> */

             /*éviter que le texte promotion bold devienne blanc*/
            #dj-classifieds .djcf_items_blog .promotion.p_bg .item_box_in2{
                color: #15304D;
            }

            /*module special (les annonces en top de la page)*/
            #mod_djclassifieds_items161{
                background: rgba(255, 255, 255, 0.5);
                border-radius: 15px;
                box-shadow: 0 -5px 20px #0a1f44;
                margin-bottom: 30px;
                border: 1px solid #cba135;
            }

            #mod_djclassifieds_items161 > div.items-outer > div > div > div > div > div{  /*donne de l'oxygène au module*/
                padding: 15px;
            }

            #mod_djclassifieds_items161 > div.items-outer > div > div > div > div > div > div > div.title > a.title_img > img{
                border-radius: 15px;
                border: 1px solid #cba135;
            }

            /*mise en forme des boutons de paiement*/
            .button{
                height: auto;
                width: auto;
                display: block !important;
            }

            #cookieconsent\:desc > a.cc-link.cc-privacy{
                display: none;
            }