@font-face {
    font-family: Orienta-Regular;
    src: url(../design/font/Orienta-Regular.ttf);
}

html,body{
    font-family: Orienta-Regular,Arial,sans-serif;
    color:#000;
    background:#F3F4F4;
}

a,a:hover{
    color:#E11B24;
}

h1,h2,h3,h4,h5{
    color:#E11B24;
}

.paragrapheDefaut{
    font-family:Orienta-Regular, Arial, Helvetica, sans-serif; 
    font-size:12px;  
}

button.btDefaut,input[type="submit"],.btDefaut{
    display:inline-block;
    min-width:200px;
    color:#fff;
    text-align:center;
    text-transform:uppercase;
    font-size: 14px;
    background:#E11B24;
    border:solid 1px #000;
}

button.btDefaut:hover,input[type="submit"]:hover,.btDefaut:hover,.btDefaut:focus{
    color:#E11B24;
    text-decoration:none;
    background:#fff;
}

.modal button.close,.alert button.close{
    min-width:0;
    color:#000;
    background:none;
    border:none;
}

.ligneRouge{
    width:100%;
    min-height: 25px;
    background:#E11B24;
    border:solid 1px #000;
    padding: 0 5px;
}

.ligneRouge.navbar{
    min-height: 0px;
    border-radius:0;
}

.container{
    max-width:1200px;
}

.fondBloc{
    padding: 20px;
    background: #fff;
}

.fondBloc>h3{
    padding-top:0;
    margin-top:0;
    font-size:18px;
}

/**
**/
#cookie-banner{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    padding:5px;
    background:#fff;
    box-shadow:0 1px 10px #000;
    z-index:100;
}

#header{
    padding-top: 5px;
    margin-bottom: 30px;
}

#logoPerlImmo{
    width:100%;
    height: 171px;
    text-align:center;
    background: url(../design/logoPerlImmo.png) no-repeat;
    background-position: center;
    cursor:pointer;
}

#logoPerlImmo h1{
    text-indent:-1000%;
    margin: 0;
    padding: 0;
}

#ligneEntete{
    margin-top: 27px;
}

#banniere{
    height: 66px;
}

#fondEntete{
    position:absolute;
    width:100%;
    height: 178px;
    background:#fff;
}

/**
* Menu
**/
#menuMembre{
    min-height:30px;
    background:#E11B24;
    border-bottom:solid 1px #000;
}

#menuMembre a{
    display:inline-block;
    height:30px;
    line-height:30px;
    padding: 0 15px;
    color:#fff;
}

#menuMembre + #fondEntete + .container{
    margin-top: 30px;
}

#menuPrincipal{
    background:#fff;
    border:solid 1px #E11B24;
}

#menuPrincipal ul{
    margin:0;
    padding:0;
}

#menuPrincipal li:first-child{
     border-top:none;
}
#menuPrincipal li{
    border-top:solid 1px #E11B24;
}

#menuPrincipal a{
    color:#000;
    font-size: 14px;
    line-height: 25px;
    text-align:center;
    text-transform:uppercase;
}

#menuPrincipal a:hover,#menuMembre a:hover{
    text-decoration:none;
    color:#E11B24;
    background:#fff;
}

#menuGauche.navbar{
    padding:0px;
    font-size:14px;
    text-transform:uppercase;
    border-radius:0px;
}

#menuGauche a{
    color:#000;
}

#menuGauche.navbar .navbar-nav{
    padding:20px 15px;
}

#menuGauche.navbar .icon-bar{
    background:#E11B24;
}

#menuGauche.navbar .dropdown-menu a{
    text-transform:none;
    /* color:#E11B24; */
    white-space: inherit;
    padding: 3px 10px;
}
#menuGauche.navbar .navbar-nav>li>a{
    padding:15px 0;
}

#menuGauche.navbar .navbar-nav>li{
    padding:0;
}

#menuGauche.navbar .navbar-nav>li:first-child{
    border-top:1px solid #000;
}

#menuGauche.navbar .navbar-nav>li{
    border-bottom:1px solid #000;
}

#menuGauche.navbar .nav .open > a, 
#menuGauche.navbar .nav .open > a:hover,
#menuGauche.navbar .nav .open > a:focus{
    background:none;

}

#menuGauche.navbar a:hover,#menuGauche.navbar .actif a{
    background:none;
    color:#E11B24;
    text-decoration:underline;
}

#menuGauche .navbar-nav{
    width:100%;
}

#footer{
    margin-top: 25px;
    color:#fff;
    text-align:center;
    font-size:12px;
}

#footer a{
    color:#fff;
}

#footer ul{
    margin:0;
    padding:0;
}

#footer li{
    margin:0;
    padding:0;
    line-height:28px;
}

/** Resultat recherche **/
#nbResultat{
    position:relative;
    /* margin: 10px 20px; */
    font-style:italic;
    font-size:12px
}

.ficheResultat{
    position:relative;
    width:100%;
    padding:0;
    margin:auto;
}

.ficheResultat .imgBiens{
    cursor:pointer;
}

.ficheResultat+.ficheResultat{
    margin-top:30px;
    padding: 0;
    /* height: 356px; */
}

.ficheResultat .descriptifBiens{
    padding: 20px 20px 20px 20px;
    background:#fff;
}

.blocPagination{
    text-align:center;
}

.pagination > li > a, .pagination > li > span{
    color:#E11B24;
}

.pagination > li > a:hover,.pagination .active{
    color:#fff;
    background:#E11B24;
}

#blocRecherche{
    margin-top:25px;
}

.ficheBien{
    position:relative;
    width:100%;
    margin:auto;
    padding:0;
}

.carousel-control.left,.carousel-control.right{
    position: absolute;
    width: 40px;
    height: 40px;
    top: 50%;
    margin-top: -20px;
    text-align: center;
    color: #fff;
    background: #000;
}


#ficheText{
    padding:20px;
}

#ficheText p{
    text-align:justify;
}

#ficheAction{
    margin-top:30px;
    text-align:center;
}

#ficheAction .list-inline>li{
    display: block;
    margin:20px auto;
}

#ficheAction a,#ficheAction button{
    padding:5px 20px;
    font-size: 16px;
}

#btFavoris{
    min-width:0;
    background: url(../design/coupCoeur.png) no-repeat center #ccc;
}

#btFavoris.actif,#btFavoris:hover{
    background:url(../design/coupCoeurActif.png) no-repeat center #fff;
}


#valeurDpe,#valeurGes{
    position:absolute;
    left: 20px;
    width: 251px;
    /* height:28px; */
    color:#fff;
    background:url(../design/curseur.png) no-repeat right top;
    z-index:0;
}

#valeurDpe span,#valeurGes span{
    display:block;
    height:28px;
    margin-left: 196px;
    line-height:28px;
    text-align:center;
}

#valeurDpe .unite,#valeurGes .unite{
    font-size:11px;
    color:#000;
}

#blocDpe img,#blocGes img{
    position:relative;
    width: 250px;
    margin-top:30px;
    z-index:2;
}

.lA{
    top: 42px;
}

.lB{
    top: 67px;
}

.lC{
    top: 92px;
}

.lD{
    top: 118px;
}

.lE{
    top: 143px;
}

.lF{
    top: 166px;
}

.lG{
    top: 192px;
}

#lienRetourRecherche{
    width:720px;
    margin:auto;
    margin-top:30px;
}

.champValeur{
    visibility: hidden;
}

#ficheBienImpression #blocDpe,
#ficheBienImpression #blocGes{
    height: 85px;
}


#ficheBienImpression .legendeDpe{
    height:30px;
    overflow:hidden;
}


#ficheBienImpression .lA{
    top: -48px;
}

#ficheBienImpression .lB{
    top: -78px;
}

#ficheBienImpression .lC{
    top: -109px;
}

#ficheBienImpression .lD{
    top: -140px;
}

#ficheBienImpression .lE{
    top: -170px;
}

#ficheBienImpression .lF{
    top: -201px;
}

#ficheBienImpression .lG{
    top: -231px;
}

#ficheBienImpression #valeurDpe,#ficheBienImpression #valeurGes{
    background:none;
    color:#000;
}

/*** Membre **/
.textIntro{
    margin-bottom:30px;
}


.modal button{
    display: inline-block;
    min-width: 200px;
    padding:2px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    background: #E11B24;
    border: solid 1px #000;
    border-radius:0px;
}



#confirmationSuppression .modal-footer{
    text-align:center;
}



@media (min-width: 750px) {

    #header{
        margin-bottom: 50px;
    }

    .noPaddingLeft{
        padding-left: 0px;
    }

    /** ligne menu contenu **/
    .row-height {
        display: table;
        table-layout: fixed;
        height: 100%;
        width: 100%;
    }

    .col-height {
        display: table-cell;
        float: none;
        height: 100%;
    }

    .col-top {
        vertical-align: top;
    }

    #logoPerlImmo{
        position:absolute;
        width:195px;
        left:-15px;
        background-position: 6px 11px;
        background-size: 100%;
    }

    #menuPrincipal{
        background:#000;
        border:solid 1px #000;
    }

    #menuPrincipal a{
        color:#fff;
    }

    #menuPrincipal li{
        border-bottom:none;
    }

    /* menu principal */
    #menuPrincipal a{
        padding:0;
    }

    #menuPrincipal li+li{
        border-top:none;
    }

    /** menu gauche **/
    #menuGauche.navbar{
        width: 165px;
        height: 100%;
        /* margin-top:20px; */
        padding:0;
    }

    nav.sidebar .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    nav.sidebar .navbar-collapse, nav.sidebar .container-fluid{
        padding: 0 0px 0 0px;
    }


    nav.sidebar li {
        width: 100%;
    }

    nav.sidebar .forAnimate{
        opacity: 1;
    }

    .ficheResultat{
        max-width: 730px;
        padding:0;
        margin:auto;
        background:#fff;
    }

    .ficheResultat+.ficheResultat{
        margin-top:30px;
        padding: 0;
        /* height: 356px; */
    }

    .ficheResultat .descriptifBiens{
        position:relative;
        float:left;
        /* width:200px; */
        padding: 20px 20px 20px 20px;
    }

    .ficheResultat .imgBiens{
        float:left;
        width: 100%;
    }
    #photoPrincipal{
        position:relative;
        width:343px;
        margin-right:10px;
        float:left;
    }

    #listePhoto{
        height: 354px !important;
        padding:20px 0;
    }

    #listePhoto li+li{
        margin-top:10px;
    }

    #next,#prev{
        position:absolute;
        width:180px;
        right:0;
        font-size:20px;
        text-align:center;
        color:#fff;
        background: rgba(0,0,0,0.5);
        z-index:10;
    }

    #next:hover,#prev:hover,#next:focus,#prev:focus{
        text-decoration:none;
        background: rgba(0,0,0,1);
    }

    #next{
        top: 326px;
    }

    #prev{
        top:0;
    }

    #ligneFormCompte{
        background: url(../design/separation.png) center repeat-y;
    }

    #ficheAction{
        width:100%;
        margin:auto;
        margin-top:30px;
    }

    #ficheAction .list-inline>li{
        display: inline-block;
        margin:auto;
    }
}

@media (min-width:992px){
    #header{
        height:180px;
        margin-bottom: 25px;

    }

    #logoPerlImmo{
        width:100%;
        background-position:48px 10px;
        background-size:auto;
    }

    #menuGauche.navbar{
        width:172px;
        margin-top: 0px;
        margin-left: 40px;
    }

    .ficheResultat{
        max-width: 850px;
        height: 356px;
        padding:0;
        margin:auto;
    }

    .ficheResultat+.ficheResultat{
        margin-top:30px;
        padding: 0;
        height: 356px;
    }

    .ficheResultat .descriptifBiens{
        position:relative;
        float:left;
        width: 245px;
        height: 356px;
        padding: 20px 20px 20px 20px;
        background:#fff;
    }

    .ficheResultat .lienFiche{
        position:absolute;
        bottom: 15px;
    }

    .ficheResultat .imgBiens{
        float:left;
        width: 450px;
        height: 356px;
    }

    .ficheBien{
        position:relative;
        margin:auto;
        padding:0;
    }

    #photoPrincipal{
        width:508px;
    }

    #blocDpe img,#blocGes img{
        width: 307px;
    }


    .lA{
        top:48px;
    }

    .lB{
        top:80px;
    }

    .lC{
        top:110px;
    }

    .lD{
        top:142px;
    }

    .lE{
        top:173px;
    }

    .lF{
        top:202px;
    }

    .lG{
        top:232px;
    }

    #valeurDpe,#valeurGes{
        left:20px;
        width:290px;
    }

    #valeurDpe span,#valeurGes span{
        margin-left:235px;
    }



}

@media (min-width:1200px){
    #logoPerlImmo{
        width: 200px;
        left:-11px;
        background-position:2px 10px;
        background-size:195px;
    }

    #menuGauche.navbar{
        width:170px;
        margin:0;
        padding:0;
    }
   

    .ficheBien{
        width:720px;
    }

    .ficheResultat .imgBiens{
    width:530px;
    }

    .ficheResultat .descriptifBiens{
        width: 320px;
    }

    #photoPrincipal{
        width:530px;
    }

}

@media print{
    h1,h2,h3,h4,h5{
        color:#E11B24 !important;
    }

    #blocDpe,#blocGes {
        float:left;
        margin-right:50px;
    }

    #ficheBienImpression .legendeDpe{
        height:25px;
    }
    #ficheBienImpression .lA{
        top: -42px;
    }

    #ficheBienImpression .lB{
        top: -70px;
    }

    #ficheBienImpression .lC{
        top: -94px;
    }

    #ficheBienImpression .lD{
        top: -120px;
    }

    #ficheBienImpression .lE{
        top: -144px;
    }

    #ficheBienImpression .lF{
        top: -170px;
    }

    #ficheBienImpression .lG{
        top: -196px;
    }

    #valeurDpe span, #valeurGes span{
        line-height: 20px;
        height:20px;
    }

}

.bienVendu{
    position:absolute;
    top:0px;
    width:200px;
    height:140px;
    background:url(../design/vendu.png);
    z-index:10;
}