body
{
    overflow-x: hidden;
}

.backgroundTop {
    background-image: url('assets/images/are-immobilier.jpg') !important;
    background-size: cover;
    height: 650px;
}

.btnSlider {
    color: #e62f8e !important;
    font-size: 32px;
    font-weight: bold;
    font-family: 'Open Sans', sans-serif;
    background-color: rgba(255,255,255,0.55);
    border: solid 2px #e62f8e;
    padding: 20px;
    text-decoration: none;
    margin-right: 20px;
    margin-left: 20px;
}

.btnSlider:hover {
    color: #fff !important;
    font-size: 32px;
    font-family: 'Open Sans', sans-serif;
    background-color: #e62f8e;
    border: solid 1px #e62f8e;
    padding: 20px;
    text-decoration: none;
}

.pt-5
{
    padding-top: 5% !important;
}

.mtpx-80
{
    margin-top:80px !important
}
.et_pb_text_0 {
    line-height: 1em;
    font-size: 50px;
    line-height: 1em;
    background-color: #e62f8e;
    color: #fff;
    width: 300px;
    text-align: center;
    padding: 20px;
    font-family: 'Open Sans', sans-serif;
}

.et_pb_text_0Bleu {
    line-height: 1em;
    font-size: 50px;
    line-height: 1em;
    background-color: #368aa4;
    color: #fff;
    width: 300px;
    text-align: center;
    padding: 20px;
    font-family: 'Open Sans', sans-serif;
}


.fondVente {
    background-image: url('assets/images/landing_bg2.png') !important;
    background-size: cover;

}
.annonce a
{
    text-decoration: none !important;
}


#vente .titreAnnonce {
    color: #e62f8e;
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: bold;
    padding-top: 10px;
}
#vente .VilleAnnonce {
    color: #000;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: bold;
    padding-top: 10px;
}
#vente .prix {
    font-size: 20px;
    font-weight: bold;
    color:#e62f8e
}
#vente .divDetail {
    border-top: solid 1px;
    border-bottom: solid 1px;
    margin-bottom: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    color:#333
}

#vente .annonce:hover .photos {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    transition: 0.5s;
}
#vente .annonce{
    margin-bottom: 30px;
}

#vente .explorerAnnonce
{
    color : #e62f8e;
    font-size: 15px;
    text-transform: uppercase;
    font-family: Arial, Helvetica, sans-serif;

    margin: 0;
    margin-top: 0px;
    margin-top: 5px;
}

#vente .btnTous:hover {
    color: #fff !important;
    border: solid 2px #e62f8e;
    font-size: 32px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600 !important;
    background-color: #e62f8e;
    width: 100%;
}

#vente .btnTous {
    color: #e62f8e !important;
    border: solid 2px #e62f8e;
    font-size: 32px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600 !important;
    background-color: transparent;
    width: 100%;
}



#location .titreAnnonce {
    color: #368aa4;
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: bold;
    padding-top: 10px;
}
#location .VilleAnnonce {
    color: #000;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: bold;
    padding-top: 10px;
}
#location .prix {
    font-size: 20px;
    font-weight: bold;
    color:#368aa4
}
#location .divDetail {
    border-top: solid 1px;
    border-bottom: solid 1px;
    margin-bottom: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    color:#333
}

#location .annonce:hover .photos {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    transition: 0.5s;
}
#location .annonce{
    margin-bottom: 30px;
}

#location .explorerAnnonce
{
    color : #368aa4;
    font-size: 15px;
    text-transform: uppercase;
    font-family: Arial, Helvetica, sans-serif;

    margin: 0;
    margin-top: 0px;
    margin-top: 5px;
}

#location .btnTous:hover {
    color: #fff !important;
    border: solid 2px #368aa4;
    font-size: 32px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600 !important;
    background-color: #368aa4;
    width: 100%;
}

#location .btnTous {
    color: #368aa4 !important;
    border: solid 2px #368aa4;
    font-size: 32px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600 !important;
    background-color: transparent;
    width: 100%;
}

#location {
    border-bottom: solid 4px #e62f8e;
}

#realiser {
    background-image: url('assets/images/landing_bg3.jpg') !important;
    background-blend-mode: overlay;
    padding-top: 7%;

    background-color: #3f4448 !important;
    height: 400px;
}

#realiser h2 {
    line-height: 1.7em;
    font-family: 'Open Sans', sans-serif;
    color: #cecece !important;
    font-style: italic;
    font-size: 35px;
}

#realiser h2 span {
    line-height: 1.7em;
    font-family: 'Open Sans', sans-serif;
    color: #cecece !important;
    font-style: italic;
    font-weight: 700;
    font-size: 50px;
}

#contact {
    padding-top: 80px;
    padding-bottom: 80px;
}

#contact textarea, #contact input {
    -webkit-appearance: none;
    background-color: #eee;
    width: 100%;
    border-width: 0;
    border-radius: 10px;
    color: #999;
    font-size: 14px;
    padding: 16px;
}

.logoSlider {
    width:15%
}
@media screen and (max-width: 890px) {
    .logoSlider {
        width:50%
    }
}

@media screen and (min-width: 891px) and (max-width: 1250px) {
    .logoSlider {
        width:35%
    }
}


.blocSearch {
    background: rgba(230,47,142,0.08) !important;
    border: dotted 1px #e62f8e !important;
}

.rechercheAnnonce h3 {
    font-size: 20px;
    color: #e62f8e;
    text-align: center;
    padding: 20px;
    border-bottom: solid 1px;
    font-weight: bold;
}

.carte .carte_north,
.carte .carte_south,
.carte .carte_east,
.carte .carte_west,
.carte .carte_center,
.carte .carte_frontieres {
    height: 204px;
    width: 132px;
    position: absolute;
    top: -10px;
    left: 10px;
}

.carte .carte_frontieres {
    z-index: 0;
}

.ouest, .sud, .centre, .est, .nord {
    width: 0;
    height: 0;
    content: '';
}

.ouest:hover .carte_west, .est:hover .carte_east, .sud:hover .carte_south, .nord:hover .carte_north, .centre:hover .carte_center, .carte .be:hover, .carte .fr:hover, .carte .de:hover {
    opacity: 0.8;
}

#form_search_annonce_agence .ouest:hover .carte_west, #form_search_annonce_agence .est:hover .carte_east, #form_search_annonce_agence .sud:hover .carte_south, #form_search_annonce_agence .nord:hover .carte_north, #form_search_annonce_agence .centre:hover .carte_center, #form_search_annonce_agence .carte .be:hover, #form_search_annonce_agence .carte .fr:hover, #form_search_annonce_agence .carte .de:hover {
    opacity: 0.7;
}

.carte_west, .carte_north, .carte_south, .carte_center, .carte_east, .carte_fr, .carte_de, .carte_be {
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.carte_over {
    height: 204px;
    width: 132px;
    position: absolute;
    top: -10px;
    left: 20px;
}



.carte .be {
    position: absolute;
    top: 11px;
    left: 22px;
    font-size: 15px;
    color: #c8c8c8;
}

.carte .fr {
    position: absolute;
    top: 174px;
    left: 22px;
    font-size: 15px;
    color: #c8c8c8;
}

.carte .de {
    position: absolute;
    top: 65px;
    left: 110px;
    font-size: 15px;
    color: #c8c8c8;
}

.carte .be_active {
    position: absolute;
    top: 11px;
    left: 22px;
    font-size: 15px;
    color: #000;
    font-weight: bold;
}

.fr_active {
    position: absolute;
    top: 174px;
    left: 22px;
    font-size: 15px;
    color: #000;
    font-weight: bold;
}

.carte .de_active {
    position: absolute;
    top: 72px;
    left: 130px;
    font-size: 15px;
    color: #000;
    font-weight: bold;
}




.carte {
    position: relative;


}
.carte {

    height: 200px;
    width: 200px;
    
}

label {
    font-weight: bold;
    color: #e62f8e;
    padding-bottom: 5px;
}

.btn-success {
    background: #e62f8e;
    
    border-color: #e62f8e;
    font-size: 25px;
    margin-top: 10px;
}

#vente h1{
    color: #e62f8e !important;;
    font-weight: bold;
}