@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");

/*MODIF MOUSS*/
/*----------GOOGLE MAP--------*/
.map-container {
    height: 500px;
    width: 100%;
}

#map {
    width: 100%;
    height: 100%;
}

#msg {
    color: orangered;
}
/*----------/GOOGLE MAP-------*/
/*---------Select-----------*/
.ca-select-box > select {
    /* Reset Select */
    appearance: none;
    outline: 0;
    border: 0;
    box-shadow: none;
    /* Personalize */
    flex: 1;
    padding: 0 1em;
    color: var(--varCouleur-Vert);
    background-color: var(--varCouleur-Blanc);
    background-image: none;
    cursor: pointer;
    font-size: 2em;
    height: 100%;
}

    /* Remove IE arrow */
    .ca-select-box > select::-ms-expand {
        display: none;
    }
/* Custom Select wrapper */
.ca-select-box {
    position: relative;
    display: flex;
    width:100%;
    height: 100%;
    border-radius: .25em;
    overflow: hidden;
}
    /* Arrow */
    .ca-select-box::after {
        content: '\25BC';
        position: absolute;
        top: 0;
        right: 0;
        padding: 1em;
        background-color: var(--varCouleur-Blanc);
        transition: .25s all ease;
        pointer-events: none;
        color: var(--varCouleur-Vert);
    }
    /* Transition */
    .ca-select-box:hover::after {
        color: var(--varCouleur-Vert);
    }
/*----------/Select-----------*/

/*Override the initial ui-dialog*/
.ui-dialog {
    width: 100% !important;
  }
  .ui-dialog-titlebar {
    overflow: hidden;
    background: #1aa6ac url(../img/headpad.png) top repeat-x;
    padding: 10px; 
    font-weight: bold;
    text-shadow: 1px 1px 0 #eee;
  }
  .img-dialog {
    width: 100%;
    display: flex;
    justify-content: center;
  }
  /*---------------*/
.ca-container-center > input {
    height: 100%;
    background-color: var(--varCouleur-Blanc);
}

.ca-disable {
    pointer-events: none;
}

.ca-flex-row {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-evenly;
    margin: 1em 0em 1em 0em;
}

#divCheckFilter .ca-Flex-AlignCenter > .ca-Flex-AlignCenter > label {
    width: 10vw !important;
}

.ca-overflow-scroll-edit-favorite {
    margin-top: 26em;
    width: 100%;
}

.ca-overflow-scroll-manage {
    margin-top: 26em;
    width: 100%;
}

.ca-badge-container > .badge {
    font-size: 140% !important
}

.ca-link-btn-margin-top {
    padding-top: 9px;
    color: var(--varCouleur-Blanc) !important;
    text-align: center;
}

    .ca-link-btn-margin-top:hover {
        padding-top: 9px;
        color: var(--varCouleur-Blanc) !important;
        text-align: center;
        text-decoration: none;
    }

.remove-image-button {
    cursor: pointer;
}

.qq-upload-button-selector input {
    width: 100% !important;
}

.qq-uploader {
    position: relative;
    width: 100%;
    margin-top: 1em;
    font-size: 12px;
}

.qq-upload-button-hover {
    background-color: var(--varCouleur-Orange) !important;
    margin-top: 1em;
    cursor: pointer;
    display: block;
}

.ca-euro-symbol {
    font-size: 20px;
    margin-top: 4px;
    color: var(--varCouleurVert);
}

label {
    /*Do it to override _reboot.scss from bootstrap*/
    margin-bottom: 0rem;
}

/*Parce que le menu déborde (spécifique a beritovet.fr -> va etre fixé sous peu) */

@media (min-width: 1391px) {
    .ca-overflow-scroll {
        margin-top: 42em !important;
    }

    .ca-overflow-scroll-create {
        margin-top: 24em !important;
    }
}

@media (min-width: 481px) and (max-width:768px ) {

    .ca-overflow-scroll {
        margin-top: 1em !important;
    }

    .ca-overflow-scroll-create {
        margin-top: 1em !important;
    }
}

@media (min-width: 769px) and (max-width:1024px ) {

    .ca-overflow-scroll {
        margin-top: 1em !important;
    }

    .ca-overflow-scroll-create {
        margin-top: 1em !important;
    }
}

@media (min-width: 1025px) and (max-width:1280px ) {

    .ca-overflow-scroll {
        margin-top: 42em !important;
    }

    .ca-overflow-scroll-create {
        margin-top: 28em !important;
    }
}

@media (min-width: 1281px) and (max-width:1390px) {

    .ca-overflow-scroll {
        margin-top: 42em !important;
    }

    .ca-overflow-scroll-create {
        margin-top: 28em !important;
    }
}

.warning {
    background-color: var(--warning);
}

.bar-notification.success {
    background: #a0b762;
}

.error {
    background-color: var(--error);
}

.bar-notification {
    font-size: 2rem;
}

.search-results-bar {
    background-color: var(--varCouleur-Vert-BarreRecherche);
    color: var(--varCouleur-Blanc);
    margin: 0;
}

.ca-admenu-button {
    width: calc(var(--varLargeur-switch-box) / 2);
    border: 1px var(--varCouleur-Vert);
    box-shadow: var(--varBoxShadow-inset);
    height: var(--varHauteur-checkbox);
    padding-top: 0.2em;
    text-transform: uppercase;
    font: normal normal normal 1.3em Jost;
}

    .ca-admenu-button:hover {
        color: var(--varCouleur-Blanc);
        text-decoration: none;
    }

.ca-admenu-search-button {
    border-radius: var(--var-label-radiusL);
}

.ca-admenu-create-button {
    border-radius: var(--var-label-radiusR);
}

.ca-admenu-button-active {
    background: var(--varCouleurVert-Grad);
    color: white;
}

.ca-admenu-button-inactive {
    background: var(--varCouleur-Gris);
}

a.ca-linkbutton-vert {
    background-color: var(--varCouleur-Vert);
    padding: 1rem 2rem 1rem 2rem;
    text-align: center;
    font-size: 1.813em;
    font-weight: 500;
    color: var(--varCouleur-Blanc);
    height: 2.5em;
    width: 10.063em;
    border-radius: 18px;
}

    a.ca-linkbutton-vert:hover {
        text-decoration: none;
    }


/*/MODIF MOUSS*/
.ca-button-size, .ca-button-rouge, .ca-button-bleu, .ca-button-vert {
    height: 2.5em;
    width: 10.063em;
    border-radius: 18px !important;
}

.ca-font-attribut, .ca-button-rouge, .ca-button-bleu, .ca-button-vert {
    font-size: 1.813em;
    font-weight: 500;
    color: var(--varCouleur-Blanc);
}

.ca-button-vert {
    background-color: var(--varCouleur-Vert);
}

.ca-button-bleu {
    background-color: var(--varCouleur-Bleu);
}

.ca-button-rouge {
    background-color: var(--varCouleur-Rouge2);
}

.ca-dFlex-only, .ca-content-container {
    display: flex;
}

.ca-Flex-AlignCenter, .ca-margin-last-block, .ca-block-switch3 > .ca-child-block--3, .ca-block-switch2 .ca-form-check, .ca-favoris-box > div, .ca-svg-block > .ca-svg-block-child {
    display: flex;
    align-items: center;
}

.ca-Flex-Center-Center, .ca-blockImage-Enfant2 span, .ca-ruban-h2-span > h2, .ca-ruban > h2, .ca-ruban-favoris > h2, #mesAnnonces .ca-section-list > h3, #mesAnnonces .ca-section-list2 > h3, .ca-part1-search-edit-bar, .ca-section-list-block > form > button, .ca-section-list-block3 > .ca-block-name, .ca-block-svg-share {
    display: flex;
    align-items: center;
    justify-content: center;
}

.ca-Flex-wrap-Center-Center {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.ca-Flex-Row-AlignCenter {
    display: flex;
    flex-direction: row;
    align-items: center;
    height: auto;
    width: 100%;
}

.ca-flex-column {
    display: flex;
    flex-direction: column;
}

.ca-flex-column-list {
    display: flex;
    flex-direction: column;
    width: 30%;
}

.ca-flex-column-list-favoris {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.ca-flex-column-center-center, .ca-ruban-h2-span, .ca-ruban, .ca-ruban-favoris, .ca-part2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.ca-Flex-space-evenly {
    display: flex;
    justify-content: space-evenly;
}

.ca-flex-column-space-evenly, .ca-block-detail-annonce {
    display: flex;
    justify-content: space-evenly;
    flex-direction: column;
}

.ca-Flex-AlignCenter-space-evenly, .ca-block-switch > .ca-child-block--1, .ca-block-switch1 > .ca-child-block--2, .ca-block-switch2 > .ca-child-block--1 {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}

.ca-Flex-AlignCenter-space-between, .ca-block-img {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.ca-Flex-flexEnd-space-between, #divCheckCreaAnnonceCol2 {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.ca-Flex-space-between, .blockImageParent {
    display: flex;
    justify-content: space-between;
}

.ca-Flex-AlignCenter, .ca-margin-last-block, .ca-block-switch3 > .ca-child-block--3, .ca-block-switch2 .ca-form-check, .ca-favoris-box > div, .ca-svg-block > .ca-svg-block-child {
    display: flex;
    align-items: center;
}

.ca-Flex-JustifyCenter {
    display: flex;
    justify-content: center;
}

.ca-flex-column-flexEnd, .ca-favoris-box {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.ca-flex-flexEnd, .ca-content-etiquette-modif-favoris {
    display: flex;
    align-items: flex-end;
}

.ca-flex-column-alignCenter, .ca-colonne, .ca-colonne2 {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.ca-flex-alignCenter-column, .ca-content-etiquette-detail {
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

.ca-Flex-AlignStart-space-around, .ca-content-etiquette {
    display: flex;
    align-items: flex-start;
    justify-content: space-around;
}



/* MA GRILLE */
.ca-row {
    max-width: 70%;
    margin: 0 auto;
    margin-bottom: 1%;
}


.row::after {
    clear: both;
    content: "";
    display: block;
}

/* LISTE ANNONCES */
.ca-etiquette-attribut, .ca-ettiquette-modif-favoris, .ca-ettiquette-annonce {
    padding: 1%;
    width: 100%;
    filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));
    border-radius: 20px;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

.ca-ettiquette-annonce {
    background: var(--varCouleur-Gris);
}

.ca-ettiquette-modif-favoris {
    padding-top: 3em;
    padding-left: 3vw;
    padding-right: 3vw;
    background: var(--varCouleur-Vert-BarreRecherche);
}

.ca-content-etiquette {
    column-gap: 1%;
}

.ca-content-etiquette-modif-favoris {
    column-gap: 1%;
}

.ca-content-etiquette-detail {
    column-gap: 1%;
    border-right: 2px solid var(--varCouleur-Vert);
}

.ca-ettiquette-annonce:hover {
    filter: drop-shadow(0px 8px 10px rgba(0, 0, 0, 0.16));
}

.ca-favorite {
    border: 5px solid var(--varCouleur-Orange);
    /* background: rgba(230, 135, 73, 0.15); */
    background: bottom center/100% no-repeat url("../img/Background-star.png"), rgba(230, 135, 73, 0.15);
    filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));
}

.ca-etiquette-desc {
    width: 100%;
}

    .ca-etiquette-desc > h3 {
        font-weight: bold;
        font-size: 2.25rem;
        text-align: left;
        text-transform: uppercase;
        color: var(--varCouleur-Noir);
    }

.ca-section-list-icon {
    width: 1.5vw;
}

.ca-section-list {
    background-color: #eaeaea;
    padding: 1%;
    margin: auto;
}

    .ca-section-list label {
        font-size: 1.5rem;
        color: var(--varCouleur-Noir);
    }

    .ca-section-list h4 {
        font-weight: normal;
        font-style: italic;
        font-size: 20px;
        text-align: left;
        color: var(--varCouleur-Vert);
        margin: 0 0 1em 0;
    }

.ca-section-list2 {
    background-color: #eaeaea;
    padding: 1%;
    margin: auto;
}

    .ca-section-list2 label {
        font-size: 30px;
        color: var(--varCouleur-Noir);
        font-style: italic;
    }

    .ca-section-list2 h4 {
        font-weight: normal;
        font-style: italic;
        font-size: 30px;
        text-align: left;
        color: var(--varCouleur-Vert);
        margin-bottom: 0.5rem;
    }

.ca-section-list h5 {
    font-weight: normal;
    font-style: italic;
    font-size: 1.5rem;
    text-align: left;
}

.ca-section-list-text {
    font-weight: normal;
    font-size: 25px;
    text-align: left;
    margin-right: 40px;
    margin-bottom: 0.5em;
}

.ca-annonce-ettiquette-img {
    width: 30%;
    border: var(--varBorder-List);
    border-radius: 20px;
}

.ca-annonce-ettiquette-img2 {
    width: 13vw;
    border: var(--varBorder-List);
    border-radius: 20px;
}

.ca-img-favoris {
    border: var(--varBorder-List-favoris);
}

.ca-section-list-block {
    display: grid;
    justify-content: end;
    justify-items: end;
    row-gap: 1rem;
    margin-left: 7px;
}

.ca-section-list-img {
    display: grid;
    justify-content: end;
    justify-items: end;
    padding-right: 2.2em;
    margin-bottom: 1.875em;
    width: 100%;
}

.ca-section-list-prix {
    font-weight: bold;
    font-size: 40px;
    text-align: left;
    margin-bottom: 20px;
}

.ca-section-list-block > form > button {
    height: var(--varHauteur-bouton-etiquette);
    width: var(--varLargeur-bouton-etiquette);
    text-decoration: none;
    font-size: 12px;
    padding: 1.2rem;
    border-radius: 20px;
    background: var(--varCouleur-Vert);
    color: #fff;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    /* transition: ease-in-out; */
}

    .ca-section-list-block > form > button:hover {
        background-color: var(--varCouleur-Blanc);
        border: solid var(--varCouleur-Vert);
        color: var(--varCouleur-Vert);
    }

.ca-star-favoris {
    height: var(--varHauteur-star-favoris);
    width: var(--varLargeur-star-favoris);
    position: absolute;
    top: var(--varTop-star-favoris);
    left: var(--varLeft-star-favoris);
}

.ca-block-map {
    height: 100%;
    width: 100%;
    border-radius: 12px;
}

.ca-block-img {
    width: 100%;
    padding-right: 2em;
    padding-bottom: 2em;
}

.ca-block-detail-annonce {
    width: 100%;
    padding-right: 0.938em;
}

.ca-svg-detail-annonce {
    height: auto;
    width: 100%;
}

.ca-svg-block {
    height: auto;
    width: 14.7vw;
    display: grid;
    row-gap: 0.5em;
}

    .ca-svg-block > .ca-svg-block-child {
        border-radius: 5px;
        background: var(--varCouleur-Vert-Trans2);
        height: 27px;
        width: 100%;
        color: var(--varCouleur-Vert);
        font-size: 13px;
    }

        .ca-svg-block > .ca-svg-block-child > span {
            width: 75%;
            text-transform: uppercase;
            text-align: center;
            font-size: 2vh;
        }

        .ca-svg-block > .ca-svg-block-child > img {
            margin-left: 1em;
        }

    .ca-svg-block > :last-child {
        margin-bottom: 20px;
    }

.ca-section-list-block2 {
    display: grid;
    justify-content: start;
    justify-items: stretch;
    width: 100%;
    margin-top: 2em;
}

.ca-section-list-block3 {
    display: grid;
    justify-content: center;
    justify-items: center;
    width: 100%;
    padding: 2.2em;
}

    .ca-section-list-block3 > .ca-block-name {
        border-radius: 5px;
        background: var(--varCouleur-Vert);
        height: 3em;
        width: 50%;
        color: var(--varCouleur-Blanc);
        font-weight: bold;
        font-size: 13px;
        padding: 0.5em;
        align-self: center;
    }

        .ca-section-list-block3 > .ca-block-name > span {
            margin-left: 0.5em;
        }

        .ca-section-list-block3 > .ca-block-name > img {
            margin-left: 0.5em;
        }

.ca-svg-contact {
    height: auto;
    display: flex;
    flex-direction: column;
}

.ca-svg-contact-child {
    height: auto;
    display: grid;
    justify-items: center;
    grid-template-columns: 2vw 13vw;
    color: var(--varCouleur-Vert);
    font-size: 22px;
    padding-left: 0.5em;
    margin-bottom: 0.5em;
}

    .ca-svg-contact-child > img {
        margin-left: 0.5em;
    }

    .ca-svg-contact-child :last-child {
        font-size: 17px;
    }

.ca-svg-contact-child2 {
    height: auto;
    display: grid;
    justify-items: center;
    grid-template-columns: 0vw 1vw;
    color: var(--varCouleur-Vert);
    font-size: 22px;
    padding-left: 0.5em;
    margin-bottom: 0.5em;
}

    .ca-svg-contact-child2 > img {
        margin-left: 0.5em;
    }

    .ca-svg-contact-child2 :last-child {
        font-size: 17px;
    }

.ca-block-svg-share {
    height: 56px;
    width: 56px;
}

.ca-section-button-block {
    display: grid;
    justify-content: end;
    justify-items: end;
    row-gap: 1rem;
    width: 100%;
}

.ca-recherche-avancee-Taille {
    width: 2.375em;
    height: 2.063em;
}

    .ca-recherche-avancee-Taille > img {
        background: var(--varCouleur-Vert);
    }

.ca-mettre-favoris-Taille {
    width: 2.188em;
    height: 1.938em;
}

.ca-input-attributs, .ca-input-crea-annonce, .ca-textarea, .ca-caret-enable {
    height: 2.1em;
    position: relative;
    border: none;
    color: var(--varCouleur-Vert);
    background: var(--varCouleur-Gris);
    padding: 13px 14px;
    font-size: 20px;
    caret-color: auto;
}

    .ca-input-attributs::placeholder, .ca-input-crea-annonce::placeholder, .ca-textarea::placeholder, .ca-caret-enable::placeholder {
        color: var(--varCouleur-Vert);
        font-size: 20px;
        line-height: 0;
    }

    .ca-input-attributs:focus, .ca-input-crea-annonce:focus, .ca-textarea:focus, .ca-caret-enable:focus {
        outline: none;
        content: "";
    }

:root {
    --varCouleur-Blanc: #ffffff;
    --varCouleur-Blanc-Filtre: invert(100%) sepia(0%) saturate(0%) hue-rotate(179deg) brightness(100%) contrast(100%);
    --varCouleur-Gris: #f5f5f5;
    --varCouleur-Gris2: #efefef;
    --varCouleur-Gris3: #545454;
    --varCouleur-Gris4: #707070;
    --varCouleur-Orange: #e68749;
    --varCouleur-Vert: #22a9af;
    --varCouleurVert-Grad: linear-gradient(#22a9af 0%, #115558 100%);
    --varCouleur-Vert-Trans: rgba(34, 169, 175, 0.5);
    --varCouleur-Vert-Trans2: #22a9af41;
    --varCouleur-Vert-BarreRecherche: #90d4d7;
    --varCouleur-Vert-Filtre: invert(47%) sepia(100%) saturate(323%) hue-rotate(134deg) brightness(96%) contrast(96%);
    --varCouleur-Vert2-filter: invert(85%) sepia(60%) saturate(316%) hue-rotate(145deg) brightness(91%) contrast(84%);
    --varCouleur-Red-Filter: invert(13%) sepia(91%) saturate(7296%) hue-rotate(0deg) brightness(95%) contrast(115%);    
    --varCouleur-Noir: #000000;
    --varCouleur-Bleu: #00a7ff;
    --varCouleur-Rouge: #f00;
    --varCouleur-Rouge2: #af2222;
    --varCouleur-Rouge-Filter: invert(17%) sepia(100%) saturate(6356%) hue-rotate(359deg) brightness(101%) contrast(117%);
    --varCouleurRouge-Grad: linear-gradient(#ff7272 0%, #f00 100%);
    --web-view-ids: ANNONCE_-_ACCEUIL;
    --varBoxShadow-inset: inset 0px 15px 15px #00000029;
    --varLargeur-parent-switch-box: 20%;
    --varLargeur-switch-box: 100%;
    --varHauteur-switch-box: 2.75rem;
    --varLargeur-switch-box2: calc(var(--varLargeur-label-box2) * 2);
    --varHauteur-switch-box2: 2.5rem;
    --varLargeur-label-box2: 2.188rem;
    --varHauteur-label-box2: var(--varLargeur-label-box2);
    --var-label-radiusR: 0 2em 2em 0;
    --var-label-radiusL: 2em 0 0 2em;
    --varFontSize-label-recherche-avancee: 1.5em;
    --varFontSize-label-favoris: 1.75em;
    --varFontStyle-italic: italic;
    --varFontWeight-label-favoris: 500;
    --varHauteur-checkbox: 25px;
    --varLargeur-checkbox: var(--varHauteur-checkbox);
    --varBorderRadius-checkbox: 0.5em;
    --varFontWeight-labels-filters: 23px;
    --varHauteur-select: 2.624em;
    --varLargeur-select: 10vw;
    --select-border: inherit;
    --select-focus: --varCouleur-Vert-Trans;
    --select-arrow: var(--varCouleur-Vert);
    --varHauteur-bouton-recherche: 2.688em;
    --varLargeur-bouton-recherche: 9.9em;
    --varCouleur-bouton-recherche-hover: radial-gradient(var(--varCouleur-Noir), var(--varCouleur-Gris3));
    --varHauteur-star-favoris: 6.25em;
    --varLargeur-star-favoris: var(--varHauteur-star-favoris);
    --varHauteur-star-creer-annonce: 30px;
    --varLargeur-star-creer-annonce: var(--varHauteur-star-creer-annonce);
    --varTop-star-favoris: -30px;
    --varLeft-star-favoris: -25px;
    --varBorder-List: 4px solid var(--varCouleur-Vert);
    --varBorder-List-favoris: 4px solid var(--varCouleur-Orange);
    --varHauteur-bouton-etiquette: 3em;
    --varLargeur-bouton-etiquette: 11.063em;
    --varHauteur-Colonne: 100%;
    --varLargeur-Colonne: 100%;
    --varLargeur-bouton-creer-annonce: 65%;
}

.ca-height-width-100pour100, .blockImageParent, #mesAnnonces, .ca-container-creaAnnonce, .ca-container-creaAnnonce2, .ca-overflow-scroll {
    height: 100%;
    width: 100%;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    border: none;
}

html {
    font-size: 62.5%;
    font-family: "Jost", sans-serif;
    display: block;
}

* {
    font-family: "Jost", sans-serif;
}

body {
    margin: auto;
    width: 95%;
}

.wrapper {
    max-width: 70%;
}

input,
select,
ca-options {
    cursor: pointer;
}

.ca-overflow-scroll {
    margin-top: 38em;
}

/*#region base top blocks */
.ca-searchbar {
    /* position: fixed;
  display: block;
  top: 175;
  z-index: 1000;*/
    width: 95%;
    background: linear-gradient(rgba(0, 0, 0, 0.5), transparent);
}

.ca-searchbar-crea-annonce {
    display: contents;
    width: 95%;
    background: linear-gradient(rgba(0, 0, 0, 0.5), transparent);
}

.ca-part1 {
    display: flex;
    justify-content: center;
    text-align: center;
    background-color: var(--varCouleur-Blanc);
    width: 100%;
    padding-bottom: 1rem;
}

    .ca-part1 img {
        display: block;
        max-width: 2rem;
        padding: 2px;
    }

.ca-part1-search-edit-bar {
    width: 40%;
}

.ca-part2 {
    width: 100%;
    background: var(--varCouleur-Vert-BarreRecherche);
}

/*#endregion */
/*#region checkbox filtres */
.ca-cross-attributs, #divCheckCreaAnnonceCol2 .ca-Flex-flexEnd-space-between .ca-checkbox-filter > .ca-cross-checkbox-checked, #divCheckCreaAnnonceCol2 #divCheckCreaAnnonceCol2 .ca-checkbox-filter > .ca-cross-checkbox-checked, #divCheckCreaAnnonceCol2 .ca-Flex-flexEnd-space-between .ca-checkbox-filter > .ca-cross-checkbox-unchecked, #divCheckCreaAnnonceCol2 #divCheckCreaAnnonceCol2 .ca-checkbox-filter > .ca-cross-checkbox-unchecked, #divCheckCreaAnnonce .ca-Flex-AlignCenter-space-between .ca-checkbox-filter > .ca-cross-checkbox-checked, #divCheckCreaAnnonce .ca-Flex-AlignCenter-space-between .ca-checkbox-filter > .ca-cross-checkbox-unchecked, #divCheckFilter .ca-Flex-AlignCenter .ca-checkbox-filter > .ca-cross-checkbox-checked, #divCheckFilter .ca-Flex-AlignCenter .ca-checkbox-filter > .ca-cross-checkbox-unchecked {
    height: var(--varHauteur-checkbox);
    width: var(--varLargeur-checkbox);
    z-index: 1;
}

#divCheckFilter .ca-Flex-AlignCenter {
    height: 30px;
    width: 15vw;
    margin: 0 4em 0 0;
}

    #divCheckFilter .ca-Flex-AlignCenter .ca-checkbox-filter {
        height: var(--varHauteur-checkbox);
        width: var(--varLargeur-checkbox);
        background: var(--varCouleur-Blanc);
        border-radius: var(--varBorderRadius-checkbox);
        z-index: 1;
    }

        #divCheckFilter .ca-Flex-AlignCenter .ca-checkbox-filter > .ca-cross-checkbox-unchecked {
            animation: checkboxUnhecked 0.5s forwards ease-in-out;
        }

        #divCheckFilter .ca-Flex-AlignCenter .ca-checkbox-filter > .ca-cross-checkbox-checked {
            animation: checkboxChecked 0.5s forwards ease-in-out;
        }

    #divCheckFilter .ca-Flex-AlignCenter > .ca-Flex-AlignCenter {
        position: relative;
    }

        #divCheckFilter .ca-Flex-AlignCenter > .ca-Flex-AlignCenter > input {
            height: 100%;
            width: 100%;
            opacity: 0;
            z-index: 2;
            position: absolute;
        }

        #divCheckFilter .ca-Flex-AlignCenter > .ca-Flex-AlignCenter > label[for=aDebatre] {
            width: 6vw;
        }

        #divCheckFilter .ca-Flex-AlignCenter > .ca-Flex-AlignCenter > label {
            font-size: 1.5em;
        }

        #divCheckFilter .ca-Flex-AlignCenter > .ca-Flex-AlignCenter > * {
            margin: 8px 8px 8px 0;
        }

#divCheckCreaAnnonce {
    margin: 7px 0 7px 0;
}

    #divCheckCreaAnnonce .ca-Flex-AlignCenter-space-between {
        height: 30px;
        width: 100%;
        margin: 0 4em 0 0;
    }

        #divCheckCreaAnnonce .ca-Flex-AlignCenter-space-between .ca-checkbox-filter {
            height: var(--varHauteur-checkbox);
            width: var(--varLargeur-checkbox);
            background: var(--varCouleur-Blanc);
            border-radius: var(--varBorderRadius-checkbox);
            z-index: 1;
        }

            #divCheckCreaAnnonce .ca-Flex-AlignCenter-space-between .ca-checkbox-filter > .ca-cross-checkbox-unchecked {
                animation: checkboxUnhecked 0.5s forwards ease-in-out;
            }

            #divCheckCreaAnnonce .ca-Flex-AlignCenter-space-between .ca-checkbox-filter > .ca-cross-checkbox-checked {
                animation: checkboxChecked 0.5s forwards ease-in-out;
            }

        #divCheckCreaAnnonce .ca-Flex-AlignCenter-space-between > .ca-Flex-AlignCenter-space-evenly {
            position: relative;
        }

            #divCheckCreaAnnonce .ca-Flex-AlignCenter-space-between > .ca-Flex-AlignCenter-space-evenly > input {
                height: 100%;
                width: 100%;
                opacity: 0;
                z-index: 2;
                position: absolute;
            }

            #divCheckCreaAnnonce .ca-Flex-AlignCenter-space-between > .ca-Flex-AlignCenter-space-evenly > label[for=aDebatre] {
                width: 6vw;
            }

            #divCheckCreaAnnonce .ca-Flex-AlignCenter-space-between > .ca-Flex-AlignCenter-space-evenly > label {
                font-size: 1.5em;
            }

            #divCheckCreaAnnonce .ca-Flex-AlignCenter-space-between > .ca-Flex-AlignCenter-space-evenly > * {
                margin: 4px 4px 4px 0;
            }

#divCheckCreaAnnonceCol2 {
    width: 100%;
}

    #divCheckCreaAnnonceCol2 .ca-Flex-flexEnd-space-between, #divCheckCreaAnnonceCol2 #divCheckCreaAnnonceCol2 {
        height: 100%;
        width: 100%;
        margin: 0 4em 0 0;
    }

        #divCheckCreaAnnonceCol2 .ca-Flex-flexEnd-space-between .ca-checkbox-filter, #divCheckCreaAnnonceCol2 #divCheckCreaAnnonceCol2 .ca-checkbox-filter {
            height: var(--varHauteur-checkbox);
            width: var(--varLargeur-checkbox);
            background: var(--varCouleur-Blanc);
            border-radius: var(--varBorderRadius-checkbox);
            z-index: 1;
        }

            #divCheckCreaAnnonceCol2 .ca-Flex-flexEnd-space-between .ca-checkbox-filter > .ca-cross-checkbox-unchecked, #divCheckCreaAnnonceCol2 #divCheckCreaAnnonceCol2 .ca-checkbox-filter > .ca-cross-checkbox-unchecked {
                animation: checkboxUnhecked 0.5s forwards ease-in-out;
            }

            #divCheckCreaAnnonceCol2 .ca-Flex-flexEnd-space-between .ca-checkbox-filter > .ca-cross-checkbox-checked, #divCheckCreaAnnonceCol2 #divCheckCreaAnnonceCol2 .ca-checkbox-filter > .ca-cross-checkbox-checked {
                animation: checkboxChecked 0.5s forwards ease-in-out;
            }

        #divCheckCreaAnnonceCol2 .ca-Flex-flexEnd-space-between > .ca-Flex-AlignCenter-space-evenly, #divCheckCreaAnnonceCol2 #divCheckCreaAnnonceCol2 > .ca-Flex-AlignCenter-space-evenly {
            position: relative;
        }

            #divCheckCreaAnnonceCol2 .ca-Flex-flexEnd-space-between > .ca-Flex-AlignCenter-space-evenly > input, #divCheckCreaAnnonceCol2 #divCheckCreaAnnonceCol2 > .ca-Flex-AlignCenter-space-evenly > input {
                height: 100%;
                width: 100%;
                opacity: 0;
                z-index: 2;
                position: absolute;
            }

            #divCheckCreaAnnonceCol2 .ca-Flex-flexEnd-space-between > .ca-Flex-AlignCenter-space-evenly > label[for=aDebatre], #divCheckCreaAnnonceCol2 #divCheckCreaAnnonceCol2 > .ca-Flex-AlignCenter-space-evenly > label[for=aDebatre] {
                width: 6vw;
            }

            #divCheckCreaAnnonceCol2 .ca-Flex-flexEnd-space-between > .ca-Flex-AlignCenter-space-evenly > label, #divCheckCreaAnnonceCol2 #divCheckCreaAnnonceCol2 > .ca-Flex-AlignCenter-space-evenly > label {
                font-size: 1.5em;
            }

            #divCheckCreaAnnonceCol2 .ca-Flex-flexEnd-space-between > .ca-Flex-AlignCenter-space-evenly > *, #divCheckCreaAnnonceCol2 #divCheckCreaAnnonceCol2 > .ca-Flex-AlignCenter-space-evenly > * {
                margin-right: 7px;
            }

        #divCheckCreaAnnonceCol2 .ca-Flex-flexEnd-space-between > .ca-Flex-AlignCenter, #divCheckCreaAnnonceCol2 #divCheckCreaAnnonceCol2 > .ca-Flex-AlignCenter {
            position: relative;
            width: 100%;
        }

            #divCheckCreaAnnonceCol2 .ca-Flex-flexEnd-space-between > .ca-Flex-AlignCenter > input, #divCheckCreaAnnonceCol2 #divCheckCreaAnnonceCol2 > .ca-Flex-AlignCenter > input {
                height: 100%;
                width: 100%;
                opacity: 0;
                z-index: 2;
                position: absolute;
            }

            #divCheckCreaAnnonceCol2 .ca-Flex-flexEnd-space-between > .ca-Flex-AlignCenter > label[for=aDebatre], #divCheckCreaAnnonceCol2 #divCheckCreaAnnonceCol2 > .ca-Flex-AlignCenter > label[for=aDebatre] {
                width: 6vw;
            }

            #divCheckCreaAnnonceCol2 .ca-Flex-flexEnd-space-between > .ca-Flex-AlignCenter > label, #divCheckCreaAnnonceCol2 #divCheckCreaAnnonceCol2 > .ca-Flex-AlignCenter > label {
                font-size: 1.5em;
            }

            #divCheckCreaAnnonceCol2 .ca-Flex-flexEnd-space-between > .ca-Flex-AlignCenter > *, #divCheckCreaAnnonceCol2 #divCheckCreaAnnonceCol2 > .ca-Flex-AlignCenter > * {
                margin: 4px 8px 4px 0;
            }

@keyframes checkboxChecked {
    0% {
        transform: matrix(-0.71, -0.71, 0.71, -0.71, 100%, 100%);
        opacity: 0;
    }

    100% {
        transform: matrix(-0.71, -0.71, 0.71, -0.71, 0, 0);
        opacity: 1;
    }
}

@keyframes checkboxUnhecked {
    0% {
        transform: matrix(-0.71, -0.71, 0.71, -0.71, 0, 0);
        opacity: 1;
    }

    100% {
        transform: matrix(-0.71, -0.71, 0.71, -0.71, 100%, 100%);
        opacity: 0;
    }
}
/*#endregion checkbox filtres */
/*#region mettre en favoris */
.ca-favoris-box {
    height: auto;
    width: 66.1vw;
}

    .ca-favoris-box > div {
        height: auto;
    }

        .ca-favoris-box > div span {
            font-size: var(--varFontSize-label-favoris);
            font-style: var(--varFontStyle-italic);
            font-weight: var(--varFontWeight-label-favoris);
        }

        .ca-favoris-box > div img {
            margin-left: 6px;
        }

.ca-text-filter {
    font-size: 20px;
    font-weight: bold;
}

/*#region changement de couleur du label et svg */
@keyframes ifLabelInactif {
    0% {
        filter: var(--varCouleur-Blanc-Filtre);
    }

    100% {
        filter: var(--varCouleur-Vert-Filtre);
    }
}

.ca-couleur-dynamique-inactif {
    filter: var(--varCouleur-Vert-Filtre);
    animation: ifLabelInactif 0.5s forwards ease-in-out;
}

@keyframes ifLabelActif {
    0% {
        filter: var(--varCouleur-Vert-Filtre);
    }

    100% {
        filter: var(--varCouleur-Blanc-Filtre);
    }
}

.ca-couleur-dynamique-actif {
    filter: var(--varCouleur-Blanc-Filtre);
    animation: ifLabelActif 0.5s forwards ease-in-out;
}

/*#endregion label et svg*/
/*#endregion mettre en favoris */
/*#region recherche avancée animation et mise en forme */
.ca-label-box {
    height: auto;
    width: 18.25em;
}

    .ca-label-box > .ca-text-label-recherche {
        text-align: left;
        font-size: var(--varFontSize-label-recherche-avancee);
        font-weight: bold;
        letter-spacing: 0px;
        text-transform: uppercase;
    }

@keyframes displayHiddenDiv {
    0% {
        height: 0;
        transform: translateY(-2em);
        display: none;
        opacity: 0;
        margin-bottom: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        height: 3em;
        transform: translateY(0);
        display: flex;
        margin-bottom: 7px;
    }
}

.ca-dFlex {
    width: 100%;
    animation: displayHiddenDiv 0.5s forwards ease-in-out;
}

@keyframes HiddeDisplayedDiv {
    0% {
        height: 3em;
        margin-bottom: 7px;
        transform: translateY(0);
    }

    50% {
        opacity: 1;
    }

    75% {
        opacity: 0;
    }

    100% {
        height: 0;
        margin-bottom: 0;
        transform: translateY(-2em);
        opacity: 0;
        display: none;
    }
}

.ca-dNone {
    height: 0;
    animation: HiddeDisplayedDiv 0.5s forwards ease-in-out;
}

/*#endregion recherche avancée */
.ca-bouton-recherche {
    height: 100%;
    width: var(--varLargeur-bouton-recherche);
    border: none;
    text-align: center;
    text-transform: uppercase;
    color: var(--varCouleur-Blanc);
    background-color: var(--varCouleur-Noir);
    cursor: pointer;
    border-radius: 1rem;
}

    .ca-bouton-recherche:hover {
        background: linear-gradient(#000 0%, #545454 100%);
        border: none;
    }

.ca-recherche-block {
    width: 80%;
}

.ca-recherche-block2 {
    width: 100%;
}

.ca-container {
    width: 40%;
    /*  padding-left: 0.375em;
    padding-right: 0.375em;*/
  }

.ca-container2 {
    width: 40%;
    padding-left: 0.375em;
    padding-right: 0.375em;
}

.ca-container-center {
    width: 100%;
    padding-left: 0.375em;
    padding-right: 0.375em;
}

.ca-container-right {
    width: 17%;
    padding-left: 0.375em;
    padding-right: 0.375em;
}

.ca-container-creaAnnonce {
    padding: 0.375em;
}

.ca-container-creaAnnonce2 {
    padding: 0 0.375em 0 0.375em;
}

/*.ca-select-box {
    display: flex;
    width: 10vw;
}*/

.ca-select-box2 {
    display: flex;
    width: 100%;
    height: 36px;
}

.ca-selected {
    max-height: 42px;
    width: var(--varLargeur-select);
    position: relative;
    border: none;
    color: var(--varCouleur-Vert);
    background: var(--varCouleur-Gris);
    padding: 13px 14px;
}

    .ca-selected:focus {
        outline: none;
    }

.ca-selected2 {
    max-height: 42px;
    width: 12vw;
    position: relative;
    border: none;
    color: var(--varCouleur-Vert);
    background: var(--varCouleur-Gris);
    padding: 13px 14px;
}

    .ca-selected2:focus {
        outline: none;
    }

.ca-block-asterisk1 > label::after {
    content: " *";
    color: var(--varCouleur-Rouge);
    font-size: 30px;
    position: absolute;
    float: right;
    top: 0;
    margin-left: 1.4em;
}

.ca-caret-disable {
    caret-color: transparent;
}

.ca-caret-enable {
    max-height: 42px;
    width: 100%;
}

.ca-selected::placeholder {
    color: var(--varCouleur-Vert);
    font-size: 20px;
    line-height: 0;
}

.ca-selected2::placeholder {
    color: var(--varCouleur-Vert);
    font-size: 20px;
    line-height: 0;
}

.ca-input-container {
    position: relative;
}

#arrow {
    filter: var(--varCouleur-Vert-Filtre);
    position: absolute;
    right: 12px;
    top: 12px;
    height: 1.5em;
}

.ca-arrow-up {
    filter: var(--varCouleur-Vert-Filtre);
    animation: rotateArrowActive 0.3s forwards ease-in-out;
}

.ca-arrow-down {
    filter: var(--varCouleur-Vert-Filtre);
    animation: rotateArrow 0.3s forwards ease-in-out;
}

@keyframes rotateArrowActive {
    0% {
        transform: rotateZ(0deg);
    }

    100% {
        transform: rotateZ(180deg);
    }
}

@keyframes rotateArrow {
    0% {
        transform: rotateZ(180deg);
    }

    100% {
        transform: rotateZ(0deg);
    }
}

.ca-options-container {
    z-index: 3;
    margin-top: 2em;
    position: absolute;
    background: var(--varCouleur-Gris);
    color: var(--varCouleur-Vert);
    transition: max-height 0.4s ease-in-out;
    overflow: hidden;
    font-size: 20px;
    text-align: start;
    line-height: 1em;
    display: grid;
    row-gap: 0.2em;
    max-height: 0;
}

    .ca-options-container.active {
        max-height: 240px;
        overflow-y: scroll;
        font-size: 20px;
        text-align: start;
        line-height: 1em;
        display: grid;
        row-gap: 0.2em;
    }

    .ca-options-container::-webkit-scrollbar {
        display: none;
    }

.ca-options {
    padding-left: 12px;
    cursor: pointer;
}

    .ca-options:hover {
        background: var(--varCouleur-Vert-BarreRecherche);
        color: var(--varCouleur-Vert);
    }

.ca-text-align-center {
    text-align: center;
}

/*#region switch */
/*#region base switch from checkbox*/
.ca-form-check[id=switchAnnonceDemande] {
    position: relative;
}

    .ca-form-check[id=switchAnnonceDemande] input {
        position: absolute;
        opacity: 0;
    }

.ca-form-check label {
    position: absolute;
    left: 0;
}

    .ca-form-check label::before {
        content: "";
        grid-area: checkbox;
    }

/*#endregion */
/*#region switch box*/
.ca-switchBox, .ca-block-switch2 > .ca-child-block--1, .ca-block-switch2 > .ca-child-block--1 > label, .ca-block-switch > .ca-child-block--1, .ca-block-switch > .ca-child-block--1 > label {
    width: var(--varLargeur-switch-box);
    height: var(--varHauteur-switch-box);
}

.ca-margin-blocks {
    margin: 1.5em 0.75em 1.25em 0.75em;
}

.ca-margin-last-block {
    padding-top: 11px;
    padding-bottom: 11px;
}

    .ca-margin-last-block > .ca-block-switch {
        margin: 0.8em 1.125em 0.8em 0;
    }

    .ca-margin-last-block .ca-text-label {
        margin: 1.5em 1.125em 1.25em 0;
    }

.ca-block-switch-attribut, .ca-block-switch3, .ca-block-switch1, .ca-block-switch {
    border-radius: 2em;
    background-color: var(--varCouleur-Blanc);
}

    .ca-block-switch-attribut .ca-child-block, .ca-block-switch-attribut .ca-block-switch2 > .ca-child-block--1, .ca-block-switch3 .ca-child-block, .ca-block-switch3 .ca-block-switch2 > .ca-child-block--1, .ca-block-switch1 .ca-child-block, .ca-block-switch1 .ca-block-switch2 > .ca-child-block--1, .ca-block-switch-attribut .ca-block-switch > .ca-child-block--1, .ca-block-switch3 .ca-block-switch > .ca-child-block--1, .ca-block-switch1 .ca-block-switch > .ca-child-block--1, .ca-block-switch .ca-child-block, .ca-block-switch .ca-block-switch2 > .ca-child-block--1, .ca-block-switch > .ca-child-block--1 {
        width: calc(var(--varLargeur-switch-box) / 2);
        height: var(--varHauteur-switch-box);
        left: 0;
        position: absolute;
    }

    .ca-block-switch-attribut span, .ca-block-switch3 span, .ca-block-switch1 span, .ca-block-switch span {
        z-index: 2;
    }

    .ca-block-switch-attribut .ca-form-check, .ca-block-switch3 .ca-form-check, .ca-block-switch1 .ca-form-check, .ca-block-switch .ca-form-check {
        padding-left: 0;
        position: relative;
    }

    .ca-block-switch-attribut input[type=checkbox], .ca-block-switch3 input[type=checkbox], .ca-block-switch1 input[type=checkbox], .ca-block-switch input[type=checkbox] {
        z-index: 3;
        opacity: 0;
        position: absolute;
        height: 100%;
        width: 100%;
    }

    .ca-block-switch-attribut .changeCouleurSvg, .ca-block-switch3 .changeCouleurSvg, .ca-block-switch1 .changeCouleurSvg, .ca-block-switch .changeCouleurSvg {
        fill: #c4c4c4;
        color: #c4c4c4;
    }

.ca-block-switch {
    width: 100%;
}

    .ca-block-switch > .ca-child-block--1 > label {
        width: calc(var(--varLargeur-switch-box) / 2);
        border: 1px var(--varCouleur-Vert);
        background: var(--varCouleur-Vert);
        box-shadow: var(--varBoxShadow-inset);
    }

    .ca-block-switch > .ca-child-block--1 {
        width: 100%;
        border-radius: 2rem;
        background-color: transparent;
        -webkit-transition: 0.4s;
        transition: 0.4s;
        border-width: 1px;
        box-shadow: var(--varBoxShadow-inset);
    }

        .ca-block-switch > .ca-child-block--1 span {
            height: 1.5em;
            width: 100%;
            text-align: center;
        }

.ca-block-switch1 {
    width: 15vw;
    min-width: 10%;
}

    .ca-block-switch1 > .ca-child-block--2 > label {
        width: calc(var(--varLargeur-switch-box) / 2);
        height: var(--varHauteur-switch-box);
        border: 1px var(--varCouleur-Vert);
        background: var(--varCouleur-Vert);
        box-shadow: var(--varBoxShadow-inset);
    }

    .ca-block-switch1 > .ca-child-block--2 {
        width: var(--varLargeur-switch-box);
        height: var(--varHauteur-switch-box);
        border-radius: 2em;
        background-color: transparent;
        -webkit-transition: 0.4s;
        transition: 0.4s;
        border-width: 1px;
        box-shadow: var(--varBoxShadow-inset);
    }

        .ca-block-switch1 > .ca-child-block--2 span {
            height: 1.5em;
            width: 100%;
            text-align: center;
        }

.ca-block-switch3 {
    width: fit-content;
}

    .ca-block-switch3 > .ca-child-block--3 > label {
        width: var(--varLargeur-label-box2);
        height: var(--varHauteur-label-box2);
        box-shadow: var(--varBoxShadow-inset);
    }

    .ca-block-switch3 > .ca-child-block--3 {
        width: var(--varLargeur-switch-box2);
        height: var(--varHauteur-switch-box2);
        border-radius: 2em;
        background-color: transparent;
        -webkit-transition: 0.4s;
        transition: 0.4s;
        border-width: 1px;
        box-shadow: var(--varBoxShadow-inset);
    }

/*#endregion */
/*#region switch animation*/
.ca-fill-white {
    animation: LabelCouleur 0.7s forwards ease-in-out;
    animation-fill-mode: forwards;
    letter-spacing: var(--unnamed-character-spacing-0);
    text-align: left;
    font: normal normal normal 1.3em Jost;
}

@keyframes LabelCouleur {
    0% {
        color: #c4c4c4;
    }

    100% {
        color: #fff;
    }
}

@keyframes textCouleurInactif {
    0% {
        fill: #fff;
    }

    100% {
        fill: #c4c4c4;
    }
}

.ca-fill-white-Inactif {
    animation: textCouleurInactif 0.7s backwards ease-in-out;
    animation-fill-mode: backwards;
    letter-spacing: var(--unnamed-character-spacing-0);
    text-align: left;
    font: normal normal normal 1.3em Jost;
    color: var(--varCouleur-Noir);
    opacity: 0.35;
}

/*#region label animation with span */
@keyframes transformLabel {
    0% {
        border-radius: var(--var-label-radiusL);
        transform: translateX(0%);
    }

    100% {
        border-radius: var(--var-label-radiusR);
        transform: translateX(101%);
    }
}

.ca-text-actif {
    animation: transformLabel 0.5s forwards ease-in-out;
    animation-fill-mode: forwards;
}

@keyframes transformLabelInactif {
    0% {
        border-radius: var(--var-label-radiusR);
        transform: translateX(100%);
    }

    100% {
        border-radius: var(--var-label-radiusL);
        transform: translateX(0%);
    }
}

.ca-label-inactif {
    border-radius: var(--var-label-radiusL);
    animation: transformLabelInactif 0.5s both ease-in-out;
}

/*#endregion */
/*#region label animation without span */
@keyframes transformLabelRed {
    0% {
        background: var(--varCouleurRouge-Grad);
        transform: translateX(0%);
    }

    100% {
        background: var(--varCouleurVert-Grad);
        transform: translateX(100%);
    }
}

.ca-label-red-actif {
    background: var(--varCouleurVert-Grad);
    border-radius: 50em;
    animation: transformLabelRed 0.5s forwards ease-in-out;
}

@keyframes transformLabelRedInactif {
    0% {
        background: var(--varCouleurVert-Grad);
        transform: translateX(100%);
    }

    100% {
        background: var(--varCouleurRouge-Grad);
        transform: translateX(0%);
    }
}

.ca-label-red-inactif {
    background: var(--varCouleurRouge-Grad);
    border-radius: 50em;
    animation: transformLabelRedInactif 0.5s both ease-in-out;
}

/*#endregion */
/*#endregion */
/*#region changement de couleur du label */
@keyframes ifLabelInactif {
    0% {
        filter: var(--varCouleur-Blanc-Filtre);
    }

    100% {
        filter: var(--varCouleur-Vert-Filtre);
    }
}

.ca-couleur-dynamique-inactif {
    filter: var(--varCouleur-Vert-Filtre);
    animation: ifLabelInactif 0.5s forwards ease-in-out;
}

@keyframes ifLabelActif {
    0% {
        filter: var(--varCouleur-Vert-Filtre);
    }

    100% {
        filter: var(--varCouleur-Blanc-Filtre);
    }
}

.ca-couleur-dynamique-actif {
    filter: var(--varCouleur-Blanc-Filtre);
    animation: ifLabelActif 0.5s forwards ease-in-out;
}

/*#endregion */
/*#endregion switch*/
.ca-block-switch2 {
    border-radius: 2em;
}

    .ca-block-switch2 span {
        z-index: 2;
    }

    .ca-block-switch2 .ca-child-block, .ca-block-switch2 > .ca-child-block--1, .ca-block-switch2 .ca-block-switch > .ca-child-block--1 {
        width: calc(var(--varLargeur-switch-box) * 2);
        height: var(--varHauteur-switch-box);
        left: 0;
        position: absolute;
    }

        .ca-block-switch2 > .ca-child-block--1 > label {
            border: 1px var(--varCouleur-Vert);
            background: var(--varCouleur-Vert);
            box-shadow: var(--varBoxShadow-inset);
        }

    .ca-block-switch2 .ca-form-check {
        padding-left: 0;
        position: relative;
    }

    .ca-block-switch2 > .ca-child-block--1 {
        border-radius: 2rem;
        background-color: transparent;
        -webkit-transition: 0.4s;
        transition: 0.4s;
        border-width: 1px;
        box-shadow: var(--varBoxShadow-inset);
    }

        .ca-block-switch2 > .ca-child-block--1 span {
            width: 11em;
            height: 1.5em;
        }

    .ca-block-switch2 input[type=checkbox] {
        z-index: 3;
        opacity: 0;
        position: absolute;
        height: 100%;
        width: 100%;
    }

        .ca-block-switch2 input[type=checkbox]:hover ~ span {
            color: var(--varCouleur-Blanc);
        }

    .ca-block-switch2 .changeCouleurSvg {
        fill: #f00;
        color: #f00;
    }

.ca-couleur-span {
    color: var(--varCouleur-Vert);
}

.ca-couleur-svg-favoris {
    filter: var(--varCouleur-Vert-Filtre);
}

.ca-couleur-favoris-actif {
    animation: ifFavActif 0.5s forwards ease-in-out;
}

@keyframes ifFavActif {
    0% {
        filter: var(--varCouleur-Vert-Filtre);
    }

    50% {
        filter: var(--varCouleur-Vert2-filter);
    }

    100% {
        filter: var(--varCouleur-Rouge-Filter);
    }
}

.ca-ruban-h2-span, .ca-ruban-favoris, .ca-ruban {
    width: 100%;
    height: 100%;
}

    .ca-ruban-h2-span > h2, .ca-ruban-favoris > h2, .ca-ruban > h2 {
        height: 100%;
    }

        .ca-ruban-h2-span > h2 > span, .ca-ruban-favoris > h2 > span, .ca-ruban > h2 > span {
            color: var(--varCouleur-Noir);
            font-size: 2.188em;
            font-weight: bold;
            text-transform: uppercase;
            margin-top: 20px;
            margin-bottom: 20px;
        }

.ca-ruban {
    background-color: var(--varCouleur-Orange);
}

.ca-ruban-favoris {
    background-color: var(--varCouleur-Vert);
}

#mesAnnonces {
    margin-top: 7em;
}

    #mesAnnonces .ca-section-list > h3 {
        height: 100%;
    }

    #mesAnnonces .ca-section-list2 > h3 {
        height: 100%;
    }

.ca-count-attribut, .ca-count-annonces-favoris, .ca-count-annonces {
    font-size: 1.875em;
    font-weight: bold;
    margin-top: 1.563em;
    margin-bottom: 1.25em;
}

.ca-count-annonces {
    color: var(--varCouleur-Orange);
}

.ca-count-annonces-favoris {
    color: var(--varCouleur-Vert);
}

.ca-svg-title-couleur {
    filter: var(--varCouleur-Rouge-Filter);
    margin-left: 1.25em;
}

.ca-colonne {
    min-height: var(--varHauteur-Colonne);
    width: var(--varLargeur-Colonne);
    margin-bottom: 0.75em;
    margin-left: 1.25em;
    margin-right: 1.25em;
}

.ca-colonne2 {
    min-height: var(--varHauteur-Colonne);
    width: var(--varLargeur-Colonne);
}

.ca-textarea {
    height: 17.01em;
    width: 100%;
    resize: none;
    overflow-y: none;
}

.ca-content-container {
    width: 80%;
}

.ca-input-crea-annonce {
    width: 100%;
}

.ca-blockImage-Enfant {
    height: 139px;
    width: 146px;
    background: var(--varCouleur-Blanc);
    border-radius: 10px;
}

    .ca-blockImage-Enfant .changeCouleurSvg {
        fill: var(--varCouleur-Gris3);
        color: var(--varCouleur-Gris3);
    }

    .ca-blockImage-Enfant .noDisplay {
        display: none;
    }

.ca-blockImage-Enfant2 {
    height: 44px;
    width: 146px;
    background: var(--varCouleur-Blanc);
    border: 1px solid var(--varCouleur-Gris4);
    border-radius: 10px;
}

    .ca-blockImage-Enfant2 input[type=file] {
        opacity: 0;
        position: absolute;
        height: 100px;
        width: 100px;
        border-radius: 10px;
    }

    .ca-blockImage-Enfant2 span {
        height: 100%;
        width: 60%;
        font-size: 12px;
        font-weight: bold;
        color: var(--varCouleur-Noir);
    }

    .ca-blockImage-Enfant2 .changeCouleurSvg {
        fill: var(--varCouleur-Gris3);
        color: var(--varCouleur-Gris3);
    }

    .ca-blockImage-Enfant2 .noDisplay {
        display: none;
    }

.ca-block-SuppImage {
    position: relative;
    bottom: 70px;
    left: 70px;
    z-index: 30;
    font-size: 24px;
}

    .ca-block-SuppImage > .ca-block-SuppImage--2 {
        margin-left: 80px;
    }

    .ca-block-SuppImage > .ca-block-SuppImage--3 {
        margin-left: 80px;
    }

    .ca-block-SuppImage .suppImage {
        height: 30px;
        width: 30px;
        border-radius: 50%;
        background: var(--varCouleur-Vert);
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .ca-block-SuppImage .noDisplay {
        display: none;
    }

    .ca-block-SuppImage i {
        color: var(--varCouleur-Blanc);
    }

.ca-cross-input-supp {
    height: 75%;
    width: 75%;
    margin-left: 2px;
    transform: rotate(45deg);
    filter: var(--varCouleur-Blanc-Filtre);
}

.ca-affichagePrev {
    max-height: 139px;
    height: auto;
    width: 146px;
    background-size: cover;
    border-radius: 10px;
    position: absolute;
}

.ca-margin-top-1em {
    margin-top: 1em;
}

.ca-margin-top {
    margin-top: 2em;
}

.ca-recherche-block2 {
    margin-bottom: 1em;
}

.ca-bouton-creer-annonce {
    height: 77px;
    width: var(--varLargeur-bouton-creer-annonce);
    border: none;
    font-size: 23px;
    font-weight: bold;
    text-align: center;
    color: var(--varCouleur-Blanc);
    background-color: var(--varCouleur-Orange);
    cursor: pointer;
    border-radius: 1rem !important;
}

    .ca-bouton-creer-annonce:hover {
        background: -webkit-radial-gradient(bottom left, #e68749, #ffffff);
        background: -moz-radial-gradient(bottom left, #e68749, #ffffff);
        background: radial-gradient(top right, #e68749 0%, #ffffff 100%);
        border: none;
    }

.ca-span-attributs, .ca-span2-sponsor, .ca-span1-sponsor {
    font-size: 23px;
    color: var(--varCouleur-Orange);
    font-weight: bold;
}

.ca-span2-sponsor {
    text-transform: uppercase;
}

.ca-star-creer-annonce {
    margin-left: 5px;
    height: var(--varHauteur-star-creer-annonce);
    width: var(--varLargeur-star-creer-annonce);
}

.ca-margin-left {
    margin-left: 20px;
}

/*# sourceMappingURL=style.css.map */


/* Media Queries */

/* Écrans de largeur maximale de 768 pixels */
@media screen and (max-width: 768px) {
    body {
        margin: auto;
        width: 100%;        
        font-size: 12px;
    }

    /*  HOME    */
    .container {
        padding: 5px;
    }
    .container-fluid{
        width: 100%;
        padding-right: 3px;
        padding-left: 3px;
        margin-right: auto;
        margin-left: auto;
    }

    .ca-overflow-scroll {
        margin-top: 1em;
    }
    h1 {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .button {
        padding: 6px 12px;
    }

    .ca-Flex-AlignCenter-space-between {
        margin: 0 1em 0 0;
    }

    .ca-annonce-ettiquette-img2 {
        width:100%;
        max-height:400px;
    }
    .ca-part1-search-edit-bar {
        width: 100%;
    }
    .ca-admenu-button {       
        font: normal normal normal 0.8em Jost;
    }
    .ca-recherche-block {
        width: 100%;
    }
    .ca-Flex-space-evenly {
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-content: center;
        align-items: center;
        flex-wrap: wrap;
    }
    .ca-container {
        width: 97%;
    }
    /*.ca-select-box {
        display: flex;
        width: 100% !important;
    }*/
    .ca-container-center {
        width: 100%;
        padding: 0.3em;
    }
    .ca-container-right{
        width: 100%;
        height: 10vw;
        margin-top: 0.4em;
    }
    .ca-section-list{
        margin-top:1em;
        background-color: white;
    }
    .ca-section-list h4 {
        font-weight: normal;
        font-style: italic;
        font-size: 16px;
        text-align: left;
        color: var(--varCouleur-Vert);
         margin: 0; 
    }
    .ca-section-list-text {
        font-weight: normal;
        font-size: 18px;
        text-align: left;
        margin: 10px 0 10px 0
    }
    .ca-section-list-block {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        width: 100%;
        align-content: center;
        justify-content: center;
        align-items: center;
    }
    .ca-section-list-prix {
        font-weight: bold;
        font-size: 30px;
        text-align: left;
        margin-bottom: 0px;
        margin-right: 20px;
    }
    .ca-section-list-icon {
        width: 30px;
      
    }
    .ca-row {
        max-width: 95%;
        margin: 0 auto;
        margin-bottom: 1%;

        box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
    }
    #divCheckFilter .ca-Flex-AlignCenter {       
        display: flex;
        width: 100%;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: center;
        height: 100%;
        margin:0;
    }
    #divCheckFilter .ca-Flex-AlignCenter > .ca-Flex-AlignCenter {
        /* position: sticky; */
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: center;
    }
    #divCheckFilter .ca-Flex-AlignCenter > .ca-Flex-AlignCenter > label {
        width: 75%!important;
    }
    .ca-Flex-AlignStart-space-around, .ca-content-etiquette {
        display: flex;
        flex-direction: column;
    }

    a.ca-linkbutton-vert {
    
        width: 100%;
    }
    @keyframes displayHiddenDiv {
        0% {
            height: 0;
            transform: translateY(-2em);
            display: none;
            opacity: 0;
            margin-bottom: 0;
        }
    
        50% {
            opacity: 1;
        }
    
        100% {
            height: 10em;
            transform: translateY(0);
            display: flex;
            margin-bottom: 7px;
        }
    }
    .ca-bouton-recherche{width:100%;}

    #labelFavoris{
        display:none;
    }
    .ca-mettre-favoris-Taille{
        width:7em;
        height:3em;
    }
    .ca-block-switch1 {
        width: 80%;
    }
    .ca-block-switch3 {
        width: fit-content;
        margin-left: 1em;
    }
    .ca-couleur-svg-favoris {
        filter: var(--varCouleur-Red-Filter);
    }
    .ca-label-box > .ca-text-label-recherche {
        text-align: left;
        font-size: 14px;
        font-weight: bold;
        letter-spacing: 0px;
        text-transform: uppercase;
    }
    .ca-part1{
        padding:5px 2% 5px 2%;
    }
    .ca-admenu-button{
        padding-top: 0.5em;
    }
    .ca-searchbar{ 
       
        width:95%;
    }
    /*  CREATE - EDIT    */
    .ca-badge-container{
       
        margin :0;}
    
    .ca-button-size, .ca-button-rouge, .ca-button-bleu, .ca-button-vert {
        height: 2.5em;
        width: 100%;
        border-radius: 18px !important;
    }
    .map-container {
        height: 350px;
        width: 100%;
    }
    .ca-svg-contact-child span{
        padding-left:2em
    }
    .ca-section-list-block3 > .ca-block-name > span {
        margin-left: 0;
    }
    .ca-content-container {
        width: 100%;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
    }
    .ca-Flex-flexEnd-space-between, #divCheckCreaAnnonceCol2 {
        display: flex;
        flex-direction: column;
    }
    #divCheckCreaAnnonceCol2 .ca-Flex-flexEnd-space-between > .ca-Flex-AlignCenter-space-evenly, #divCheckCreaAnnonceCol2 #divCheckCreaAnnonceCol2 > .ca-Flex-AlignCenter-space-evenly {
        display: flex;
        width:100%;
        flex-direction: row;
        justify-content: space-between;
    }
    #divCheckCreaAnnonceCol2 .ca-Flex-flexEnd-space-between > .ca-Flex-AlignCenter-space-evenly > label[for=aDebatre], #divCheckCreaAnnonceCol2 #divCheckCreaAnnonceCol2 > .ca-Flex-AlignCenter-space-evenly > label[for=aDebatre] {
        width: 100%;
    }
    .ca-container-creaAnnonce{
        padding: 5px 2% 0 2%;
    }
    .ca-container-creaAnnonce > .blockImageParent{
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .ca-height-width-100pour100 > .blockImageParent{
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .ca-section-list-block {
        margin:0!important;
    }

    /*  VIEW    */
    .ca-ettiquette-annonce{
        display: flex;
        flex-direction: column;
        padding:2%;
    }
    .ca-flex-column-list {
        display: flex;
        flex-direction: column;
        width: 100%;
    }
    .ca-section-list-block3 {
        display: flex;
        justify-items: center;
        width: 100%;
        padding: 2.2em;
        flex-direction: column;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: space-around;
        align-items: center;
    }
    .ca-section-list-block3 > .ca-section-list-prix {
        display: flex;
        width: 100%;
        justify-content: center;
        flex-direction: row;
        align-items: center;
        margin-right:-20px;
    }
    .ca-svg-block {
        height: auto;
        width: 100%;
        display: grid;
        row-gap: 0.5em;
    }
    .ca-section-list-block2 {
        display: flex;
        justify-items: stretch;
        width: 100%;
        margin-top: 0em;
        flex-direction: column;
        align-items: center;
        align-content: space-between;
    }
    .ca-svg-contact-child {
        height: auto;
        display: flex;       
        color: var(--varCouleur-Vert);
        font-size: 22px;
        margin-bottom: 0.5em;
    }
    .ca-block-detail-annonce > h4{
        margin: 10px 0 10px 0;
    }
    .ca-content-etiquette > .ca-section-list-block{
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        width: 100%;
        align-items: center;
        justify-content: space-between;
    }
    .ca-content-etiquette > .ca-section-list-block > .ca-section-list-prix {
        margin-right:-20px;
    }
    .ca-content-etiquette {
        padding: 2% 2% 2% 2%;}
    /*  MANAGE  */
    .ca-overflow-scroll-manage {
        margin-top: 1em;
        width: 100%;
    }
    .tab-pane > .container-fluid{
        width:95%;
    }
    .ca-count-annonces{
        font-size: 0.875em;
        margin-left: 1em;
    }
    .ca-count-annonces-favoris{
        font-size: 0.875em;
        margin-left: 1em;
    }
    .ca-section-button-block {
        display: grid;
        justify-content: center;
        justify-items: end;
        row-gap: 1rem;
        width: 100%;
    }

    /*  EDIT FAVORITES  */
    .ca-overflow-scroll-edit-favorite{
        margin-top:1em;
    }
    .ca-part2 {
        width: 100%;
        background: var(--varCouleur-Vert-BarreRecherche);
        padding-bottom: 25px;
    }
    .ca-edit-favorite-margin-last-block{
        padding-bottom: 40px;
    }
    /*  GENERAL */
    .header-logo {
        padding: 0px!important;
        text-align: center;
        margin-right: 0px!important;
        max-width:100%;
    }
  
   
    
}

/* Écrans de largeur maximale de 480 pixels */
@media screen and (max-width: 480px) {
    
}

/* Fin des Media Queries */