@font-face {
  font-family: 'CircularStd-Book';
  src: url('../fonts/CircularStdBook.eot');
  src: url('../fonts/CircularStdBook.eot') format('embedded-opentype'), url('../fonts/CircularStdBook.woff2') format('woff2'), url('../fonts/CircularStdBook.woff') format('woff'), url('../fonts/CircularStdBook.ttf') format('truetype'), url('../fonts/CircularStdBook.svg#CircularStdBook') format('svg');
}
@font-face {
  font-family: 'CircularStd-Bold';
  src: url('../fonts/CircularStdBold.eot');
  src: url('../fonts/CircularStdBold.eot') format('embedded-opentype'), url('../fonts/CircularStdBold.woff2') format('woff2'), url('../fonts/CircularStdBold.woff') format('woff'), url('../fonts/CircularStdBold.ttf') format('truetype'), url('../fonts/CircularStdBold.svg#CircularStdBold') format('svg');
}
/* @font-face {
  font-family: 'CircularStd-Black';
  src: url('../fonts/CircularStdBlack.eot');
  src: url('../fonts/CircularStdBlack.eot') format('embedded-opentype'), url('../fonts/CircularStdBlack.woff2') format('woff2'), url('../fonts/CircularStdBlack.woff') format('woff'), url('../fonts/CircularStdBlack.ttf') format('truetype'), url('../fonts/CircularStdBlack.svg#CircularStdBlack') format('svg');
}
@font-face {
  font-family: 'CircularStd-Medium';
  src: url('../fonts/CircularStd-Medium.eot');
  src: url('../fonts/CircularStd-Medium.eot') format('embedded-opentype'), url('../fonts/CircularStd-Medium.woff2') format('woff2'), url('../fonts/CircularStd-Medium.woff') format('woff'), url('../fonts/CircularStd-Medium.ttf') format('truetype'), url('../fonts/CircularStd-Medium.svg#CircularStd-Medium') format('svg');
} */


@font-face {
    font-family: 'UniSansHeavyCAPS';
    src: url('../fonts/UniSansHeavyCAPS.eot');
    src: url('../fonts/UniSansHeavyCAPS.eot?#iefix') format('embedded-opentype'),
        url('../fonts/UniSansHeavyCAPS.woff2') format('woff2'),
        url('../fonts/UniSansHeavyCAPS.woff') format('woff'),
        url('../fonts/UniSansHeavyCAPS.ttf') format('truetype'),
        url('../fonts/UniSansHeavyCAPS.svg#UniSansHeavyCAPS') format('svg');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'UniSansThinCAPS';
    src: url('../fonts/UniSansThinCAPS.eot');
    src: url('../fonts/UniSansThinCAPS.eot?#iefix') format('embedded-opentype'),
        url('../fonts/UniSansThinCAPS.woff2') format('woff2'),
        url('../fonts/UniSansThinCAPS.woff') format('woff'),
        url('../fonts/UniSansThinCAPS.ttf') format('truetype'),
        url('../fonts/UniSansThinCAPS.svg#UniSansThinCAPS') format('svg');
    font-weight: 100;
    font-style: normal;
}



*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after {
  content: '';
  content: none; }

q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

a li {
  color: inherit; }

a {
  text-decoration: none;
  color: inherit; }
  a:hover {
    color: inherit; }

.clearfix:after {
  content: "";
  display: table;
  clear: both; }

.clearfix {
  *zoom: 1; }

html {
  background-color: white;
}



svg, img, object {
  width: 100%;
  display: block;
  height: auto; }

/* body svg {
    width: 100vw;
    display: block;
} */

body svg {
    display: block;
    max-width: 100%;
}



.svg-container {
    position: relative;
    height: 0;
    width: 100%;
    padding: 0;
    /* padding-bottom: 100%; */
}
.svg-container svg {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
}



body {
  padding-bottom: 20px;
}
@media (max-width: 767px) {
  body {
    padding-bottom: 0px; }
}

body .mobile-infographie-part {
  display: none; }
  @media (max-width: 767px) {
    body .mobile-infographie-part {
      display: block; } }

body .no-mobile {
  display: block; }
  @media (max-width: 767px) {
    body .no-mobile {
      display: none; } }


body .el {
    opacity: 0;
    pointer-events: all;
}



.button-hover .cls-3, .button-hover .to-white {
    -webkit-transition: fill 0.2s; 
	-moz-transition: fill 0.2s;
	-ms-transition: fill 0.2s;
	transition: fill 0.2s;
}


.button-hover:hover .cls-3 {
    fill: #167092;
}
.button-hover:hover .to-white {
    fill: #ffffff;
}


.cls-blue {
    fill: #167092;
}
.cls-download {
    font-size: 60px;
    letter-spacing: 3.5px;
    fill: #ffffff;
    font-family: UniSansHeavyCAPS, Uni Sans;
}

.cls-grey {
    fill: #f2f2f2;
}

/*
.button-hover rect.st122 {
    fill: #F79696;
}
.button-hover polyline.st122 {
    stroke: #ffffff;
}
.button-hover text.st5 {
    fill: #ffffff;
}


.button-hover rect.st129 {
    fill: #5C9AC9;
}
.button-hover polyline.st129 {
    stroke: #ffffff;
}
.button-hover text.st0 {
    fill: #ffffff;
}

.ademe-link:hover { opacity: 0.7; }


.sources {
    text-align: center;
    font-family: 'CircularStd-Book';
    margin: 20px auto;
    padding-bottom: 50px;
    width: 60%;
    color: #16245b;
    line-height: 1.3em;
}

.sources a:hover { color: #f79696; }

.sources strong { font-family: 'CircularStd-Bold'; }



@media (max-width: 767px) {

    .sources {
        font-size: 0.7em;
        width: 94%;
    }
} */