This shows you the differences between two versions of the page.
Next revision | Previous revision | ||
gasoline_diesel_car_more [2014/08/29 09:19] – created lpgillia | gasoline_diesel_car_more [2023/11/16 15:21] (current) – external edit 127.0.0.1 | ||
---|---|---|---|
Line 1: | Line 1: | ||
+ | < | ||
+ | <div id=" | ||
+ | <div id=" | ||
+ | <div class=" | ||
+ | |||
+ | |||
+ | <!-- /BEGIN 1st row --> | ||
+ | <div class=" | ||
+ | <div class=" | ||
+ | < | ||
+ | < | ||
+ | </ | ||
+ | <div class=" | ||
+ | The calculator lets you choose the share of Gasoline & Diesel vehicles in the total car fleet in Switzerland in the selected year (2035 or 2050). | ||
+ | </ | ||
+ | </ | ||
+ | <div class=" | ||
+ | < | ||
+ | < | ||
+ | </ | ||
+ | <img src=" | ||
+ | < | ||
+ | </ | ||
+ | <div class=" | ||
+ | < | ||
+ | < | ||
+ | </ | ||
+ | <div class=" | ||
+ | <ul> | ||
+ | < | ||
+ | < | ||
+ | < | ||
+ | < | ||
+ | < | ||
+ | < | ||
+ | </ul> | ||
+ | </ | ||
+ | </ | ||
+ | <div class=" | ||
+ | <!-- /END 1st row --> | ||
+ | |||
+ | |||
+ | < | ||
+ | <a name=" | ||
+ | <div class=" | ||
+ | <header class=" | ||
+ | <h2 class=" | ||
+ | <div class=" | ||
+ | </ | ||
+ | <div class=" | ||
+ | <div class=" | ||
+ | In Switzerland, | ||
+ | <div class=" | ||
+ | </ | ||
+ | </ | ||
+ | <div class=" | ||
+ | <div class=" | ||
+ | <div class=" | ||
+ | < | ||
+ | <div class=" | ||
+ | |||
+ | < | ||
+ | < | ||
+ | < | ||
+ | < | ||
+ | |||
+ | |||
+ | <div class=" | ||
+ | </ | ||
+ | </ | ||
+ | </ | ||
+ | |||
+ | <div class=" | ||
+ | <div class=" | ||
+ | <div class=" | ||
+ | < | ||
+ | <div class=" | ||
+ | < | ||
+ | < | ||
+ | < | ||
+ | < | ||
+ | |||
+ | |||
+ | <div class=" | ||
+ | </ | ||
+ | </ | ||
+ | </ | ||
+ | <div class=" | ||
+ | <div class=" | ||
+ | <div class=" | ||
+ | <div class=" | ||
+ | < | ||
+ | <div class=" | ||
+ | < | ||
+ | < | ||
+ | < | ||
+ | < | ||
+ | |||
+ | |||
+ | <div class=" | ||
+ | </ | ||
+ | </ | ||
+ | </ | ||
+ | |||
+ | |||
+ | <div class=" | ||
+ | </ | ||
+ | <div class=" | ||
+ | <!-- /END impact --> | ||
+ | |||
+ | <!-- /BEGIN GLOBAL MARKET --> | ||
+ | <a name=" | ||
+ | <div class=" | ||
+ | <header class=" | ||
+ | <h2 class=" | ||
+ | <div class=" | ||
+ | </ | ||
+ | <div class=" | ||
+ | |||
+ | <p>In 2011, the total EU passenger car stock was 242 million (483 vehicles per 1000 inhabitants), | ||
+ | < | ||
+ | <div class=" | ||
+ | |||
+ | </ | ||
+ | <div class=" | ||
+ | </ | ||
+ | <div class=" | ||
+ | <!-- /END GLOBAL MARKET --> | ||
+ | |||
+ | |||
+ | <!-- /BEGIN DEFINITION CONSTRAINTS --> | ||
+ | <a name=" | ||
+ | <div class=" | ||
+ | <header class=" | ||
+ | <h2 class=" | ||
+ | <div class=" | ||
+ | </ | ||
+ | <div class=" | ||
+ | <div class=" | ||
+ | <div class=" | ||
+ | < | ||
+ | <div class=" | ||
+ | |||
+ | < | ||
+ | < | ||
+ | <p>In most global markets Gasoline is the dominant fuel for cars, and Diesel for trucks. However the Diesel engine is popular in European cars, due to its efficiency and high fuel taxation.</ | ||
+ | |||
+ | <div class=" | ||
+ | </ | ||
+ | </ | ||
+ | </ | ||
+ | |||
+ | <div class=" | ||
+ | <div class=" | ||
+ | <div class=" | ||
+ | < | ||
+ | <div class=" | ||
+ | |||
+ | < | ||
+ | < | ||
+ | |||
+ | |||
+ | <div class=" | ||
+ | </ | ||
+ | </ | ||
+ | </ | ||
+ | <div class=" | ||
+ | </ | ||
+ | <div class=" | ||
+ | <!-- /END DEFINITION CONSTRAINTS --> | ||
+ | |||
+ | |||
+ | <!-- /BEGIN ASSUMPTIONS --> | ||
+ | <a name=" | ||
+ | <div class=" | ||
+ | <header class=" | ||
+ | <h2 class=" | ||
+ | <div class=" | ||
+ | </ | ||
+ | <div class=" | ||
+ | |||
+ | You will find more information about the passenger transport model of the calculator <a href=" | ||
+ | |||
+ | |||
+ | <div class=" | ||
+ | </ | ||
+ | <div class=" | ||
+ | </ | ||
+ | <div class=" | ||
+ | <!-- /END ASSUMPTIONS --> | ||
+ | |||
+ | |||
+ | <!-- /BEGIN REFERENCES --> | ||
+ | <a name=" | ||
+ | <div class=" | ||
+ | <header class=" | ||
+ | <h2 class=" | ||
+ | <div class=" | ||
+ | </ | ||
+ | <div class=" | ||
+ | <div class=" | ||
+ | < | ||
+ | < | ||
+ | <div class=" | ||
+ | </ | ||
+ | </ | ||
+ | <div class=" | ||
+ | </ | ||
+ | <div class=" | ||
+ | <!-- /END REFERENCES --> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | </ | ||
+ | |||
+ | |||
+ | <div class=" | ||
+ | </ | ||
+ | </ | ||
+ | </ | ||
+ | |||
+ | < | ||
+ | .dokuwiki div.page { padding: 5px; } | ||
+ | #wrapper #content h1 { | ||
+ | margin-top: 0; | ||
+ | padding-top: | ||
+ | } | ||
+ | #wrapper # | ||
+ | #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: | ||
+ | } | ||
+ | #wrapper #content .bloc h2 { | ||
+ | font-size: 20px; | ||
+ | font-family: | ||
+ | color: #535559; | ||
+ | font-weight: | ||
+ | text-transform: | ||
+ | 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: | ||
+ | } | ||
+ | #wrapper #content .bloc header.bgOrange .blocLink { | ||
+ | border-left: | ||
+ | color: #fff; | ||
+ | } | ||
+ | #wrapper #content .bloc .blocLink { | ||
+ | float: right; | ||
+ | line-height: | ||
+ | border-left: | ||
+ | padding-left: | ||
+ | font-size: 14px; | ||
+ | text-transform: | ||
+ | padding-top: | ||
+ | color: #535559; | ||
+ | font-family: | ||
+ | } | ||
+ | #wrapper #content .bloc .newsBloc { | ||
+ | border-bottom: | ||
+ | padding: 0px 0px 20px 0px; | ||
+ | / | ||
+ | margin-bottom: | ||
+ | } | ||
+ | #wrapper #content .bloc .newsBloc h3 { | ||
+ | font-size: 14px; | ||
+ | margin-bottom: | ||
+ | } | ||
+ | #wrapper #content .bloc .newsBloc p { | ||
+ | font-size: 13px; | ||
+ | line-height: | ||
+ | margin-bottom: | ||
+ | } | ||
+ | #wrapper #content .bloc a { | ||
+ | color: #00a9e0; | ||
+ | text-decoration: | ||
+ | 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: | ||
+ | font-size: 14px; | ||
+ | line-height: | ||
+ | } | ||
+ | #wrapper #content .questionAnswer h4 img { | ||
+ | float: left; | ||
+ | margin-right: | ||
+ | } | ||
+ | #wrapper #content .questionAnswer p { | ||
+ | font-size: 13px; | ||
+ | line-height: | ||
+ | margin-bottom: | ||
+ | } | ||
+ | #wrapper #content .questionAnswer p img { | ||
+ | float: left; | ||
+ | margin-right: | ||
+ | } | ||
+ | #wrapper #content .questionAnswer .bg { | ||
+ | float: left; | ||
+ | color: #fff; | ||
+ | border-radius: | ||
+ | width: 15px; | ||
+ | height: 15px; | ||
+ | text-align: center; | ||
+ | font-size: 11px; | ||
+ | font-weight: | ||
+ | } | ||
+ | #wrapper #content .questionAnswer .bg.question { | ||
+ | background: #fe6b00; | ||
+ | } | ||
+ | #wrapper #content .questionAnswer .bg.answer { | ||
+ | background: #535559; | ||
+ | } | ||
+ | #wrapper #content .intro { | ||
+ | margin-bottom: | ||
+ | } | ||
+ | #wrapper #content .intro .img { | ||
+ | float: left; | ||
+ | width: 460px; | ||
+ | } | ||
+ | #wrapper #content .intro .txt { | ||
+ | float: left; | ||
+ | width: 480px; | ||
+ | } | ||
+ | #wrapper #content .intro .txt h1 { | ||
+ | font-family: | ||
+ | font-size: 44px; | ||
+ | color: #1d1d1b; | ||
+ | text-transform: | ||
+ | margin-bottom: | ||
+ | } | ||
+ | #wrapper #content .intro .txt h2 { | ||
+ | font-family: | ||
+ | font-size: 32px; | ||
+ | color: #535559; | ||
+ | text-transform: | ||
+ | margin-bottom: | ||
+ | } | ||
+ | #wrapper #content .intro .txt p { | ||
+ | color: #1d1d1b; | ||
+ | font-size: 16px; | ||
+ | line-height: | ||
+ | margin-bottom: | ||
+ | } | ||
+ | #wrapper #content # | ||
+ | background: #fff; | ||
+ | } | ||
+ | #wrapper #content # | ||
+ | padding: 20px; | ||
+ | } | ||
+ | #wrapper #content # | ||
+ | float: left; | ||
+ | /*width: 280px;*/ | ||
+ | width: 220px; | ||
+ | } | ||
+ | #wrapper #content # | ||
+ | float: left; | ||
+ | width: 100px; | ||
+ | padding-left: | ||
+ | } | ||
+ | #wrapper #content # | ||
+ | font-family: | ||
+ | font-size: 16px; | ||
+ | text-transform: | ||
+ | margin-bottom: | ||
+ | } | ||
+ | #wrapper #content # | ||
+ | font-family: | ||
+ | font-size: 28px; | ||
+ | margin-bottom: | ||
+ | } | ||
+ | #wrapper #content # | ||
+ | font-size: 16px; | ||
+ | margin-bottom: | ||
+ | } | ||
+ | #wrapper #content # | ||
+ | margin-bottom: | ||
+ | } | ||
+ | #wrapper #content # | ||
+ | width: 440px; | ||
+ | float: left; | ||
+ | margin: 0 20px 20px 0; | ||
+ | } | ||
+ | #wrapper #content #faqWrapper h2 { | ||
+ | text-align: center; | ||
+ | font-family: | ||
+ | font-size: 26px; | ||
+ | text-transform: | ||
+ | color: #1d1d1b; | ||
+ | margin-bottom: | ||
+ | } | ||
+ | #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: | ||
+ | font-size: 26px; | ||
+ | text-transform: | ||
+ | color: #1d1d1b; | ||
+ | text-align: left; | ||
+ | } | ||
+ | #wrapper #content #faqWrapper .blocWrapper .bloc h4 { | ||
+ | font-family: | ||
+ | font-size: 19px; | ||
+ | text-transform: | ||
+ | color: #1d1d1b; | ||
+ | margin-bottom: | ||
+ | } | ||
+ | #wrapper #content #faqWrapper .blocWrapper .bloc .bluecornerlink { | ||
+ | position: absolute; | ||
+ | bottom: 20px; | ||
+ | } | ||
+ | #wrapper #content #faqWrapper .blocWrapper .bloc .bluecornerlink a { | ||
+ | color: #fff; | ||
+ | } | ||
+ | #wrapper #content # | ||
+ | margin-bottom: | ||
+ | } | ||
+ | #wrapper #content # | ||
+ | background: #fff; | ||
+ | padding-top: | ||
+ | border-bottom: | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | #wrapper #content # | ||
+ | float: left; | ||
+ | width: 30px; | ||
+ | height: 30px; | ||
+ | margin: 0 35px 15px 15px; | ||
+ | text-align: center; | ||
+ | background: #fe6b00; | ||
+ | border-radius: | ||
+ | line-height: | ||
+ | color: #fff; | ||
+ | } | ||
+ | #wrapper #content # | ||
+ | float: left; | ||
+ | font-family: | ||
+ | font-size: 28px; | ||
+ | line-height: | ||
+ | width: 840px; | ||
+ | padding-bottom: | ||
+ | padding-right: | ||
+ | } | ||
+ | #wrapper #content # | ||
+ | font-size: 28px; | ||
+ | line-height: | ||
+ | } | ||
+ | #wrapper #content # | ||
+ | display: none; | ||
+ | background: #fff; | ||
+ | padding: 20px 20px 20px 80px; | ||
+ | font-size: 16px; | ||
+ | line-height: | ||
+ | } | ||
+ | #wrapper #content # | ||
+ | margin-bottom: | ||
+ | } | ||
+ | #wrapper #content # | ||
+ | background: #fe6b00; | ||
+ | } | ||
+ | #wrapper #content # | ||
+ | background: #fff; | ||
+ | color: #fe6b00; | ||
+ | } | ||
+ | #wrapper #content # | ||
+ | color: #fff; | ||
+ | } | ||
+ | #wrapper #content # | ||
+ | border-bottom: | ||
+ | } | ||
+ | #wrapper #content # | ||
+ | text-align: center; | ||
+ | } | ||
+ | #wrapper #content # | ||
+ | display: inline-block; | ||
+ | *display: inline; | ||
+ | zoom: 1; | ||
+ | border-right: | ||
+ | padding: 0 11px; | ||
+ | } | ||
+ | #wrapper #content # | ||
+ | border: none; | ||
+ | } | ||
+ | #wrapper #content # | ||
+ | color: #535559; | ||
+ | font-family: | ||
+ | font-size: 18px; | ||
+ | } | ||
+ | #wrapper #content # | ||
+ | color: #000; | ||
+ | } | ||
+ | #wrapper #content # | ||
+ | margin: 20px 0; | ||
+ | } | ||
+ | #wrapper #content # | ||
+ | background: #fff; | ||
+ | padding: 20px; | ||
+ | border-bottom: | ||
+ | } | ||
+ | #wrapper #content # | ||
+ | font-family: | ||
+ | font-size: 24px; | ||
+ | margin-bottom: | ||
+ | } | ||
+ | #wrapper #content # | ||
+ | margin-bottom: | ||
+ | } | ||
+ | #wrapper #content #map { | ||
+ | width: 100%; | ||
+ | height: 550px; | ||
+ | background: #e8e8e8; | ||
+ | } | ||
+ | /* TEXTE PAGES ET ADMION */ | ||
+ | # | ||
+ | .redactor_box { | ||
+ | font-family: | ||
+ | font-size: 16px; | ||
+ | color: #333333; | ||
+ | padding: 20px; | ||
+ | } | ||
+ | # | ||
+ | .redactor_box body { | ||
+ | background: none; | ||
+ | } | ||
+ | # | ||
+ | .redactor_box h1, | ||
+ | # | ||
+ | .redactor_box h3 { | ||
+ | font-family: | ||
+ | color: #535559; | ||
+ | font-size: 32px; | ||
+ | text-transform: | ||
+ | } | ||
+ | # | ||
+ | .redactor_box h3 { | ||
+ | font-size: 20px; | ||
+ | } | ||
+ | # | ||
+ | .redactor_box h2, | ||
+ | # | ||
+ | .redactor_box h4 { | ||
+ | font-family: | ||
+ | font-size: 44px; | ||
+ | color: #000; | ||
+ | text-transform: | ||
+ | margin-bottom: | ||
+ | } | ||
+ | # | ||
+ | .redactor_box h4 { | ||
+ | font-size: 26px; | ||
+ | } | ||
+ | # | ||
+ | .redactor_box p { | ||
+ | color: #333333; | ||
+ | margin-bottom: | ||
+ | } | ||
+ | # | ||
+ | .redactor_box #wysiwyg { | ||
+ | margin-bottom: | ||
+ | } | ||
+ | # | ||
+ | .redactor_box ul li { | ||
+ | margin-bottom: | ||
+ | line-height: | ||
+ | display: block; | ||
+ | padding-left: | ||
+ | background: url(lib/ | ||
+ | background-position: | ||
+ | } | ||
+ | # | ||
+ | .redactor_box table { | ||
+ | margin-top: 50px; | ||
+ | } | ||
+ | # | ||
+ | .redactor_box table td { | ||
+ | vertical-align: | ||
+ | } | ||
+ | # | ||
+ | .redactor_box table td p, | ||
+ | # | ||
+ | .redactor_box table td li { | ||
+ | font-family: | ||
+ | font-size: 16px; | ||
+ | color: #535559; | ||
+ | } | ||
+ | # | ||
+ | .redactor_box table td.w50 { | ||
+ | width: 460px; | ||
+ | padding-right: | ||
+ | } | ||
+ | # | ||
+ | .redactor_box table td.w50.right { | ||
+ | width: 460px; | ||
+ | padding-right: | ||
+ | } | ||
+ | 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: | ||
+ | } | ||
+ | .pagination ul li a { | ||
+ | font-family: | ||
+ | font-size: 20px; | ||
+ | line-height: | ||
+ | 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: | ||
+ | } | ||
+ | .paddedContent { | ||
+ | padding: 20px; | ||
+ | } | ||
+ | # | ||
+ | margin: 40px 0 30px 20px; | ||
+ | } | ||
+ | # | ||
+ | font-family: | ||
+ | font-size: 14px; | ||
+ | text-transform: | ||
+ | } | ||
+ | # | ||
+ | float: left; | ||
+ | margin-right: | ||
+ | } | ||
+ | .dokuwiki div.page { | ||
+ | overflow: auto; | ||
+ | } | ||
+ | </ | ||
+ | </ | ||