body.page-offres header{
    margin-bottom: 0px;
}

body.page-offres #recherche-form .arrow-up {
    border-top-color: #F3F3F3;
}

h1#txtResultatRec {
    text-transform: initial;
    font-size: 25px !important;
}

div#map_canvas {
    border: none;
    -moz-box-shadow: 2px 0 40px rgba(0,0,0,0.15);
    -webkit-box-shadow: 2px 0 40px rgba(0,0,0,0.15);
    box-shadow: 2px 0 40px rgba(0,0,0,0.15);
    border-radius: 4px;
    margin-top: 30px;
}

body.page-offres #main-container {
    padding-top: 40px;
}

/* ==================== Alerte email ==================== */
div#offre-alerte-mail {
    text-align: center;
    margin-top: 30px;
    padding: 30px 0px;
    border-top: 3px solid #FFF;
    border-bottom: 3px solid #FFF;
}

div#offre-alerte-mail p.titre {
    font-size: 22px;
    font-weight: 600;
    text-align: center;
}

div#offre-alerte-mail p.texte {
    width: 50%;
    margin: 0 auto;
    font-size: 16px;
    font-style: italic;
}

@media (max-width: 992px) {
    div#offre-alerte-mail p.texte {
        width: 90%;
    }
}

div#offre-alerte-mail a {
    border-radius: 4px;
    margin-top: 25px;
    background-color: var(--primary-color);
    color:#FFF;

    text-transform: uppercase;
    padding: 15px;
    font-size: 17px;
}


div#offre-alerte-mail a {
    border-radius: 4px;
    margin-top: 25px;
    background-color: var(--primary-color);
    color: #FFF;

    text-transform: uppercase;
    padding: 11px 42px;
    font-size: 15px;
}

/* ==================== Fiches sur la Map Google ==================== */
.infoButtons a , .propType{
    box-shadow: 0 1px 1px rgba(0,0,0,.2) !important;
    background-color: var(--primary-color) !important;

}

.infoButtons a{
    font-size: 13px;
}

.gm-style > div:nth-child(1) > div:nth-child(4) > div:nth-child(4) > div:nth-child(1) {
    box-shadow: 0 1px 1px rgba(0,0,0,.2) !important;
}

/* ======================= Pop-In ======================= */
input#H2I_ANN_MAN_email_to_alert {
    padding: 9px !important;
}

.modal-header {
    border-radius: 0px !important;
}


.modal-content {
    border-radius: 0px;
}

.modal-body form {
    padding-bottom: 10px !important;
}

/* ======================= PAGINATION ======================= */

div#liste_normal .pagination li a {
    text-align: center;
    margin-top: 15px;
    background-color: white;
    color: var(--primary-color);
    text-transform: uppercase;
    font-weight: 900;
    font-size: 15px;
    padding: 8px 20px;
    width: auto;
    display: inline-block;
}

div#liste_normal .pagination li a:hover {
    background-color: var(--primary-color);
    color: white !important;
    text-decoration: none !important;
}

.paginationliActive {
    background-color: var(--primary-color) !important;
    color: white !important;
    cursor:pointer;
}

.paginationliActive:hover{
    background-color: var(--primary-color) !important;
    color: white !important;
}


/* ==================== Boutons de choix d'affichage ==================== */
div#H2I_ANN_MAN_onglets a{
    background: #FFF;
    color: #AAA;
    padding: 12px 16px !important;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0,0,0,.2);

    font-weight: 600;
    font-size: 15px;
    width: initial !important;
}


div#H2I_ANN_MAN_onglets a svg{
    height: 27px;
    vertical-align: bottom;
    margin-right:6px;
}

@media screen and (max-width: 480px) {
    div#H2I_ANN_MAN_onglets a svg{
        display: none;
    }
}

div#H2I_ANN_MAN_onglets a:hover , div#H2I_ANN_MAN_onglets a.selectionne {
    background: var(--primary-color);
    color: #FFF;
    text-decoration: none;

}

div#H2I_ANN_MAN_onglets a:hover svg path , div#H2I_ANN_MAN_onglets a.selectionne svg path{
   fill:#FFF;
}




/* ==================== Annonces en liste ==================== */
.offre-item{
    position:relative;
    height: 365px;
    overflow: hidden;
    object-fit: cover;
    background-size: cover;
    background-position: center;
    border-radius: 4px;
    margin-bottom: 30px;
}

.offre-item .infosbien {
    bottom: 0;
    position: absolute;
    padding: 10px 20px;

    width: 100%;


    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.91+100 */
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.91) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.91) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.91) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#e8000000',GradientType=0 ); /* IE6-9 */

    color: #FFF;

}


.offre-item .buttonsbien {
    top: 0;
    position: absolute;
    padding: 20px;
    width: 100%;
    z-index: 1001;

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+99&0.59+0,0+100 */
    background: -moz-linear-gradient(top, rgba(0,0,0,0.59) 0%, rgba(0,0,0,0.01) 99%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.59) 0%,rgba(0,0,0,0.01) 99%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0,0,0,0.59) 0%,rgba(0,0,0,0.01) 99%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#96000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */


    color: #FFF;


    font-size: 17px;
    font-weight: 600;

}


.offre-item .buttonsbien span.glyphicon {
    font-size: 10px;
}

.buttonsbien svg {
    height: 30px;

    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    cursor: pointer;
}

div.is_favorite svg polygon,
.buttonsbien svg.is_favorite polygon{
	fill: var(--primary-color);
}


.offre-item a{
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 1000;
    -moz-transition: background-color 0.2s ease-in;
    -o-transition: background-color 0.2s ease-in;
    -webkit-transition: background-color 0.2s ease-in;
    transition: background-color 0.2s ease-in;
}

.offre-item a:hover {
    background-color: rgba(var( --primary-color-rgb ), 0.7);
    background-position: center center;
    background-repeat: no-repeat;
}

.offre-item .infosbien .secteur {
    font-size: 18px;
    font-weight: 600;

}

.offre-item.infosbien .details {
    font-size: 16px;
}


div.loader {
    display: none;
    float: right;
}

div.loader svg {
    height: 30px;
}


/* ================= Pages d'indexation ================= */
span.h2i_ann_man_indexation_natures a {
    background-color: var(--primary-color) !important;
    background-image: none;
    box-shadow: 0 1px 1px rgba(0,0,0,.2);
    border: none;
    text-shadow: none;
    color: #FFF;
    font-weight: 600;

    font-size: 15px;
    padding: 6px 12px;
}
span.h2i_ann_man_indexation_natures a * {
    vertical-align: middle;
}


span.h2i_ann_man_indexation_natures a i {
    margin-right: 5px;
}