User Tools

Site Tools


building_efficiency_more

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revisionPrevious revision
Next revision
Previous revision
building_efficiency_more [2015/02/11 15:19] codinabuilding_efficiency_more [2023/11/16 15:21] (current) – external edit 127.0.0.1
Line 1: Line 1:
 +<html>
 +<div id="wrapper">
 +  <div id="content">
 +    <div class="blocWrapper">
 +
 +
 +    <!-- /BEGIN 1st row -->
 +        <div class="blocGroupWrapper">
 +            <div class="bloc single bgWhite">
 +                <header>
 +                    <h2>What can I choose in the calculator?</h2>
 +                </header>
 +                <div class="paddedContent">
 +                 The calculator lets you fix a value to the thermal efficiency of new and existing buildings in Switzerland in the selected year (2035 or 2050).
 +                </div>
 +            </div>
 +            <div class="bloc single bgWhite">
 +                <header>
 +                    <h2>Building Efficiency</h2>
 +                </header>
 +                <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/0/0b/Solar_Decathlon_09_aerial_view.jpg/800px-Solar_Decathlon_09_aerial_view.jpg" alt="image"/>
 +                <small> Solar Decathlon 2009</small>
 +            </div>
 +            <div class="bloc single bgWhite">
 +                <header>
 +                    <h2>Contents</h2>
 +                </header>
 +                <div class="paddedContent">
 +                    <ul>
 +                        <li>Impact</li>
 +                        <li>Global market</li>
 +                        <li>Definition</li>
 +                        <li>Constraints</li>
 +                        <li>Value ranges</li>
 +                        <li>References</li>
 +                    </ul>
 +                </div>
 +            </div>
 +            </div>
 +            <div class="clear"></div>
 +    <!-- /END 1st row -->
 +
 +
 + <!-- /BEGIN impact -->
 +    <a name="impact"></a>
 +            <div class="bloc triple bgWhite">
 +                <header class="lined">
 +                    <h2 class="fl">IMPACT – What is the impact of increasing the Building Efficiency?</h2>
 +                    <div class="clear"></div>
 +                </header>
 +                <div class="paddedContent">
 +                    <div class="bloc triple bgWhite">
 +                        In Switzerland, increasing the thermal efficiency of new and existing buildings will have the following impacts:
 +                        <div class="clear"></div>
 +                    </div>
 +                </div>
 +                <div class="larged">
 +                        <div class="paddedContent">
 +                            <div class="questionAnswer">
 +                                <h4>Energy system</h4>
 +                                <div class="clear"></div>
 +
 +                                <p><img src="lib/exe/fetch.php?media=smiley_face.png" HEIGHT="15" WIDTH="15" BORDER="0" alt="image"/> Reduces final energy demand.</p>
 +                                <p><img src="lib/exe/fetch.php?media=smiley_face.png" HEIGHT="15" WIDTH="15" BORDER="0" alt="image"/> Reduces final energy demand.</p> Reduces total heating oil and natural gas consumption.</p>
 +                                <p><img src="lib/exe/fetch.php?media=smiley_face.png" HEIGHT="15" WIDTH="15" BORDER="0" alt="image"/> Reduces final energy demand.</p> Likely to increase energy independence and energy security by reducing fossil imports.</p>
 +
 +
 +                                <div class="clear"></div>
 +                            </div>
 +                        </div>
 +                    </div>
 +
 +                    <div class="larged">
 +                        <div class="paddedContent">
 +                            <div class="questionAnswer">
 +                                <h4>Environment & Climate</h4>
 +                                <div class="clear"></div>
 +                                <p><img src="lib/exe/fetch.php?media=smiley_face.png" HEIGHT="15" WIDTH="15" BORDER="0" alt="image"/> Reduces final energy demand.</p> Very likely to reduce global CO2 emissions.</p>
 +                                <p><img src="lib/exe/fetch.php?media=smiley_face.png" HEIGHT="15" WIDTH="15" BORDER="0" alt="image"/> Reduces final energy demand.</p> Reduces emissions of harmful pollutants in built areas.</p>
 +                                <p><img src="lib/exe/fetch.php?media=sad_face.png
 +" HEIGHT="15" WIDTH="15" BORDER="0" alt="image"/> Likely to generate additional deposited waste from building envelope refurbishment.</p>
 +                                <div class="clear"></div>
 +                            </div>
 +                        </div>
 +                    </div>
 +                <div class="clear"></div>
 +                    <div class="larged">
 +                        <div class="paddedContent">
 +                            <div class="questionAnswer">
 +                                <h4>Society & Economy</h4>
 +                                <div class="clear"></div>
 +                                <p><img src="lib/exe/fetch.php?media=smiley_face.png" HEIGHT="15" WIDTH="15" BORDER="0" alt="image"/> Building efficiency measures for new buildings are often some of the most cost effective options to reduce energy demand.</p>
 +                                <p><img src="lib/exe/fetch.php?media=sad_face.png
 +" HEIGHT="15" WIDTH="15" BORDER="0" alt="image"/> However, the largest energy demand reduction opportunity resides in refurbishments which are typically much less cost effective. </p>
 +                                <p><img src="lib/exe/fetch.php?media=smiley_face.png" HEIGHT="15" WIDTH="15" BORDER="0" alt="image"/> May improve balance of payments by reducing oil and natural gas imports</p>
 +                                <p><img src="lib/exe/fetch.php?media=sad_face.png
 +" HEIGHT="15" WIDTH="15" BORDER="0" alt="image"/> Reduces Confederation income from the tax on mineral oil under the current taxation system.</p>
 +                                <p><img src="lib/exe/fetch.php?media=sad_face.png
 +" HEIGHT="15" WIDTH="15" BORDER="0" alt="image"/> Likely to require behavioural change as well as building refurbishment to be effective.</p>
 +
 +
 +
 +                                <div class="clear"></div>
 +                            </div>
 +                        </div>
 +                    </div>
 +
 +
 +                <div class="clear"></div>
 +            </div>
 +            <div class="clear"></div>
 +    <!-- /END impact -->
 +
 +  <!-- /BEGIN GLOBAL MARKET -->
 +    <a name="globalmarket"></a>
 +            <div class="bloc triple bgWhite">
 +                <header class="lined">
 +                    <h2 class="fl">GLOBAL MARKET – What is the global potential for increasing Building Efficiency?</h2>
 +                    <div class="clear"></div>
 +                </header>
 +                <div class="paddedContent">
 +
 +                        Building energy efficiency measures are expected to contribute about 24% of the total global final energy consumption reduction between now and 2035 even though buildings represent about 32% of the total final energy consumption. Furthermore, this is considered to represent only about 20% of the energy demand reduction potential if efficiency measures were applied to the whole building stock.[2]
 +                        <div class="clear"></div>
 +
 +                </div>
 +                <div class="clear"></div>
 +            </div>
 +            <div class="clear"></div>
 +    <!-- /END GLOBAL MARKET -->
 +
 +
 +    <!-- /BEGIN DEFINITION CONSTRAINTS -->
 +    <a name="definition"></a><a name="constraints"></a>
 +            <div class="bloc triple bgWhite">
 +                <header class="lined">
 +                    <h2 class="fl">DEFINITION / CONSTRAINTS</h2>
 +                    <div class="clear"></div>
 +                </header>
 +                    <div class="half">
 +                        <div class="paddedContent">
 +                            <div class="questionAnswer">
 +                                <h4>DEFINITION - What does the Building Efficiency indicator represent?</h4>
 +                                <div class="clear"></div>
 +
 +                                <p>The indicator covers passive measures that influence the heat demand of new and existing buildings; it does not concern  the technologies supplying the heat. </p>
 +                                <p>Typical measures would include wall, floor and loft insulation, improved window glazing , design measures focused on solar gain, as well as  improved building controls.</p>
 +
 +                                <div class="clear"></div>
 +                            </div>
 +                        </div>
 +                    </div>
 +
 +                    <div class="half">
 +                        <div class="paddedContent">
 +                            <div class="questionAnswer">
 +                                <h4>CONSTRAINTS - What are the key barriers impeding the increase of Building Efficiency?</h4>
 +                                <div class="clear"></div>
 +
 +                                <p>• Improving the energy efficiency of the building stock requires refurbishment of existing buildings which is physically disruptive.</p>
 +<p>• Buildings often suffer from split incentives where the stakeholder responsible for capital investments (owner) is different from the stakeholder in charge of operating expenses (tenant).</p>
 +<p>• Despite potential mid-/long-term  economic returns, private building owners are typically very sensitive to initial capital costs, especially if their period of ownership may not be long enough</p>
 +
 +
 +
 +                                <div class="clear"></div>
 +                            </div>
 +                        </div>
 +                    </div>
 +                <div class="clear"></div>
 +            </div>
 +            <div class="clear"></div>
 +    <!-- /END DEFINITION CONSTRAINTS -->
 +
 +
 +<style>
 +.dokuwiki div.page { padding: 5px; }
 +#wrapper #content h1 {
 +  margin-top: 0;
 +  padding-top: 0;
 +}
 +#wrapper #content.padded,
 +#wrapper #content .padded {
 +  padding: 0 0px;
 +}
 +
 +#wrapper #content .blocWrapper {
 +  margin: 0 5px 0 5px;
 +}
 +#wrapper #content .blocGroupWrapper {
 +  margin: 0;
 +  width: 915px;
 +  float: left;
 +}
 +#wrapper #content .bloc {
 +  float: left;
 +  margin: 0px 10px 10px 0px;
 +}
 +#wrapper #content .bloc header {
 +  padding: 1px 5px;
 +}
 +#wrapper #content .bloc header.lined {
 +  border-bottom: 1px solid #c2c2c2;
 +}
 +#wrapper #content .bloc h2 {
 +  font-size: 20px;
 +  font-family: 'ProximaNovaCond-Light';
 +  color: #535559;
 +  font-weight: normal;
 +  text-transform: uppercase;
 +  margin: 0;
 +}
 +#wrapper #content .bloc.single {
 +  width: 295px;
 +}
 +#wrapper #content .bloc.double {
 +  width: 610px;
 +}
 +#wrapper #content .bloc.triple {
 +  width: 915px;
 +}
 +#wrapper #content .bloc.bgWhite {
 +  background: #fff;
 +}
 +#wrapper #content .bloc header.bgOrange h2 {
 +  color: #fff;
 +  font-weight: normal;
 +}
 +#wrapper #content .bloc header.bgOrange .blocLink {
 +  border-left: 1px solid #fe984d;
 +  color: #fff;
 +}
 +#wrapper #content .bloc .blocLink {
 +  float: right;
 +  line-height: 17px;
 +  border-left: 1px solid #c2c2c2;
 +  padding-left: 20px;
 +  font-size: 14px;
 +  text-transform: uppercase;
 +  padding-top: 3px;
 +  color: #535559;
 +  font-family: 'ProximaNovaCond-Regular';
 +}
 +#wrapper #content .bloc .newsBloc {
 +  border-bottom: 1px solid #c2c2c2;
 +  padding: 0px 0px 20px 0px;
 +  /*padding-bottom: 20px;*/
 +  margin-bottom: 20px;
 +}
 +#wrapper #content .bloc .newsBloc h3 {
 +  font-size: 14px;
 +  margin-bottom: 10px;
 +}
 +#wrapper #content .bloc .newsBloc p {
 +  font-size: 13px;
 +  line-height: 17px;
 +  margin-bottom: 10px;
 +}
 +#wrapper #content .bloc a {
 +  color: #00a9e0;
 +  text-decoration: none;
 +  font-size: 14px;
 +}
 +#wrapper #content .half {
 +  width: 50%;
 +  float: left;
 +}
 +#wrapper #content .larged {
 +  width: 33%;
 +  float: left;
 +}
 +#wrapper #content .questionAnswer h4 {
 +  color: #fe6b00;
 +  margin-bottom: 10px;
 +  font-size: 14px;
 +  line-height: 17px;
 +}
 +#wrapper #content .questionAnswer h4 img {
 +  float: left;
 +  margin-right: 4px;
 +}
 +#wrapper #content .questionAnswer p {
 +  font-size: 13px;
 +  line-height: 17px;
 +  margin-bottom: 10px;
 +}
 +#wrapper #content .questionAnswer p img {
 +  float: left;
 +  margin-right: 4px;
 +}
 +#wrapper #content .questionAnswer .bg {
 +  float: left;
 +  color: #fff;
 +  border-radius: 8px;
 +  width: 15px;
 +  height: 15px;
 +  text-align: center;
 +  font-size: 11px;
 +  font-weight: normal;
 +}
 +#wrapper #content .questionAnswer .bg.question {
 +  background: #fe6b00;
 +}
 +#wrapper #content .questionAnswer .bg.answer {
 +  background: #535559;
 +}
 +#wrapper #content .intro {
 +  margin-bottom: 60px;
 +}
 +#wrapper #content .intro .img {
 +  float: left;
 +  width: 460px;
 +}
 +#wrapper #content .intro .txt {
 +  float: left;
 +  width: 480px;
 +}
 +#wrapper #content .intro .txt h1 {
 +  font-family: 'ProximaNovaCond-Semibold';
 +  font-size: 44px;
 +  color: #1d1d1b;
 +  text-transform: uppercase;
 +  margin-bottom: 6px;
 +}
 +#wrapper #content .intro .txt h2 {
 +  font-family: 'ProximaNovaCond-Light';
 +  font-size: 32px;
 +  color: #535559;
 +  text-transform: uppercase;
 +  margin-bottom: 6px;
 +}
 +#wrapper #content .intro .txt p {
 +  color: #1d1d1b;
 +  font-size: 16px;
 +  line-height: 20px;
 +  margin-bottom: 20px;
 +}
 +#wrapper #content #newsWrapper {
 +  background: #fff;
 +}
 +#wrapper #content #newsWrapper .news {
 +  padding: 20px;
 +}
 +#wrapper #content #newsWrapper .news .img {
 +  float: left;
 +  /*width: 280px;*/
 +  width: 220px;
 +}
 +#wrapper #content #newsWrapper .news .txt {
 +  float: left;
 +  width: 100px;
 +  padding-left: 10px;
 +}
 +#wrapper #content #newsWrapper .news h3 {
 +  font-family: 'ProximaNovaCond-Light';
 +  font-size: 16px;
 +  text-transform: uppercase;
 +  margin-bottom: 8px;
 +}
 +#wrapper #content #newsWrapper .news h2 {
 +  font-family: 'ProximaNovaCond-Regular';
 +  font-size: 28px;
 +  margin-bottom: 15px;
 +}
 +#wrapper #content #newsWrapper .news p {
 +  font-size: 16px;
 +  margin-bottom: 20px;
 +}
 +#wrapper #content #newsWrapper.detail {
 +  margin-bottom: 20px;
 +}
 +#wrapper #content #newsWrapper.detail img {
 +  width: 440px;
 +  float: left;
 +  margin: 0 20px 20px 0;
 +}
 +#wrapper #content #faqWrapper h2 {
 +  text-align: center;
 +  font-family: 'ProximaNovaCond-Semibold';
 +  font-size: 26px;
 +  text-transform: uppercase;
 +  color: #1d1d1b;
 +  margin-bottom: 20px;
 +}
 +#wrapper #content #faqWrapper .blocWrapper .bloc {
 +  height: 200px;
 +  position: relative;
 +}
 +#wrapper #content #faqWrapper .blocWrapper .bloc .content {
 +  padding: 20px;
 +}
 +#wrapper #content #faqWrapper .blocWrapper .bloc h3 {
 +  font-family: 'ProximaNovaCond-Semibold';
 +  font-size: 26px;
 +  text-transform: uppercase;
 +  color: #1d1d1b;
 +  text-align: left;
 +}
 +#wrapper #content #faqWrapper .blocWrapper .bloc h4 {
 +  font-family: 'ProximaNovaCond-Light';
 +  font-size: 19px;
 +  text-transform: uppercase;
 +  color: #1d1d1b;
 +  margin-bottom: 20px;
 +}
 +#wrapper #content #faqWrapper .blocWrapper .bloc .bluecornerlink {
 +  position: absolute;
 +  bottom: 20px;
 +}
 +#wrapper #content #faqWrapper .blocWrapper .bloc .bluecornerlink a {
 +  color: #fff;
 +}
 +#wrapper #content #faqWrapper.detail {
 +  margin-bottom: 40px;
 +}
 +#wrapper #content #faqWrapper.detail li {
 +  background: #fff;
 +  padding-top: 20px;
 +  border-bottom: 1px solid #c2c2c2;
 +  cursor: pointer;
 +}
 +#wrapper #content #faqWrapper.detail li .number {
 +  float: left;
 +  width: 30px;
 +  height: 30px;
 +  margin: 0 35px 15px 15px;
 +  text-align: center;
 +  background: #fe6b00;
 +  border-radius: 15px;
 +  line-height: 30px;
 +  color: #fff;
 +}
 +#wrapper #content #faqWrapper.detail li .question {
 +  float: left;
 +  font-family: 'ProximaNovaCond-Regular';
 +  font-size: 28px;
 +  line-height: 30px;
 +  width: 840px;
 +  padding-bottom: 20px;
 +  padding-right: 20px;
 +}
 +#wrapper #content #faqWrapper.detail li .question p {
 +  font-size: 28px;
 +  line-height: 30px;
 +}
 +#wrapper #content #faqWrapper.detail li .answer {
 +  display: none;
 +  background: #fff;
 +  padding: 20px 20px 20px 80px;
 +  font-size: 16px;
 +  line-height: 20px;
 +}
 +#wrapper #content #faqWrapper.detail li .answer p {
 +  margin-bottom: 20px;
 +}
 +#wrapper #content #faqWrapper.detail li.active {
 +  background: #fe6b00;
 +}
 +#wrapper #content #faqWrapper.detail li.active .number {
 +  background: #fff;
 +  color: #fe6b00;
 +}
 +#wrapper #content #faqWrapper.detail li.active .question {
 +  color: #fff;
 +}
 +#wrapper #content #faqWrapper.detail li.noborder {
 +  border-bottom: none;
 +}
 +#wrapper #content #lexiqueWrapper .ulWrapper {
 +  text-align: center;
 +}
 +#wrapper #content #lexiqueWrapper .ulWrapper ul li {
 +  display: inline-block;
 +  *display: inline;
 +  zoom: 1;
 +  border-right: 1px solid #c2c2c2;
 +  padding: 0 11px;
 +}
 +#wrapper #content #lexiqueWrapper .ulWrapper ul li.noborder {
 +  border: none;
 +}
 +#wrapper #content #lexiqueWrapper .ulWrapper ul li a {
 +  color: #535559;
 +  font-family: 'ProximaNovaCond-Light';
 +  font-size: 18px;
 +}
 +#wrapper #content #lexiqueWrapper .ulWrapper ul li a.active {
 +  color: #000;
 +}
 +#wrapper #content #lexiqueWrapper #listWrapper {
 +  margin: 20px 0;
 +}
 +#wrapper #content #lexiqueWrapper #listWrapper ul li {
 +  background: #fff;
 +  padding: 20px;
 +  border-bottom: 1px solid #c2c2c2;
 +}
 +#wrapper #content #lexiqueWrapper #listWrapper ul li h4 {
 +  font-family: 'ProximaNovaCond-Regular';
 +  font-size: 24px;
 +  margin-bottom: 6px;
 +}
 +#wrapper #content #lexiqueWrapper #listWrapper ul li p {
 +  margin-bottom: 20px;
 +}
 +#wrapper #content #map {
 +  width: 100%;
 +  height: 550px;
 +  background: #e8e8e8;
 +}
 +/* TEXTE PAGES ET ADMION */
 +#content.text,
 +.redactor_box {
 +  font-family: Arial, Helvetica, Sans Serif;
 +  font-size: 16px;
 +  color: #333333;
 +  padding: 20px;
 +}
 +#content.text body,
 +.redactor_box body {
 +  background: none;
 +}
 +#content.text h1,
 +.redactor_box h1,
 +#content.text h3,
 +.redactor_box h3 {
 +  font-family: 'ProximaNovaCond-Light';
 +  color: #535559;
 +  font-size: 32px;
 +  text-transform: uppercase;
 +}
 +#content.text h3,
 +.redactor_box h3 {
 +  font-size: 20px;
 +}
 +#content.text h2,
 +.redactor_box h2,
 +#content.text h4,
 +.redactor_box h4 {
 +  font-family: 'ProximaNovaCond-Semibold';
 +  font-size: 44px;
 +  color: #000;
 +  text-transform: uppercase;
 +  margin-bottom: 10px;
 +}
 +#content.text h4,
 +.redactor_box h4 {
 +  font-size: 26px;
 +}
 +#content.text p,
 +.redactor_box p {
 +  color: #333333;
 +  margin-bottom: 20px;
 +}
 +#content.text #wysiwyg,
 +.redactor_box #wysiwyg {
 +  margin-bottom: 80px;
 +}
 +#content.text ul li,
 +.redactor_box ul li {
 +  margin-bottom: 10px;
 +  line-height: 20px;
 +  display: block;
 +  padding-left: 20px;
 +  background: url(lib/tpl/ses/images/bg_bullet-text.png) top left no-repeat;
 +  background-position: 0 8px;
 +}
 +#content.text table,
 +.redactor_box table {
 +  margin-top: 50px;
 +}
 +#content.text table td,
 +.redactor_box table td {
 +  vertical-align: top;
 +}
 +#content.text table td p,
 +.redactor_box table td p,
 +#content.text table td li,
 +.redactor_box table td li {
 +  font-family: Arial, Helvetica, Sans Serif;
 +  font-size: 16px;
 +  color: #535559;
 +}
 +#content.text table td.w50,
 +.redactor_box table td.w50 {
 +  width: 460px;
 +  padding-right: 20px;
 +}
 +#content.text table td.w50.right,
 +.redactor_box table td.w50.right {
 +  width: 460px;
 +  padding-right: 0;
 +}
 +hr {
 +  background: none;
 +  border: none;
 +  border-top: 1px solid #c2c2c2;
 +}
 +hr.marged {
 +  margin: 40px 0;
 +}
 +.pagination {
 +  margin: 20px auto 40px auto;
 +  height: 20px;
 +}
 +.pagination ul li {
 +  float: left;
 +  padding: 0 10px;
 +  border-left: 1px solid #c2c2c2;
 +}
 +.pagination ul li a {
 +  font-family: 'ProximaNovaCond-Light';
 +  font-size: 20px;
 +  line-height: 23px;
 +  color: #797a7f;
 +}
 +.pagination ul li a.active {
 +  color: #000;
 +}
 +.pagination ul li.prev,
 +.pagination ul li.next {
 +  width: 11px;
 +  height: 20px;
 +}
 +.pagination ul li.prev,
 +.pagination ul li.nobl,
 +.pagination ul li.next {
 +  border-left: 0;
 +}
 +.paddedContent {
 +  padding: 20px;
 +}
 +#sponsorsWrapper {
 +  margin: 40px 0 30px 20px;
 +}
 +#sponsorsWrapper h2 {
 +  font-family: 'ProximaNovaCond-Regular';
 +  font-size: 14px;
 +  text-transform: uppercase;
 +}
 +#sponsorsWrapper .sponsor {
 +  float: left;
 +  margin-right: 60px;
 +}
 +.dokuwiki div.page {
 +  overflow: auto;
 +}
 +</style>
 +</html>
 +
 +<html>
 +<div id="wrapper">
 +  <div id="content">
 +    <div class="blocWrapper">
 +
 +<!-- /BEGIN ASSUMPTIONS -->
 +    <a name="assumptions"></a>
 +            <div class="bloc triple bgWhite">
 +                <header class="lined">
 +                    <h2 class="fl">ASSUMPTIONS – WHAT ARE THE ASSUMPTIONS CONSIDERED IN THE CALCULATOR?</h2>
 +                    <div class="clear"></div>
 +                </header>
 +                </div>
 +                <div class="clear"></div>
 +            </div>
 +            <div class="clear"></div>
 +    <!-- /END ASSUMPTIONS -->
 +
 +<style>
 +.dokuwiki div.page { padding: 5px; }
 +#wrapper #content .blocWrapper {
 +  margin: 0 5px 0 5px;
 +}
 +#wrapper #content .bloc header.lined {
 +  border-bottom: 1px solid #c2c2c2;
 +}
 +#wrapper #content .bloc h2 {
 +  font-size: 20px;
 +  font-family: 'ProximaNovaCond-Light';
 +  color: #535559;
 +  font-weight: normal;
 +  text-transform: uppercase;
 +  margin: 0;
 +}
 +#wrapper #content .bloc.bgWhite {
 +  background: #fff;
 +}
 +#wrapper #content .intro .txt h2 {
 +  font-family: 'ProximaNovaCond-Light';
 +  font-size: 32px;
 +  color: #535559;
 +  text-transform: uppercase;
 +  margin-bottom: 6px;
 +}
 +#wrapper #content #newsWrapper .news h2 {
 +  font-family: 'ProximaNovaCond-Regular';
 +  font-size: 28px;
 +  margin-bottom: 15px;
 +}
 +#wrapper #content #faqWrapper h2 {
 +  text-align: center;
 +  font-family: 'ProximaNovaCond-Semibold';
 +  font-size: 26px;
 +  text-transform: uppercase;
 +  color: #1d1d1b;
 +  margin-bottom: 20px;
 +}
 +/* TEXTE PAGES ET ADMION */
 +#content.text,
 +.redactor_box {
 +  font-family: Arial, Helvetica, Sans Serif;
 +  font-size: 16px;
 +  color: #333333;
 +  padding: 20px;
 +}
 +#content.text body,
 +.redactor_box body {
 +  background: none;
 +}
 +#content.text h2,
 +.redactor_box h2,
 +#content.text h4,
 +.redactor_box h4 {
 +  font-family: 'ProximaNovaCond-Semibold';
 +  font-size: 44px;
 +  color: #000;
 +  text-transform: uppercase;
 +  margin-bottom: 10px;
 +}
 +#content.text p,
 +.redactor_box p {
 +  color: #333333;
 +  margin-bottom: 20px;
 +}
 +#content.text #wysiwyg,
 +.redactor_box #wysiwyg {
 +  margin-bottom: 80px;
 +}
 +hr {
 +  background: none;
 +  border: none;
 +  border-top: 1px solid #c2c2c2;
 +}
 +hr.marged {
 +  margin: 40px 0;
 +}
 +.pagination {
 +  margin: 20px auto 40px auto;
 +  height: 20px;
 +}
 +.pagination ul li {
 +  float: left;
 +  padding: 0 10px;
 +  border-left: 1px solid #c2c2c2;
 +}
 +.pagination ul li a {
 +  font-family: 'ProximaNovaCond-Light';
 +  font-size: 20px;
 +  line-height: 23px;
 +  color: #797a7f;
 +}
 +.pagination ul li a.active {
 +  color: #000;
 +}
 +.pagination ul li.prev,
 +.pagination ul li.next {
 +  width: 11px;
 +  height: 20px;
 +}
 +.pagination ul li.prev,
 +.pagination ul li.nobl,
 +.pagination ul li.next {
 +  border-left: 0;
 +}
 +.paddedContent {
 +  padding: 20px;
 +}
 +#sponsorsWrapper h2 {
 +  font-family: 'ProximaNovaCond-Regular';
 +  font-size: 14px;
 +  text-transform: uppercase;
 +}
 +.dokuwiki div.page {
 +  overflow: auto;
 +}
 +</style>
 +</html>
 +
 +The annual average heating demand for 2035 and 2050 is calculated assuming several parameters. The main assumptions are:
 +  * [[heated_surface|Rate of refurbishment for buildings depending on their age]].
 +  * [[heated_surface|Efficiency performance for new buildings depending on their construction year]].
 +  * [[heated_surface|Efficiency performance for refurbished buildings depending on their refurbishment year]].
 +
 +
 +<html>
 +<div id="wrapper">
 +  <div id="content">
 +    <div class="blocWrapper">
 +
 +<!-- /BEGIN VALUE RANGE -->
 +    <a name="assumptions"></a>
 +            <div class="bloc triple bgWhite">
 +                <header class="lined">
 +                    <h2 class="fl">VALUE RANGE - WHAT RANGE OF VALUES CAN I CHOOSE?</h2>
 +                    <div class="clear"></div>
 +                </header>
 +                </div>
 +                <div class="clear"></div>
 +            </div>
 +            <div class="clear"></div>
 +    <!-- /END ASSUMPTIONS -->
 +
 +<style>
 +.dokuwiki div.page { padding: 5px; }
 +#wrapper #content .blocWrapper {
 +  margin: 0 5px 0 5px;
 +}
 +#wrapper #content .bloc header.lined {
 +  border-bottom: 1px solid #c2c2c2;
 +}
 +#wrapper #content .bloc h2 {
 +  font-size: 20px;
 +  font-family: 'ProximaNovaCond-Light';
 +  color: #535559;
 +  font-weight: normal;
 +  text-transform: uppercase;
 +  margin: 0;
 +}
 +#wrapper #content .bloc.bgWhite {
 +  background: #fff;
 +}
 +#wrapper #content .intro .txt h2 {
 +  font-family: 'ProximaNovaCond-Light';
 +  font-size: 32px;
 +  color: #535559;
 +  text-transform: uppercase;
 +  margin-bottom: 6px;
 +}
 +#wrapper #content #newsWrapper .news h2 {
 +  font-family: 'ProximaNovaCond-Regular';
 +  font-size: 28px;
 +  margin-bottom: 15px;
 +}
 +#wrapper #content #faqWrapper h2 {
 +  text-align: center;
 +  font-family: 'ProximaNovaCond-Semibold';
 +  font-size: 26px;
 +  text-transform: uppercase;
 +  color: #1d1d1b;
 +  margin-bottom: 20px;
 +}
 +/* TEXTE PAGES ET ADMION */
 +#content.text,
 +.redactor_box {
 +  font-family: Arial, Helvetica, Sans Serif;
 +  font-size: 16px;
 +  color: #333333;
 +  padding: 20px;
 +}
 +#content.text body,
 +.redactor_box body {
 +  background: none;
 +}
 +#content.text h2,
 +.redactor_box h2,
 +#content.text h4,
 +.redactor_box h4 {
 +  font-family: 'ProximaNovaCond-Semibold';
 +  font-size: 44px;
 +  color: #000;
 +  text-transform: uppercase;
 +  margin-bottom: 10px;
 +}
 +#content.text p,
 +.redactor_box p {
 +  color: #333333;
 +  margin-bottom: 20px;
 +}
 +#content.text #wysiwyg,
 +.redactor_box #wysiwyg {
 +  margin-bottom: 80px;
 +}
 +hr {
 +  background: none;
 +  border: none;
 +  border-top: 1px solid #c2c2c2;
 +}
 +hr.marged {
 +  margin: 40px 0;
 +}
 +.pagination {
 +  margin: 20px auto 40px auto;
 +  height: 20px;
 +}
 +.pagination ul li {
 +  float: left;
 +  padding: 0 10px;
 +  border-left: 1px solid #c2c2c2;
 +}
 +.pagination ul li a {
 +  font-family: 'ProximaNovaCond-Light';
 +  font-size: 20px;
 +  line-height: 23px;
 +  color: #797a7f;
 +}
 +.pagination ul li a.active {
 +  color: #000;
 +}
 +.pagination ul li.prev,
 +.pagination ul li.next {
 +  width: 11px;
 +  height: 20px;
 +}
 +.pagination ul li.prev,
 +.pagination ul li.nobl,
 +.pagination ul li.next {
 +  border-left: 0;
 +}
 +.paddedContent {
 +  padding: 20px;
 +}
 +#sponsorsWrapper h2 {
 +  font-family: 'ProximaNovaCond-Regular';
 +  font-size: 14px;
 +  text-transform: uppercase;
 +}
 +.dokuwiki div.page {
 +  overflow: auto;
 +}
 +</style>
 +</html>
 +
 +The expected future value ranges for the average [[heated_surface|energy performance]] of the Swiss building stock are:
 +  * 2035 -> 41 - 57 kWh/m<sup>2</sup>
 +  * 2050 -> 21 - 43 kWh/m<sup>2</sup>
 +In 2011 the Swiss building stock consumed an average of 92 kWh/m<sup>2</sup> <sup>[[#References|[1]]]</sup>.
 +
 +
 +<html>
 +<div id="wrapper">
 +  <div id="content">
 +    <div class="blocWrapper">
 +
 +<!-- /REFERENCES -->
 +    <a name="assumptions"></a>
 +            <div class="bloc triple bgWhite">
 +                <header class="lined">
 +                    <h2 class="fl">REFERENCES</h2>
 +                    <div class="clear"></div>
 +                </header>
 +                </div>
 +                <div class="clear"></div>
 +            </div>
 +            <div class="clear"></div>
 +    <!-- /END ASSUMPTIONS -->
 +
 +<style>
 +.dokuwiki div.page { padding: 5px; }
 +#wrapper #content .blocWrapper {
 +  margin: 0 5px 0 5px;
 +}
 +#wrapper #content .bloc header.lined {
 +  border-bottom: 1px solid #c2c2c2;
 +}
 +#wrapper #content .bloc h2 {
 +  font-size: 20px;
 +  font-family: 'ProximaNovaCond-Light';
 +  color: #535559;
 +  font-weight: normal;
 +  text-transform: uppercase;
 +  margin: 0;
 +}
 +#wrapper #content .bloc.bgWhite {
 +  background: #fff;
 +}
 +#wrapper #content .intro .txt h2 {
 +  font-family: 'ProximaNovaCond-Light';
 +  font-size: 32px;
 +  color: #535559;
 +  text-transform: uppercase;
 +  margin-bottom: 6px;
 +}
 +#wrapper #content #newsWrapper .news h2 {
 +  font-family: 'ProximaNovaCond-Regular';
 +  font-size: 28px;
 +  margin-bottom: 15px;
 +}
 +#wrapper #content #faqWrapper h2 {
 +  text-align: center;
 +  font-family: 'ProximaNovaCond-Semibold';
 +  font-size: 26px;
 +  text-transform: uppercase;
 +  color: #1d1d1b;
 +  margin-bottom: 20px;
 +}
 +/* TEXTE PAGES ET ADMION */
 +#content.text,
 +.redactor_box {
 +  font-family: Arial, Helvetica, Sans Serif;
 +  font-size: 16px;
 +  color: #333333;
 +  padding: 20px;
 +}
 +#content.text body,
 +.redactor_box body {
 +  background: none;
 +}
 +#content.text h2,
 +.redactor_box h2,
 +#content.text h4,
 +.redactor_box h4 {
 +  font-family: 'ProximaNovaCond-Semibold';
 +  font-size: 44px;
 +  color: #000;
 +  text-transform: uppercase;
 +  margin-bottom: 10px;
 +}
 +#content.text p,
 +.redactor_box p {
 +  color: #333333;
 +  margin-bottom: 20px;
 +}
 +#content.text #wysiwyg,
 +.redactor_box #wysiwyg {
 +  margin-bottom: 80px;
 +}
 +hr {
 +  background: none;
 +  border: none;
 +  border-top: 1px solid #c2c2c2;
 +}
 +hr.marged {
 +  margin: 40px 0;
 +}
 +.pagination {
 +  margin: 20px auto 40px auto;
 +  height: 20px;
 +}
 +.pagination ul li {
 +  float: left;
 +  padding: 0 10px;
 +  border-left: 1px solid #c2c2c2;
 +}
 +.pagination ul li a {
 +  font-family: 'ProximaNovaCond-Light';
 +  font-size: 20px;
 +  line-height: 23px;
 +  color: #797a7f;
 +}
 +.pagination ul li a.active {
 +  color: #000;
 +}
 +.pagination ul li.prev,
 +.pagination ul li.next {
 +  width: 11px;
 +  height: 20px;
 +}
 +.pagination ul li.prev,
 +.pagination ul li.nobl,
 +.pagination ul li.next {
 +  border-left: 0;
 +}
 +.paddedContent {
 +  padding: 20px;
 +}
 +#sponsorsWrapper h2 {
 +  font-family: 'ProximaNovaCond-Regular';
 +  font-size: 14px;
 +  text-transform: uppercase;
 +}
 +.dokuwiki div.page {
 +  overflow: auto;
 +}
 +</style>
 +</html>
 +
 +[1] [[http://www.bfe.admin.ch/php/modules/publikationen/stream.php?extlang=de&name=de_564869151.pdf&endung=Die%20Energieperspektiven%20f%FCr%20die%20Schweiz%20bis%202050|PROGNOS 2012, Die Energieperspektiven für die Schweiz bis 2050, Energienachfrage und Elektrizitätsangebot in der Schweiz 2000–2050.]]
 +
 +[2] IEA 2012, World Energy Outlook 2012, New Policies Scenario. Note that this figure includes all building energy demand and not just heating.