User Tools

Site Tools


fr:co2_more

Differences

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

Link to this comparison view

Next revision
Previous revision
fr:co2_more [2015/02/24 12:42] – external edit 127.0.0.1fr:co2_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>À quoi sert l'indicateur?</h2>
 +                </header>
 +                <div class="paddedContent">
 +                    Cet indicateur révèle les émissions équivalentes en CO2 de six des principaux gaz à effet de serre inclus dans le protocole de Kyoto (CO<sub>2</sub>, CH<sub>4</sub>, N<sub>2</sub>O, HFCs, PCFs et SF<sub>6</sub>) et associés à la conversion et consommation d'énergie.
 +                </div>
 +            </div>
 +            <div class="bloc single bgWhite">
 +                <header>
 +                    <h2> Émissions équivalentes en CO<sub>2</sub></h2>
 +                </header>
 +                <img src="https://upload.wikimedia.org/wikipedia/commons/e/e5/Diagram_showing_the_Earth%27s_energy_budget%2C_which_includes_the_greenhouse_effect_%28NASA%29.png" alt="image"/>
 +            </div>
 +            <div class="bloc single bgWhite">
 +                <header>
 +                    <h2>Table des matières</h2>
 +                </header>
 +                <div class="paddedContent">
 +                    <ul>
 +                        <li><a href="#relevance">Pertinence</a></li>
 +                        <li><a href="#swisscontext">Contexte suisse</a></li>
 +                        <li><a href="#globalcontext"> Contexte global</a></li>
 +                        <li><a href="#references">Références</a></li>
 +                    </ul>
 +                </div>
 +            </div>
 +            <div class="clear"></div>
 +    <!-- /END 1st row -->
 +
 +    <!-- /BEGIN relevance -->
 +    <a name="relevance"></a>
 +            <div class="bloc triple bgWhite">
 +                <header class="lined">
 +                    <h2 class="fl">Pertinence – Pourquoi cela compte-t-il pour la Suisse?</h2>
 +                    <div class="clear"></div>
 +                </header>
 +                <div class="paddedContent">
 +
 +                        <p>Les émissions de gaz à effet de serre (GES) dues aux activités humaines sont hautement susceptibles d'être la cause principale du réchauffement climatique observé actuellement. De plus, une augmentation de la température terrestre sur Terre a une haute probabilité de résulter en une augmentation d’événements météorologiques extrêmes, de la montée du niveau des mers et de l'acidification des océans. En Suisse, la fonte des glaciers et du permafrost sont parmi les plus graves des impacts dus au réchauffement climatique, et pourraient mener à de sévères impacts socio-économiques.</p>
 +<p>En ratifiant le protocole de Kyoto en 1997, la Suisse s'est engagée à se conformer aux limites d'émissions internationalement établies.[1] La Suisse a pour but de réduire les émissions de GES de 20% par rapport à 1990 d'ici à 2020.[2]</p>
 +<p>Réduire les émissions de GES est également important pour l'économie au sens large. Par exemple, une taxe au carbone d'actuellement CHF60/tonne (elle était de CHF36 en 2012) s'applique au mazout et au gaz pour le chauffage, ce qui correspond à un revenu total d'environ CHF740 millions pour la Confédération. De futures politiques de dissuasion visant à réduire le réchauffement climatique sont susceptibles de pénaliser de plus en plus les émissions de GES.</p>
 +
 +                        <div class="clear"></div>
 +
 +                </div>
 +                <div class="clear"></div>
 +            </div>
 +            <div class="clear"></div>
 +    <!-- /END relevance -->
 +
 +
 +    <!-- /BEGIN SWISS CONTEXT GLOBAL CONTEXT -->
 +    <a name="swisscontext"></a><a name="globalcontext"></a>
 +            <div class="bloc triple bgWhite">
 +                <header class="lined">
 +                    <h2 class="fl">CONTEXTES SUISSE & GLOBAL </h2>
 +                    <div class="clear"></div>
 +                </header>
 +                    <div class="half">
 +                        <div class="paddedContent">
 +                            <div class="questionAnswer">
 +                                <h4>CONTEXTE SUISSE</h4>
 +                                <div class="clear"></div>
 +
 +                                <p>• Le secteur énergétique est responsable d'environ 80% des émissions de GES en Suisse</p>
 +                                <p>• Les émissions totales de CO2 dues au secteur énergétique ont diminué de 40.9 à 38.4 MtCO2-eq./année de 1990 à 2012. </p>
 +                                <p>• L'objectif national de réduction de 10% pour les émissions dues au secteur énergétique (pour la moyenne de 2008-2012 en comparaison avec le niveau en 1990) n'a pas été atteint.[4] La diminution de 6.2% a cependant été compensée par l'acquisition de crédits-carbone.</p>
 +                                <p>• Les émissions par habitant dues au secteur énergétique ont diminué de 6.3 à 5.6 tCO2eq/année entre 1990 et 2009.[3]</p>
 +                                <div class="clear"></div>
 +                            </div>
 +                        </div>
 +                    </div>
 +
 +                    <div class="half">
 +                        <div class="paddedContent">
 +                            <div class="questionAnswer">
 +                                <h4>CONTEXTE GLOBAL</h4>
 +                                <div class="clear"></div>
 +
 +                                <p>• Le secteur énergétique représente 65% des émissions de GES dues à l'homme. L'agriculture et les modifications des forêts/terrains constituent le reste.[3]</p>
 +                                <p>• Les émissions totales de CO2 dues au secteur énergétique ont augmenté entre 1990 et 2009 de 22,741 à 30,698 MtCO2eq/année.[3]</p>
 +                                <p>• Les émissions par habitant dues au secteur énergétique ont augmenté de 4.4 à 5.6 tCO2eq/année entre 1990 et 2009.[3]</p>
 +
 +                                <div class="clear"></div>
 +                            </div>
 +                        </div>
 +                    </div>
 +                <div class="clear"></div>
 +            </div>
 +            <div class="clear"></div>
 +    <!-- /END DEFINITION CONSTRAINTS -->
 +
 +
 +    <!-- /BEGIN REFERENCES -->
 +    <a name="references"></a>
 +            <div class="bloc triple bgWhite">
 +                <header class="lined">
 +                    <h2 class="fl">RÉFÉRENCES</h2>
 +                    <div class="clear"></div>
 +                </header>
 +                <div class="paddedContent">
 +                    <div class="bloc triple bgWhite">
 +                        <p>[1] <a href="https://unfccc.int/kyoto_protocol/items/2830.php">Conventions des Nations Unies sur le changement climatique. </a></p>
 +                        <p>[2] <a href="http://www.bafu.admin.ch/publikationen/publikation/01750/index.html?lang=en">Office Fédéral de l'Environnement.</a></p>
 +                        <p>[3] <a href="http://cait2.wri.org">WRI explorateur de données du climat.</a></p>
 +                        <p>[4] <a href="http://www.bafu.admin.ch/dokumentation/medieninformation/00962/index.html?lang=fr&msg-id=49576">Office Fédéral de l'Environnement.</a></p>
 +                        <div class="clear"></div>
 +                    </div>
 +                </div>
 +                <div class="clear"></div>
 +            </div>
 +            <div class="clear"></div>
 +    <!-- /END REFERENCES -->
 +
 +
 +
 +
 +
 +        </div><!-- /.blocGroupWrapper -->
 +
 +
 +        <div class="clear"></div>
 +    </div>
 +  </div> <!-- /content -->
 +</div>
 +
 +<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>