/* EUROPEAN PARLIAMENT's INFOGRAPHIC "EUROPEAN BUDGET" : https://www.europarl.europa.eu/infographic/ep-budget/index_en.html */ /* Copyright : European Parliament */ /* All CSS classes must have to use the same prefix "epeb_" to prevent all side effect on the Europarl page container */ /* ===================================================================================================================================================================================================================== */ /* === INITIALISATION DES BALISES ====================================================================================================================================================================================== */ /* ===================================================================================================================================================================================================================== */ /* IMPORT DE POLICES : Google Font "Roboto Slab" (https://fonts.google.com/specimen/Roboto+Slab) */ @font-face{ font-family: "Roboto Slab"; font-weight: normal; src: url("../import-font/RobotoSlab-Light.ttf") format("truetype"); } @font-face{ font-family: "Roboto Slab"; font-weight: lighter; src: url("../import-font/RobotoSlab-Light.ttf") format("truetype"); } /* ===================================================================================================================================================================================================================== */ /* === AFFICHAGE DES CONTENUS ========================================================================================================================================================================================== */ /* ===================================================================================================================================================================================================================== */ /* ================================================================================================================================================================================================================= */ /* === INITIALISATION DES BALISES ================================================================================================================================================================================== */ /* ================================================================================================================================================================================================================= */ /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* INITIALISATION : Definition de la page (IDENTIQUE A LA DEFINITION DES PAGES DU SITE "EUROPARL") */ body[data-infographic="standalone"]{ overflow-x: hidden; overflow-y: auto; margin: 0; padding: 0; font-family: Helvetica, Arial, sans-serif; font-size: 62.5%; font-size: calc(1em * .625); line-height: inherit; color: #505154; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* INITIALISATION : Reinitialisation des styles de toutes les balises de l'infographie */ #ep-budget .epeb_page *{ margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-family: inherit; cursor: default; vertical-align: baseline; } #ep-budget .epeb_page ul{ list-style: none; } #ep-budget .epeb_page ol{ padding-left: 10px; border: 0; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; } #ep-budget .epeb_page a{ border: 0; outline: 0; text-decoration: none; cursor: pointer; } #ep-budget .epeb_page h1, #ep-budget .epeb_page h2, #ep-budget .epeb_page h3, #ep-budget .epeb_page h4, #ep-budget .epeb_page h5, #ep-budget .epeb_page h6{ font-size: 1em; font-weight: normal; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* INITIALISATION : Style pour les textes caches (accessibilite) */ #ep-budget .epeb_page .epeb_hidden{ position: absolute; display: block; overflow: hidden; top: 0; left: -100px; width: 0; height: 0; white-space: nowrap; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* INITIALISATION : Initialisation des balises "conteneur" de l'infographie */ #ep-budget{ position: relative; display: block; overflow: hidden; width: 100%; height: auto; margin: 0; padding: 0; flex: 0 0 auto; -webkit-flex: 0 0 auto; box-sizing: border-box; background: none; border: none; font-family: Helvetica, Arial, sans-serif; font-size: 1em; font-weight: normal; letter-spacing: normal; line-height: normal; white-space: normal; color: #505154; } #ep-budget .epeb_page{ position: static; display: block; width: auto; height: auto; max-width: 1020px; margin: 10px auto 0 auto; padding: 0; padding: 0; box-sizing: border-box; background-color: #fff; font-family: inherit; font-size: 1em; font-weight: normal; letter-spacing: normal; line-height: normal; white-space: normal; color: inherit; } /* ================================================================================================================================================================================================================= */ /* === STYLES DEDIES A L'INFOGRAPHIE "EUROPEAN PARLIAMENT BUDGET" ================================================================================================================================================== */ /* ================================================================================================================================================================================================================= */ /* = = = = = = = REFERENCE COULEUR = = = = = = = = Operational (bleu) #009ee3 (design) #0079AD (accessibility) Administratif (rose) #e5007d (design) #e5007d (accessibility) */ /* ========================================================================================================================================================================== */ /* == ENTETE DE L'INFOGRAPHIE =============================================================================================================================================== */ /* ========================================================================================================================================================================== */ /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ENTETE DE L'INFOGRAPHIE : Desgin des sections */ #ep-budget .epeb_page > .epeb_header h1.epeb_heading { margin: 0 0 20px 0; padding: 40px 20px 40px 190px; font-size: 2em; font-weight: lighter; white-space: nowrap; letter-spacing: -0.3em; color: #0C76A8; } #ep-budget .epeb_page > .epeb_header .epeb_heading { background-color: #f3f4f4; border: 1px solid #d1d3d4; font-family: 'Roboto Slab', serif; } #ep-budget .epeb_page > .epeb_header h1.epeb_heading span.epeb_title span.epeb_parliament{ white-space: nowrap; } #ep-budget .epeb_page > .epeb_header h1.epeb_heading span.epeb_title span.epeb_date{ color: #CC3D00; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ENTETE DE L'INFOGRAPHIE : Titre principal */ #ep-budget .epeb_page > .epeb_header .epeb_heading{ position: relative; cursor: default; } #ep-budget .epeb_page > .epeb_header .epeb_heading:before { position: absolute; display: block; top: 50%; left: 13px; width: 134px; height: 134px; margin-top: -68px; margin-left: 20px; background-image: url(infographic-ep-budget.svg); background-position: 0 0; background-repeat: no-repeat; vertical-align: middle; content: ""; } #ep-budget .epeb_page > .epeb_header .epeb_heading:after{ position: static; display: inline-block; overflow: hidden; width: 0; height: 105px; vertical-align: middle; content: ""; } #ep-budget .epeb_page > .epeb_header .epeb_heading .epeb_title{ position: static; display: inline-block; vertical-align: middle; white-space: normal; letter-spacing: normal; line-height: 2em; } #ep-budget .epeb_page > .epeb_header .epeb_heading .epeb_title span{ display: inline-block; } #ep-budget .epeb_page > .epeb_header .epeb_heading .epeb_title span{ font-size: 2em; } /* ========================================================================================================================================================================== */ /* == PIED DE L'INFOGRAPHIE ================================================================================================================================================= */ /* ========================================================================================================================================================================== */ /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* PIED DE L'INFOGRAPHIE : Design des sections */ #ep-budget .epeb_page > .epeb_footer .epeb_share{ position: static; display: block; padding: 20px 30px; text-align: center; } #ep-budget .epeb_page > .epeb_footer .epeb_source{ position: static; display: block; padding: 20px 30px; background-color: #f3f4f4; border: 1px solid #d1d3d4; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* PIED DE L'INFOGRAPHIE : Icones de partage */ #ep-budget .epeb_page > .epeb_footer .epeb_share ul{ display: block; list-style: none; letter-spacing: -0.3em; } #ep-budget .epeb_page > .epeb_footer .epeb_share ul li{ display: inline-block; margin-left: 5px; margin-right: 5px; white-space: nowrap; } #ep-budget .epeb_page > .epeb_footer .epeb_share ul li a{ display: block; overflow: hidden; width: 25px; height: 25px; } #ep-budget .epeb_page > .epeb_footer .epeb_share ul li a, #ep-budget .epeb_page > .epeb_footer .epeb_share ul li a *{ background-position: inherit; cursor: pointer; } #ep-budget .epeb_page > .epeb_footer .epeb_share ul li .epeb_name, #ep-budget .epeb_page > .epeb_footer .epeb_share ul li .epeb_icon{ display: inline-block; margin: 0; padding: 0; white-space: nowrap; } #ep-budget .epeb_page > .epeb_footer .epeb_share ul li .epeb_name{ overflow: hidden; width: 0; height: 25px; } #ep-budget .epeb_page > .epeb_footer .epeb_share ul li .epeb_icon{ overflow: hidden; width: 25px; height: 25px; box-sizing: border-box; background-position: inherit; background-repeat: no-repeat; border: 1px solid #1e1e1f; border-radius: 50%; text-align: center; } #ep-budget .epeb_page > .epeb_footer .epeb_share ul li .epeb_icon:before, #ep-budget .epeb_page > .epeb_footer .epeb_share ul li .epeb_icon:after{ display: inline-block; background-position: inherit; background-repeat: no-repeat; vertical-align: middle; content: ""; } #ep-budget .epeb_page > .epeb_footer .epeb_share ul li .epeb_icon:before{ width: 0; height: 25px; } #ep-budget .epeb_page > .epeb_footer .epeb_share ul li .epeb_icon:after{ width: 21px; height: 20px; background-color: transparent; background-image: url(infographic-ep-budget.svg); background-repeat: no-repeat; transform: scale(0.9); -webkit-transform: scale(0.9); } #ep-budget .epeb_page > .epeb_footer .epeb_share ul li a:link .epeb_icon, #ep-budget .epeb_page > .epeb_footer .epeb_share ul li a:visited .epeb_icon{ background-color: transparent; background-position: inherit; color: #1e1e1f; } #ep-budget .epeb_page > .epeb_footer .epeb_share ul li a:hover .epeb_icon, #ep-budget .epeb_page > .epeb_footer .epeb_share ul li a:focus .epeb_icon, #ep-budget .epeb_page > .epeb_footer .epeb_share ul li a:active .epeb_icon{ background-color: #3c77bd; color: #fff; } #ep-budget .epeb_page > .epeb_footer .epeb_share ul li.epeb_facebook a:link, #ep-budget .epeb_page > .epeb_footer .epeb_share ul li.epeb_facebook a:visited{ background-position: -134px -22px } #ep-budget .epeb_page > .epeb_footer .epeb_share ul li.epeb_facebook a:hover, #ep-budget .epeb_page > .epeb_footer .epeb_share ul li.epeb_facebook a:focus, #ep-budget .epeb_page > .epeb_footer .epeb_share ul li.epeb_facebook a:active{ background-position: -134px -2px } #ep-budget .epeb_page > .epeb_footer .epeb_share ul li.epeb_twitter a:link, #ep-budget .epeb_page > .epeb_footer .epeb_share ul li.epeb_twitter a:visited{ background-position: -155px -20px; } #ep-budget .epeb_page > .epeb_footer .epeb_share ul li.epeb_twitter a:hover, #ep-budget .epeb_page > .epeb_footer .epeb_share ul li.epeb_twitter a:focus, #ep-budget .epeb_page > .epeb_footer .epeb_share ul li.epeb_twitter a:active{ background-position: -155px 0; } #ep-budget .epeb_page > .epeb_footer .epeb_share ul li.epeb_x a:link, #ep-budget .epeb_page > .epeb_footer .epeb_share ul li.epeb_x a:visited{ background-position: -197px -20px; } #ep-budget .epeb_page > .epeb_footer .epeb_share ul li.epeb_x a:hover, #ep-budget .epeb_page > .epeb_footer .epeb_share ul li.epeb_x a:focus, #ep-budget .epeb_page > .epeb_footer .epeb_share ul li.epeb_x a:active{ background-position: -197px 0; } #ep-budget .epeb_page > .epeb_footer .epeb_share ul li.epeb_linkedin a:link, #ep-budget .epeb_page > .epeb_footer .epeb_share ul li.epeb_linkedin a:visited{ background-position: -218px -20px; } #ep-budget .epeb_page > .epeb_footer .epeb_share ul li.epeb_linkedin a:hover, #ep-budget .epeb_page > .epeb_footer .epeb_share ul li.epeb_linkedin a:focus, #ep-budget .epeb_page > .epeb_footer .epeb_share ul li.epeb_linkedin a:active{ background-position: -218px 0; } #ep-budget .epeb_page > .epeb_footer .epeb_share ul li.epeb_permalink a:link, #ep-budget .epeb_page > .epeb_footer .epeb_share ul li.epeb_permalink a:visited{ background-position: -176px -21px; } #ep-budget .epeb_page > .epeb_footer .epeb_share ul li.epeb_permalink a:hover, #ep-budget .epeb_page > .epeb_footer .epeb_share ul li.epeb_permalink a:focus, #ep-budget .epeb_page > .epeb_footer .epeb_share ul li.epeb_permalink a:active{ background-position: -176px -1px; } #ep-budget .epeb_page > .epeb_footer .epeb_share ul li.epeb_permalink{ display: none; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* PIED DE L'INFOGRAPHIE : Source */ #ep-budget .epeb_page > .epeb_footer .epeb_source{ display: flex; display: -webkit-flex; margin-bottom: 30px; flex-direction: row; -webkit-flex-direction: row; align-items: flex-end; -webkit-align-items: flex-end; justify-content: space-between; -webkit-justify-content: space-between; font-size: 1.1em; color: inherit; } #ep-budget .epeb_page > .epeb_footer .epeb_source .epeb_reference{ position: relative; min-width: 66px; padding-top: 45px; flex: 0 0 auto; -webkit-flex: 0 0 auto; text-align: right; } #ep-budget .epeb_page > .epeb_footer .epeb_source .epeb_reference a{ display: block; text-decoration: none; cursor: pointer; color: inherit; } #ep-budget .epeb_page > .epeb_footer .epeb_source .epeb_reference .epeb_name, #ep-budget .epeb_page > .epeb_footer .epeb_source .epeb_reference .epeb_icon{ display: inline-block; } #ep-budget .epeb_page > .epeb_footer .epeb_source .epeb_reference .epeb_icon{ width: 0; height: 0; } #ep-budget .epeb_page > .epeb_footer .epeb_source .epeb_reference .epeb_icon:before{ position: absolute; display: block; overflow: hidden; top: 0; left: 0; width: 66px; height: 39px; background-image: url(infographic-ep-budget.svg); background-position: -135px -40px; background-repeat: no-repeat; content: ""; } #ep-budget .epeb_page > .epeb_footer .epeb_source .epeb_reference a *{ cursor: pointer; } #ep-budget .epeb_page > .epeb_footer .epeb_source .epeb_reference a .epeb_name{ transition: color 0.2s ease-out 0s, text-decoration 0.2s ease-out 0s; -webkit-transition: color 0.2s ease-out 0s, text-decoration 0.2s ease-out 0s; } #ep-budget .epeb_page > .epeb_footer .epeb_source .epeb_reference a:link .epeb_name, #ep-budget .epeb_page > .epeb_footer .epeb_source .epeb_reference a:visited .epeb_name{ text-decoration: none; color: inherit; } #ep-budget .epeb_page > .epeb_footer .epeb_source .epeb_reference a:hover .epeb_name, #ep-budget .epeb_page > .epeb_footer .epeb_source .epeb_reference a:focus .epeb_name, #ep-budget .epeb_page > .epeb_footer .epeb_source .epeb_reference a:active .epeb_name{ text-decoration: underline; color: #326aab; } #ep-budget .epeb_page > .epeb_footer .epeb_source .epeb_title + .epeb_hidden{ width: auto; flex: 1 1 auto; -webkit-flex: 1 1 auto; } #ep-budget .epeb_page > .epeb_footer .epeb_source .epeb_reference + .epeb_hidden{ flex: 0 0 auto; -webkit-flex: 0 0 auto; } /* ========================================================================================================================================================================== */ /* == DEBUT DECLARATION CSS POUR "UNION" (css commune) ====================================================================================================================== */ /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* CORPS DE L'INFOGRAPHIE : Union & Parlement pourcentages */ #ep-budget .epeb_body { display: flex; flex-direction: column-reverse; } /* UNION & PARLEMENT POURCENTAGES : Couleurs */ #ep-budget .epeb_page .epeb_body .epeb_union ul li.epeb_operational span.epeb_heading, #ep-budget .epeb_page .epeb_body .epeb_union ul li.epeb_operational span.epeb_number, #ep-budget .epeb_page .epeb_body .epeb_union ul li.epeb_operational span.epeb_text{ color: #0C76A8; } #ep-budget .epeb_page .epeb_body .epeb_union ul li.epeb_administrative span.epeb_heading, #ep-budget .epeb_page .epeb_body .epeb_union ul li.epeb_administrative span.epeb_number, #ep-budget .epeb_page .epeb_body .epeb_union ul li.epeb_administrative span.epeb_text, #ep-budget .epeb_page .epeb_body .epeb_parliament p{ color: #CC3D00; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle.epeb_administrative{ stroke: #CC3D00; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle.epeb_operational{ stroke: #0C76A8; } #ep-budget .epeb_page .epeb_body .epeb_parliament:before, #ep-budget .epeb_page .epeb_body .epeb_parliament:after, #ep-budget .epeb_page .epeb_body .epeb_parliament p, #ep-budget .epeb_page .epeb_body .epeb_parliament span:first-child:after{ border-color: #CC3D00; } #ep-budget .epeb_page .epeb_body .epeb_union ul li.epeb_administrative span.epeb_number, #ep-budget .epeb_page .epeb_body .epeb_union ul li.epeb_operational span.epeb_number{ font-weight: normal; } /* POURCENTAGE DU PARLEMENT : Affichage de la ligne de separation */ #ep-budget .epeb_page .epeb_body .epeb_parliament{ position: relative; display: inline-block; width: auto; margin: 0 0 0 0; padding: 0; text-align: center; letter-spacing: -0.3em; white-space: nowrap; } #ep-budget .epeb_page .epeb_body .epeb_parliament p{ position: relative; display: inline-block; width: calc(100% - 140px); min-height: 90px; margin: 59px 0 0 0; padding: 0; box-sizing: border-box; border-width: 0; border-top-width: 2px; border-top-style: solid; font-size: 1em; line-height: 1.5em; vertical-align: bottom; letter-spacing: normal; white-space: normal; } #ep-budget .epeb_page .epeb_body .epeb_parliament p .epeb_number { display: inline-block; margin: 15px 0 10px -25px; } #ep-budget .epeb_page .epeb_body .epeb_parliament:before, #ep-budget .epeb_page .epeb_body .epeb_parliament:after{ position: static; display: inline-block; width: 60px; margin: 59px 0 0 0; padding: 0; border-width: 1px; border-style: solid; vertical-align: top; content: ""; } #ep-budget .epeb_page .epeb_body .epeb_parliament:before{ margin-left: auto; transform: rotate(29deg); -webkit-transform: rotate(29deg); transform-origin: 100% 50%; -webkit-transform-origin: 100% 50%; } #ep-budget .epeb_page .epeb_body .epeb_parliament:after{ transform: rotate(-29deg); -webkit-transform: rotate(-29deg); transform-origin: 0 50%; -webkit-transform-origin: 0 50%; } /* POURCENTAGE DU PARLEMENT : Affichage du pourcentage */ #ep-budget .epeb_page .epeb_body .epeb_parliament p:before{ position: static; display: block; bottom: 0; width: 2px; height: 33px; margin: 0 auto 0 auto; content: ""; background-color: #CC3D00; } #ep-budget .epeb_page .epeb_body .epeb_parliament .epeb_number{ font-family: 'Roboto Slab', serif; font-size: 4.5em; font-weight: lighter; } #ep-budget .epeb_page .epeb_body .epeb_parliament .epeb_number span{ display: inline-block; font-size: 1em; vertical-align: baseline; } #ep-budget .epeb_page .epeb_body .epeb_parliament .epeb_number span.epeb_unit{ font-size: 0.8em; } #ep-budget .epeb_page .epeb_body .epeb_parliament .epeb_number span + span{ overflow: visible; width: 0; white-space: nowrap; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* CORPS DE L'INFOGRAPHIE : Pourcentage et piecharts */ #ep-budget .epeb_page .epeb_body .epeb_union { letter-spacing: -0.3em; text-align: center; white-space: nowrap; } /* POURCENTAGES ET PIECHART : Affichage des piechart */ #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title{ display: inline-block; width: 100%; text-align: center; white-space: nowrap; letter-spacing: -0.3em; vertical-align: middle; } /* POURCENTAGES ET PIECHART : Affichage des piechart (titre) */ #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title h2{ display: inline-block; width: 100%; vertical-align: middle; font-family: 'Roboto Slab', serif; font-size: 1.2em; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title h2 span{ display: inline-block; width: 150px; font-size: 1.8em; letter-spacing: normal; white-space: normal; } /* POURCENTAGES ET PIECHART : Affichage des piechart (rond svg) */ #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg{ position: relative; display: inline-block; width: 100%; margin: 0 0 0 -100%; text-align: center; white-space: nowrap; letter-spacing: -0.3em; vertical-align: middle; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg > div{ position: relative; display: block; margin: 0 auto; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); vertical-align: middle; white-space: nowrap; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg{ position: relative; display: inline-block; margin: 0; vertical-align: middle; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg + svg{ left: -100%; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg + svg + svg{ left: -200%; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg + svg{ opacity: 0; animation-name: infographic_ep-budget_border; animation-duration: 0.2s; animation-delay: 3s; animation-timing-function: ease-out; animation-fill-mode: forwards; -webkit-animation-name: infographic_ep-budget_border; -webkit-animation-duration: 0.2s; -webkit-animation-delay: 3s; -webkit-animation-timing-function: ease-out; animation-fill-mode: forwards; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg + svg + svg{ opacity: 1; transform: translate(0, 0); -webkit-transform: translate(0, 0); animation-name: infographic_ep-budget_percent; animation-duration: 0.5s; animation-delay: 3s; animation-timing-function: ease-out; animation-fill-mode: forwards; -webkit-animation-name: infographic_ep-budget_percent; -webkit-animation-duration: 0.5s; -webkit-animation-delay: 3s; -webkit-animation-timing-function: ease-out; animation-fill-mode: forwards; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle{ opacity: 0; fill: transparent !important; animation-name: infographic_ep-budget_piechart; animation-duration: 1s; animation-delay: 1s; animation-timing-function: linear; animation-fill-mode: forwards; -webkit-animation-name: infographic_ep-budget_piechart; -webkit-animation-duration: 1s; -webkit-animation-delay: 1s; -webkit-animation-timing-function: linear; -webkit-animation-fill-mode: forwards; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle.epeb_border{ opacity: 1; stroke: #fff; animation: none; -webkit-animation: none; } @keyframes infographic_ep-budget_piechart{ 0%{ stroke-dasharray: 0 100; opacity: 0; } 1%{ stroke-dasharray: 0 100; opacity: 1; } 100%{ opacity: 1; } } @keyframes infographic_ep-budget_border{ 0%{ opacity: 0; } 100%{ opacity: 1; } } @keyframes infographic_ep-budget_percent{ 0%{ transform: translate(0, 0); -webkit-transform: translate(0, 0); } 100%{ transform: translate(12px, 0); -webkit-transform: translate(12px, 0); } } /* POURCENTAGES ET PIECHART : Affichage des pourcentages */ #ep-budget .epeb_page .epeb_body .epeb_union ul{ position: static; display: inline-block; display: inline-flex; display: -webkit-inline-flex; width: 100%; flex-direction: row; -webkit-flex-direction: row; align-items: center; -webkit-align-items: center; justify-content: space-between; -webkit-justify-content: space-between; margin: 0 0 0 -100%; padding: 0; letter-spacing: -0.3em; vertical-align: middle; } #ep-budget .epeb_page .epeb_body .epeb_union ul:after{ position: static; display: inline-block; flex: 0 0 auto; -webkit-flex: 0 0 auto; order: 2; -webkit-order: 2; content: ""; } #ep-budget .epeb_page .epeb_body .epeb_union ul li:first-child{ order: 1; -webkit-order: 1; } #ep-budget .epeb_page .epeb_body .epeb_union ul li + li{ order: 3; -webkit-order: 3; } #ep-budget .epeb_page .epeb_body .epeb_union ul li{ display: inline-block; max-width: calc((100% - 300px - 20px) / 2); flex: 1 1 0; -webkit-flex: 1 1 0; text-align: left; letter-spacing: normal; white-space: normal; } #ep-budget .epeb_page .epeb_body .epeb_union ul li span{ display: block; } #ep-budget .epeb_page .epeb_body .epeb_union ul li span.epeb_number{ font-family: 'Roboto Slab', serif; font-size: 7em; font-weight: lighter; } #ep-budget .epeb_page .epeb_body .epeb_union ul li span.epeb_number span{ display: inline; margin: 0; padding: 0; font-size: 1em; color: inherit; } #ep-budget .epeb_page .epeb_body .epeb_union ul li span.epeb_number span.epeb_unit{ font-size: 0.8em; } #ep-budget .epeb_page .epeb_body .epeb_union ul li span.epeb_heading{ margin: 6px 0 0 0; font-size: 1.8em; font-weight: normal; } #ep-budget .epeb_page .epeb_body .epeb_union ul li span.epeb_text{ margin: 6px 0 0 0; font-size: 1.4em; font-weight: normal; } #ep-budget .epeb_page .epeb_body .epeb_union ul li:first-child span{ padding-left: 20px; padding-right: 10px; } #ep-budget .epeb_page .epeb_body .epeb_union ul li + li span{ padding-left: 10px; padding-right: 20px; } #ep-budget .epeb_page .epeb_body .epeb_union ul li + li{ text-align: right; } /* POURCENTAGES ET PIECHART : Dimension du rond */ #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg > div, #ep-budget .epeb_page .epeb_body .epeb_union ul:after{ width: 300px; height: 300px; } /* POURCENTAGES ET PIECHART : Animation du piechart (duree de l'animation des segments selon leur dimension) */ #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dasharray="0.5 100"]{ animation-duration: calc((1.2s / 100) * 0.5); -webkit-animation-duration: calc((1.2s / 100) * 0.5); -moz-animation-duration: 0.006s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dasharray="1 100"]{ animation-duration: calc((1.2s / 100) * 1); -webkit-animation-duration: calc((1.2s / 100) * 1); -moz-animation-duration: 0.012s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dasharray="2 100"]{ animation-duration: calc((1.2s / 100) * 2); -webkit-animation-duration: calc((1.2s / 100) * 2); -moz-animation-duration: 0.024s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dasharray="2.5 100"]{ animation-duration: calc((1.2s / 100) * 2.5); -webkit-animation-duration: calc((1.2s / 100) * 2.5); -moz-animation-duration: 0.024s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dasharray="3 100"]{ animation-duration: calc((1.2s / 100) * 3); -webkit-animation-duration: calc((1.2s / 100) * 3); -moz-animation-duration: 0.036s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dasharray="4 100"]{ animation-duration: calc((1.2s / 100) * 4); -webkit-animation-duration: calc((1.2s / 100) * 4); -moz-animation-duration: 0.048s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dasharray="5 100"]{ animation-duration: calc((1.2s / 100) * 5); -webkit-animation-duration: calc((1.2s / 100) * 5); -moz-animation-duration: 0.06s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dasharray="6 100"]{ animation-duration: calc((1.2s / 100) * 6); -webkit-animation-duration: calc((1.2s / 100) * 6); -moz-animation-duration: 0.072s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dasharray="7 100"]{ animation-duration: calc((1.2s / 100) * 7); -webkit-animation-duration: calc((1.2s / 100) * 7); -moz-animation-duration: 0.084s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dasharray="8 100"]{ animation-duration: calc((1.2s / 100) * 8); -webkit-animation-duration: calc((1.2s / 100) * 8); -moz-animation-duration: 0.096s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dasharray="9 100"]{ animation-duration: calc((1.2s / 100) * 9); -webkit-animation-duration: calc((1.2s / 100) * 9); -moz-animation-duration: 0.108s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dasharray="10 100"]{ animation-duration: calc((1.2s / 100) * 10); -webkit-animation-duration: calc((1.2s / 100) * 10); -moz-animation-duration: 0.12s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dasharray="11 100"]{ animation-duration: calc((1.2s / 100) * 11); -webkit-animation-duration: calc((1.2s / 100) * 11); -moz-animation-duration: 0.132s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dasharray="12 100"]{ animation-duration: calc((1.2s / 100) * 12); -webkit-animation-duration: calc((1.2s / 100) * 12); -moz-animation-duration: 0.144s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dasharray="13 100"]{ animation-duration: calc((1.2s / 100) * 13); -webkit-animation-duration: calc((1.2s / 100) * 13); -moz-animation-duration: 0.156s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dasharray="14 100"]{ animation-duration: calc((1.2s / 100) * 14); -webkit-animation-duration: calc((1.2s / 100) * 14); -moz-animation-duration: 0.168s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dasharray="15 100"]{ animation-duration: calc((1.2s / 100) * 15); -webkit-animation-duration: calc((1.2s / 100) * 15); -moz-animation-duration: 0.180s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dasharray="16 100"]{ animation-duration: calc((1.2s / 100) * 16); -webkit-animation-duration: calc((1.2s / 100) * 16); -moz-animation-duration: 0.192s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dasharray="17 100"]{ animation-duration: calc((1.2s / 100) * 17); -webkit-animation-duration: calc((1.2s / 100) * 17); -moz-animation-duration: 0.204s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dasharray="18 100"]{ animation-duration: calc((1.2s / 100) * 18); -webkit-animation-duration: calc((1.2s / 100) * 18); -moz-animation-duration: 0.216s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dasharray="19 100"]{ animation-duration: calc((1.2s / 100) * 19); -webkit-animation-duration: calc((1.2s / 100) * 19); -moz-animation-duration: 0.228s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dasharray="20 100"]{ animation-duration: calc((1.2s / 100) * 20); -webkit-animation-duration: calc((1.2s / 100) * 20); -moz-animation-duration: 0.240s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dasharray="21 100"]{ animation-duration: calc((1.2s / 100) * 21); -webkit-animation-duration: calc((1.2s / 100) * 21); -moz-animation-duration: 0.252s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dasharray="22 100"]{ animation-duration: calc((1.2s / 100) * 22); -webkit-animation-duration: calc((1.2s / 100) * 22); -moz-animation-duration: 0.264s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dasharray="23 100"]{ animation-duration: calc((1.2s / 100) * 23); -webkit-animation-duration: calc((1.2s / 100) * 23); -moz-animation-duration: 0.276s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dasharray="24 100"]{ animation-duration: calc((1.2s / 100) * 24); -webkit-animation-duration: calc((1.2s / 100) * 24); -moz-animation-duration: 0.288s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dasharray="25 100"]{ animation-duration: calc((1.2s / 100) * 25); -webkit-animation-duration: calc((1.2s / 100) * 25); -moz-animation-duration: 0.300s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dasharray="26 100"]{ animation-duration: calc((1.2s / 100) * 26); -webkit-animation-duration: calc((1.2s / 100) * 26); -moz-animation-duration: 0.312s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dasharray="27 100"]{ animation-duration: calc((1.2s / 100) * 27); -webkit-animation-duration: calc((1.2s / 100) * 27); -moz-animation-duration: 0.324s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dasharray="28 100"]{ animation-duration: calc((1.2s / 100) * 28); -webkit-animation-duration: calc((1.2s / 100) * 28); -moz-animation-duration: 0.336s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dasharray="29 100"]{ animation-duration: calc((1.2s / 100) * 29); -webkit-animation-duration: calc((1.2s / 100) * 29); -moz-animation-duration: 0.348s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dasharray="30 100"]{ animation-duration: calc((1.2s / 100) * 30); -webkit-animation-duration: calc((1.2s / 100) * 30); -moz-animation-duration: 0.36s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dasharray="31 100"]{ animation-duration: calc((1.2s / 100) * 31); -webkit-animation-duration: calc((1.2s / 100) * 31); -moz-animation-duration: 0.372s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dasharray="32 100"]{ animation-duration: calc((1.2s / 100) * 32); -webkit-animation-duration: calc((1.2s / 100) * 32); -moz-animation-duration: 0.384s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dasharray="33 100"]{ animation-duration: calc((1.2s / 100) * 33); -webkit-animation-duration: calc((1.2s / 100) * 33); -moz-animation-duration: 0.396s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dasharray="34 100"]{ animation-duration: calc((1.2s / 100) * 34); -webkit-animation-duration: calc((1.2s / 100) * 34); -moz-animation-duration: 0.408s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dasharray="35 100"]{ animation-duration: calc((1.2s / 100) * 35); -webkit-animation-duration: calc((1.2s / 100) * 35); -moz-animation-duration: 0.42s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dasharray="36 100"]{ animation-duration: calc((1.2s / 100) * 36); -webkit-animation-duration: calc((1.2s / 100) * 36); -moz-animation-duration: 0.432s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dasharray="37 100"]{ animation-duration: calc((1.2s / 100) * 37); -webkit-animation-duration: calc((1.2s / 100) * 37); -moz-animation-duration: 0.444s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dasharray="38 100"]{ animation-duration: calc((1.2s / 100) * 38); -webkit-animation-duration: calc((1.2s / 100) * 38); -moz-animation-duration: 0.456s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dasharray="39 100"]{ animation-duration: calc((1.2s / 100) * 39); -webkit-animation-duration: calc((1.2s / 100) * 39); -moz-animation-duration: 0.468s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dasharray="40 100"]{ animation-duration: calc((1.2s / 100) * 40); -webkit-animation-duration: calc((1.2s / 100) * 40); -moz-animation-duration: 0.480s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dasharray="41 100"]{ animation-duration: calc((1.2s / 100) * 41); -webkit-animation-duration: calc((1.2s / 100) * 41); -moz-animation-duration: 0.492s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dasharray="42 100"]{ animation-duration: calc((1.2s / 100) * 42); -webkit-animation-duration: calc((1.2s / 100) * 42); -moz-animation-duration: 0.504s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dasharray="43 100"]{ animation-duration: calc((1.2s / 100) * 43); -webkit-animation-duration: calc((1.2s / 100) * 43); -moz-animation-duration: 0.516s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dasharray="44 100"]{ animation-duration: calc((1.2s / 100) * 44); -webkit-animation-duration: calc((1.2s / 100) * 44); -moz-animation-duration: 0.528s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dasharray="45 100"]{ animation-duration: calc((1.2s / 100) * 45); -webkit-animation-duration: calc((1.2s / 100) * 45); -moz-animation-duration: 0.540s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dasharray="46 100"]{ animation-duration: calc((1.2s / 100) * 46); -webkit-animation-duration: calc((1.2s / 100) * 46); -moz-animation-duration: 0.552s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dasharray="47 100"]{ animation-duration: calc((1.2s / 100) * 47); -webkit-animation-duration: calc((1.2s / 100) * 47); -moz-animation-duration: 0.564s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dasharray="48 100"]{ animation-duration: calc((1.2s / 100) * 48); -webkit-animation-duration: calc((1.2s / 100) * 48); -moz-animation-duration: 0.576s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dasharray="49 100"]{ animation-duration: calc((1.2s / 100) * 49); -webkit-animation-duration: calc((1.2s / 100) * 49); -moz-animation-duration: 0.588s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dasharray="50 100"]{ animation-duration: calc((1.2s / 100) * 50); -webkit-animation-duration: calc((1.2s / 100) * 50); -moz-animation-duration: 0.6s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dasharray="51 100"]{ animation-duration: calc((1.2s / 100) * 51); -webkit-animation-duration: calc((1.2s / 100) * 51); -moz-animation-duration: 0.612s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dasharray="52 100"]{ animation-duration: calc((1.2s / 100) * 52); -webkit-animation-duration: calc((1.2s / 100) * 52); -moz-animation-duration: 0.624s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dasharray="53 100"]{ animation-duration: calc((1.2s / 100) * 53); -webkit-animation-duration: calc((1.2s / 100) * 53); -moz-animation-duration: 0.636s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dasharray="54 100"]{ animation-duration: calc((1.2s / 100) * 54); -webkit-animation-duration: calc((1.2s / 100) * 54); -moz-animation-duration: 0.648s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dasharray="55 100"]{ animation-duration: calc((1.2s / 100) * 55); -webkit-animation-duration: calc((1.2s / 100) * 55); -moz-animation-duration: 0.66s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dasharray="56 100"]{ animation-duration: calc((1.2s / 100) * 56); -webkit-animation-duration: calc((1.2s / 100) * 56); -moz-animation-duration: 0.672s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dasharray="57 100"]{ animation-duration: calc((1.2s / 100) * 57); -webkit-animation-duration: calc((1.2s / 100) * 57); -moz-animation-duration: 0.684s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dasharray="58 100"]{ animation-duration: calc((1.2s / 100) * 58); -webkit-animation-duration: calc((1.2s / 100) * 58); -moz-animation-duration: 0.696s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dasharray="59 100"]{ animation-duration: calc((1.2s / 100) * 59); -webkit-animation-duration: calc((1.2s / 100) * 59); -moz-animation-duration: 0.708s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dasharray="60 100"]{ animation-duration: calc((1.2s / 100) * 60); -webkit-animation-duration: calc((1.2s / 100) * 60); -moz-animation-duration: 0.72s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dasharray="61 100"]{ animation-duration: calc((1.2s / 100) * 61); -webkit-animation-duration: calc((1.2s / 100) * 61); -moz-animation-duration: 0.732s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dasharray="62 100"]{ animation-duration: calc((1.2s / 100) * 62); -webkit-animation-duration: calc((1.2s / 100) * 62); -moz-animation-duration: 0.744s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dasharray="63 100"]{ animation-duration: calc((1.2s / 100) * 63); -webkit-animation-duration: calc((1.2s / 100) * 63); -moz-animation-duration: 0.756s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dasharray="64 100"]{ animation-duration: calc((1.2s / 100) * 64); -webkit-animation-duration: calc((1.2s / 100) * 64); -moz-animation-duration: 0.768s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dasharray="65 100"]{ animation-duration: calc((1.2s / 100) * 65); -webkit-animation-duration: calc((1.2s / 100) * 65); -moz-animation-duration: 0.780s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dasharray="66 100"]{ animation-duration: calc((1.2s / 100) * 66); -webkit-animation-duration: calc((1.2s / 100) * 66); -moz-animation-duration: 0.792s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dasharray="67 100"]{ animation-duration: calc((1.2s / 100) * 67); -webkit-animation-duration: calc((1.2s / 100) * 67); -moz-animation-duration: 0.804s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dasharray="68 100"]{ animation-duration: calc((1.2s / 100) * 68); -webkit-animation-duration: calc((1.2s / 100) * 68); -moz-animation-duration: 0.816s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dasharray="69 100"]{ animation-duration: calc((1.2s / 100) * 69); -webkit-animation-duration: calc((1.2s / 100) * 69); -moz-animation-duration: 0.828s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dasharray="70 100"]{ animation-duration: calc((1.2s / 100) * 70); -webkit-animation-duration: calc((1.2s / 100) * 70); -moz-animation-duration: 0.840s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dasharray="71 100"]{ animation-duration: calc((1.2s / 100) * 71); -webkit-animation-duration: calc((1.2s / 100) * 71); -moz-animation-duration: 0.852s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dasharray="72 100"]{ animation-duration: calc((1.2s / 100) * 72); -webkit-animation-duration: calc((1.2s / 100) * 72); -moz-animation-duration: 0.864s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dasharray="73 100"]{ animation-duration: calc((1.2s / 100) * 73); -webkit-animation-duration: calc((1.2s / 100) * 73); -moz-animation-duration: 0.876s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dasharray="74 100"]{ animation-duration: calc((1.2s / 100) * 74); -webkit-animation-duration: calc((1.2s / 100) * 74); -moz-animation-duration: 0.888s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dasharray="75 100"]{ animation-duration: calc((1.2s / 100) * 75); -webkit-animation-duration: calc((1.2s / 100) * 75); -moz-animation-duration: 0.9s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dasharray="76 100"]{ animation-duration: calc((1.2s / 100) * 76); -webkit-animation-duration: calc((1.2s / 100) * 76); -moz-animation-duration: 0.912s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dasharray="77 100"]{ animation-duration: calc((1.2s / 100) * 77); -webkit-animation-duration: calc((1.2s / 100) * 77); -moz-animation-duration: 0.924s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dasharray="78 100"]{ animation-duration: calc((1.2s / 100) * 78); -webkit-animation-duration: calc((1.2s / 100) * 78); -moz-animation-duration: 0.936s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dasharray="79 100"]{ animation-duration: calc((1.2s / 100) * 79); -webkit-animation-duration: calc((1.2s / 100) * 79); -moz-animation-duration: 0.948s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dasharray="80 100"]{ animation-duration: calc((1.2s / 100) * 80); -webkit-animation-duration: calc((1.2s / 100) * 80); -moz-animation-duration: 0.96s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dasharray="81 100"]{ animation-duration: calc((1.2s / 100) * 81); -webkit-animation-duration: calc((1.2s / 100) * 81); -moz-animation-duration: 0.972s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dasharray="82 100"]{ animation-duration: calc((1.2s / 100) * 82); -webkit-animation-duration: calc((1.2s / 100) * 82); -moz-animation-duration: 0.984s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dasharray="83 100"]{ animation-duration: calc((1.2s / 100) * 83); -webkit-animation-duration: calc((1.2s / 100) * 83); -moz-animation-duration: 0.996s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dasharray="84 100"]{ animation-duration: calc((1.2s / 100) * 84); -webkit-animation-duration: calc((1.2s / 100) * 84); -moz-animation-duration: 0.1008s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dasharray="85 100"]{ animation-duration: calc((1.2s / 100) * 85); -webkit-animation-duration: calc((1.2s / 100) * 85); -moz-animation-duration: 0.102s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dasharray="86 100"]{ animation-duration: calc((1.2s / 100) * 86); -webkit-animation-duration: calc((1.2s / 100) * 86); -moz-animation-duration: 0.1032s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dasharray="87 100"]{ animation-duration: calc((1.2s / 100) * 87); -webkit-animation-duration: calc((1.2s / 100) * 87); -moz-animation-duration: 0.1044s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dasharray="88 100"]{ animation-duration: calc((1.2s / 100) * 88); -webkit-animation-duration: calc((1.2s / 100) * 88); -moz-animation-duration: 0.1056s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dasharray="89 100"]{ animation-duration: calc((1.2s / 100) * 89); -webkit-animation-duration: calc((1.2s / 100) * 89); -moz-animation-duration: 0.1068s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dasharray="90 100"]{ animation-duration: calc((1.2s / 100) * 90); -webkit-animation-duration: calc((1.2s / 100) * 90); -moz-animation-duration: 0.1080s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dasharray="91 100"]{ animation-duration: calc((1.2s / 100) * 91); -webkit-animation-duration: calc((1.2s / 100) * 91); -moz-animation-duration: 0.1092s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dasharray="92 100"]{ animation-duration: calc((1.2s / 100) * 92); -webkit-animation-duration: calc((1.2s / 100) * 92); -moz-animation-duration: 0.1104s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dasharray="93 100"]{ animation-duration: calc((1.2s / 100) * 93); -webkit-animation-duration: calc((1.2s / 100) * 93); -moz-animation-duration: 0.1116s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dasharray="94 100"]{ animation-duration: calc((1.2s / 100) * 94); -webkit-animation-duration: calc((1.2s / 100) * 94); -moz-animation-duration: 0.1128s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dasharray="95 100"]{ animation-duration: calc((1.2s / 100) * 95); -webkit-animation-duration: calc((1.2s / 100) * 95); -moz-animation-duration: 0.1140s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dasharray="96 100"]{ animation-duration: calc((1.2s / 100) * 96); -webkit-animation-duration: calc((1.2s / 100) * 96); -moz-animation-duration: 0.1152s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dasharray="97 100"]{ animation-duration: calc((1.2s / 100) * 97); -webkit-animation-duration: calc((1.2s / 100) * 97); -moz-animation-duration: 0.1164s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dasharray="98 100"]{ animation-duration: calc((1.2s / 100) * 98); -webkit-animation-duration: calc((1.2s / 100) * 98); -moz-animation-duration: 0.1176s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dasharray="99 100"]{ animation-duration: calc((1.2s / 100) * 99); -webkit-animation-duration: calc((1.2s / 100) * 99); -moz-animation-duration: 0.1188s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dasharray="100 100"]{ animation-duration: 1.2s; -webkit-animation-duration: 1.2s; } /* POURCENTAGES ET PIECHART : Animation du piechart (delai d'attention pour l'animation des segments selon le precedent) */ #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dashoffset="-0"]{ animation-delay: 1s; -webkit-animation-delay: 1s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dashoffset="-1"]{ animation-delay: calc(1s + (1.2s / 100) * 1); -webkit-animation-delay: calc(1s + (1.2s / 100) * 1); -moz-animation-delay: 1.012s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dashoffset="-2"]{ animation-delay: calc(1s + (1.2s / 100) * 2); -webkit-animation-delay: calc(1s + (1.2s / 100) * 2); -moz-animation-delay: 1.024s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dashoffset="-3"]{ animation-delay: calc(1s + (1.2s / 100) * 3); -webkit-animation-delay: calc(1s + (1.2s / 100) * 3); -moz-animation-delay: 1.036s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dashoffset="-4"]{ animation-delay: calc(1s + (1.2s / 100) * 4); -webkit-animation-delay: calc(1s + (1.2s / 100) * 4); -moz-animation-delay: 1.048s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dashoffset="-5"]{ animation-delay: calc(1s + (1.2s / 100) * 5); -webkit-animation-delay: calc(1s + (1.2s / 100) * 5); -moz-animation-delay: 1.06s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dashoffset="-6"]{ animation-delay: calc(1s + (1.2s / 100) * 6); -webkit-animation-delay: calc(1s + (1.2s / 100) * 6); -moz-animation-delay: 1.072s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dashoffset="-7"]{ animation-delay: calc(1s + (1.2s / 100) * 7); -webkit-animation-delay: calc(1s + (1.2s / 100) * 7); -moz-animation-delay: 1.084s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dashoffset="-8"]{ animation-delay: calc(1s + (1.2s / 100) * 8); -webkit-animation-delay: calc(1s + (1.2s / 100) * 8); -moz-animation-delay: 1.096s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dashoffset="-9"]{ animation-delay: calc(1s + (1.2s / 100) * 9); -webkit-animation-delay: calc(1s + (1.2s / 100) * 9); -moz-animation-delay: 1.108s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dashoffset="-10"]{ animation-delay: calc(1s + (1.2s / 100) * 10); -webkit-animation-delay: calc(1s + (1.2s / 100) * 10); -moz-animation-delay: 1.12s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dashoffset="-11"]{ animation-delay: calc(1s + (1.2s / 100) * 11); -webkit-animation-delay: calc(1s + (1.2s / 100) * 11); -moz-animation-delay: 1.132s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dashoffset="-12"]{ animation-delay: calc(1s + (1.2s / 100) * 12); -webkit-animation-delay: calc(1s + (1.2s / 100) * 12); -moz-animation-delay: 1.144s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dashoffset="-13"]{ animation-delay: calc(1s + (1.2s / 100) * 13); -webkit-animation-delay: calc(1s + (1.2s / 100) * 13); -moz-animation-delay: 1.156s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dashoffset="-14"]{ animation-delay: calc(1s + (1.2s / 100) * 14); -webkit-animation-delay: calc(1s + (1.2s / 100) * 14); -moz-animation-delay: 1.168s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dashoffset="-15"]{ animation-delay: calc(1s + (1.2s / 100) * 15); -webkit-animation-delay: calc(1s + (1.2s / 100) * 15); -moz-animation-delay: 1.180s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dashoffset="-16"]{ animation-delay: calc(1s + (1.2s / 100) * 16); -webkit-animation-delay: calc(1s + (1.2s / 100) * 16); -moz-animation-delay: 1.192s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dashoffset="-17"]{ animation-delay: calc(1s + (1.2s / 100) * 17); -webkit-animation-delay: calc(1s + (1.2s / 100) * 17); -moz-animation-delay: 1.204s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dashoffset="-18"]{ animation-delay: calc(1s + (1.2s / 100) * 18); -webkit-animation-delay: calc(1s + (1.2s / 100) * 18); -moz-animation-delay: 1.216s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dashoffset="-19"]{ animation-delay: calc(1s + (1.2s / 100) * 19); -webkit-animation-delay: calc(1s + (1.2s / 100) * 19); -moz-animation-delay: 1.228s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dashoffset="-20"]{ animation-delay: calc(1s + (1.2s / 100) * 20); -webkit-animation-delay: calc(1s + (1.2s / 100) * 20); -moz-animation-delay: 1.240s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dashoffset="-21"]{ animation-delay: calc(1s + (1.2s / 100) * 21); -webkit-animation-delay: calc(1s + (1.2s / 100) * 21); -moz-animation-delay: 1.252s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dashoffset="-22"]{ animation-delay: calc(1s + (1.2s / 100) * 22); -webkit-animation-delay: calc(1s + (1.2s / 100) * 22); -moz-animation-delay: 1.264s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dashoffset="-23"]{ animation-delay: calc(1s + (1.2s / 100) * 23); -webkit-animation-delay: calc(1s + (1.2s / 100) * 23); -moz-animation-delay: 1.276s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dashoffset="-24"]{ animation-delay: calc(1s + (1.2s / 100) * 24); -webkit-animation-delay: calc(1s + (1.2s / 100) * 24); -moz-animation-delay: 1.288s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dashoffset="-25"]{ animation-delay: calc(1s + (1.2s / 100) * 25); -webkit-animation-delay: calc(1s + (1.2s / 100) * 25); -moz-animation-delay: 1.300s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dashoffset="-26"]{ animation-delay: calc(1s + (1.2s / 100) * 26); -webkit-animation-delay: calc(1s + (1.2s / 100) * 26); -moz-animation-delay: 1.312s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dashoffset="-27"]{ animation-delay: calc(1s + (1.2s / 100) * 27); -webkit-animation-delay: calc(1s + (1.2s / 100) * 27); -moz-animation-delay: 1.324s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dashoffset="-28"]{ animation-delay: calc(1s + (1.2s / 100) * 28); -webkit-animation-delay: calc(1s + (1.2s / 100) * 28); -moz-animation-delay: 1.336s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dashoffset="-29"]{ animation-delay: calc(1s + (1.2s / 100) * 29); -webkit-animation-delay: calc(1s + (1.2s / 100) * 29); -moz-animation-delay: 1.348s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dashoffset="-30"]{ animation-delay: calc(1s + (1.2s / 100) * 30); -webkit-animation-delay: calc(1s + (1.2s / 100) * 30); -moz-animation-delay: 1.36s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dashoffset="-31"]{ animation-delay: calc(1s + (1.2s / 100) * 31); -webkit-animation-delay: calc(1s + (1.2s / 100) * 31); -moz-animation-delay: 1.372s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dashoffset="-32"]{ animation-delay: calc(1s + (1.2s / 100) * 32); -webkit-animation-delay: calc(1s + (1.2s / 100) * 32); -moz-animation-delay: 1.384s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dashoffset="-33"]{ animation-delay: calc(1s + (1.2s / 100) * 33); -webkit-animation-delay: calc(1s + (1.2s / 100) * 33); -moz-animation-delay: 1.396s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dashoffset="-34"]{ animation-delay: calc(1s + (1.2s / 100) * 34); -webkit-animation-delay: calc(1s + (1.2s / 100) * 34); -moz-animation-delay: 1.408s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dashoffset="-35"]{ animation-delay: calc(1s + (1.2s / 100) * 35); -webkit-animation-delay: calc(1s + (1.2s / 100) * 35); -moz-animation-delay: 1.42s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dashoffset="-36"]{ animation-delay: calc(1s + (1.2s / 100) * 36); -webkit-animation-delay: calc(1s + (1.2s / 100) * 36); -moz-animation-delay: 1.432s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dashoffset="-37"]{ animation-delay: calc(1s + (1.2s / 100) * 37); -webkit-animation-delay: calc(1s + (1.2s / 100) * 37); -moz-animation-delay: 1.444s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dashoffset="-38"]{ animation-delay: calc(1s + (1.2s / 100) * 38); -webkit-animation-delay: calc(1s + (1.2s / 100) * 38); -moz-animation-delay: 1.456s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dashoffset="-39"]{ animation-delay: calc(1s + (1.2s / 100) * 39); -webkit-animation-delay: calc(1s + (1.2s / 100) * 39); -moz-animation-delay: 1.468s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dashoffset="-40"]{ animation-delay: calc(1s + (1.2s / 100) * 40); -webkit-animation-delay: calc(1s + (1.2s / 100) * 40); -moz-animation-delay: 1.480s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dashoffset="-41"]{ animation-delay: calc(1s + (1.2s / 100) * 41); -webkit-animation-delay: calc(1s + (1.2s / 100) * 41); -moz-animation-delay: 1.492s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dashoffset="-42"]{ animation-delay: calc(1s + (1.2s / 100) * 42); -webkit-animation-delay: calc(1s + (1.2s / 100) * 42); -moz-animation-delay: 1.504s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dashoffset="-43"]{ animation-delay: calc(1s + (1.2s / 100) * 43); -webkit-animation-delay: calc(1s + (1.2s / 100) * 43); -moz-animation-delay: 1.516s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dashoffset="-44"]{ animation-delay: calc(1s + (1.2s / 100) * 44); -webkit-animation-delay: calc(1s + (1.2s / 100) * 44); -moz-animation-delay: 1.528s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dashoffset="-45"]{ animation-delay: calc(1s + (1.2s / 100) * 45); -webkit-animation-delay: calc(1s + (1.2s / 100) * 45); -moz-animation-delay: 1.540s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dashoffset="-46"]{ animation-delay: calc(1s + (1.2s / 100) * 46); -webkit-animation-delay: calc(1s + (1.2s / 100) * 46); -moz-animation-delay: 1.552s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dashoffset="-47"]{ animation-delay: calc(1s + (1.2s / 100) * 47); -webkit-animation-delay: calc(1s + (1.2s / 100) * 47); -moz-animation-delay: 1.564s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dashoffset="-48"]{ animation-delay: calc(1s + (1.2s / 100) * 48); -webkit-animation-delay: calc(1s + (1.2s / 100) * 48); -moz-animation-delay: 1.576s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dashoffset="-49"]{ animation-delay: calc(1s + (1.2s / 100) * 49); -webkit-animation-delay: calc(1s + (1.2s / 100) * 49); -moz-animation-delay: 1.588s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dashoffset="-50"]{ animation-delay: calc(1s + (1.2s / 100) * 50); -webkit-animation-delay: calc(1s + (1.2s / 100) * 50); -moz-animation-delay: 1.6s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dashoffset="-51"]{ animation-delay: calc(1s + (1.2s / 100) * 51); -webkit-animation-delay: calc(1s + (1.2s / 100) * 51); -moz-animation-delay: 1.612s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dashoffset="-52"]{ animation-delay: calc(1s + (1.2s / 100) * 52); -webkit-animation-delay: calc(1s + (1.2s / 100) * 52); -moz-animation-delay: 1.624s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dashoffset="-53"]{ animation-delay: calc(1s + (1.2s / 100) * 53); -webkit-animation-delay: calc(1s + (1.2s / 100) * 53); -moz-animation-delay: 1.636s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dashoffset="-54"]{ animation-delay: calc(1s + (1.2s / 100) * 54); -webkit-animation-delay: calc(1s + (1.2s / 100) * 54); -moz-animation-delay: 1.648s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dashoffset="-55"]{ animation-delay: calc(1s + (1.2s / 100) * 55); -webkit-animation-delay: calc(1s + (1.2s / 100) * 55); -moz-animation-delay: 1.66s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dashoffset="-56"]{ animation-delay: calc(1s + (1.2s / 100) * 56); -webkit-animation-delay: calc(1s + (1.2s / 100) * 56); -moz-animation-delay: 1.672s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dashoffset="-57"]{ animation-delay: calc(1s + (1.2s / 100) * 57); -webkit-animation-delay: calc(1s + (1.2s / 100) * 57); -moz-animation-delay: 1.684s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dashoffset="-58"]{ animation-delay: calc(1s + (1.2s / 100) * 58); -webkit-animation-delay: calc(1s + (1.2s / 100) * 58); -moz-animation-delay: 1.696s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dashoffset="-59"]{ animation-delay: calc(1s + (1.2s / 100) * 59); -webkit-animation-delay: calc(1s + (1.2s / 100) * 59); -moz-animation-delay: 1.708s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dashoffset="-60"]{ animation-delay: calc(1s + (1.2s / 100) * 60); -webkit-animation-delay: calc(1s + (1.2s / 100) * 60); -moz-animation-delay: 1.72s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dashoffset="-61"]{ animation-delay: calc(1s + (1.2s / 100) * 61); -webkit-animation-delay: calc(1s + (1.2s / 100) * 61); -moz-animation-delay: 1.732s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dashoffset="-62"]{ animation-delay: calc(1s + (1.2s / 100) * 62); -webkit-animation-delay: calc(1s + (1.2s / 100) * 62); -moz-animation-delay: 1.744s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dashoffset="-63"]{ animation-delay: calc(1s + (1.2s / 100) * 63); -webkit-animation-delay: calc(1s + (1.2s / 100) * 63); -moz-animation-delay: 1.756s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dashoffset="-64"]{ animation-delay: calc(1s + (1.2s / 100) * 64); -webkit-animation-delay: calc(1s + (1.2s / 100) * 64); -moz-animation-delay: 1.768s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dashoffset="-65"]{ animation-delay: calc(1s + (1.2s / 100) * 65); -webkit-animation-delay: calc(1s + (1.2s / 100) * 65); -moz-animation-delay: 1.780s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dashoffset="-66"]{ animation-delay: calc(1s + (1.2s / 100) * 66); -webkit-animation-delay: calc(1s + (1.2s / 100) * 66); -moz-animation-delay: 1.792s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dashoffset="-67"]{ animation-delay: calc(1s + (1.2s / 100) * 67); -webkit-animation-delay: calc(1s + (1.2s / 100) * 67); -moz-animation-delay: 1.804s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dashoffset="-68"]{ animation-delay: calc(1s + (1.2s / 100) * 68); -webkit-animation-delay: calc(1s + (1.2s / 100) * 68); -moz-animation-delay: 1.816s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dashoffset="-69"]{ animation-delay: calc(1s + (1.2s / 100) * 69); -webkit-animation-delay: calc(1s + (1.2s / 100) * 69); -moz-animation-delay: 1.828s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dashoffset="-70"]{ animation-delay: calc(1s + (1.2s / 100) * 70); -webkit-animation-delay: calc(1s + (1.2s / 100) * 70); -moz-animation-delay: 1.840s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dashoffset="-71"]{ animation-delay: calc(1s + (1.2s / 100) * 71); -webkit-animation-delay: calc(1s + (1.2s / 100) * 71); -moz-animation-delay: 1.852s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dashoffset="-72"]{ animation-delay: calc(1s + (1.2s / 100) * 72); -webkit-animation-delay: calc(1s + (1.2s / 100) * 72); -moz-animation-delay: 1.864s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dashoffset="-73"]{ animation-delay: calc(1s + (1.2s / 100) * 73); -webkit-animation-delay: calc(1s + (1.2s / 100) * 73); -moz-animation-delay: 1.876s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dashoffset="-74"]{ animation-delay: calc(1s + (1.2s / 100) * 74); -webkit-animation-delay: calc(1s + (1.2s / 100) * 74); -moz-animation-delay: 1.888s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dashoffset="-75"]{ animation-delay: calc(1s + (1.2s / 100) * 75); -webkit-animation-delay: calc(1s + (1.2s / 100) * 75); -moz-animation-delay: 1.9s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dashoffset="-76"]{ animation-delay: calc(1s + (1.2s / 100) * 76); -webkit-animation-delay: calc(1s + (1.2s / 100) * 76); -moz-animation-delay: 1.912s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dashoffset="-77"]{ animation-delay: calc(1s + (1.2s / 100) * 77); -webkit-animation-delay: calc(1s + (1.2s / 100) * 77); -moz-animation-delay: 1.924s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dashoffset="-78"]{ animation-delay: calc(1s + (1.2s / 100) * 78); -webkit-animation-delay: calc(1s + (1.2s / 100) * 78); -moz-animation-delay: 1.936s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dashoffset="-79"]{ animation-delay: calc(1s + (1.2s / 100) * 79); -webkit-animation-delay: calc(1s + (1.2s / 100) * 79); -moz-animation-delay: 1.948s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dashoffset="-80"]{ animation-delay: calc(1s + (1.2s / 100) * 80); -webkit-animation-delay: calc(1s + (1.2s / 100) * 80); -moz-animation-delay: 1.96s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dashoffset="-81"]{ animation-delay: calc(1s + (1.2s / 100) * 81); -webkit-animation-delay: calc(1s + (1.2s / 100) * 81); -moz-animation-delay: 1.972s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dashoffset="-82"]{ animation-delay: calc(1s + (1.2s / 100) * 82); -webkit-animation-delay: calc(1s + (1.2s / 100) * 82); -moz-animation-delay: 1.984s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dashoffset="-83"]{ animation-delay: calc(1s + (1.2s / 100) * 83); -webkit-animation-delay: calc(1s + (1.2s / 100) * 83); -moz-animation-delay: 1.996s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dashoffset="-84"]{ animation-delay: calc(1s + (1.2s / 100) * 84); -webkit-animation-delay: calc(1s + (1.2s / 100) * 84); -moz-animation-delay: 1.1008s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dashoffset="-85"]{ animation-delay: calc(1s + (1.2s / 100) * 85); -webkit-animation-delay: calc(1s + (1.2s / 100) * 85); -moz-animation-delay: 1.102s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dashoffset="-86"]{ animation-delay: calc(1s + (1.2s / 100) * 86); -webkit-animation-delay: calc(1s + (1.2s / 100) * 86); -moz-animation-delay: 1.1032s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dashoffset="-87"]{ animation-delay: calc(1s + (1.2s / 100) * 87); -webkit-animation-delay: calc(1s + (1.2s / 100) * 87); -moz-animation-delay: 1.1044s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dashoffset="-88"]{ animation-delay: calc(1s + (1.2s / 100) * 88); -webkit-animation-delay: calc(1s + (1.2s / 100) * 88); -moz-animation-delay: 1.1056s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dashoffset="-89"]{ animation-delay: calc(1s + (1.2s / 100) * 89); -webkit-animation-delay: calc(1s + (1.2s / 100) * 89); -moz-animation-delay: 1.1068s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dashoffset="-90"]{ animation-delay: calc(1s + (1.2s / 100) * 90); -webkit-animation-delay: calc(1s + (1.2s / 100) * 90); -moz-animation-delay: 1.1080s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dashoffset="-91"]{ animation-delay: calc(1s + (1.2s / 100) * 91); -webkit-animation-delay: calc(1s + (1.2s / 100) * 91); -moz-animation-delay: 1.1092s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dashoffset="-92"]{ animation-delay: calc(1s + (1.2s / 100) * 92); -webkit-animation-delay: calc(1s + (1.2s / 100) * 92); -moz-animation-delay: 1.1104s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dashoffset="-93"]{ animation-delay: calc(1s + (1.2s / 100) * 93); -webkit-animation-delay: calc(1s + (1.2s / 100) * 93); -moz-animation-delay: 1.1116s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dashoffset="-94"]{ animation-delay: calc(1s + (1.2s / 100) * 94); -webkit-animation-delay: calc(1s + (1.2s / 100) * 94); -moz-animation-delay: 1.1128s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dashoffset="-95"]{ animation-delay: calc(1s + (1.2s / 100) * 95); -webkit-animation-delay: calc(1s + (1.2s / 100) * 95); -moz-animation-delay: 1.1140s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dashoffset="-96"]{ animation-delay: calc(1s + (1.2s / 100) * 96); -webkit-animation-delay: calc(1s + (1.2s / 100) * 96); -moz-animation-delay: 1.1152s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dashoffset="-97"]{ animation-delay: calc(1s + (1.2s / 100) * 97); -webkit-animation-delay: calc(1s + (1.2s / 100) * 97); -moz-animation-delay: 1.1164s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dashoffset="-98"]{ animation-delay: calc(1s + (1.2s / 100) * 98); -webkit-animation-delay: calc(1s + (1.2s / 100) * 98); -moz-animation-delay: 1.1176s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dashoffset="-99"]{ animation-delay: calc(1s + (1.2s / 100) * 99); -webkit-animation-delay: calc(1s + (1.2s / 100) * 99); -moz-animation-delay: 1.1188s; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle[stroke-dashoffset="-99.5"]{ animation-delay: calc(1s + (1.2s / 100) * 99.5); -webkit-animation-delay: calc(1s + (1.2s / 100) * 99.5); -moz-animation-delay: 1.1188s; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* CORPS DE L'INFOGRAPHIE : Correction linguistique */ /* VERSION EL : Pourcentage et barchart */ #ep-budget[lang="el"] .epeb_page .epeb_body .epeb_union .epeb_title h2 span{font-size: 1.4em;} /* == FIN DECLARATION CSS POUR "UNION" (css commune) ======================================================================================================================== */ /* ========================================================================================================================================================================== */ /* ========================================================================================================================================================================== */ /* == CORPS DE L'INFOGRAPHIE ================================================================================================================================================ */ /* ========================================================================================================================================================================== */ /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* CORPS DE L'INFOGRAPHIE : Legende de fin de page */ #ep-budget .epeb_page .epeb_legend{ display: block; width: 80%; margin: 0; padding: 0 20px; box-sizing: border-box; font-size: 1.2em; } #ep-budget .epeb_page .epeb_legend p{ display: block; margin: 0; padding: 0; font-size: 1em; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* CORPS DE L'INFOGRAPHIE : Animation des barres selon la vue */ @keyframes infographic_ep-budget_barchart_vertical{ from{ transform: translate(0, 100%); -webkit-transform: translate(0, 100%); } to{ transform: translate(0, 0); -webkit-transform: translate(0, 0); } } @keyframes infographic_ep-budget_barchart_horizontal{ from{ transform: translate(100%, 0); -webkit-transform: translate(100%, 0); } to{ transform: translate(0, 0); -webkit-transform: translate(0, 0); } } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* CORPS DE L'INFOGRAPHIE : Categories (affichage vertical) */ @media screen and (min-width: 751px), print{ /* CATEGORIES : Groupe (conteneur global) */ #ep-budget .epeb_page .epeb_categories{ display: block; display: flex; display: -webkit-flex; overflow: hidden; margin: 20px -20px 0 -20px; padding: 0; list-style: none; flex-direction: row; -webkit-flex-direction: row; align-items: flex-end; -webkit-align-items: flex-end; justify-content: stretch; -webkit-justify-content: stretch; flex-wrap: nowrap; -webkit-flex-wrap: nowrap; white-space: nowrap; letter-spacing: -0.3em; } #ep-budget .epeb_page .epeb_categories .epeb_group{ display: inline-block; display: flex; display: -webkit-flex; padding: 0 30px; box-sizing: border-box; flex: 1 0 auto; -webkit-flex: 1 0 auto; flex-direction: column-reverse; -webkit-flex-direction: column-reverse; align-items: center; -webkit-align-items: center; flex-wrap: nowrap; -webkit-flex-wrap: nowrap; text-align: center; } /* CATEGORIES : Groupe (titre affiche en bas) */ #ep-budget .epeb_page .epeb_categories .epeb_group h3{ position: relative; z-index: 1; width: 100%; min-height: 4em; padding: 10px 5px; box-sizing: border-box; background-color: #fff; font-size: 1.6em; text-align: center; letter-spacing: normal; white-space: normal; } #ep-budget .epeb_page .epeb_categories .epeb_group:first-child h3{ text-align: left; } #ep-budget .epeb_page .epeb_categories .epeb_group:last-child h3{ text-align: left; direction: rtl; } #ep-budget .epeb_page .epeb_categories .epeb_group:last-child h3 span{ display: inline-block; direction: ltr; } /* CATEGORIES : Groupe (conteneur d'elements) */ #ep-budget .epeb_page .epeb_categories .epeb_group ul{ display: block; display: flex; display: -webkit-flex; width: 100%; margin: 0; padding: 0; list-style: none; flex: 1 1 auto; -webkit-flex: 1 1 auto; flex-direction: row; -webkit-flex-direction: row; align-items: flex-end; -webkit-align-items: flex-end; -webkit-justify-content: space-around; justify-content: space-around; flex-wrap: nowrap; -webkit-flex-wrap: nowrap; white-space: nowrap; letter-spacing: -0.3em; } /* CATEGORIES : Element du groupe (conteneur) */ #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item{ display: inline-block; display: inline-flex; display: -webkit-inline-flex; min-width: 45px; max-width: 75px; margin: 0; padding: 0 5px; box-sizing: border-box; flex: 1 1 auto; -webkit-flex: 1 1 auto; flex-direction: row; -webkit-flex-direction: row; align-items: stretch; -webkit-align-items: stretch; flex-wrap: nowrap; -webkit-flex-wrap: nowrap; justify-content: flex-end; -webkit-justify-content: flex-end; text-align: center; } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item:before{ position: static; display: inline-block; width: 0; height: 300px; flex: 0 0 0; -webkit-flex: 0 0 0; vertical-align: middle; content: ""; } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item > div{ display: inline-block; display: inline-flex; display: -webkit-inline-flex; overflow: hidden; margin: 0; box-sizing: border-box; background-color: #f0f4f7; flex: 1 1 auto; -webkit-flex: 1 1 auto; flex-direction: column; -webkit-flex-direction: column; align-items: flex-start; -webkit-align-items: flex-start; flex-wrap: nowrap; -webkit-flex-wrap: nowrap; text-align: center; vertical-align: middle; } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item > div .epeb_label, #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item > div .epeb_hidden, #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item > div .epeb_number{ position: static; display: block; flex: 0 0 auto; -webkit-flex: 0 0 auto; text-align: center; } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item > div .epeb_label{ position: relative; display: block; width: 50px; flex: 1 1 auto; -webkit-flex: 1 1 auto; text-align: left; } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item > div .epeb_label .epeb_text{ position: static; display: block; height: 50px; padding-left: 4em; box-sizing: border-box; transform: rotate(-90deg) translate(-100%, 0); -webkit-transform: rotate(-90deg) translate(-100%, 0); transform-origin: left top; -webkit-transform-origin: left top; text-align: right; letter-spacing: -0.3em; white-space: nowrap; } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item > div .epeb_label .epeb_text span{ position: static; display: inline-block; padding: 6px 10px 2px 0; font-size: 1.4em; letter-spacing: normal; white-space: normal; vertical-align: middle; } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item > div .epeb_label .epeb_text:before{ position: static; display: inline-block; overflow: hidden; width: 0; height: 50px; vertical-align: middle; content: ""; } /* CATEGORIES : Element du groupe (valeur numerique) */ #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item > div .epeb_number{ width: 100%; flex: 0 0 auto; -webkit-flex: 0 0 auto; order: 2; -webkit-order: 2; transform: translate(0, 100%); -webkit-transform: translate(0, 100%); animation-name: infographic_ep-budget_barchart_vertical; animation-duration: 0.7s; animation-delay: 0s; animation-timing-function: ease-out; animation-fill-mode: forwards; -webkit-animation-name: infographic_ep-budget_barchart_vertical; -webkit-animation-duration: 0.7s; -webkit-animation-delay: 0s; -webkit-animation-timing-function: ease-out; -webkit-animation-fill-mode: forwards; font-family: 'Roboto Slab', serif; font-size: 3.2em; font-weight: normal; letter-spacing: normal; border-bottom-style: solid; border-bottom-width: 0; } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item > div .epeb_number > span{ font-size: 0.5em; } /* CATEGORIES : Dimensions des elements */ #ep-budget .epeb_page .epeb_categories[data-items="1"] .epeb_group[data-items="1"]{ width: 100%; } #ep-budget .epeb_page .epeb_categories[data-items="2"] .epeb_group[data-items="1"]{ width: 50%; } #ep-budget .epeb_page .epeb_categories[data-items="2"] .epeb_group[data-items="2"]{ width: 100%; } #ep-budget .epeb_page .epeb_categories[data-items="3"] .epeb_group[data-items="1"]{ width: calc((100% / 3) * 1); } #ep-budget .epeb_page .epeb_categories[data-items="3"] .epeb_group[data-items="2"]{ width: calc((100% / 3) * 2); } #ep-budget .epeb_page .epeb_categories[data-items="3"] .epeb_group[data-items="3"]{ width: 100%; } #ep-budget .epeb_page .epeb_categories[data-items="4"] .epeb_group[data-items="1"]{ width: 25%; } #ep-budget .epeb_page .epeb_categories[data-items="4"] .epeb_group[data-items="2"]{ width: 50%; } #ep-budget .epeb_page .epeb_categories[data-items="4"] .epeb_group[data-items="3"]{ width: 75%; } #ep-budget .epeb_page .epeb_categories[data-items="4"] .epeb_group[data-items="4"]{ width: 100%; } #ep-budget .epeb_page .epeb_categories[data-items="5"] .epeb_group[data-items="1"]{ width: 20%; } #ep-budget .epeb_page .epeb_categories[data-items="5"] .epeb_group[data-items="2"]{ width: 40%; } #ep-budget .epeb_page .epeb_categories[data-items="5"] .epeb_group[data-items="3"]{ width: 60%; } #ep-budget .epeb_page .epeb_categories[data-items="5"] .epeb_group[data-items="4"]{ width: 80%; } #ep-budget .epeb_page .epeb_categories[data-items="5"] .epeb_group[data-items="5"]{ width: 100%; } #ep-budget .epeb_page .epeb_categories[data-items="6"] .epeb_group[data-items="1"]{ width: calc((100% / 6) * 1); } #ep-budget .epeb_page .epeb_categories[data-items="6"] .epeb_group[data-items="2"]{ width: calc((100% / 6) * 2); } #ep-budget .epeb_page .epeb_categories[data-items="6"] .epeb_group[data-items="3"]{ width: calc((100% / 6) * 3); } #ep-budget .epeb_page .epeb_categories[data-items="6"] .epeb_group[data-items="4"]{ width: calc((100% / 6) * 4); } #ep-budget .epeb_page .epeb_categories[data-items="6"] .epeb_group[data-items="5"]{ width: calc((100% / 6) * 5); } #ep-budget .epeb_page .epeb_categories[data-items="6"] .epeb_group[data-items="6"]{ width: 100%; } #ep-budget .epeb_page .epeb_categories[data-items="7"] .epeb_group[data-items="1"]{ width: calc((100% / 7) * 1); } #ep-budget .epeb_page .epeb_categories[data-items="7"] .epeb_group[data-items="2"]{ width: calc((100% / 7) * 2); } #ep-budget .epeb_page .epeb_categories[data-items="7"] .epeb_group[data-items="3"]{ width: calc((100% / 7) * 3); } #ep-budget .epeb_page .epeb_categories[data-items="7"] .epeb_group[data-items="4"]{ width: calc((100% / 7) * 4); } #ep-budget .epeb_page .epeb_categories[data-items="7"] .epeb_group[data-items="5"]{ width: calc((100% / 7) * 5); } #ep-budget .epeb_page .epeb_categories[data-items="7"] .epeb_group[data-items="6"]{ width: calc((100% / 7) * 6); } #ep-budget .epeb_page .epeb_categories[data-items="7"] .epeb_group[data-items="7"]{ width: 100%; } #ep-budget .epeb_page .epeb_categories[data-items="8"] .epeb_group[data-items="1"]{ width: 12.5%; } #ep-budget .epeb_page .epeb_categories[data-items="8"] .epeb_group[data-items="2"]{ width: 25%; } #ep-budget .epeb_page .epeb_categories[data-items="8"] .epeb_group[data-items="3"]{ width: 37.5%; } #ep-budget .epeb_page .epeb_categories[data-items="8"] .epeb_group[data-items="4"]{ width: 50%; } #ep-budget .epeb_page .epeb_categories[data-items="8"] .epeb_group[data-items="5"]{ width: 62.5%; } #ep-budget .epeb_page .epeb_categories[data-items="8"] .epeb_group[data-items="6"]{ width: 75%; } #ep-budget .epeb_page .epeb_categories[data-items="8"] .epeb_group[data-items="7"]{ width: 87.5%; } #ep-budget .epeb_page .epeb_categories[data-items="8"] .epeb_group[data-items="8"]{ width: 100%; } #ep-budget .epeb_page .epeb_categories[data-items="9"] .epeb_group[data-items="1"]{ width: calc((100% / 9) * 1); } #ep-budget .epeb_page .epeb_categories[data-items="9"] .epeb_group[data-items="2"]{ width: calc((100% / 9) * 2); } #ep-budget .epeb_page .epeb_categories[data-items="9"] .epeb_group[data-items="3"]{ width: calc((100% / 9) * 3); } #ep-budget .epeb_page .epeb_categories[data-items="9"] .epeb_group[data-items="4"]{ width: calc((100% / 9) * 4); } #ep-budget .epeb_page .epeb_categories[data-items="9"] .epeb_group[data-items="5"]{ width: calc((100% / 9) * 5); } #ep-budget .epeb_page .epeb_categories[data-items="9"] .epeb_group[data-items="6"]{ width: calc((100% / 9) * 6); } #ep-budget .epeb_page .epeb_categories[data-items="9"] .epeb_group[data-items="7"]{ width: calc((100% / 9) * 7); } #ep-budget .epeb_page .epeb_categories[data-items="9"] .epeb_group[data-items="8"]{ width: calc((100% / 9) * 8); } #ep-budget .epeb_page .epeb_categories[data-items="9"] .epeb_group[data-items="9"]{ width: 100%; } #ep-budget .epeb_page .epeb_categories[data-items="10"] .epeb_group[data-items="1"]{ width: 10%; } #ep-budget .epeb_page .epeb_categories[data-items="10"] .epeb_group[data-items="2"]{ width: 20%; } #ep-budget .epeb_page .epeb_categories[data-items="10"] .epeb_group[data-items="3"]{ width: 30%; } #ep-budget .epeb_page .epeb_categories[data-items="10"] .epeb_group[data-items="4"]{ width: 40%; } #ep-budget .epeb_page .epeb_categories[data-items="10"] .epeb_group[data-items="5"]{ width: 50%; } #ep-budget .epeb_page .epeb_categories[data-items="10"] .epeb_group[data-items="6"]{ width: 60%; } #ep-budget .epeb_page .epeb_categories[data-items="10"] .epeb_group[data-items="7"]{ width: 70%; } #ep-budget .epeb_page .epeb_categories[data-items="10"] .epeb_group[data-items="8"]{ width: 80%; } #ep-budget .epeb_page .epeb_categories[data-items="10"] .epeb_group[data-items="9"]{ width: 90%; } #ep-budget .epeb_page .epeb_categories[data-items="10"] .epeb_group[data-items="10"]{ width: 100%; } #ep-budget .epeb_page .epeb_categories[data-items="11"] .epeb_group[data-items="1"]{ width: calc((100% / 11) * 1); } #ep-budget .epeb_page .epeb_categories[data-items="11"] .epeb_group[data-items="2"]{ width: calc((100% / 11) * 2); } #ep-budget .epeb_page .epeb_categories[data-items="11"] .epeb_group[data-items="3"]{ width: calc((100% / 11) * 3); } #ep-budget .epeb_page .epeb_categories[data-items="11"] .epeb_group[data-items="4"]{ width: calc((100% / 11) * 4); } #ep-budget .epeb_page .epeb_categories[data-items="11"] .epeb_group[data-items="5"]{ width: calc((100% / 11) * 5); } #ep-budget .epeb_page .epeb_categories[data-items="11"] .epeb_group[data-items="6"]{ width: calc((100% / 11) * 6); } #ep-budget .epeb_page .epeb_categories[data-items="11"] .epeb_group[data-items="7"]{ width: calc((100% / 11) * 7); } #ep-budget .epeb_page .epeb_categories[data-items="11"] .epeb_group[data-items="8"]{ width: calc((100% / 11) * 8); } #ep-budget .epeb_page .epeb_categories[data-items="11"] .epeb_group[data-items="9"]{ width: calc((100% / 11) * 9); } #ep-budget .epeb_page .epeb_categories[data-items="11"] .epeb_group[data-items="10"]{ width: calc((100% / 11) * 10); } #ep-budget .epeb_page .epeb_categories[data-items="11"] .epeb_group[data-items="11"]{ width: 100%; } #ep-budget .epeb_page .epeb_categories[data-items="12"] .epeb_group[data-items="1"]{ width: calc((100% / 12) * 1); } #ep-budget .epeb_page .epeb_categories[data-items="12"] .epeb_group[data-items="2"]{ width: calc((100% / 12) * 2); } #ep-budget .epeb_page .epeb_categories[data-items="12"] .epeb_group[data-items="3"]{ width: calc((100% / 12) * 3); } #ep-budget .epeb_page .epeb_categories[data-items="12"] .epeb_group[data-items="4"]{ width: calc((100% / 12) * 4); } #ep-budget .epeb_page .epeb_categories[data-items="12"] .epeb_group[data-items="5"]{ width: calc((100% / 12) * 5); } #ep-budget .epeb_page .epeb_categories[data-items="12"] .epeb_group[data-items="6"]{ width: calc((100% / 12) * 6); } #ep-budget .epeb_page .epeb_categories[data-items="12"] .epeb_group[data-items="7"]{ width: calc((100% / 12) * 7); } #ep-budget .epeb_page .epeb_categories[data-items="12"] .epeb_group[data-items="8"]{ width: calc((100% / 12) * 8); } #ep-budget .epeb_page .epeb_categories[data-items="12"] .epeb_group[data-items="9"]{ width: calc((100% / 12) * 9); } #ep-budget .epeb_page .epeb_categories[data-items="12"] .epeb_group[data-items="10"]{ width: calc((100% / 12) * 10); } #ep-budget .epeb_page .epeb_categories[data-items="12"] .epeb_group[data-items="11"]{ width: calc((100% / 12) * 11); } #ep-budget .epeb_page .epeb_categories[data-items="12"] .epeb_group[data-items="12"]{ width: 100%; } /* CATEGORIES : Element du groupe (couleur) */ #ep-budget .epeb_page .epeb_categories .epeb_group:nth-child(1) .epeb_item:nth-child(1) > div .epeb_number{ border-bottom-color: #0075a7; color: #0075a7; animation-delay: 0.5s; -webkit-animation-delay: 0.5s; } #ep-budget .epeb_page .epeb_categories .epeb_group:nth-child(1) .epeb_item:nth-child(2) > div .epeb_number{ border-bottom-color: #0f4e72; color: #0f4e72; animation-delay: 0s; -webkit-animation-delay: 0s; } #ep-budget .epeb_page .epeb_categories .epeb_group:nth-child(2) .epeb_item:nth-child(1) > div .epeb_number{ border-bottom-color: #590086; color: #590086; animation-delay: 0.1s; -webkit-animation-delay: 0.1s; } #ep-budget .epeb_page .epeb_categories .epeb_group:nth-child(2) .epeb_item:nth-child(2) > div .epeb_number{ border-bottom-color: #8e268e; color: #8e268e; animation-delay: 0.3s; -webkit-animation-delay: 0.3s; } #ep-budget .epeb_page .epeb_categories .epeb_group:nth-child(2) .epeb_item:nth-child(3) > div .epeb_number{ border-bottom-color: #c12b5f; color: #c12b5f; animation-delay: 0.2s; -webkit-animation-delay: 0.2s; } #ep-budget .epeb_page .epeb_categories .epeb_group:nth-child(3) .epeb_item:nth-child(1) > div .epeb_number{ border-bottom-color: #157368; color: #157368; animation-delay: 0s; -webkit-animation-delay: 0s; } #ep-budget .epeb_page .epeb_categories .epeb_group:nth-child(3) .epeb_item:nth-child(2) > div .epeb_number{ border-bottom-color: #197B43; color: #197B43; animation-delay: 0.4s; -webkit-animation-delay: 0.4s; } #ep-budget .epeb_page .epeb_categories .epeb_group:nth-child(3) .epeb_item:nth-child(3) > div .epeb_number{ border-bottom-color: #567A24; color: #567A24; animation-delay: 0.4s; -webkit-animation-delay: 0.4s; } #ep-budget .epeb_page .epeb_categories .epeb_group:nth-child(4) .epeb_item:nth-child(1) > div .epeb_number{ border-bottom-color: #127897; color: #127897; animation-delay: 0.2s; -webkit-animation-delay: 0.2s; } /* CATEGORIES : Element du groupe (dimension du graphique) */ #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="1"] > div .epeb_number{ border-bottom-width: calc((300px / 100) * 1); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="2"] > div .epeb_number{ border-bottom-width: calc((300px / 100) * 2); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="3"] > div .epeb_number{ border-bottom-width: calc((300px / 100) * 3); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="4"] > div .epeb_number{ border-bottom-width: calc((300px / 100) * 4); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="5"] > div .epeb_number{ border-bottom-width: calc((300px / 100) * 5); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="6"] > div .epeb_number{ border-bottom-width: calc((300px / 100) * 6); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="7"] > div .epeb_number{ border-bottom-width: calc((300px / 100) * 7); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="8"] > div .epeb_number{ border-bottom-width: calc((300px / 100) * 8); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="9"] > div .epeb_number{ border-bottom-width: calc((300px / 100) * 9); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="10"] > div .epeb_number{ border-bottom-width: calc((300px / 100) * 10); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="11"] > div .epeb_number{ border-bottom-width: calc((300px / 100) * 11); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="12"] > div .epeb_number{ border-bottom-width: calc((300px / 100) * 12); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="13"] > div .epeb_number{ border-bottom-width: calc((300px / 100) * 13); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="14"] > div .epeb_number{ border-bottom-width: calc((300px / 100) * 14); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="15"] > div .epeb_number{ border-bottom-width: calc((300px / 100) * 15); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="16"] > div .epeb_number{ border-bottom-width: calc((300px / 100) * 16); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="17"] > div .epeb_number{ border-bottom-width: calc((300px / 100) * 17); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="18"] > div .epeb_number{ border-bottom-width: calc((300px / 100) * 18); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="19"] > div .epeb_number{ border-bottom-width: calc((300px / 100) * 19); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="20"] > div .epeb_number{ border-bottom-width: calc((300px / 100) * 20); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="21"] > div .epeb_number{ border-bottom-width: calc((300px / 100) * 21); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="22"] > div .epeb_number{ border-bottom-width: calc((300px / 100) * 22); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="23"] > div .epeb_number{ border-bottom-width: calc((300px / 100) * 23); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="24"] > div .epeb_number{ border-bottom-width: calc((300px / 100) * 24); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="25"] > div .epeb_number{ border-bottom-width: calc((300px / 100) * 25); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="26"] > div .epeb_number{ border-bottom-width: calc((300px / 100) * 26); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="27"] > div .epeb_number{ border-bottom-width: calc((300px / 100) * 27); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="28"] > div .epeb_number{ border-bottom-width: calc((300px / 100) * 28); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="29"] > div .epeb_number{ border-bottom-width: calc((300px / 100) * 29); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="30"] > div .epeb_number{ border-bottom-width: calc((300px / 100) * 30); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="31"] > div .epeb_number{ border-bottom-width: calc((300px / 100) * 31); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="32"] > div .epeb_number{ border-bottom-width: calc((300px / 100) * 32); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="33"] > div .epeb_number{ border-bottom-width: calc((300px / 100) * 33); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="34"] > div .epeb_number{ border-bottom-width: calc((300px / 100) * 34); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="35"] > div .epeb_number{ border-bottom-width: calc((300px / 100) * 35); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="36"] > div .epeb_number{ border-bottom-width: calc((300px / 100) * 36); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="37"] > div .epeb_number{ border-bottom-width: calc((300px / 100) * 37); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="38"] > div .epeb_number{ border-bottom-width: calc((300px / 100) * 38); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="39"] > div .epeb_number{ border-bottom-width: calc((300px / 100) * 39); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="40"] > div .epeb_number{ border-bottom-width: calc((300px / 100) * 40); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="41"] > div .epeb_number{ border-bottom-width: calc((300px / 100) * 41); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="42"] > div .epeb_number{ border-bottom-width: calc((300px / 100) * 42); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="43"] > div .epeb_number{ border-bottom-width: calc((300px / 100) * 43); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="44"] > div .epeb_number{ border-bottom-width: calc((300px / 100) * 44); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="45"] > div .epeb_number{ border-bottom-width: calc((300px / 100) * 45); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="46"] > div .epeb_number{ border-bottom-width: calc((300px / 100) * 46); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="47"] > div .epeb_number{ border-bottom-width: calc((300px / 100) * 47); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="48"] > div .epeb_number{ border-bottom-width: calc((300px / 100) * 48); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="49"] > div .epeb_number{ border-bottom-width: calc((300px / 100) * 49); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="50"] > div .epeb_number{ border-bottom-width: calc((300px / 100) * 50); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="51"] > div .epeb_number{ border-bottom-width: calc((300px / 100) * 51); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="52"] > div .epeb_number{ border-bottom-width: calc((300px / 100) * 52); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="53"] > div .epeb_number{ border-bottom-width: calc((300px / 100) * 53); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="54"] > div .epeb_number{ border-bottom-width: calc((300px / 100) * 54); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="55"] > div .epeb_number{ border-bottom-width: calc((300px / 100) * 55); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="56"] > div .epeb_number{ border-bottom-width: calc((300px / 100) * 56); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="57"] > div .epeb_number{ border-bottom-width: calc((300px / 100) * 57); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="58"] > div .epeb_number{ border-bottom-width: calc((300px / 100) * 58); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="59"] > div .epeb_number{ border-bottom-width: calc((300px / 100) * 59); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="60"] > div .epeb_number{ border-bottom-width: calc((300px / 100) * 60); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="61"] > div .epeb_number{ border-bottom-width: calc((300px / 100) * 61); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="62"] > div .epeb_number{ border-bottom-width: calc((300px / 100) * 62); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="63"] > div .epeb_number{ border-bottom-width: calc((300px / 100) * 63); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="64"] > div .epeb_number{ border-bottom-width: calc((300px / 100) * 64); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="65"] > div .epeb_number{ border-bottom-width: calc((300px / 100) * 65); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="66"] > div .epeb_number{ border-bottom-width: calc((300px / 100) * 66); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="67"] > div .epeb_number{ border-bottom-width: calc((300px / 100) * 67); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="68"] > div .epeb_number{ border-bottom-width: calc((300px / 100) * 68); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="69"] > div .epeb_number{ border-bottom-width: calc((300px / 100) * 69); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="70"] > div .epeb_number{ border-bottom-width: calc((300px / 100) * 70); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="71"] > div .epeb_number{ border-bottom-width: calc((300px / 100) * 71); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="72"] > div .epeb_number{ border-bottom-width: calc((300px / 100) * 72); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="73"] > div .epeb_number{ border-bottom-width: calc((300px / 100) * 73); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="74"] > div .epeb_number{ border-bottom-width: calc((300px / 100) * 74); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="75"] > div .epeb_number{ border-bottom-width: calc((300px / 100) * 75); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="76"] > div .epeb_number{ border-bottom-width: calc((300px / 100) * 76); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="77"] > div .epeb_number{ border-bottom-width: calc((300px / 100) * 77); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="78"] > div .epeb_number{ border-bottom-width: calc((300px / 100) * 78); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="79"] > div .epeb_number{ border-bottom-width: calc((300px / 100) * 79); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="80"] > div .epeb_number{ border-bottom-width: calc((300px / 100) * 80); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="81"] > div .epeb_number{ border-bottom-width: calc((300px / 100) * 81); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="82"] > div .epeb_number{ border-bottom-width: calc((300px / 100) * 82); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="83"] > div .epeb_number{ border-bottom-width: calc((300px / 100) * 83); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="84"] > div .epeb_number{ border-bottom-width: calc((300px / 100) * 84); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="85"] > div .epeb_number{ border-bottom-width: calc((300px / 100) * 85); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="86"] > div .epeb_number{ border-bottom-width: calc((300px / 100) * 86); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="87"] > div .epeb_number{ border-bottom-width: calc((300px / 100) * 87); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="88"] > div .epeb_number{ border-bottom-width: calc((300px / 100) * 88); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="89"] > div .epeb_number{ border-bottom-width: calc((300px / 100) * 89); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="90"] > div .epeb_number{ border-bottom-width: calc((300px / 100) * 90); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="91"] > div .epeb_number{ border-bottom-width: calc((300px / 100) * 91); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="92"] > div .epeb_number{ border-bottom-width: calc((300px / 100) * 92); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="93"] > div .epeb_number{ border-bottom-width: calc((300px / 100) * 93); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="94"] > div .epeb_number{ border-bottom-width: calc((300px / 100) * 94); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="95"] > div .epeb_number{ border-bottom-width: calc((300px / 100) * 95); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="96"] > div .epeb_number{ border-bottom-width: calc((300px / 100) * 96); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="97"] > div .epeb_number{ border-bottom-width: calc((300px / 100) * 97); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="98"] > div .epeb_number{ border-bottom-width: calc((300px / 100) * 98); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="99"] > div .epeb_number{ border-bottom-width: calc((300px / 100) * 99); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="1"] > div .epeb_label .epeb_text{ width: calc((300px / 100) * 99); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="2"] > div .epeb_label .epeb_text{ width: calc((300px / 100) * 98); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="3"] > div .epeb_label .epeb_text{ width: calc((300px / 100) * 97); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="4"] > div .epeb_label .epeb_text{ width: calc((300px / 100) * 96); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="5"] > div .epeb_label .epeb_text{ width: calc((300px / 100) * 95); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="6"] > div .epeb_label .epeb_text{ width: calc((300px / 100) * 94); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="7"] > div .epeb_label .epeb_text{ width: calc((300px / 100) * 93); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="8"] > div .epeb_label .epeb_text{ width: calc((300px / 100) * 92); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="9"] > div .epeb_label .epeb_text{ width: calc((300px / 100) * 91); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="10"] > div .epeb_label .epeb_text{ width: calc((300px / 100) * 90); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="11"] > div .epeb_label .epeb_text{ width: calc((300px / 100) * 89); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="12"] > div .epeb_label .epeb_text{ width: calc((300px / 100) * 88); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="13"] > div .epeb_label .epeb_text{ width: calc((300px / 100) * 87); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="14"] > div .epeb_label .epeb_text{ width: calc((300px / 100) * 86); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="15"] > div .epeb_label .epeb_text{ width: calc((300px / 100) * 85); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="16"] > div .epeb_label .epeb_text{ width: calc((300px / 100) * 84); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="17"] > div .epeb_label .epeb_text{ width: calc((300px / 100) * 83); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="18"] > div .epeb_label .epeb_text{ width: calc((300px / 100) * 82); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="19"] > div .epeb_label .epeb_text{ width: calc((300px / 100) * 81); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="20"] > div .epeb_label .epeb_text{ width: calc((300px / 100) * 80); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="21"] > div .epeb_label .epeb_text{ width: calc((300px / 100) * 79); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="22"] > div .epeb_label .epeb_text{ width: calc((300px / 100) * 78); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="23"] > div .epeb_label .epeb_text{ width: calc((300px / 100) * 77); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="24"] > div .epeb_label .epeb_text{ width: calc((300px / 100) * 76); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="25"] > div .epeb_label .epeb_text{ width: calc((300px / 100) * 75); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="26"] > div .epeb_label .epeb_text{ width: calc((300px / 100) * 74); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="27"] > div .epeb_label .epeb_text{ width: calc((300px / 100) * 73); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="28"] > div .epeb_label .epeb_text{ width: calc((300px / 100) * 72); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="29"] > div .epeb_label .epeb_text{ width: calc((300px / 100) * 71); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="30"] > div .epeb_label .epeb_text{ width: calc((300px / 100) * 70); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="31"] > div .epeb_label .epeb_text{ width: calc((300px / 100) * 69); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="32"] > div .epeb_label .epeb_text{ width: calc((300px / 100) * 68); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="33"] > div .epeb_label .epeb_text{ width: calc((300px / 100) * 67); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="34"] > div .epeb_label .epeb_text{ width: calc((300px / 100) * 66); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="35"] > div .epeb_label .epeb_text{ width: calc((300px / 100) * 65); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="36"] > div .epeb_label .epeb_text{ width: calc((300px / 100) * 64); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="37"] > div .epeb_label .epeb_text{ width: calc((300px / 100) * 63); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="38"] > div .epeb_label .epeb_text{ width: calc((300px / 100) * 62); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="39"] > div .epeb_label .epeb_text{ width: calc((300px / 100) * 61); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="40"] > div .epeb_label .epeb_text{ width: calc((300px / 100) * 60); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="41"] > div .epeb_label .epeb_text{ width: calc((300px / 100) * 59); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="42"] > div .epeb_label .epeb_text{ width: calc((300px / 100) * 58); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="43"] > div .epeb_label .epeb_text{ width: calc((300px / 100) * 57); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="44"] > div .epeb_label .epeb_text{ width: calc((300px / 100) * 56); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="45"] > div .epeb_label .epeb_text{ width: calc((300px / 100) * 55); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="46"] > div .epeb_label .epeb_text{ width: calc((300px / 100) * 54); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="47"] > div .epeb_label .epeb_text{ width: calc((300px / 100) * 53); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="48"] > div .epeb_label .epeb_text{ width: calc((300px / 100) * 52); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="49"] > div .epeb_label .epeb_text{ width: calc((300px / 100) * 51); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="50"] > div .epeb_label .epeb_text{ width: calc((300px / 100) * 50); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="51"] > div .epeb_label .epeb_text{ width: calc((300px / 100) * 49); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="52"] > div .epeb_label .epeb_text{ width: calc((300px / 100) * 48); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="53"] > div .epeb_label .epeb_text{ width: calc((300px / 100) * 47); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="54"] > div .epeb_label .epeb_text{ width: calc((300px / 100) * 46); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="55"] > div .epeb_label .epeb_text{ width: calc((300px / 100) * 45); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="56"] > div .epeb_label .epeb_text{ width: calc((300px / 100) * 44); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="57"] > div .epeb_label .epeb_text{ width: calc((300px / 100) * 43); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="58"] > div .epeb_label .epeb_text{ width: calc((300px / 100) * 42); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="59"] > div .epeb_label .epeb_text{ width: calc((300px / 100) * 41); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="60"] > div .epeb_label .epeb_text{ width: calc((300px / 100) * 40); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="61"] > div .epeb_label .epeb_text{ width: calc((300px / 100) * 39); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="62"] > div .epeb_label .epeb_text{ width: calc((300px / 100) * 38); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="63"] > div .epeb_label .epeb_text{ width: calc((300px / 100) * 37); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="64"] > div .epeb_label .epeb_text{ width: calc((300px / 100) * 36); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="65"] > div .epeb_label .epeb_text{ width: calc((300px / 100) * 35); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="66"] > div .epeb_label .epeb_text{ width: calc((300px / 100) * 34); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="67"] > div .epeb_label .epeb_text{ width: calc((300px / 100) * 33); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="68"] > div .epeb_label .epeb_text{ width: calc((300px / 100) * 32); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="69"] > div .epeb_label .epeb_text{ width: calc((300px / 100) * 31); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="70"] > div .epeb_label .epeb_text{ width: calc((300px / 100) * 30); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="71"] > div .epeb_label .epeb_text{ width: calc((300px / 100) * 29); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="72"] > div .epeb_label .epeb_text{ width: calc((300px / 100) * 28); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="73"] > div .epeb_label .epeb_text{ width: calc((300px / 100) * 27); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="74"] > div .epeb_label .epeb_text{ width: calc((300px / 100) * 26); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="75"] > div .epeb_label .epeb_text{ width: calc((300px / 100) * 25); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="76"] > div .epeb_label .epeb_text{ width: calc((300px / 100) * 24); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="77"] > div .epeb_label .epeb_text{ width: calc((300px / 100) * 23); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="78"] > div .epeb_label .epeb_text{ width: calc((300px / 100) * 22); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="79"] > div .epeb_label .epeb_text{ width: calc((300px / 100) * 21); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="80"] > div .epeb_label .epeb_text{ width: calc((300px / 100) * 20); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="81"] > div .epeb_label .epeb_text{ width: calc((300px / 100) * 19); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="82"] > div .epeb_label .epeb_text{ width: calc((300px / 100) * 18); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="83"] > div .epeb_label .epeb_text{ width: calc((300px / 100) * 17); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="84"] > div .epeb_label .epeb_text{ width: calc((300px / 100) * 16); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="85"] > div .epeb_label .epeb_text{ width: calc((300px / 100) * 15); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="86"] > div .epeb_label .epeb_text{ width: calc((300px / 100) * 14); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="87"] > div .epeb_label .epeb_text{ width: calc((300px / 100) * 13); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="88"] > div .epeb_label .epeb_text{ width: calc((300px / 100) * 12); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="89"] > div .epeb_label .epeb_text{ width: calc((300px / 100) * 11); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="90"] > div .epeb_label .epeb_text{ width: calc((300px / 100) * 10); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="91"] > div .epeb_label .epeb_text{ width: calc((300px / 100) * 9); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="92"] > div .epeb_label .epeb_text{ width: calc((300px / 100) * 8); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="93"] > div .epeb_label .epeb_text{ width: calc((300px / 100) * 7); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="94"] > div .epeb_label .epeb_text{ width: calc((300px / 100) * 6); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="95"] > div .epeb_label .epeb_text{ width: calc((300px / 100) * 5); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="96"] > div .epeb_label .epeb_text{ width: calc((300px / 100) * 4); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="97"] > div .epeb_label .epeb_text{ width: calc((300px / 100) * 3); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="98"] > div .epeb_label .epeb_text{ width: calc((300px / 100) * 2); } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="99"] > div .epeb_label .epeb_text{ width: calc((300px / 100) * 1); } } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* CORPS DE L'INFOGRAPHIE : Hack pour l'affichage sur IE */ @media screen\0{ /* EUROBAROMETER : Modification de l'animation du piechart */ #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg{ opacity: 0; animation-name: infographic_ep-budget_border; animation-duration: 0.5s; animation-delay: 1s; animation-timing-function: ease-out; animation-fill-mode: forwards; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg{ opacity: 1; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle, #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg svg circle.epeb_border{ opacity: 1; animation: none; } } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* CORPS DE L'INFOGRAPHIE : Correction linguistique */ /* VERSION EL : Pourcentage et barchart */ #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title h2 span{font-size: 1.4em;} /* ===================================================================================================================================================================================================================== */ /* === AFFICHAGE DES CONTENUS SELON LE BREAKPOINT ====================================================================================================================================================================== */ /* ===================================================================================================================================================================================================================== */ @media screen and (max-width: 1020px), print{ /* ========================================================================================================================================================================== */ /* == ENTETE DE L'INFOGRAPHIE =============================================================================================================================================== */ /* ========================================================================================================================================================================== */ #ep-budget .epeb_page{ margin-top: 0; } #ep-budget .epeb_page > .epeb_header .epeb_heading{ margin-top: 0; border-top: none; border-left: none; border-right: none; } /* ========================================================================================================================================================================== */ /* == PIED DE L'INFOGRAPHIE ================================================================================================================================================= */ /* ========================================================================================================================================================================== */ #ep-budget .epeb_page > .epeb_footer .epeb_source{ margin-bottom: 0; border-bottom: none; border-left: none; border-right: none; } /* ========================================================================================================================================================================== */ /* == CORPS DE L'INFOGRAPHIE :: Affichage de l'infographie au format vertical =============================================================================================== */ /* ========================================================================================================================================================================== */ #ep-budget .epeb_page .epeb_categories{ margin-left: -10px; margin-right: -10px; } #ep-budget .epeb_page .epeb_categories .epeb_group{ padding-left: 15px; padding-right: 15px; } } @media screen and (max-width: 750px){ /* ========================================================================================================================================================================== */ /* == ENTETE DE L'INFOGRAPHIE =============================================================================================================================================== */ /* ========================================================================================================================================================================== */ /* ENTETE DE L'INFOGRAPHIE : Reduction du logo */ #ep-budget .epeb_page > .epeb_header .epeb_heading{ padding-left: 10px; padding-right: 10px; } #ep-budget .epeb_page > .epeb_header .epeb_heading:before{ display: block; margin-left: -35px; transform: scale(0.5); -webkit-transform: scale(0.5); } #ep-budget .epeb_page > .epeb_header .epeb_heading:after{ height: 74px; } #ep-budget .epeb_page > .epeb_header .epeb_heading .epeb_title{ padding-left: 45px; line-height: 1.4em; } /* ENTETE DE L'INFOGRAPHIE : Correction des tailles de textes */ #ep-budget .epeb_page > .epeb_header .epeb_heading .epeb_title span:first-child{ font-size: 1.2em; } #ep-budget .epeb_page > .epeb_header .epeb_heading .epeb_title span + span{ font-size: 1.2em; } #ep-budget .epeb_page > .epeb_header h1.epeb_heading { padding: 20px 20px 20px 60px ; } /* ========================================================================================================================================================================== */ /* == CORPS DE L'INFOGRAPHIE ================================================================================================================================================ */ /* ========================================================================================================================================================================== */ /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* CORPS DE L'INFOGRAPHIE : Affichage des donnees sur l'Union */ /* POURCENTAGES ET PIECHART : Dimension du rond */ #ep-budget .epeb_page .epeb_body .epeb_parliament:before{ margin-left: -31px; } #ep-budget .epeb_page .epeb_body .epeb_parliament p{ width: calc(100% - 65px); } /* POURCENTAGES ET PIECHART : Dimension du rond */ #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg > div{ width: 280px; height: 280px; } /* POURCENTAGES ET PIECHART : Affichage des pourcentages */ #ep-budget .epeb_page .epeb_body .epeb_union ul{ position: relative; display: block; width: 100%; margin: 0; padding: 0; letter-spacing: -0.3em; vertical-align: middle; } #ep-budget .epeb_page .epeb_body .epeb_union ul li { max-width: 50%; vertical-align: top; } #ep-budget .epeb_page .epeb_body .epeb_union ul li span.epeb_number{ font-size: 4em; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* CORPS DE L'INFOGRAPHIE : Affichage du pourcentage du Parlement */ #ep-budget .epeb_page .epeb_body .epeb_parliament{ display: block; margin: 0 40px; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* CORPS DE L'INFOGRAPHIE : Amelioration de la legende */ #ep-budget .epeb_page .epeb_legend{ width: auto; } /* ========================================================================================================================================================================== */ /* == CORPS DE L'INFOGRAPHIE :: Affichage de l'infographie au format horizontal ============================================================================================= */ /* ========================================================================================================================================================================== */ /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* CATEGORIES : Conteneur de groupes */ /* CATEGORIES : Groupe (conteneur global) */ #ep-budget .epeb_page .epeb_categories{ display: block; overflow: hidden; margin: 20px 20px 0 20px; padding: 0; list-style: none; letter-spacing: -0.3em; } #ep-budget .epeb_page .epeb_categories .epeb_group{ display: inline-block; width: 100%; padding: 0; text-align: left; } /* CATEGORIES : Groupe (titre affiche en bas) */ #ep-budget .epeb_page .epeb_categories .epeb_group h3{ position: relative; z-index: 1; display: block; width: auto; padding: 10px 0 0 0; margin: 20px 0 13px 0; box-sizing: border-box; background-color: #fff; font-size: 2em; font-weight: normal; text-align: left; letter-spacing: normal; white-space: normal; } #ep-budget .epeb_page .epeb_categories .epeb_group h3 > span:first-child{ display: inline-block; padding: 0 10px 0 0; background-color: #fff; } #ep-budget .epeb_page .epeb_categories .epeb_group h3 span.epeb_hidden{ position: static; left: 0; width: auto; border-top: 1px dotted #ccc; margin-top: -0.35em; } /* CATEGORIES : Groupe (conteneur d'elements) */ #ep-budget .epeb_page .epeb_categories .epeb_group ul{ display: block; margin: 0 -10px 0 -10px; padding: 0; list-style: none; letter-spacing: -0.3em; } /* CATEGORIES : Element du groupe (conteneur) */ #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item{ position: relative; display: inline-block; width: 100%; margin: 0 0 15px 0; padding: 0; box-sizing: border-box; text-align: right; border-bottom: 10px solid #f0f4f7; } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item:after{ display: inline-block; margin: 0 0 -10px 0; padding: 0; vertical-align: bottom; height: 10px; content: ""; width: 7%; background-color: violet } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item > div{ display: block; width: auto; height: auto; overflow: visible; margin: 0 0 -7px 0; padding: 0; box-sizing: border-box; text-align: right; vertical-align: bottom; } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item > div .epeb_label, #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item > div .epeb_number{ position: static; display: block; text-align: center; } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item > div .epeb_hidden { position: absolute; top: 0; left: 2000px; overflow: hidden; } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item > div .epeb_label{ position: relative; display: inline; width: auto; text-align: left; } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item > div .epeb_label .epeb_text{ position: relative; display: inline-block; height: auto; width: auto; amx-width: calc(100% - 6em); vertical-align: bottom; padding-left: initial; text-align: right; letter-spacing: -0.3em; white-space: nowrap; } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item > div .epeb_label .epeb_text span{ position: static; display: inline-block; padding: 2px 10px 2px 0; font-size: 1.4em; letter-spacing: normal; white-space: normal; vertical-align: middle; } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item > div .epeb_label .epeb_text:before{ position: static; display: inline-block; overflow: hidden; width: 0; height: auto; vertical-align: middle; content: ""; } /* CATEGORIES : Element du groupe (valeur numerique) */ #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item > div .epeb_number{ position: relative; display: inline-block; width: auto; vertical-align: bottom; margin: 0; padding: 0 10px 0 0; font-family: 'Roboto Slab', serif; font-size: 3em; font-weight: lighter; letter-spacing: normal; } /* CATEGORIES : Element du groupe (valeur numerique) */ #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item:after{ width: 100%; transform: translate(100%, 0); -webkit-transform: translate(100%, 0); animation-name: infographic_ep-budget_barchart_horizontal; animation-duration: 0.7s; animation-delay: 0s; animation-timing-function: ease-out; animation-fill-mode: forwards; -webkit-animation-name: infographic_ep-budget_barchart_horizontal; -webkit-animation-duration: 0.7s; -webkit-animation-delay: 0s; -webkit-animation-timing-function: ease-out; -webkit-animation-fill-mode: forwards; } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item > div .epeb_number > span{ font-size: 0.7em; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* CATEGORIES : Element du groupe (couleur) */ #ep-budget .epeb_page .epeb_categories .epeb_group:nth-child(1) .epeb_item:nth-child(1):after{ background-color: #0075a7; color: #0075a7; animation-delay: 0.5s; -webkit-animation-delay: 0.5s; } #ep-budget .epeb_page .epeb_categories .epeb_group:nth-child(1) .epeb_item:nth-child(2):after{ background-color: #0f4e72; color: #0f4e72; animation-delay: 0s; -webkit-animation-delay: 0s; } #ep-budget .epeb_page .epeb_categories .epeb_group:nth-child(2) .epeb_item:nth-child(1):after{ background-color: #590086; color: #590086; animation-delay: 0.1s; -webkit-animation-delay: 0.1s; } #ep-budget .epeb_page .epeb_categories .epeb_group:nth-child(2) .epeb_item:nth-child(2):after{ background-color: #8e268e; color: #8e268e; animation-delay: 0.3s; -webkit-animation-delay: 0.3s; } #ep-budget .epeb_page .epeb_categories .epeb_group:nth-child(2) .epeb_item:nth-child(3):after{ background-color: #c12b5f; color: #c12b5f; animation-delay: 0.2s; -webkit-animation-delay: 0.2s; } #ep-budget .epeb_page .epeb_categories .epeb_group:nth-child(3) .epeb_item:nth-child(1):after{ background-color: #157368; color: #157368; animation-delay: 0s; -webkit-animation-delay: 0s; } #ep-budget .epeb_page .epeb_categories .epeb_group:nth-child(3) .epeb_item:nth-child(2):after{ background-color: #197B43; color: #197B43; animation-delay: 0.4s; -webkit-animation-delay: 0.4s; } #ep-budget .epeb_page .epeb_categories .epeb_group:nth-child(3) .epeb_item:nth-child(3):after{ background-color: #567A24; color: #567A24; animation-delay: 0.4s; -webkit-animation-delay: 0.4s; } #ep-budget .epeb_page .epeb_categories .epeb_group:nth-child(4) .epeb_item:nth-child(1):after{ background-color: #127897; color: #127897; animation-delay: 0.2s; -webkit-animation-delay: 0.2s; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* CATEGORIES : Element du groupe (dimension du graphique) */ #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="1"]:after{ width: 1%; animation-delay: 0.5s; -webkit-animation-delay: 0.5s; } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="2"]:after{ width: 2%; animation-delay: 0.5s; -webkit-animation-delay: 0.5s; } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="3"]:after{ width: 3%; animation-delay: 0.5s; -webkit-animation-delay: 0.5s; } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="4"]:after{ width: 4%; animation-delay: 0.5s; -webkit-animation-delay: 0.5s; } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="5"]:after{ width: 5%; animation-delay: 0.5s; -webkit-animation-delay: 0.5s; } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="6"]:after{ width: 6%; animation-delay: 0.5s; -webkit-animation-delay: 0.5s; } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="7"]:after{ width: 7%; animation-delay: 0.5s; -webkit-animation-delay: 0.5s; } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="9"]:after{ width: 8%; animation-delay: 0.5s; -webkit-animation-delay: 0.5s; } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="10"]:after{ width: 9%; animation-delay: 0.5s; -webkit-animation-delay: 0.5s; } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="11"]:after{ width: 10%; animation-delay: 0.5s; -webkit-animation-delay: 0.5s; } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="12"]:after{ width: 11%; animation-delay: 0.5s; -webkit-animation-delay: 0.5s; } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="13"]:after{ width: 12%; animation-delay: 0.5s; -webkit-animation-delay: 0.5s; } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="14"]:after{ width: 13%; animation-delay: 0.5s; -webkit-animation-delay: 0.5s; } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="15"]:after{ width: 14%; animation-delay: 0.5s; -webkit-animation-delay: 0.5s; } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="16"]:after{ width: 15%; animation-delay: 0.5s; -webkit-animation-delay: 0.5s; } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="17"]:after{ width: 16%; animation-delay: 0.5s; -webkit-animation-delay: 0.5s; } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="18"]:after{ width: 17%; animation-delay: 0.5s; -webkit-animation-delay: 0.5s; } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="19"]:after{ width: 18%; animation-delay: 0.5s; -webkit-animation-delay: 0.5s; } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="20"]:after{ width: 19%; animation-delay: 0.5s; -webkit-animation-delay: 0.5s; } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="21"]:after{ width: 20%; animation-delay: 0.5s; -webkit-animation-delay: 0.5s; } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="22"]:after{ width: 21%; animation-delay: 0.5s; -webkit-animation-delay: 0.5s; } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="23"]:after{ width: 22%; animation-delay: 0.5s; -webkit-animation-delay: 0.5s; } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="7"]:after{ width: 23%; animation-delay: 0.5s; -webkit-animation-delay: 0.5s; } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="24"]:after{ width: 24%; animation-delay: 0.5s; -webkit-animation-delay: 0.5s; } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="25"]:after{ width: 25%; animation-delay: 0.5s; -webkit-animation-delay: 0.5s; } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="26"]:after{ width: 26%; animation-delay: 0.5s; -webkit-animation-delay: 0.5s; } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="27"]:after{ width: 27%; animation-delay: 0.5s; -webkit-animation-delay: 0.5s; } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="28"]:after{ width: 28%; animation-delay: 0.5s; -webkit-animation-delay: 0.5s; } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="29"]:after{ width: 29%; animation-delay: 0.5s; -webkit-animation-delay: 0.5s; } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="30"]:after{ width: 30%; animation-delay: 0.5s; -webkit-animation-delay: 0.5s; } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="31"]:after{ width: 31%; animation-delay: 0.5s; -webkit-animation-delay: 0.5s; } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="32"]:after{ width: 32%; animation-delay: 0.5s; -webkit-animation-delay: 0.5s; } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="33"]:after{ width: 33%; animation-delay: 0.5s; -webkit-animation-delay: 0.5s; } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="34"]:after{ width: 34%; animation-delay: 0.5s; -webkit-animation-delay: 0.5s; } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="35"]:after{ width: 35%; animation-delay: 0.5s; -webkit-animation-delay: 0.5s; } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="36"]:after{ width: 36%; animation-delay: 0.5s; -webkit-animation-delay: 0.5s; } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="37"]:after{ width: 37%; animation-delay: 0.5s; -webkit-animation-delay: 0.5s; } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="38"]:after{ width: 38%; animation-delay: 0.5s; -webkit-animation-delay: 0.5s; } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="39"]:after{ width: 39%; animation-delay: 0.5s; -webkit-animation-delay: 0.5s; } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="40"]:after{ width: 40%; animation-delay: 0.5s; -webkit-animation-delay: 0.5s; } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="41"]:after{ width: 41%; animation-delay: 0.5s; -webkit-animation-delay: 0.5s; } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="42"]:after{ width: 42%; animation-delay: 0.5s; -webkit-animation-delay: 0.5s; } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="43"]:after{ width: 43%; animation-delay: 0.5s; -webkit-animation-delay: 0.5s; } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="44"]:after{ width: 44%; animation-delay: 0.5s; -webkit-animation-delay: 0.5s; } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="45"]:after{ width: 45%; animation-delay: 0.5s; -webkit-animation-delay: 0.5s; } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="46"]:after{ width: 46%; animation-delay: 0.5s; -webkit-animation-delay: 0.5s; } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="47"]:after{ width: 47%; animation-delay: 0.5s; -webkit-animation-delay: 0.5s; } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="49"]:after{ width: 48%; animation-delay: 0.5s; -webkit-animation-delay: 0.5s; } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="50"]:after{ width: 49%; animation-delay: 0.5s; -webkit-animation-delay: 0.5s; } #ep-budget .epeb_page .epeb_categories .epeb_group .epeb_item[data-number="51"]:after{ width: 50%; animation-delay: 0.5s; -webkit-animation-delay: 0.5s; } } @media screen and (max-width: 550px){ /* ========================================================================================================================================================================== */ /* == ENTETE DE L'INFOGRAPHIE =============================================================================================================================================== */ /* ========================================================================================================================================================================== */ /* ENTETE DE L'INFOGRAPHIE : Reduction du logo */ #ep-budget .epeb_page > .epeb_header .epeb_heading{ padding-left: 10px; padding-right: 10px; } #ep-budget .epeb_page > .epeb_header .epeb_heading:before{ display: block; margin-left: -35px; transform: scale(0.5); -webkit-transform: scale(0.5); } #ep-budget .epeb_page > .epeb_header .epeb_heading:after{ height: 74px; } #ep-budget .epeb_page > .epeb_header .epeb_heading .epeb_title{ padding-left: 45px; line-height: 1.4em; } /* ENTETE DE L'INFOGRAPHIE : Correction des tailles de textes */ #ep-budget .epeb_page > .epeb_header .epeb_heading .epeb_title span:first-child{ font-size: 1.2em; } #ep-budget .epeb_page > .epeb_header .epeb_heading .epeb_title span + span{ font-size: 1.2em; } #ep-budget .epeb_page > .epeb_header h1.epeb_heading { padding: 20px 20px 20px 60px ; } /* ========================================================================================================================================================================== */ /* == CORPS DE L'INFOGRAPHIE ================================================================================================================================================ */ /* ========================================================================================================================================================================== */ /* PIECHART : Correction des marges */ #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg{ width: 100%; } #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg > div{ width: 250px; height: 250px; } #ep-budget .epeb_page .epeb_body .epeb_union ul:after{ display: none; } #ep-budget .epeb_page .epeb_body .epeb_union ul{ padding-bottom: 50px; } #ep-budget .epeb_page .epeb_body .epeb_union ul li, #ep-budget .epeb_page .epeb_body .epeb_union ul li + li{ display: block; width: auto; max-width: 100%; margin-left: 0; margin-right: 0; text-align: left; } #ep-budget .epeb_page .epeb_body .epeb_union ul li + li{ margin-top: 20px; } #ep-budget .epeb_page .epeb_body .epeb_union ul li span, #ep-budget .epeb_page .epeb_body .epeb_union ul li + li span{ margin-left: 0 !important; margin-right: 0 !important; padding-left: 20px !important; padding-right: 20px !important; } /* CATEGORIES : Correction des marges */ #ep-budget .epeb_page .epeb_categories{ margin-left: 0; margin-right: 0; } #ep-budget .epeb_page .epeb_legend, #ep-budget .epeb_page .epeb_categories .epeb_group h3, #ep-budget .epeb_page .epeb_categories .epeb_group ul{ margin-left: 0; margin-right: 0; padding-left: 10px; padding-right: 10px; } } @media screen and (max-width: 480px){ /* ========================================================================================================================================================================== */ /* == ENTETE DE L'INFOGRAPHIE =============================================================================================================================================== */ /* ========================================================================================================================================================================== */ /* ENTETE DE L'INFOGRAPHIE : Reduction du logo */ #ep-budget .epeb_page > .epeb_header h1.epeb_heading{ padding-left: 15px; padding-right: 15px; } #ep-budget .epeb_page > .epeb_header .epeb_heading .epeb_title{ padding-left: 0; padding-right: 0; } #ep-budget .epeb_page > .epeb_header .epeb_heading:before{ position: static; margin-top: -35px; margin-left: -35px; margin-bottom: -20px; transform: scale(0.5); -webkit-transform: scale(0.5); } } @media screen and (max-width: 400px){ /* ========================================================================================================================================================================== */ /* == CORPS DE L'INFOGRAPHIE ================================================================================================================================================ */ /* ========================================================================================================================================================================== */ /* PIECHART : Correction des marges */ #ep-budget .epeb_page .epeb_body .epeb_union .epeb_title .epeb_svg > div{ width: 150px; height: 150px; } } /* ===================================================================================================================================================================================================================== */ /* == ADAPTATION PAGE EUROPARL ========================================================================================================================================================================================= */ /* ===================================================================================================================================================================================================================== */ /* ================================================================================================================================================================================================================= */ /* === STYLES DEDIES A L'INFOGRAPHIE "EUROPEAN PARLIAMENT BUDGET" ================================================================================================================================================== */ /* ================================================================================================================================================================================================================= */ /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ADAPTATION EUROPARL : Ajout du cadre autours de l'infographie */ #website #website-body .ep_gridrow > .ep_gridrow-content .ep_gridcolumn[class*="ep-m_"] #ep-budget, body:not([data-infographic="standalone"]) #ep-budget{ z-index: 0; } #website #website-body .ep_gridrow > .ep_gridrow-content .ep_gridcolumn[class*="ep-m_"] #ep-budget .epeb_page, body:not([data-infographic="standalone"]) #ep-budget .epeb_page{ margin-top: 0; border: 1px solid #d1d3d4; } #website #website-body .ep_gridrow > .ep_gridrow-content .ep_gridcolumn[class*="ep-m_"] #ep-budget .epeb_page > .epeb_header .epeb_heading, body:not([data-infographic="standalone"]) #ep-budget .epeb_page > .epeb_header .epeb_heading{ border-top: none; border-left: none; border-right: none; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ADAPTATION EUROPARL : Suppression du pied de page */ #website #website-body .ep_gridrow > .ep_gridrow-content .ep_gridcolumn[class*="ep-m_"] #ep-budget .epeb_footer .epeb_source, body:not([data-infographic="standalone"]) #ep-budget .epeb_footer .epeb_source{ display: none; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ADAPTATION EUROPARL : Activation du lien permanant */ #website #website-body .ep_gridrow > .ep_gridrow-content .ep_gridcolumn[class*="ep-m_"] #ep-budget .epeb_page > .epeb_footer .epeb_share ul li.epeb_permalink, body:not([data-infographic="standalone"]) #ep-budget .epeb_page > .epeb_footer .epeb_share ul li.epeb_permalink{ display: inline-block; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ADAPTATION EUROPARL : Correction des marges des categories */ @media screen and (min-width: 750px){ #website #website-body .ep_gridrow > .ep_gridrow-content .ep_gridcolumn[class*="ep-m_"] #ep-budget .epeb_page .epeb_categories, body:not([data-infographic="standalone"]) #ep-budget .epeb_page .epeb_categories{ margin-left: 0; margin-right: 0; } #website #website-body .ep_gridrow > .ep_gridrow-content .ep_gridcolumn[class*="ep-m_"] #ep-budget .epeb_page .epeb_categories .epeb_group, body:not([data-infographic="standalone"]) #ep-budget .epeb_page .epeb_categories .epeb_group{ padding-left: 10px; padding-right: 10px; } } /* ===================================================================================================================================================================================================================== */ /* == PRINT VIEW ======================================================================================================================================================================================================= */ /* ===================================================================================================================================================================================================================== */ @media print{ /* ========================================================================================================================================================================== */ /* === STYLES DEDIES A L'INFOGRAPHIE "EUROPEAN PARLIAMENT BUDGET" =========================================================================================================== */ /* ========================================================================================================================================================================== */ /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ADAPTATION PRINT : Suppression des liens de partage */ #ep-budget .epeb_page > .epeb_footer .epeb_share{ display: none; } }