gpseo: update theme (#40213)

This commit is contained in:
Thomas Jund 2020-02-20 12:24:54 +01:00
parent ff58e9d6ae
commit eea3f8c245
14 changed files with 986 additions and 74 deletions

View File

@ -4,50 +4,154 @@
@extend %button;
clip-path: polygon(0 0,90% 0,100% 30%,100% 100%,10% 100%,0 70%,0 0);
transition: background 0.2s linear;
text-transform: uppercase;
font-weight: 700;
padding: 10px 15px;
display: inline-block;
max-width: 20em;
}
%title {
padding-left: 0;
line-height: 150%;
%cancel-button {
@extend %cancel-button;
background: #ddd;
color: $black;
&:hover {
background: #ccc;
}
}
header {
%transparent-cell {
background: none !important;
border: none !important;
box-shadow: none !important;
}
%h1 {
font-size: $fz-h1;
font-weight: 900;
margin-top: 0;
margin-bottom: .7rem;
}
%h2 {
font-size: $fz-h2;
font-weight: 800;
margin-top: 0;
margin-bottom: .7rem;
}
%h3 {
font-size: $fz-h3;
font-weight: 800;
margin-top: 0;
margin-bottom: 1.4rem;
}
%h4 {
font-size: $fz-h4;
font-weight: 800;
margin-top: 0;
margin-bottom: 1.4rem;
}
* {
box-sizing: border-box;
&::before, &::after {
box-sizing: inherit;
}
}
body {
line-height: 1.4;
}
a.pk-button {
text-transform: inherit;
font-size: 1rem;
}
// FORMS
label {
font-weight: bold;
}
input, select, textarea {
box-shadow: 0px 4px 4px 0 rgba(0, 0, 0, 0.15);
}
// HEADER
div#header {
padding-top: 10px;
@media ($min-desktop-viewport) {
padding-top: 20px;
background: no-repeat url(img/fond-header.svg) right;
background-size: 100% auto;
}
&::after {
content: "";
display: block;
clear: both;
}
h1#logo {
margin-top: 1rem;
padding: 0;
a {
display: inline-block;
background: url(img/logo.png) bottom left no-repeat;
height: 40px;
padding: 1rem 0 1rem 255px;
color: $black;
}
@media screen and ($max-mobile-viewport) {
margin-top: 0;
a {
margin-top: 50px;
background-position: top left;
padding: 60px 0 1rem 0;
height: auto;
text-indent: -9999em;
display: block;
float: left;
background: url(img/logo.svg) center center no-repeat;
background-size: 100% 100%;
width: 100%;
height: 50px;
@media ($max-mobile-viewport) {
margin-bottom: 30px;
}
@media ($min-desktop-viewport) {
height: 86px;
width: 486px;
}
}
}
}
// TOPLINKS
#toplinks {
position: static;
background: none;
font-size: $fz-small;
border-radius: 0;
margin-top: 0px;
margin-bottom: 20px;
border: none;
box-shadow: none;
text-align: center;
padding: 0;
max-width: none;
@media ($min-desktop-viewport) {
float: right;
margin-bottom: 0;
}
> * {
display: inline-flex;
flex-direction: column;
}
a.logout,
a.login-link {
background: $pink;
clip-path: polygon(0 0, 95% 0,100% 30%,100% 100%, 5% 100%,0 70%,0 0);
display: block;
color: white;
font-weight: bold;
padding: 10px 30px 10px 30px;
&:hover {
text-decoration: underline;
@extend %button;
margin-right: 0;
padding-top: 5px;
padding-bottom: 5px;
}
a.login-link {
&::before {
content: "\f007";
font-family: 'FontAwesome';
font-weight: 300;
vertical-align: baseline;
margin-right: .66em;
}
}
.sep {
@ -55,10 +159,6 @@ header {
}
a.registration {
display: block;
position: absolute;
right: 2rem;
width: 20rem;
text-align: right;
span.no-account {
color: $font-color;
}
@ -69,58 +169,344 @@ header {
a.logout {
display: inline-block;
}
@media screen and ($max-mobile-viewport) {
font-size: 90%;
padding-top: 0;
max-width: none;
width: 100%;
a.login-link, a.registration {
display: inline-block;
position: static;
width: auto;
}
// NAV
div.gru-nav-wrapper {
margin-top: 0;
box-shadow: 0px 15px 15px 0 rgba(0, 0, 0, 0.15);
ul {
margin: 0;
> li {
text-transform: uppercase;
li {
text-transform: none;
}
a {
padding-top: .33em;
padding-bottom: .33em;
}
}
}
@media screen and (max-width: 400px) {
span.no-account { display: none; }
@media ($max-mobile-viewport) {
.gru-nav-button {
margin-left: auto;
margin-right: auto;
margin-bottom: 1em;
& .icon-bar {
border-width: 2px;
}
+ ul {
background-color: $nav-mobile-menu-background;
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.15), transparent 20px)
}
&.toggled + ul {
padding-top: 20px;
padding-bottom: 20px;
}
}
}
@media ($min-desktop-viewport) {
margin-top: 1rem;
ul li {
a {
padding-left: 0.7rem;
padding-right: 3em;
}
ul {
border: 4px solid $blue;
padding-left: 1em;
a::before {
content: "";
color: $blue;
margin-right: .66em;
display: inline;
font-size: .7em;
vertical-align: 0.2em;
}
}
}
}
}
nav {
li {
text-transform: uppercase;
li {
text-transform: none;
// Home image
.page-index {
nav {
width: 1920px;
max-width: 100%;
margin: 0 auto;
&::after {
content: "";
display: block;
padding-top: 90%;
background: center url(img/couverture-mobile.svg) no-repeat;
background-size: cover;
@media (min-width: 560px) {
background-image: url(img/couverture-desktop.svg);
padding-top: 11%;
}
@media (min-width: 1200px) {
padding-top: 7.3%;
}
}
}
box-shadow: 0px 20px 20px 0 rgba(0, 0, 0, 0.10);
margin-bottom: 2rem;
}
// MAIN
main {
background: transparent url(img/bg2.png) center 154px no-repeat;
background: transparent url(img/fond.svg) center no-repeat;
background-attachment: fixed;
background-size: cover;
padding-top: 3rem;
}
#rub_service div.cancel-button {
button {
background: #ddd;
color: $black;
&:hover {
background: #ccc;
// CELLS & tracking code
div.a2-continue,
div#services > ul > li,
div.a2-block,
.gru-content div.cell,
div.block,
#tracking-code {
box-shadow: $gpseo-shadow;
margin-bottom: 20px;
input, select, textarea {
background: white;
}
}
.gru-content div.cell {
// FORMS OF CAT
// Image à côté du titre (avec $cell-image-position: top)
&.wcs-forms-of-category-cell {
padding-top: 1rem;
padding-bottom: .5rem;
> div {
flex-direction: row;
flex-wrap: wrap;
align-items: baseline;
> h2 {
flex-grow: 1;
padding: 0;
padding-left: .33em;
}
> picture {
height: $fz-h4;
}
> div {
flex: 0 0 100%;
padding-top: .5em;
}
}
}
// TRACKING CODE INPUT
&.tracking-code-input-cell h2 {
padding-bottom: 0;
}
// TEXT CELL
&.text-cell {
@extend %transparent-cell;
> div {
> * {
margin-left: 0;
margin-right: 0;
}
h1 { @extend %h1; }
h2 { @extend %h2; }
h3 { @extend %h3; }
h4 { @extend %h4; }
p {
margin-top: 1.4em;
margin-bottom: 1.4em;
}
}
}
// LINK CELLS
&.link-cell,
&.wcs-form-cell,
&.wcs-category-cell {
@extend %transparent-cell;
h2 {
padding: 0;
}
li {
border: none;
}
a {
@extend .pk-button;
display: block;
}
// OTHER COLORS LINK
&.asso,
&.pro,
&.particuliers {
min-width: 15em;
a {
min-height: 4.8em;
display: flex;
align-items: center;
background-size: 3em;
background-repeat: no-repeat;
background-position: 20px 50%;
padding-left: 4.8em;
}
}
&.particuliers a {
background-image: url(img/habitant.svg);
}
&.asso a {
background-color: $pink;
background-image: url(img/asso.svg);
&:hover {
background-color: darken($pink, 20%);
}
}
&.pro a {
background-color: $green;
background-image: url(img/entreprise.svg);
&:hover {
background-color: darken($green, 20%);
}
}
}
}
#content div.cell.ombre {
h2 {
background: transparent;
padding-left: 1rem;
div#tracking-code {
background-color: $cell-background;
padding: 20px;
border: $cell-border;
* {
padding: 0 !important;
}
h3 {
font-size: $fz-h3;
}
a {
font-size: $fz-h4;
display: block;
&:hover {
color: $blue;
}
}
background: #f3f3f3;
box-shadow: 0px 5px 10px 0 rgba(0, 0, 0, 0.1);
}
// LINKS LIST
div#rub_service div.category ul,
div#services > ul > li > ul,
div#account-management ul,
div.links-list ul,
div.menucell ul,
div.wcsformcell,
div.notificationscell ul,
div.categoriescell ul,
div.link-list-cell ul,
div.wcsformsofcategorycell ul,
div.wcscurrentdraftscell ul,
div.wcscurrentformscell ul {
& > li {
> a {
display: block;
font-weight: bold;
padding-top: 0.5em;
padding-bottom: 0.5em;
}
&:not(.more-items) {
> a::before {
content: "";
color: $blue;
margin-right: .66em;
display: inline;
font-size: .7em;
vertical-align: 0.2em;
}
}
&.more-items {
text-align: center;
> a {
@extend .pk-button;
font-size: $fz-h4;
line-height: 1;
}
}
}
}
// FOLDABLE
.gru-content div.cell,
div.section {
&.foldable {
> h2:first-child,
> div > h2:first-child {
color: $blue !important;
&::after {
content: "\25b2";
line-height: 1em;
transform: scaleY(0.7);
}
}
&.folded {
> h2:first-child,
> div > h2:first-child {
&::after {
content: "\25bc";
}
}
}
}
}
// WCS typo
div#rub_service {
h2 {
@extend %h2;
padding-left: 0.5rem;
@media ($min-desktop-viewport) {
font-size: $fz-h1;
}
}
h3 {
@extend %h3;
}
}
// STEPS
.wcs-steps {
font-weight: bold;
}
.wcs-step--marker {
font-weight: 900;
font-size: $fz-h3;
}
// FOOTER
#footer .menucell a,
footer .textcell a {
color: white;
@ -129,6 +515,7 @@ footer .textcell a {
}
}
// SAML
.block-saml {
height: 300px;
> div {

View File

@ -1,33 +1,66 @@
$blue: #0075c1;
$pink: #d60b7e;
$black: #141215;
$green: #7abc1a;
$gray: #f5f5f5;
$gpseo-shadow: 0px 5px 10px 0 rgba(0, 0, 0, 0.1);
$fz-h1: 2.8em; // 45px
$fz-h2: 2em;
$fz-h3: 1.5em; // 24px
$fz-h4: 1.25em;
$fz-small: .875em;
$primary-color: $blue;
$border-radius: none;
$mobile-limit: 1024px;
$sidebar-position: right;
$font-color: #333;
$font-size: 100%;
$font-family: "Muli", sans-serif;
$width: 1400px;
$link-color: $pink;
$link-color: $blue;
$cell-border: none;
$nav-background: white;
$nav-color: $black;
$nav-active-background: transparent;
$nav-menu-color: $blue;
$nav-item-selected-background: transparent;
$nav-border-color: none;
$nav-active-background: none;
$nav-menu-color: $black;
$nav-item-selected-background: none;
$nav-item-selected-color: $blue;
$nav-full-width-background: true;
$nav-submenu-color: $black;
$nav-button-background: white;
$nav-button-color: $blue;
$nav-button-color: $black;
$border-radius: 0px;
$button-background: $primary-color;
$title-background: white;
$title-background: transparent;
$title-color: $font-color;
$title-font-size: 2rem;
$footer-background: $black;
$footer-color: white;
$title-font-size: $fz-h4;
$title-weight: 800;
$cell-title-cover-border: false;
$cell-image-position: top;
$cell-image-padding: 0 0 0 1rem;
$cell-background: $gray;
$cell-entry-border-color: none;
$cell-entry-color: $font-color;
$cell-entry-hover-color: $blue;
$button-background: $primary-color;
$button-hover-background: darken($blue, 20%);
$widget-focus-border: 1px solid $blue;
$button-hover-background: darken($blue, 20%);
$widget-background: $gray;
$widget-border: 1px solid hsl(0, 0%, 90%);
$widget-focus-box-shadow: 0px 4px 4px 0 rgba(0, 0, 0, 0.15);
$widget-focus-color: black;
$form-sidebar-position: right;
$wcs-step-current-color: $font-color;
$wcs-step-current-border-bottom: 1px solid $font-color;
$footer-background: $black;
$footer-color: white;

View File

@ -2,6 +2,7 @@
"label": "Grand Paris Seine & Oise",
"variables": {
"theme_color": "#0075c1",
"email_header_img": "img/logo-email.png",
"pwa_display": "standalone"
}
}

1
static/gpseo/img/asso.svg Executable file
View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><defs><style>.a{fill:none;}.b{fill:#fff;}</style></defs><g transform="translate(17 12)"><g transform="translate(-17 -12)"><path class="a" d="M0,0H48V48H0Z"/><g transform="translate(4 4)"><g transform="translate(21.172)"><path class="b" d="M287.992,2.344A1.771,1.771,0,0,0,286.234,4.1v6.445a1.172,1.172,0,0,1-2.344,0V1.758a1.758,1.758,0,0,0-3.516,0v8.789a1.172,1.172,0,0,1-2.344,0V4.1a1.758,1.758,0,0,0-3.516,0v8.789a1.16,1.16,0,0,1-1.172,1.172H271l7.031,7.188v1.172h9.375V20.469a9.508,9.508,0,0,0,2.422-6.2V4.1A1.84,1.84,0,0,0,287.992,2.344Z" transform="translate(-271)"/></g><path class="b" d="M20.469,2.344A9.23,9.23,0,0,0,14.351,0H4.18A1.771,1.771,0,0,0,2.422,1.758,1.764,1.764,0,0,0,4.18,3.508h6.445a1.176,1.176,0,0,1,0,2.352H1.836A1.84,1.84,0,0,0,0,7.617a1.833,1.833,0,0,0,1.836,1.75h8.789a1.176,1.176,0,0,1,0,2.352H4.18a1.758,1.758,0,0,0,0,3.516h8.789a1.16,1.16,0,0,1,1.172,1.172V18.75l7.031-7.031h1.172V2.344Z"/><g transform="translate(0 17.578)"><path class="b" d="M11.8,226.172V225H2.422v1.953A9.508,9.508,0,0,0,0,233.149V243.32a1.84,1.84,0,0,0,1.836,1.758,1.771,1.771,0,0,0,1.758-1.758v-6.445a1.172,1.172,0,0,1,2.344,0v8.789a1.758,1.758,0,0,0,3.516,0v-8.789a1.172,1.172,0,0,1,2.344,0v6.445a1.758,1.758,0,0,0,3.516,0v-8.789a1.16,1.16,0,0,1,1.172-1.172h2.344Z" transform="translate(0 -225)"/></g><g transform="translate(17.656 21.25)"><path class="b" d="M246.586,281.375h-8.867a1.176,1.176,0,0,1,0-2.352h6.445a1.754,1.754,0,1,0,0-3.508h-8.789a1.16,1.16,0,0,1-1.172-1.172V272l-7.031,7.031H226v9.375h1.875a9.23,9.23,0,0,0,6.117,2.344h10.172a1.758,1.758,0,0,0,0-3.516h-6.445a1.176,1.176,0,0,1,0-2.352h8.867a1.754,1.754,0,1,0,0-3.508Z" transform="translate(-226 -272)"/></g></g></g></g></svg>

After

Width:  |  Height:  |  Size: 1.7 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 73 KiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 106 KiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 98 KiB

View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><defs><style>.a{fill:none;}.b{fill:#fff;}</style></defs><g transform="translate(12 12)"><g transform="translate(-12 -12)"><path class="a" d="M0,0H48V48H0ZM20,10h8v4H20Zm0,0h8v4H20Z"/><path class="b" d="M18,29V27H4.02L4,35a3.986,3.986,0,0,0,4,4H36a3.986,3.986,0,0,0,4-4V27H26v2ZM38,11H29.98V7l-4-4h-8l-4,4v4H6a4.012,4.012,0,0,0-4,4v6a3.986,3.986,0,0,0,4,4H18V21h8v4H38a4.012,4.012,0,0,0,4-4V15a4.012,4.012,0,0,0-4-4ZM26,11H18V7h8Z" transform="translate(2 3)"/></g></g></svg>

After

Width:  |  Height:  |  Size: 556 B

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 20 KiB

1
static/gpseo/img/fond.svg Executable file
View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="1922" height="1150.914" viewBox="0 0 1922 1150.914"><defs><style>.a{fill:none;stroke:#edd800;stroke-width:2px;stroke-dasharray:2 7;}</style></defs><g transform="translate(1 -550.784)"><path class="a" d="M248.572,1039.73l960-330.437-960-330.325Z" transform="translate(-248.572 581.032)"/><path class="a" d="M248.572,1039.73l960-330.437-960-330.325Z" transform="translate(-369.79 1140.567) rotate(-45)"/><path class="a" d="M248.572,1039.73l960-330.437-960-330.325Z" transform="translate(2168.572 1999.73) rotate(180)"/></g></svg>

After

Width:  |  Height:  |  Size: 574 B

1
static/gpseo/img/habitant.svg Executable file
View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><defs><style>.a{fill:none;}.b{fill:#fff;}</style></defs><g transform="translate(12 12)"><g transform="translate(-12 -12)"><path class="a" d="M0,0H48V48H0Z"/><path class="b" d="M31,19a4.984,4.984,0,1,0-3.54-1.46A5,5,0,0,0,31,19ZM16,17a5.974,5.974,0,1,0-4.25-1.75A6,6,0,0,0,16,17Zm15,6c-3.66,0-11,1.84-11,5.5V33H42V28.5C42,24.84,34.66,23,31,23ZM16,21c-4.66,0-14,2.34-14,7v5H16V28.5a7.882,7.882,0,0,1,4.74-6.94A24.566,24.566,0,0,0,16,21Z" transform="translate(2 5)"/></g></g></svg>

After

Width:  |  Height:  |  Size: 561 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 11 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 11 KiB

90
static/gpseo/img/logo.svg Normal file
View File

@ -0,0 +1,90 @@
<svg xmlns="http://www.w3.org/2000/svg" width="484.589" height="79.247" viewBox="0 0 484.589 79.247">
<g id="Groupe_490" data-name="Groupe 490" transform="translate(-40 -20)">
<g id="logo" transform="translate(-21.04 -27.758)">
<g id="Groupe_111" data-name="Groupe 111" transform="translate(61.04 47.758)">
<path id="Tracé_1" data-name="Tracé 1" d="M148.042,335.723l12.865-7.42-12.865-7.421Z" transform="translate(-148.041 -273.34)" fill="#ffe700"/>
<path id="Tracé_2" data-name="Tracé 2" d="M148.042,301.129l12.865,7.423V293.711Z" transform="translate(-148.041 -253.588)" fill="#c7c700"/>
<path id="Tracé_3" data-name="Tracé 3" d="M148.042,281.364l12.865-7.419-12.865-7.424Z" transform="translate(-148.041 -233.822)" fill="#67a111"/>
<path id="Tracé_4" data-name="Tracé 4" d="M314.891,223.326,302.026,215.9l12.865-7.421Z" transform="translate(-259.945 -191.63)" fill="#ffe700"/>
<path id="Tracé_5" data-name="Tracé 5" d="M302.026,235.666l12.865,7.421-12.865,7.421Z" transform="translate(-259.945 -211.392)" fill="#c7c700"/>
<path id="Tracé_6" data-name="Tracé 6" d="M314.891,277.688l-12.865-7.422,12.865-7.421Z" transform="translate(-259.945 -231.15)" fill="#67a111"/>
<path id="Tracé_7" data-name="Tracé 7" d="M148.04,220.688l13.738-7.922-13.738-7.923Z" transform="translate(-148.04 -188.984)" fill="#0077c3"/>
<path id="Tracé_8" data-name="Tracé 8" d="M148.04,241.745l13.738,7.922V233.821Z" transform="translate(-148.04 -210.05)" fill="#0060ac"/>
<path id="Tracé_9" data-name="Tracé 9" d="M262.307,291.866l-13.735,7.922,13.735,7.923Z" transform="translate(-221.099 -252.247)" fill="#0060ac"/>
<path id="Tracé_10" data-name="Tracé 10" d="M212.042,262.883l-13.737,7.922,13.737,7.924Z" transform="translate(-184.569 -231.177)" fill="#0060ac"/>
<path id="Tracé_11" data-name="Tracé 11" d="M198.3,249.71l13.737-7.924L198.3,233.863Z" transform="translate(-184.568 -210.08)" fill="#004a97"/>
<path id="Tracé_12" data-name="Tracé 12" d="M298.831,307.75l13.737-7.925L298.831,291.9Z" transform="translate(-257.623 -252.273)" fill="#004a97"/>
<path id="Tracé_13" data-name="Tracé 13" d="M248.572,278.726l13.734-7.924-13.734-7.925Z" transform="translate(-221.099 -231.173)" fill="#004a97"/>
<path id="Tracé_14" data-name="Tracé 14" d="M312.568,320.924l-13.737,7.925,13.737,7.924Z" transform="translate(-257.623 -273.371)" fill="#00307e"/>
<path id="Tracé_15" data-name="Tracé 15" d="M298.831,365.8l13.737-7.923-13.737-7.923Z" transform="translate(-257.623 -294.471)" fill="#2f1b70"/>
<path id="Tracé_16" data-name="Tracé 16" d="M262.307,349.948l-13.735,7.924,13.735,7.921Z" transform="translate(-221.099 -294.471)" fill="#5b126d"/>
<path id="Tracé_17" data-name="Tracé 17" d="M248.572,394.814l13.735-7.924-13.735-7.922Z" transform="translate(-221.099 -315.567)" fill="#92006a"/>
<path id="Tracé_18" data-name="Tracé 18" d="M198.313,386.891l13.735,7.922V378.968Z" transform="translate(-184.575 -315.567)" fill="#b90068"/>
<path id="Tracé_19" data-name="Tracé 19" d="M198.312,365.79l13.735-7.922-13.735-7.924Z" transform="translate(-184.574 -294.468)" fill="#d6006f"/>
<path id="Tracé_20" data-name="Tracé 20" d="M148.042,357.871l13.738,7.922V349.948Z" transform="translate(-148.041 -294.471)" fill="#d60052"/>
<path id="Tracé_21" data-name="Tracé 21" d="M148.04,183.7l13.736,7.925V175.777Z" transform="translate(-148.04 -167.854)" fill="#2f1b70"/>
<path id="Tracé_22" data-name="Tracé 22" d="M198.3,191.629l13.737-7.924L198.3,175.783Z" transform="translate(-184.568 -167.858)" fill="#5b126d"/>
<path id="Tracé_23" data-name="Tracé 23" d="M212.041,146.758,198.3,154.683l13.738,7.922Z" transform="translate(-184.567 -146.758)" fill="#92006a"/>
<path id="Tracé_24" data-name="Tracé 24" d="M248.572,146.758v15.848l13.735-7.925Z" transform="translate(-221.099 -146.758)" fill="#b90068"/>
<path id="Tracé_25" data-name="Tracé 25" d="M262.307,175.783l-13.735,7.923,13.735,7.923Z" transform="translate(-221.099 -167.858)" fill="#d6006f"/>
<path id="Tracé_26" data-name="Tracé 26" d="M298.831,191.629l13.736-7.923-13.736-7.923Z" transform="translate(-257.623 -167.858)" fill="#d60052"/>
</g>
<g id="Groupe_436" data-name="Groupe 436" transform="translate(127.078 47.758)">
<g id="Groupe_1" data-name="Groupe 1" transform="translate(222.874 0.093)">
<path id="Tracé_27" data-name="Tracé 27" d="M686.813,234.981h-2.929V239h2.929a2.018,2.018,0,1,0,0-4.021m2.209,9.923-2.5-4.869h-2.638V244.9h-1.172V233.931h4.211a2.971,2.971,0,0,1,3.255,3.054,2.846,2.846,0,0,1-2.391,2.942l2.606,4.978Z" transform="translate(-682.712 -233.931)" fill="#141215"/>
</g>
<rect id="Rectangle_1" data-name="Rectangle 1" width="1.172" height="10.971" transform="translate(232.995 0.094)" fill="#141215"/>
<path id="Tracé_27-2" data-name="Tracé 27" d="M705.4,244.96a4.75,4.75,0,0,1-3.748-1.449l.787-.787a3.756,3.756,0,0,0,2.992,1.189c1.619,0,2.608-.741,2.608-2.037a1.729,1.729,0,0,0-.539-1.37,2.364,2.364,0,0,0-1.437-.539l-1.279-.185a3.875,3.875,0,0,1-2.007-.834,2.61,2.61,0,0,1-.848-2.064c0-1.865,1.342-3.084,3.518-3.084a4.471,4.471,0,0,1,3.269,1.2l-.756.755a3.41,3.41,0,0,0-2.561-.955c-1.481,0-2.329.817-2.329,2.049a1.619,1.619,0,0,0,.493,1.279A2.988,2.988,0,0,0,705,238.7l1.28.2a3.316,3.316,0,0,1,1.992.786,2.765,2.765,0,0,1,.927,2.157c0,1.927-1.5,3.113-3.8,3.113" transform="translate(-465.236 -233.801)" fill="#141215"/>
<path id="Tracé_28" data-name="Tracé 28" d="M382.217,287.649a3.77,3.77,0,0,0,3.74-3.737,2.877,2.877,0,0,0-1.883-3.049c-2.661-.984-2.018-.754-4.612-1.649a14.76,14.76,0,0,1-6.95-5.113A8.384,8.384,0,0,1,371,268.988a11.232,11.232,0,0,1,22.463,0H386a3.729,3.729,0,0,0-7.457.023,3.354,3.354,0,0,0,1.607,3.026c2.2,1.422,1.948,1.146,4.588,1.927a14.243,14.243,0,0,1,7.182,4.86,8.144,8.144,0,0,1,1.559,5.134,11.231,11.231,0,0,1-22.461,0H378.5a3.739,3.739,0,0,0,3.74,3.736Z" transform="translate(-370.996 -240.65)" fill="#141215"/>
<path id="Tracé_29" data-name="Tracé 29" d="M548.173,261.85a4.347,4.347,0,0,0-4.232,4.665c0,1.825.653,3.3,3.258,6.644,3.066-2.129,5.252-3.7,5.252-6.491s-1.858-4.817-4.277-4.817m-8.136,23.835c0,4.719,3.114,8.016,7.716,8.016,2.652,0,5.487-.762,8.836-4.007l-10.044-13.239c-3.485,2.538-6.508,4.82-6.508,9.231m21.154,10.146-3.207-4.262a13.953,13.953,0,0,1-10.182,4.566c-6.091,0-10.277-4.159-10.277-10.3,0-5.528,3.443-8.166,7.579-11.21-1.719-2.282-3.672-4.867-3.672-8.013a6.758,6.758,0,1,1,13.484.051c0,2.991-1.72,4.92-3.812,6.491l-2.465,1.826,9.485,12.528c1.489-2.434,1.951-4.413,1.951-8.977h2.467c0,4.515-.793,8.166-2.885,11.006l4.742,6.29Z" transform="translate(-418.458 -241.118)" fill="#141215"/>
<path id="Tracé_30" data-name="Tracé 30" d="M586.172,244.382a3.87,3.87,0,0,1-2.932,1.264,3.774,3.774,0,0,1-2.745-1.079c-1.035-1.032-1.1-1.987-1.1-4.5s.061-3.467,1.1-4.5a3.936,3.936,0,0,1,6.587,2.2h-1.173a2.624,2.624,0,0,0-2.669-2.232,2.556,2.556,0,0,0-1.9.769c-.694.71-.771,1.511-.771,3.76s.077,3.052.771,3.762a2.564,2.564,0,0,0,1.9.771,2.687,2.687,0,0,0,2.083-.941,2.929,2.929,0,0,0,.615-1.988v-.847h-2.7v-1h3.874v1.743a3.721,3.721,0,0,1-.942,2.819" transform="translate(-430.393 -233.998)" fill="#141215"/>
<path id="Tracé_31" data-name="Tracé 31" d="M598.109,235.666h-2.931v4.021h2.931a2.018,2.018,0,1,0,0-4.021m2.2,9.923-2.5-4.87h-2.637v4.87h-1.172V234.617h4.209a2.969,2.969,0,0,1,3.255,3.052,2.844,2.844,0,0,1-2.39,2.942l2.607,4.978Z" transform="translate(-434.556 -234.034)" fill="#141215"/>
<path id="Tracé_32" data-name="Tracé 32" d="M610.743,236.3l-2.068,5.795h4.105ZM614,245.589l-.879-2.482h-4.8l-.879,2.482h-1.248l4.04-10.972h.988l4.024,10.972Z" transform="translate(-438.029 -234.034)" fill="#141215"/>
<path id="Tracé_33" data-name="Tracé 33" d="M628.34,245.59l-5.832-8.8v8.8h-1.171V234.617h1.11l5.832,8.769v-8.769h1.17V245.59Z" transform="translate(-442.345 -234.034)" fill="#141215"/>
<g id="Groupe_2" data-name="Groupe 2" transform="translate(190.281 0.583)">
<path id="Tracé_35" data-name="Tracé 35" d="M642.851,236.466a2.756,2.756,0,0,0-2.159-.8H638.3v8.877h2.392a2.753,2.753,0,0,0,2.159-.8c.711-.757.724-2.112.724-3.638s-.013-2.882-.724-3.637m.926,7.968a3.642,3.642,0,0,1-2.886,1.155h-3.765V234.617h3.765a3.633,3.633,0,0,1,2.886,1.157c.972,1.048.972,2.649.972,4.33s0,3.284-.972,4.33" transform="translate(-637.126 -234.617)" fill="#141215"/>
<path id="Tracé_36" data-name="Tracé 36" d="M661.013,235.664H658.19v4.362h2.823a2.185,2.185,0,1,0,0-4.362m.094,5.41H658.19v4.515h-1.171V234.617h4.088a3.233,3.233,0,1,1,0,6.458" transform="translate(-642.796 -234.617)" fill="#141215"/>
</g>
<path id="Tracé_34" data-name="Tracé 34" d="M672.118,236.3l-2.066,5.795h4.1Zm3.253,9.292-.877-2.482h-4.8l-.879,2.482h-1.251l4.044-10.972h.987l4.025,10.972Z" transform="translate(-455.521 -234.034)" fill="#141215"/>
<path id="Tracé_35-2" data-name="Tracé 35" d="M428.986,259.65v7.262H414.448V274.2h10.905v7.262H414.448v7.264h14.539v7.285H407.155V259.65Z" transform="translate(-381.302 -241.185)" fill="#141215"/>
<rect id="Rectangle_2" data-name="Rectangle 2" width="7.294" height="36.359" transform="translate(51.073 18.463)" fill="#141215"/>
<path id="Tracé_36-2" data-name="Tracé 36" d="M479.511,279.475v-20.1H486.8v37.036l-21.832-20.8v20.12h-7.293V258.7Z" transform="translate(-395.701 -240.915)" fill="#141215"/>
<path id="Tracé_37" data-name="Tracé 37" d="M525.3,259.65v7.262H510.759V274.2h10.905v7.262H510.759v7.264H525.3v7.285H503.469V259.65Z" transform="translate(-408.752 -241.185)" fill="#141215"/>
<g id="Groupe_3" data-name="Groupe 3" transform="translate(146.126 18.283)">
<path id="Tracé_41" data-name="Tracé 41" d="M585.959,269.975a11.01,11.01,0,0,0,15.577,15.563,11.01,11.01,0,1,0-15.577-15.563m20.793-5.165a18.3,18.3,0,1,1-13.006-5.414,17.714,17.714,0,0,1,13.006,5.414" transform="translate(-575.371 -259.396)" fill="#141215"/>
</g>
<rect id="Rectangle_3" data-name="Rectangle 3" width="7.292" height="36.359" transform="translate(185.593 18.463)" fill="#141215"/>
<g id="Groupe_4" data-name="Groupe 4" transform="translate(196.276 17.617)">
<path id="Tracé_42" data-name="Tracé 42" d="M656.731,288.334a3.768,3.768,0,0,0,3.741-3.735,2.878,2.878,0,0,0-1.882-3.052c-2.661-.984-2.02-.755-4.612-1.649a14.743,14.743,0,0,1-6.952-5.113,8.385,8.385,0,0,1-1.515-5.112,11.232,11.232,0,0,1,22.464,0h-7.458a3.73,3.73,0,0,0-7.46.024,3.362,3.362,0,0,0,1.607,3.026c2.2,1.422,1.951,1.145,4.591,1.927a14.243,14.243,0,0,1,7.18,4.86A8.134,8.134,0,0,1,668,284.641a11.232,11.232,0,0,1-22.464,0h7.481a3.741,3.741,0,0,0,3.741,3.738Z" transform="translate(-645.511 -258.463)" fill="#141215"/>
</g>
<path id="Tracé_38" data-name="Tracé 38" d="M681.671,259.65v36.36H703.5v-7.286h-14.54v-7.262h10.9V274.2h-10.9v-7.286H703.5V259.65Z" transform="translate(-459.541 -241.185)" fill="#141215"/>
<line id="Ligne_1" data-name="Ligne 1" x2="242.961" transform="translate(0.71 63.162)" fill="none" stroke="#141215" stroke-miterlimit="10" stroke-width="2"/>
<path id="Tracé_39" data-name="Tracé 39" d="M373.58,340.991a2.553,2.553,0,0,1-1.832-.72c-.7-.7-.752-1.281-.752-3.111s.054-2.414.752-3.11a2.538,2.538,0,0,1,1.832-.719,2.506,2.506,0,0,1,2.563,2.2h-.581a2.019,2.019,0,0,0-3.411-1.11c-.541.538-.583,1.153-.583,2.74s.042,2.2.583,2.74a1.963,1.963,0,0,0,1.43.581,1.992,1.992,0,0,0,2-1.694h.559a2.521,2.521,0,0,1-2.562,2.2" transform="translate(-370.996 -262.233)" fill="#141215"/>
<path id="Tracé_40" data-name="Tracé 40" d="M394.771,334.42a2.044,2.044,0,0,0-2.859,0c-.542.539-.582,1.152-.582,2.74s.04,2.2.582,2.74a2.047,2.047,0,0,0,2.859,0c.541-.54.583-1.153.583-2.74s-.042-2.2-.583-2.74m.4,5.851a2.69,2.69,0,0,1-3.664,0c-.7-.7-.752-1.281-.752-3.111s.052-2.412.752-3.112a2.7,2.7,0,0,1,3.664,0c.7.7.752,1.279.752,3.112s-.052,2.411-.752,3.111" transform="translate(-376.628 -262.233)" fill="#141215"/>
<path id="Tracé_41-2" data-name="Tracé 41" d="M416.962,341.636v-6.211l-2.287,5.155H414.1l-2.329-5.155v6.211H411.2V334.1h.573l2.625,5.809,2.564-5.809h.571v7.533Z" transform="translate(-382.454 -262.454)" fill="#141215"/>
<path id="Tracé_42-2" data-name="Tracé 42" d="M439.449,341.636v-6.211l-2.287,5.155h-.574l-2.328-5.155v6.211h-.572V334.1h.572l2.626,5.809,2.563-5.809h.573v7.533Z" transform="translate(-388.864 -262.454)" fill="#141215"/>
<g id="Groupe_5" data-name="Groupe 5" transform="translate(60.796 71.649)">
<path id="Tracé_48" data-name="Tracé 48" d="M458.61,341.7a2.443,2.443,0,0,1-2.584-2.507V334.1h.573v5.017a2.013,2.013,0,1,0,4.023,0V334.1h.573v5.09a2.445,2.445,0,0,1-2.585,2.507" transform="translate(-456.026 -334.103)" fill="#141215"/>
</g>
<path id="Tracé_43" data-name="Tracé 43" d="M481.658,341.636l-4.351-6.549v6.549h-.571V334.1h.571l4.351,6.529V334.1h.574v7.533Z" transform="translate(-401.133 -262.454)" fill="#141215"/>
<path id="Tracé_44" data-name="Tracé 44" d="M498.1,339.3h3.155l-1.575-4.432Zm3.993,2.338-.658-1.831h-3.516l-.656,1.831h-.615l2.773-7.533h.51l2.773,7.533Z" transform="translate(-406.807 -262.454)" fill="#141215"/>
<g id="Groupe_6" data-name="Groupe 6" transform="translate(104.528 71.649)">
<path id="Tracé_51" data-name="Tracé 51" d="M519.776,341.7a2.444,2.444,0,0,1-2.585-2.507V334.1h.574v5.017a2.012,2.012,0,1,0,4.022,0V334.1h.574v5.09a2.443,2.443,0,0,1-2.585,2.507" transform="translate(-517.19 -334.103)" fill="#141215"/>
</g>
<path id="Tracé_45" data-name="Tracé 45" d="M539.532,334.611v7.025h-.572v-7.025h-2.245V334.1h5.071v.509Z" transform="translate(-418.227 -262.454)" fill="#141215"/>
<path id="Tracé_46" data-name="Tracé 46" d="M558.531,332.476h-.613l1.026-1.556h.711Zm-2.276,8.251v-7.533h4.574v.509h-4v2.974h3.409v.507h-3.409v3.037h4v.507Z" transform="translate(-423.796 -261.545)" fill="#141215"/>
<g id="Groupe_7" data-name="Groupe 7" transform="translate(156.216 71.649)">
<path id="Tracé_54" data-name="Tracé 54" d="M592.065,341.7a2.442,2.442,0,0,1-2.583-2.507V334.1h.571v5.017a2.013,2.013,0,1,0,4.023,0V334.1h.573v5.09a2.443,2.443,0,0,1-2.585,2.507" transform="translate(-589.482 -334.103)" fill="#141215"/>
<path id="Tracé_55" data-name="Tracé 55" d="M612.986,334.612h-2.224v3.047h2.224c.975,0,1.663-.477,1.663-1.524s-.688-1.523-1.663-1.523m1.651,7.024-1.8-3.471h-2.076v3.471h-.572V334.1h2.869a1.96,1.96,0,0,1,2.159,2.022,1.936,1.936,0,0,1-1.737,2.029l1.824,3.481Z" transform="translate(-595.384 -334.103)" fill="#141215"/>
<path id="Tracé_56" data-name="Tracé 56" d="M633.089,338.039h-2.224v3.09h2.224a1.553,1.553,0,1,0,0-3.09M633,334.612h-2.138v2.918H633c.911,0,1.674-.422,1.674-1.458s-.764-1.46-1.674-1.46m.148,7.024h-2.857V334.1h2.773a1.968,1.968,0,0,1,2.182,1.969,1.721,1.721,0,0,1-1.177,1.692,1.837,1.837,0,0,1,1.294,1.82,1.965,1.965,0,0,1-2.216,2.052" transform="translate(-601.114 -334.103)" fill="#141215"/>
</g>
<path id="Tracé_47" data-name="Tracé 47" d="M650.5,339.3h3.155l-1.579-4.432Zm3.992,2.338-.657-1.831h-3.514l-.659,1.831h-.613l2.774-7.533h.509l2.774,7.533Z" transform="translate(-450.243 -262.454)" fill="#141215"/>
<rect id="Rectangle_4" data-name="Rectangle 4" width="0.57" height="7.533" transform="translate(213.599 71.65)" fill="#141215"/>
<path id="Tracé_48-2" data-name="Tracé 48" d="M689.093,340.951l-4.351-6.549v6.549h-.574v-7.533h.574l4.351,6.529v-6.529h.572v7.533Z" transform="translate(-460.253 -262.258)" fill="#141215"/>
<path id="Tracé_49" data-name="Tracé 49" d="M705.484,333.418v7.533h4.576v-.508h-4v-3.037h3.41V336.9h-3.41v-2.974h4v-.507Z" transform="translate(-466.328 -262.258)" fill="#141215"/>
</g>
</g>
<path id="Tracé_1276" data-name="Tracé 1276" d="M1.344-14.952H7.455a9.5,9.5,0,0,1,4.273.893,6.317,6.317,0,0,1,2.751,2.573,7.94,7.94,0,0,1,.956,3.99,8.115,8.115,0,0,1-.945,4.021A6.237,6.237,0,0,1,11.749-.892,9.555,9.555,0,0,1,7.455,0H1.344ZM7.182-3.15a4.438,4.438,0,0,0,3.266-1.082A4.438,4.438,0,0,0,11.529-7.5q0-4.3-4.347-4.3H5.292V-3.15Zm10.563-11.8H28.413v3.024H21.588v2.814h6.384V-6.09H21.588v3.066h6.825V0H17.745ZM22.3-16.233l2.184-3.318h3.4l-3.3,3.318ZM45.57-14.952V0H42.126L42.1-6.846,39.27,0h-2.5L33.915-6.762V0H30.492V-14.952h3.087L38.052-4.746,42.5-14.952ZM58.4-3.087H51.765L50.442,0H46.494l6.993-14.952H56.6L63.609,0H59.724ZM57.12-6.048l-2.037-4.725L53.046-6.048ZM77.469,0H73.29L71.358-4.977a1.5,1.5,0,0,0-1.575-.84H68.355V0H64.47V-14.952h6.951a6.136,6.136,0,0,1,4.074,1.166,4.136,4.136,0,0,1,1.365,3.328,4.3,4.3,0,0,1-.809,2.615,4.341,4.341,0,0,1-2.278,1.564,2.334,2.334,0,0,1,1.134.588,3.164,3.164,0,0,1,.8,1.239ZM70.791-8.757a3.312,3.312,0,0,0,1.827-.389,1.362,1.362,0,0,0,.567-1.207,1.389,1.389,0,0,0-.556-1.239,3.38,3.38,0,0,0-1.838-.378H68.313v3.213ZM86.625.189a8.283,8.283,0,0,1-4.063-.955,6.56,6.56,0,0,1-2.667-2.7A8.4,8.4,0,0,1,78.96-7.5a8.3,8.3,0,0,1,.935-4,6.576,6.576,0,0,1,2.667-2.688,8.283,8.283,0,0,1,4.063-.956,9.263,9.263,0,0,1,2.845.441,6.006,6.006,0,0,1,2.215,1.2l-1.2,2.793a6.367,6.367,0,0,0-3.78-1.323,3.425,3.425,0,0,0-2.772,1.145A5.144,5.144,0,0,0,82.971-7.5a5.226,5.226,0,0,0,.966,3.423,3.41,3.41,0,0,0,2.772,1.155,6.367,6.367,0,0,0,3.78-1.323l1.2,2.793a6.006,6.006,0,0,1-2.215,1.2A9.263,9.263,0,0,1,86.625.189Zm20.9-15.141V0h-3.864V-6.048H97.608V0H93.744V-14.952h3.864v5.817h6.048v-5.817Zm2.688,0h10.668v3.024h-6.825v2.814h6.384V-6.09h-6.384v3.066h6.825V0H110.208ZM128.1.189a12.709,12.709,0,0,1-3.318-.441,7.986,7.986,0,0,1-2.667-1.2l1.239-2.793a9.27,9.27,0,0,0,2.321,1.061,8.57,8.57,0,0,0,2.467.367,4.313,4.313,0,0,0,1.932-.346,1.07,1.07,0,0,0,.672-.977,1.077,1.077,0,0,0-.609-.935,8.307,8.307,0,0,0-2.289-.724,12.47,12.47,0,0,1-3.3-1.04A3.89,3.89,0,0,1,122.9-8.3a4.1,4.1,0,0,1-.472-2.037,4.183,4.183,0,0,1,.777-2.467,5.117,5.117,0,0,1,2.184-1.722,7.9,7.9,0,0,1,3.213-.62,10.984,10.984,0,0,1,3.139.451,6.481,6.481,0,0,1,2.383,1.187l-1.218,2.793a8.107,8.107,0,0,0-2.079-1.061,6.811,6.811,0,0,0-2.184-.368,3.2,3.2,0,0,0-1.722.41,1.25,1.25,0,0,0-.651,1.1.9.9,0,0,0,.231.63,2.33,2.33,0,0,0,.861.494,13.868,13.868,0,0,0,1.89.514,12.722,12.722,0,0,1,3.2,1.061,4.008,4.008,0,0,1,1.648,1.449,3.878,3.878,0,0,1,.483,1.984,4.028,4.028,0,0,1-1.7,3.433A7.968,7.968,0,0,1,128.1.189ZM1.564,7.9H9.027v.9H2.6v4.59H8.687v.935H2.6V19.1H9.027V20H1.564Zm27.931,0V20h-.816L20.995,9.681V20h-.986V7.9h.833l7.667,10.319V7.9Zm24.463,0h1.054V19.082h6.256V20h-7.31ZM71.6,7.9h1.054V20H71.6Zm22.032,5.9V19.32a6.649,6.649,0,0,1-1.819.587,11.932,11.932,0,0,1-2.329.229,5.963,5.963,0,0,1-3.043-.74A4.812,4.812,0,0,1,84.5,17.263a7.614,7.614,0,0,1-.671-3.332,7.571,7.571,0,0,1,.671-3.315,4.79,4.79,0,0,1,1.93-2.125A5.818,5.818,0,0,1,89.4,7.76a5.5,5.5,0,0,1,4.114,1.581l-.442.833a5.886,5.886,0,0,0-1.742-1.13,5.221,5.221,0,0,0-1.947-.349,4.115,4.115,0,0,0-3.307,1.36,5.789,5.789,0,0,0-1.164,3.876A5.817,5.817,0,0,0,86.1,17.858a4.271,4.271,0,0,0,3.409,1.36,8.8,8.8,0,0,0,3.179-.561V14.7h-3.2v-.9Zm20.978-5.9V20H113.8L106.114,9.681V20h-.986V7.9h.833l7.667,10.319V7.9Zm11.628,0h7.463v.9h-6.426v4.59h6.086v.935h-6.086V19.1h6.426V20h-7.463Z" transform="translate(390 58)" fill="#141215"/>
<line id="Ligne_2" data-name="Ligne 2" y2="60" transform="translate(370 30)" fill="none" stroke="#141215" stroke-width="2"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 19 KiB