@charset "utf-8";
 .content_infos_ann{
display: flex;
flex-direction: column; 
transition: all 300ms ease;
height: 150px;
overflow: hidden;
}
.content_infos_ann.open-detail{overflow:visible; height: 840px;}
.content_infos_ann #dpe_dpe{
width: 100%;
max-width: 550px;
padding: 20px 20px 20px 180px;
border: 1px solid #AAA;
border-radius: 10px;
margin-top: 20px;
margin-bottom: 30px;
position: relative;
transition: all 300ms ease;
height: 120px;
}
.content_infos_ann.open-detail #dpe_dpe{height: auto;}
.content_infos_ann #dpe_ges{width: 100%; position: relative;}
.content_infos_ann #dpe_ges .new-graph,
.content_infos_ann #dpe_dpe .new-graph{
list-style: none;
margin: 0;
padding:0;
font-size: 13px;
line-height: 15px;
font-weight: bold;
letter-spacing: 0.02em;
text-align: left;
transition: all 300ms ease;
opacity: 0;
}
.content_infos_ann.open-detail  #dpe_ges .new-graph,
.content_infos_ann.open-detail #dpe_dpe .new-graph{opacity: 1;}
.content_infos_ann #dpe_ges .new-graph li,
.content_infos_ann #dpe_dpe .new-graph li{margin-bottom: 6px; display: flex; align-items: center;}
.content_infos_ann #dpe_dpe .new-graph .green-color{color:#00ae80; font-family: 'Roboto Condensed', sans-serif;}
.content_infos_ann #dpe_dpe .new-graph .red-color{color:#de2f30; font-family: 'Roboto Condensed', sans-serif;}
.content_infos_ann #dpe_dpe .new-graph .score-DPE{position: relative; height: 34px; padding-left: 14px; color: #FFF; font-size: 26px; line-height: 26px; transition: all 300ms ease;}
.content_infos_ann #dpe_dpe .new-graph.dpe_a .dark-green-score,
.content_infos_ann #dpe_dpe .new-graph.dpe_b .green-score,
.content_infos_ann #dpe_dpe .new-graph.dpe_c .light-green-score,
.content_infos_ann #dpe_dpe .new-graph.dpe_d .light-yellow-score,
.content_infos_ann #dpe_dpe .new-graph.dpe_e .yellow-score,
.content_infos_ann #dpe_dpe .new-graph.dpe_f .orange-score,
.content_infos_ann #dpe_dpe .new-graph.dpe_g .red-score{
height:68px;
border-top: 2px solid #000;
border-bottom: 2px solid #000;
font-size: 50px;
text-shadow: 1px 1px 0 #000;
}
.content_infos_ann #dpe_dpe .new-graph.dpe_a .dark-green-score::before,
.content_infos_ann #dpe_dpe .new-graph.dpe_b .green-score::before,
.content_infos_ann #dpe_dpe .new-graph.dpe_c .light-green-score::before,
.content_infos_ann #dpe_dpe .new-graph.dpe_d .light-yellow-score::before,
.content_infos_ann #dpe_dpe .new-graph.dpe_e .yellow-score::before,
.content_infos_ann #dpe_dpe .new-graph.dpe_f .orange-score::before,
.content_infos_ann #dpe_dpe .new-graph.dpe_g .red-score::before{
top: 1px;
right: -15px;
border-width: 31px 0 31px 15px;
}
.content_infos_ann #dpe_dpe .new-graph .score-DPE::before{
content: "";
position: absolute;
top: 0;
right: -12px;
z-index: 2;
width: 0;
height: 0;
border-style: solid;
border-width: 17px 0 17px 12px;
transition: all 300ms ease;
}
.content_infos_ann #dpe_dpe .new-graph .dark-green-score{background-color: #00ae80; max-width: 38%;}
.content_infos_ann #dpe_dpe .new-graph .dark-green-score::before{border-color: transparent transparent transparent #00ae80;}
.content_infos_ann #dpe_dpe .new-graph .green-score{background-color: #50bd68; max-width: 48%;}
.content_infos_ann #dpe_dpe .new-graph .green-score::before{border-color: transparent transparent transparent #50bd68;}
.content_infos_ann #dpe_dpe .new-graph .light-green-score{background-color: #74c585; max-width: 56%;}
.content_infos_ann #dpe_dpe .new-graph .light-green-score::before{border-color: transparent transparent transparent #74c585;}
.content_infos_ann #dpe_dpe .new-graph .light-yellow-score{background-color: #efea36; max-width: 64%;}
.content_infos_ann #dpe_dpe .new-graph .light-yellow-score::before{border-color: transparent transparent transparent #efea36;}
.content_infos_ann #dpe_dpe .new-graph .yellow-score{background-color: #f1b62a; max-width: 72%;}
.content_infos_ann #dpe_dpe .new-graph .yellow-score::before{border-color: transparent transparent transparent #f1b62a;}
.content_infos_ann #dpe_dpe .new-graph .orange-score{background-color: #f08a44; max-width: 85%;}
.content_infos_ann #dpe_dpe .new-graph .orange-score::before{border-color: transparent transparent transparent #f08a44;}
.content_infos_ann #dpe_dpe .new-graph .red-score{background-color: #de2f30; max-width: 95%;}
.content_infos_ann #dpe_dpe .new-graph .red-score::before{border-color: transparent transparent transparent #de2f30;}
.content_infos_ann #dpe_dpe .new-graph.dpe_a .dark-green-score::after,
.content_infos_ann #dpe_dpe .new-graph.dpe_b .green-score::after,
.content_infos_ann #dpe_dpe .new-graph.dpe_c .light-green-score::after,
.content_infos_ann #dpe_dpe .new-graph.dpe_d .light-yellow-score::after,
.content_infos_ann #dpe_dpe .new-graph.dpe_e .yellow-score::after,
.content_infos_ann #dpe_dpe .new-graph.dpe_f .orange-score::after,
.content_infos_ann #dpe_dpe .new-graph.dpe_g .red-score::after{
content: "";
position: absolute;
top: -2px;
right: -17px;
z-index: 1;
width: 0;
height: 0;
border-style: solid;
border-width: 34px 0 34px 17px;
border-color: transparent transparent transparent #000;
transition: all 300ms ease;
}
.content_infos_ann #dpe_dpe .graph_dpe{
height: 100%;
position: absolute;
top: 10px;
left: 50%;
width: 250px;
margin-left: -125px;
transition: all 300ms ease;
}
.content_infos_ann.open-detail #dpe_dpe .graph_dpe{top: 0; left: 20px; width: 160px; margin-left: 0;}
.content_infos_ann #dpe_dpe .graph_dpe .detail-dpe{
position: absolute;
right: 0;
width: 100%;
transition: all 300ms ease;
display: flex;
justify-content: space-between;
align-items: flex-end;
}
.content_infos_ann #dpe_dpe .graph_dpe .detail-dpe .section1{width: 180px;}
.content_infos_ann.open-detail #dpe_dpe .graph_dpe .detail-dpe .section1{width: 100%;}
.content_infos_ann #dpe_dpe .graph_dpe .detail-dpe .section2{
display: flex;
justify-content: center;
align-items: center;
width: 70px;
height: 68px;
padding: 6px 0;
border-top: 2px solid #000;
border-bottom: 2px solid #000;
border-right: 2px solid #000;
font-weight: bold;
border-radius: 0 8px 8px 0;
font-size: 40px;
color: #FFF;
text-shadow: 1px 1px 0 #000;
}
.content_infos_ann.open-detail #dpe_dpe .graph_dpe .detail-dpe .section2{display:none;}
.content_infos_ann #dpe_dpe .graph_dpe .detail-dpe .section2.dpe_a{background-color: #00ae80;}
.content_infos_ann #dpe_dpe .graph_dpe .detail-dpe .section2.dpe_b{background-color: #50bd68;}
.content_infos_ann #dpe_dpe .graph_dpe .detail-dpe .section2.dpe_c{background-color: #74c585;}
.content_infos_ann #dpe_dpe .graph_dpe .detail-dpe .section2.dpe_d{background-color: #efea36;}
.content_infos_ann #dpe_dpe .graph_dpe .detail-dpe .section2.dpe_e{background-color: #f1b62a;}
.content_infos_ann #dpe_dpe .graph_dpe .detail-dpe .section2.dpe_f{background-color: #f08a44;}
.content_infos_ann #dpe_dpe .graph_dpe .detail-dpe .section2.dpe_g{background-color: #de2f30;}
.content_infos_ann #dpe_dpe .graph_dpe .detail-dpe.dpe_a,
.content_infos_ann #dpe_dpe .graph_dpe .detail-dpe.dpe_b,
.content_infos_ann #dpe_dpe .graph_dpe .detail-dpe.dpe_c,
.content_infos_ann #dpe_dpe .graph_dpe .detail-dpe.dpe_d,
.content_infos_ann #dpe_dpe .graph_dpe .detail-dpe.dpe_e,
.content_infos_ann #dpe_dpe .graph_dpe .detail-dpe.dpe_f,
.content_infos_ann #dpe_dpe .graph_dpe .detail-dpe.dpe_g{top: 0;}
.content_infos_ann.open-detail #dpe_dpe .graph_dpe .detail-dpe.dpe_a{top: 23px;}
.content_infos_ann.open-detail #dpe_dpe .graph_dpe .detail-dpe.dpe_b{top: 63px;}
.content_infos_ann.open-detail #dpe_dpe .graph_dpe .detail-dpe.dpe_c{top: 103px;}
.content_infos_ann.open-detail #dpe_dpe .graph_dpe .detail-dpe.dpe_d{top: 143px;}
.content_infos_ann.open-detail #dpe_dpe .graph_dpe .detail-dpe.dpe_e{top: 183px;}
.content_infos_ann.open-detail #dpe_dpe .graph_dpe .detail-dpe.dpe_f{top: 223px;}
.content_infos_ann.open-detail #dpe_dpe .graph_dpe .detail-dpe.dpe_g{top: 263px;}
.content_infos_ann #dpe_dpe .graph_dpe .detail-dpe .legendes-dpe{
padding: 0 7px;
display: flex;
justify-content: space-between;
letter-spacing: 0;
color: #000;
font-family: 'Roboto Condensed', sans-serif;
font-size: 11px;
line-height: 18px;
}
.content_infos_ann #dpe_dpe .graph_dpe .detail-dpe .legendes-dpe span{display: inline-block; width: 50%; text-align: center;}
.content_infos_ann #dpe_dpe .graph_dpe .detail-dpe .label{
display: flex;
justify-content: space-between;
align-items: center;
padding: 6px 8px;
border: 2px solid #000;
height: 68px;
font-weight: bold;
border-radius: 8px 0 0 8px;
color: #000;
}
.content_infos_ann #dpe_ges .graph_dpe .detail-dpe .label{
position: relative;
display: flex;
justify-content: center;
align-items: center;
height: 60px;
font-weight: bold;
color: #000;
padding: 0 0 0 30px;
}
.content_infos_ann #dpe_ges .graph_dpe .detail-dpe .label .detail-label,
.content_infos_ann #dpe_dpe .graph_dpe .detail-dpe .label .detail-label{
display: flex;
flex-direction: column;
align-items: center;
letter-spacing: 0;
width: 62px;
}
.content_infos_ann #dpe_ges .graph_dpe .detail-dpe .label .detail-label .big-font,
.content_infos_ann #dpe_dpe .graph_dpe .detail-dpe .label .detail-label .big-font{display: block; font-size: 30px; font-weight: bold; text-align: center; margin-bottom: 4px;}
.content_infos_ann #dpe_ges .graph_dpe .detail-dpe .label .detail-label .small-font,
.content_infos_ann #dpe_dpe .graph_dpe .detail-dpe .label .detail-label .small-font{font-size: 10px; font-family: 'Roboto Condensed', sans-serif;}
.content_infos_ann #dpe_dpe .graph_dpe .detail-dpe .separation{background-color: #000; width: 2px; height: 100%;}
.content_infos_ann #dpe_ges{border: 2px solid #8cd8f9; border-radius: 10px; padding: 15px; width: 350px; text-align: left;}
.content_infos_ann #dpe_ges h4{font-size: 16px; color: #000; font-weight: bold;}
.content_infos_ann #dpe_ges .content-dpe_ges{position: relative; padding-right: 100px;}
.content_infos_ann #dpe_ges .new-graph .blue-color{color:#5a98c1; font-family: 'Roboto Condensed', sans-serif;}
.content_infos_ann #dpe_ges .new-graph .dark-blue-color{color:#22163c; font-family: 'Roboto Condensed', sans-serif; text-align: left; display: inline-block; margin-bottom: 0;}
.content_infos_ann #dpe_ges .new-graph .score-DPE{
position: relative;
height: 30px;
border-radius: 0 15px 15px 0;
padding-left: 14px;
color: #FFF;
font-size: 20px;
line-height: 20px;
transition: all 300ms ease;
}
.content_infos_ann #dpe_ges .new-graph.dpe_a .blue1-score,
.content_infos_ann #dpe_ges .new-graph.dpe_b .blue2-score,
.content_infos_ann #dpe_ges .new-graph.dpe_c .blue3-score,
.content_infos_ann #dpe_ges .new-graph.dpe_d .blue4-score,
.content_infos_ann #dpe_ges .new-graph.dpe_e .blue5-score,
.content_infos_ann #dpe_ges .new-graph.dpe_f .blue6-score,
.content_infos_ann #dpe_ges .new-graph.dpe_g .blue7-score{
height: 60px;
border: 2px solid #000;
border-radius: 0 30px 30px 0;
font-size: 46px;
text-shadow: 1px 1px 0 #000;
}
.content_infos_ann #dpe_ges .new-graph .blue1-score{background-color: #96dbf9; max-width: 38%;}
.content_infos_ann #dpe_ges .new-graph .blue2-score{background-color: #7fafcf; max-width: 48%;}
.content_infos_ann #dpe_ges .new-graph .blue3-score{background-color: #6e8fae; max-width: 56%;}
.content_infos_ann #dpe_ges .new-graph .blue4-score{background-color: #596b8d; max-width: 64%;}
.content_infos_ann #dpe_ges .new-graph .blue5-score{background-color: #475072; max-width: 72%;}
.content_infos_ann #dpe_ges .new-graph .blue6-score{background-color: #363457; max-width: 85%;}
.content_infos_ann #dpe_ges .new-graph .blue7-score{background-color: #22123d; max-width: 95%;}
.content_infos_ann #dpe_ges .graph_dpe{
height: 100%;
position: absolute;
top: 0;
right: 0;
width: 100px;
}
.content_infos_ann #dpe_ges .graph_dpe .detail-dpe{
position: absolute;
right: 0;
width: 100%;
}
.content_infos_ann #dpe_ges .graph_dpe .detail-dpe .label .detail-label{margin-bottom: 3px;}
.content_infos_ann #dpe_ges .graph_dpe .detail-dpe.dpe_a{top: 22px;}
.content_infos_ann #dpe_ges .graph_dpe .detail-dpe.dpe_b{top: 58px;}
.content_infos_ann #dpe_ges .graph_dpe .detail-dpe.dpe_c{top: 93px;}
.content_infos_ann #dpe_ges .graph_dpe .detail-dpe.dpe_d{top: 129px;}
.content_infos_ann #dpe_ges .graph_dpe .detail-dpe.dpe_e{top: 165px;}
.content_infos_ann #dpe_ges .graph_dpe .detail-dpe.dpe_f{top: 202px;}
.content_infos_ann #dpe_ges .graph_dpe .detail-dpe.dpe_g{top: 237px;}
.content_infos_ann #dpe_ges .graph_dpe .detail-dpe::before{
background-color: #000;
position: absolute;
top: 50%;
content: "";
height: 2px;
}
.content_infos_ann #dpe_ges .graph_dpe .detail-dpe.dpe_a::before{left: -126px; width: 150px;}
.content_infos_ann #dpe_ges .graph_dpe .detail-dpe.dpe_b::before{left: -104px; width: 130px;}
.content_infos_ann #dpe_ges .graph_dpe .detail-dpe.dpe_c::before{left: -85px; width: 108px;}
.content_infos_ann #dpe_ges .graph_dpe .detail-dpe.dpe_d::before{left: -70px; width: 94px;}
.content_infos_ann #dpe_ges .graph_dpe .detail-dpe.dpe_e::before{left: -50px; width: 75px;}
.content_infos_ann #dpe_ges .graph_dpe .detail-dpe.dpe_f::before{left: -22px; width: 46px;}
.content_infos_ann #dpe_ges .graph_dpe .detail-dpe.dpe_g::before{left: -2px; width: 28px;}
.single-property #property-thumbnails{display:none;}
.single-property .cta-detail{
background-color: #4a4a52;
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
width: 180px;
height: 40px;
border-radius: 5px;
transition: all 300ms ease;
margin: 15px auto 5px;
color: #FFF;
box-shadow: 0 1px 2px 0 rgba(53, 52, 52, 0.2);
}
.single-property .cta-detail:hover{background-color: #50ceb7;}
.cta-detail.hide-cta,
.dpe-en-cours{display: none;}
@media (max-width: 480px){
#main-content .content_infos_ann #dpe_dpe{padding: 20px 0 0 80px;}
.content_infos_ann.open-detail #dpe_dpe .graph_dpe .detail-dpe .legendes-dpe span:nth-child(2),
.content_infos_ann.open-detail #dpe_dpe .graph_dpe .detail-dpe .separation,
.content_infos_ann.open-detail #dpe_dpe .graph_dpe .detail-dpe .label .detail-label:last-child{display:none}
.content_infos_ann.open-detail #dpe_dpe .graph_dpe{width: 80px;}
.content_infos_ann.open-detail #dpe_dpe .graph_dpe .detail-dpe .label{justify-content: center;}
.content_infos_ann.open-detail #dpe_dpe .graph_dpe .detail-dpe .legendes-dpe span{width: 100%;}
.content_infos_ann.open-detail #dpe_dpe .new-graph .red-score{max-width: 93%;}
.content_infos_ann.open-detail #dpe_ges{width: 100%; border: none; border-radius: 0; padding: 0;}
.content_infos_ann.open-detail #dpe_ges .content-dpe_ges{padding-right: 80px;}
.content_infos_ann.open-detail #dpe_ges .new-graph{position: relative; z-index: 2;}
.content_infos_ann.open-detail #dpe_ges .graph_dpe{width: 80px; z-index: 1;}
.content_infos_ann.open-detail #dpe_ges .graph_dpe .detail-dpe .label,
.content_infos_ann.open-detail #dpe_dpe .graph_dpe .detail-dpe .legendes-dpe{padding: 0;}
.content_infos_ann #dpe_ges .graph_dpe .detail-dpe.dpe_a::before,
.content_infos_ann #dpe_ges .graph_dpe .detail-dpe.dpe_b::before,
.content_infos_ann #dpe_ges .graph_dpe .detail-dpe.dpe_c::before,
.content_infos_ann #dpe_ges .graph_dpe .detail-dpe.dpe_d::before,
.content_infos_ann #dpe_ges .graph_dpe .detail-dpe.dpe_e::before,
.content_infos_ann #dpe_ges .graph_dpe .detail-dpe.dpe_f::before,
.content_infos_ann #dpe_ges .graph_dpe .detail-dpe.dpe_g::before{left: auto; width: 150px; right: 80px;}
.content_infos_ann #dpe_ges h4{font-size: 15px;}
}
@media (max-width: 600px){
.content_infos_ann{align-items: center;}
.content_infos_ann.open-detail #dpe_dpe{padding: 20px 0 0 160px; border: none;}
.content_infos_ann.open-detail #dpe_dpe .graph_dpe{left: 0;}
body .col-sm-8 #main-content .section-title-dpe span{line-height: 26px; padding-right: 0; font-size: 20px; text-transform: initial;}
body .col-sm-8 #main-content .section-title-dpe{text-align: center;}
}