html {
    background-color: #ffffff;
    color: #444444 ;
    font-family: arial;
    -webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 1s; /* Firefox < 16 */
    -ms-animation: fadein 1s; /* Internet Explorer */
    -o-animation: fadein 1s; /* Opera < 12.1 */
    animation: fadein 1s;
}

body {
margin: 0;
}
.clear { clear: both;}

.entete {height: 50px; width: 100%; background-color: #008D97; 
            text-align:center; 
            margin-bottom: 50px;}


.footer {height: 250px; width: 100%; background-color: #ffffff; padding-top: 50px; vertical-align: baseline; position: fixed; bottom: 0px; left: 0}

.mandat_exclusif {
    color: #ffffff;
    font-weight: bold;
    font-size: 30px;
    line-height: 50px;			
    width: 100%;
    vertical-align: text-bottom;
    height: 50px;
}


.bloc-photos {
    width: 700px;
    height: 480px;
    float:left;
    margin-left: 80px;
}

.photo {
    max-width: 640px; max-height: 480px;
}
.bloc-pictos {
    width: 1000px;
    float:left;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    
}

.pictos {
    width: 200px;
    height: 100px;
    float:left;
    font-size: 28px;
    text-align: center;
    
}
.pictos img {
    height: 45px;
}

.bloc-dpe {
    width: 600px;
    float:right;
    padding-right: 80px;
    
    -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 2s; /* Firefox < 16 */
    -ms-animation: fadein 2s; /* Internet Explorer */
    -o-animation: fadein 2s; /* Opera < 12.1 */
    animation: fadein 2s;
}
@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

.bloc-descriptif {
    width:100%;
    background-color: #ffffff;
    padding: 0px 0px 40px 0px;
    color: #444444;
}

.descriptif-annonce {
    padding-left: 100px;
    padding-right: 100px;
    font-size: 30px;
    line-height: 40px;
}

.descriptif-annonce.court{
    font-size: 35px !important;
    line-height: 43px !important;
}

.descriptif-annonce.moyen{
    font-size: 25px !important;
    line-height: 40px !important;
}

.descriptif-annonce.long{
    font-size: 22px !important;
    line-height: 30px !important;
}
        


.bloc-general {
    width:100%;
    background-color: #008D97;
    padding: 30px 0px 30px 0px;
    margin-left: 0;
    margin-right: 0;
    color: #ffffff;
    margin-top: 50px;
    height: 110px
    
}
.bloc-general .col-gauche{
    float:left;
    padding:left;
    width: 55%;
    text-align: left;

}

.bloc-general .col-droite{
    padding:right;
    width: 45%;
    float:right;
    text-align: right;
    display: flex;
    flex-direction: column; /* direction d'affichage verticale */
    justify-content: center; /* alignement vertical */	
    vertical-align: center;
}

.bloc-general .type_annonce { padding-left: 80px; font-size: 30px; line-height: 40px; text-transform: uppercase;}
.bloc-general .localisation_bien { padding-left: 80px; font-size: 65px; line-height: 70px; font-weight: bold; text-transform: uppercase;}
.bloc-general .prix_bien { padding-left: 80px; padding-right: 80px; font-size: 70px; line-height: 70px; font-weight: bold;}
.bloc-general .honoraires { padding-left: 80px; padding-right: 80px; font-size: 25px; line-height: 30px; font-weight: normal;}
.bloc-general .copropriete { padding-left: 80px; padding-right: 80px; font-size: 22px; line-height: 25px; font-weight: normal;}

.reference_annonce {
    color: #ffffff;
    font-weight: bold;
    font-size: 22px;
    padding-right: 80px;
    position: absolute;
    top:12px;
    right: 0;
     
}		
.logo_sqh {float: left; padding-left: 80px; padding-right: 50px; width:500px}

.infos_agence { float: left; padding-left: 40px;  font-size: 22px; line-height: 28px; font-weight: normal;}

.visuel_conso_energie {float:right; height: 150px }
.visuel_ges { float:right; height: 150px }
.visuel_conso_energie img, .visuel_ges img {height: 150px }

.mentions_legales { max-width: 1920px; padding-left: 80px; padding-right: 80px; padding-top: 30px; font-weight: normal; font-size: 13px; line-height: 18px;}

html{
			zoom: 1; overflow: hidden;
    }

@media (max-width: 1360px) {
    html{
        zoom: 0.667; overflow: hidden;
        }
}

@media (max-width: 1024px) {
    html{
        zoom: 0.533; overflow: hidden;
        }
}