new theme: sable-d-olonne (#51618)

This commit is contained in:
Thomas Jund 2021-02-12 15:39:43 +01:00
parent f814ea307d
commit 4b566df8dc
16 changed files with 1168 additions and 0 deletions

View File

@ -0,0 +1,650 @@
//
// Typo
//
html {
@media ($min-desktop-viewport) {
font-size: 1.2em;
}
}
h1 {
font-size: $fz-h1;
font-weight: 800;
line-height: 1.1;
}
h2 {
font-size: $fz-h2;
font-weight: 700;
}
h3 {
font-size: $fz-h3;
font-weight: 600;
}
strong {
font-weight: 600;
}
//
// COMPONENTS
//
@mixin big-line($align, $color: $violet, $position: after) {
&::#{$position} {
content:"";
width: 3em;
height: 6px;
background-color: $color;
display: block;
margin: 0.33em 0;
@if ($align == center) {
margin-left: auto;
margin-right: auto;
}
}
}
// buttons
%button {
text-transform: uppercase;
font-weight: 600;
}
%cancel-button {
&, &:hover {
background-color: white;
color: $violet;
}
}
// Cell-icon
// Slug 'cell-icon'
// optionnal class 'cyan' or 'violet'
.cell-icon {
border: 1px solid $violet;
&--wrapper {
background-color: white;
color: $violet;
display: block;
text-align: center;
padding: 1.25rem;
line-height: 1.1;
min-height: 12rem;
& > *:last-child {
margin-bottom: 0;
}
}
&--icon {
display: block;
width: 100%;
height: 3em;
background: no-repeat center;
background-size: auto 100%;
}
&--title {
font-size: $fz-h2;
color: inherit;
line-height: inherit;
margin: .33em auto;
}
&--text {
&, & > * {
padding: 0 !important;
margin-top: 0;
*:last-child {
margin-bottom: 0;
}
}
}
// Colors mods
&.violet {
& .cell-icon--wrapper {
background-color: $violet;
color: white;
}
}
&.cyan {
border-color: $cyan-dark;
& .cell-icon--wrapper {
background-color: $cyan-dark;
color: white;
}
}
}
//
// SITE HEADER
//
div#header {
z-index: auto;
padding-top: 10px;
@media ($min-desktop-viewport) {
padding-top: 30px;
}
}
#top {
display: flex;
align-items: center;
@media ($max-mobile-viewport) {
justify-content: center;
}
}
#header #logo {
margin-bottom: -8px;
position: relative;
z-index: 102;
&.has-logo a {
height: 75px;
width: 130px;
@media ($min-desktop-viewport) {
height: 150px;
width: 260px;
}
}
}
// Pwa navigation
.pwa-navigation {
padding: 1em 0;
div > ul li a {
text-transform: uppercase;
font-weight: 600;
display: flex;
align-items: center;
background-position: 50% 5px;
background-size: auto calc( #{$nav-mobile-bottom-bar-height / 2} - 5px );
span {
height: auto;
width: 100%;
font-size: $fz-small;
}
}
@media ($max-mobile-viewport) {
left: 0;
}
@media ($min-desktop-viewport) {
position: static;
background-color: white;
div > ul li {
a, &.selected a, &.selected:hover a, &:hover a {
color: $cyan;
background-color: transparent
}
a {
color: $violet;
}
}
}
}
// user links
#toplinks {
@media ($max-mobile-viewport) {
display: none;
}
position: static;
background-color: $violet;
color: white;
border: none;
padding: 0;
font-weight: 600;
text-transform: uppercase;
line-height: 1.4;
height: 3.8em;
padding: .5em 1.5em;
border-radius: 1.9em;
font-size: $fz-small;
a {
display: block;
text-align: center;
color: inherit;
white-space: nowrap;
span {
padding: 0 !important;
}
}
.sep {
display: none;
}
}
// header shadow
.lso-header-shadow {
position: relative;
z-index: 101;
height: 10px;
margin-bottom: -10px;
background-image: linear-gradient(
hsla(0, 0%, 0%, 0.2),
transparent
);
}
//
// PAGE HEADER
//
// hide default title if cell inside placeholder
* + .lso-page-header--default {
display: none;
}
// Combo page header
body:not(.wcs-page) {
#page {
// no x-scrollbar because arrows page-header ::before element
overflow-x: hidden;
}
.lso-page-header {
@extend #columns-wrapper;
position: relative;
max-width: $width - 200px;
margin: 0 auto;
margin-top: 1.5rem;
.lso-page-header--content {
h1, h2 {
&:first-child {
margin-top: 0;
}
}
div.text-cell * {
margin-left: 0;
margin-right: 0;
}
@media ($max-mobile-viewport) {
text-align: center;
}
}
@media ($min-desktop-viewport) {
display: flex;
justify-content: space-between;
align-items: center;
.lso-page-header--content {
flex-basis: 50%;
}
.lso-page-header--sidebar {
flex-basis: 40%
}
// arrows background:
min-height: 115px;
&::before {
content: "";
position: absolute;
z-index: -1;
display: block;
top: 0;
left: 50%;
width: 50vw;
height: 100%;
background: url(img/fleches-outline-pattern.svg) repeat-x;
}
}
}
#content {
margin-top: 1.5rem;
}
}
// WCS form header
.wcs-page-title {
@extend h2;
overflow: hidden;
background-color: $violet;
color: white;
padding: 1rem;
padding-top: 1.5rem;
margin: 0;
@include big-line(left, $cyan);
}
div#rub_service h2 {
@extend .desktop-only;
@extend .wcs-page-title;
}
//
// CELLS
//
// carrousel
div.carrousel-content {
$content-mobile-height: 10rem;
$content-desktop-width: 20rem;
$content-border-radius: 4rem;
input + div {
background-color: $cyan;
background-color: yellow;
@media ($max-mobile-viewport) {
padding-bottom: $content-mobile-height;
}
@media ($min-desktop-viewport) {
padding-left: $content-desktop-width;
}
div.carrousel-item {
padding: 0;
font-size: 1rem;
@media ($min-desktop-viewport) {
align-items: stretch;
justify-content: flex-start;
}
div.carrousel-item-content {
line-height: inherit;
background-color: $cyan-dark;
padding: 2rem;
margin-bottom: 0;
@media ($max-mobile-viewport) {
flex-grow: 1;
min-height: $content-mobile-height + $content-border-radius;
border-radius: $content-border-radius $content-border-radius 0 0;
margin-bottom: -1 * $content-mobile-height;
}
@media ($min-desktop-viewport) {
border-radius: 0 $content-border-radius $content-border-radius 0;
margin-left: -1 * $content-desktop-width;
flex: 0 1 #{$content-desktop-width + $content-border-radius};
display: flex;
align-items: center;
}
.carrousel-item-title {
display: block;
font-size: $fz-h1;
font-weight: 600;
line-height: 1;
@include big-line(center);
}
.carrousel-item-description {
line-height: 1.4;
max-width: none;
}
}
}
}
div.carrousel-nav {
label {
background-color: white;
}
@media ($min-desktop-viewport) {
text-align: right;
}
}
a.carrousel-previous,
a.carrousel-next {
font-size: $fz-small;
height: 2em;
width: 2em;
line-height: 2em;
text-align: center;
border: 1px solid white;
border-radius: 50%;
&::after {
font-size: inherit;
}
&:hover {
background-color: $violet;
}
}
}
// tracking code input
div.tracking-code-input-cell {
#tracking-code {
border-radius: 2em;
border: 2px solid $violet;
text-align: center;
padding-top: .25em;
padding-bottom: .25em;
}
&.cell-icon {
.cell-icon--icon {
height: 2.5em;
}
h2 + div {
padding: 0;
}
button, button:hover {
@extend %button;
background-image: url(img/recherche-blanc.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
width: 2em;
height: 2em;
display: block;
margin: 0 auto;
margin-top: -0.5em;
position: relative;
}
}
&.cell-icon.cyan {
#tracking-code, button {
border-color: white;
}
}
}
// text cell with class 'cyan'
div.text-cell.cyan {
background-color: $cyan-dark;
color: white;
border-color: $cyan-dark;
// title
h2:first-child {
background-color: inherit;
color: inherit;
}
}
// Links-list {
.gru-content {
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.categoriescell ul,
div.wcscurrentdraftscell ul,
div.wcscurrentformscell ul {
& > li {
position: relative;
padding-left: 2em;
&::before {
content: "";
color: $cyan-dark;
display: inline;
// float: left;
position: absolute;
left: 1em;
top: 0.7ex;
}
> a {
padding-top: 0.25em;
padding-bottom: 0.25em;
padding-left: 0;
+ .description {
padding-left: 2em;
}
}
}
}
}
// Foldable cells
div.cell {
&.foldable {
> div > h2:first-child {
&:hover {
background-color: $violet;
color: white;
}
&::after {
bottom: 1rem;
}
}
}
}
//
// WCS
//
.wcs-page main {
@media ($min-desktop-viewport) {
background: url(img/fleches-outline-pattern.svg) repeat-x left 1rem;
}
}
$gauche-width-desktop: 20rem-2.2rem+0.7rem;
div#rub_service {
box-shadow: 0 0 10px 5px hsla(0, 0%, 0%, 0.1);
@media ($min-desktop-viewport) {
margin: 3.5rem;
div#gauche + & {
width: calc(100% - 7rem - #{$gauche-width-desktop});
}
}
form {
padding: 1rem;
.previous-button button {
@extend %cancel-button;
}
}
}
div#gauche {
background-color: $cyan-dark;
color: white;
height: 100%;
margin-top: 0;
@media ($max-mobile-viewport) {
margin: 0 -0.7rem;
width: auto;
padding: 0.7rem;
}
@media ($min-desktop-viewport) {
border-radius: 0 8rem 8rem 0;
padding: 3.5rem 3rem;
width: 20rem;
margin-left: calc(-2.2rem + 0.7rem);
}
div#tracking-code {
text-align: center;
// icon
&::before {
content: "";
@extend .cell-icon--icon;
background-image: url(img/suivi-blanc.svg);
}
h3 {
display: block;
background-color: inherit;
color: inherit;
padding: 0;
text-transform: uppercase;
}
a {
display: block;
color: inherit;
padding: 0;
}
button {
margin-right: 0;
}
}
}
// Steps
.wcs-steps h2 {
@extend h3;
font-weight: 700;
display: block;
text-transform: uppercase;
margin: 0;
@media ($max-mobile-viewport) {
text-align: center;
}
@media ($min-desktop-viewport) {
@include big-line(right, white, before);
}
}
.wcs-step {
@media ($max-mobile-viewport) {
justify-content: center;
}
&--marker {
width: auto;
}
}
//
// FOOTER
//
footer {
@media ($max-mobile-viewport) {
margin-bottom: calc(#{$nav-mobile-bottom-bar-height} + 2em);
}
}
#footer-wrapper {
position: relative;
box-shadow: 0 0 10px 5px hsla(0, 0%, 0%, 0.1);
// arrows
padding-top: 25px;
margin-top: 50px;
#footer {
position: relative;
&::before {
content: "";
display: block;
position: absolute;
right: 0;
top: -50px;
height: 50px;
width: 50%;
background: url(img/fleches.svg) repeat-x;
background-size: contain;
}
}
@media ($max-mobile-viewport) {
padding-top: 12.5px;
margin-top: 25px;
#footer::before {
top: -25px;
height: 25px;
background-size: auto 100%;
}
}
.footer-logo {
text-align: center;
img {
width: 190px;
height: auto;
}
@media ($min-desktop-viewport) {
float: left;
height: 100%;
margin-right: 1.5rem;
}
}
.menucell li {
&:not(:last-child)::after {
content: "-";
}
a {
color: inherit;
font-weight: 600;
text-transform: uppercase;
display: inline-block;
}
}
}

View File

@ -0,0 +1,69 @@
// Custom vars
$cyan: #67C2C9;
$cyan-dark: #509CA2;
$cyan-light: #e2f6f7;
$violet: #6A488E;
$gray: #4A4F55;
$ff-ss-serif: "Baloo 2", sans-serif;
$fz-h1: 2.9em;
$fz-h2: 1.5em;
$fz-h3: 1.1em;
$fz-small: 0.85em;
// Core vars
$font-family: $ff-ss-serif;
$font-color: $violet;
$primary-color: $cyan;
$link-color: $cyan-dark;
$mobile-limit: 1024px;
$very-small-limit: 560px;
$width: 1140px;
$nav-mobile-mode: hidden;
$nav-mobile-limit: 99999px;
$nav-active-color: $violet;
$nav-border-color: none;
$nav-button-background: transparent;
$nav-button-color: $nav-active-color;
$nav-mobile-bottom-bar-background: $violet;
$nav-mobile-bottom-bar-color: white;
$nav-mobile-bottom-bar-item-hover-color: $cyan;
$title-color: $violet;
$title-transform: uppercase;
$title-weight: bold;
$title-font-size: $fz-h2;
$cell-border: 1px solid $violet;
$cell-title-cover-border: false;
$cell-entry-font-weight: 600;
$cell-entry-border-color: transparent;
$cell-entry-hover-color: $violet;
$cell-entry-hover-background: transparent;
$cell-open-foldable-icon: url(img/cell-open-foldable-icon.svg);
$cell-close-foldable-icon: url(img/cell-close-foldable-icon.svg);
$carrousel-height: 26rem !default;
$carrousel-text-position: bottom middle;
$carrousel-item-mask-color: transparent;
$carrousel-navigation-bullet-color: $violet;
$carrousel-navigation-bullet-size: 1rem;
$button-background: $violet;
$button-color: white;
$button-border: 2px solid $violet;
$button-border-radius: 2rem;
$buttons-order: cancel, previous, submit;
$widget-unique-checkbox-position: left;
$wcs-steps-small-layout-limit: 99999px;
$wcs-step-current-color: white;
$wcs-steps-spacing: 0.7rem;
$footer-background: white;
$footer-color: $violet;

View File

@ -0,0 +1,28 @@
{
"label": "Les Sables d'Olonne",
"variables": {
"pwa_display": "standalone",
"theme_color": "#67C2C9",
"email_header_asset": "emails:logo"
},
"settings": {
"combo": {
"COMBO_ASSET_SLOTS.update": {
"header:logo": {"label": "Têtière : logo"},
"emails:logo": {"label": "Emails : logo"},
"footer:logo": {"label": "Pied de page : logo"}
},
"COMBO_CELL_ASSET_SLOTS.update": {
"data_linkcell": {
"picture": {"prefix": "Icône"}
},
"wcs_trackingcodeinputcell": {
"picture": {"prefix": "Icône"}
},
"wcs_wcsformcell": {
"picture": {"prefix": "Icône"}
}
}
}
}
}

View File

@ -0,0 +1,6 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="20" height="20" version="1.1" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
<g transform="translate(0 -1103)">
<path d="m10.06 1123h0.051c0.1495-0 0.287-0.083 0.357-0.2169l7.142-13.44c0.074-0.1361 0.062-0.3031-0.028-0.4297-0.092-0.1266-0.248-0.19-0.4015-0.163l-4.838 0.8433-0.038-6.191c0-0.1077-0.044-0.2115-0.1213-0.2883-0.019-0.017-0.038-0.032-0.059-0.047-0.067-0.046-0.1468-0.071-0.2303-0.07l-3.733 0.024c-0.2236 0-0.4042 0.1819-0.407 0.4057l-0.035 6.204-4.905-0.7907c-0.1535-0.024-0.3085 0.039-0.3988 0.1671-0.089 0.1281-0.098 0.2951-0.023 0.4324l7.308 13.35c0.073 0.1291 0.2117 0.2113 0.3612 0.2113" fill="#6cc7dd" stroke-width=".1432"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 724 B

View File

@ -0,0 +1,6 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="20" height="20" version="1.1" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
<g transform="translate(0 -1103)">
<path d="m20 1112v-0.051c-0.0014-0.1495-0.0835-0.287-0.2169-0.357l-13.44-7.142c-0.1361-0.074-0.3031-0.062-0.4297 0.028-0.1266 0.092-0.1899 0.248-0.163 0.4015l0.8433 4.838-6.191 0.038c-0.1077 0-0.2116 0.044-0.2883 0.1213-0.01747 0.019-0.03237 0.038-0.04712 0.059-0.04583 0.067-0.07133 0.1468-0.07004 0.2303l0.02421 3.733c0.0014 0.2236 0.1819 0.4042 0.4056 0.407l6.204 0.035-0.7908 4.905c-0.02421 0.1535 0.0391 0.3085 0.1672 0.3988 0.128 0.089 0.2951 0.098 0.4324 0.023l13.35-7.308c0.129-0.073 0.2113-0.2117 0.2113-0.3612" fill="#6cc7dd" stroke-width=".1432"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 751 B

View File

@ -0,0 +1,5 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="263" height="335" version="1.1" viewBox="777.6 182.3 263 335" xml:space="preserve" xmlns="http://www.w3.org/2000/svg">
<g transform="translate(0 19.6)" fill="#e2f6f7" shape-rendering="auto">
<path d="m823 162.7c-0.5546 0.0373-1.098 0.226-1.562 0.5606-0.9388 0.6798-1.409 1.838-1.209 2.977l6.254 35.88-45.91 0.2793c-0.8094 0.01-1.569 0.328-2.139 0.8984-0.1296 0.1402-0.2497 0.2791-0.3496 0.4394-0.3399 0.4992-0.5301 1.09-0.5195 1.709l0.1699 27.69c0.011 1.658 1.359 2.997 3.008 3.018l46.02 0.2598-5.875 36.38c-0.1795 1.139 0.3005 2.288 1.25 2.957 0.9389 0.6596 2.177 0.7297 3.195 0.1699l98.97-54.19c0.9707-0.5406 1.579-1.569 1.568-2.678v-0.3789c0-1.109-0.6184-2.129-1.598-2.648l-99.65-52.96c-0.5045-0.2746-1.07-0.3889-1.625-0.3516zm1.514 4.82 96.64 51.36-96 52.56 5.557-34.4a4 4 0 0 0-3.926-4.639l-45.05-0.2539-0.1582-25.76 44.93-0.2734a4 4 0 0 0 3.916-4.686z" color="#000000" color-rendering="auto" dominant-baseline="auto" image-rendering="auto" solid-color="#000000" style="font-feature-settings:normal;font-variant-alternates:normal;font-variant-caps:normal;font-variant-ligatures:normal;font-variant-numeric:normal;font-variant-position:normal;isolation:auto;mix-blend-mode:normal;shape-padding:0;text-decoration-color:#000000;text-decoration-line:none;text-decoration-style:solid;text-indent:0;text-orientation:mixed;text-transform:none;white-space:normal"/><path d="m937.6 273.4c-0.5545 0.0373-1.098 0.226-1.563 0.5606-0.9389 0.6798-1.409 1.838-1.209 2.977l6.254 35.88-45.91 0.2793c-0.8095 0.01-1.57 0.328-2.139 0.8984-0.1297 0.1402-0.2496 0.2791-0.3496 0.4394-0.3399 0.4992-0.5302 1.09-0.5196 1.709l0.17 27.69c0.011 1.658 1.359 2.997 3.008 3.018l46.02 0.2598-5.875 36.38c-0.1795 1.139 0.3004 2.288 1.25 2.957 0.9389 0.6596 2.177 0.7297 3.195 0.1699l98.97-54.19c0.9708-0.5406 1.579-1.569 1.568-2.678v-0.3789c0-1.109-0.6184-2.129-1.598-2.648l-99.65-52.96c-0.5046-0.2746-1.07-0.3889-1.625-0.3516zm1.514 4.82 96.64 51.36-96 52.56 5.557-34.4a4 4 0 0 0-3.926-4.639l-45.05-0.2539-0.1583-25.76 44.93-0.2734a4 4 0 0 0 3.916-4.686z" color="#000000" color-rendering="auto" dominant-baseline="auto" image-rendering="auto" solid-color="#000000" style="font-feature-settings:normal;font-variant-alternates:normal;font-variant-caps:normal;font-variant-ligatures:normal;font-variant-numeric:normal;font-variant-position:normal;isolation:auto;mix-blend-mode:normal;shape-padding:0;text-decoration-color:#000000;text-decoration-line:none;text-decoration-style:solid;text-indent:0;text-orientation:mixed;text-transform:none;white-space:normal"/><path d="m823 384.1c-0.5547 0.0373-1.098 0.226-1.562 0.5606-0.9389 0.6798-1.409 1.838-1.209 2.977l6.254 35.88-45.91 0.2793c-0.8094 0.01-1.569 0.328-2.139 0.8984-0.1296 0.1402-0.2497 0.2791-0.3496 0.4394-0.3399 0.4992-0.5301 1.09-0.5195 1.709l0.1699 27.69c0.011 1.658 1.359 2.997 3.008 3.018l46.02 0.2598-5.875 36.38c-0.1794 1.139 0.3005 2.288 1.25 2.957 0.9389 0.6596 2.177 0.7297 3.195 0.1699l98.97-54.19c0.9707-0.5406 1.579-1.569 1.568-2.678v-0.3789c0-1.109-0.6184-2.129-1.598-2.648l-99.65-52.96c-0.5044-0.2746-1.07-0.3889-1.625-0.3516zm1.514 4.82 96.64 51.36-96 52.56 5.557-34.4a4 4 0 0 0-3.926-4.639l-45.05-0.2539-0.1582-25.76 44.93-0.2734a4 4 0 0 0 3.916-4.686z" color="#000000" color-rendering="auto" dominant-baseline="auto" image-rendering="auto" solid-color="#000000" style="font-feature-settings:normal;font-variant-alternates:normal;font-variant-caps:normal;font-variant-ligatures:normal;font-variant-numeric:normal;font-variant-position:normal;isolation:auto;mix-blend-mode:normal;shape-padding:0;text-decoration-color:#000000;text-decoration-line:none;text-decoration-style:solid;text-indent:0;text-orientation:mixed;text-transform:none;white-space:normal"/></g>
</svg>

After

Width:  |  Height:  |  Size: 3.7 KiB

View File

@ -0,0 +1,248 @@
<?xml version="1.0" encoding="iso-8859-1"?>
<!-- Generator: Adobe Illustrator 24.3.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="777.577 182.304 3982.379 315.398" style="enable-background:new 777.577 182.304 3982.379 315.398;"
xml:space="preserve">
<g>
<path style="fill:#6CC7DD;" d="M1025.127,343.26l-0.01-0.348c0-1.044-0.574-2.004-1.505-2.502l-93.818-49.862
c-0.95-0.508-2.116-0.433-3.001,0.207c-0.884,0.63-1.326,1.721-1.138,2.794l5.888,33.778l-43.222,0.273
c-0.752,0-1.477,0.301-2.013,0.847c-0.122,0.122-0.226,0.254-0.329,0.404c-0.32,0.47-0.498,1.035-0.489,1.618l0.169,26.065
c0.009,1.561,1.27,2.822,2.831,2.831l43.316,0.254l-5.521,34.248c-0.169,1.072,0.273,2.145,1.166,2.775
c0.894,0.63,2.06,0.696,3.019,0.169l93.178-51.029C1024.553,345.273,1025.127,344.304,1025.127,343.26"/>
<path style="fill:#6CC7DD;" d="M1274.475,343.26v-0.348c-0.009-1.044-0.583-2.004-1.514-2.502l-93.808-49.862
c-0.96-0.508-2.126-0.433-3.01,0.207c-0.875,0.63-1.326,1.721-1.129,2.794l5.888,33.778l-43.231,0.273
c-0.752,0-1.477,0.301-2.004,0.847c-0.132,0.122-0.235,0.254-0.339,0.404c-0.31,0.47-0.489,1.035-0.489,1.618l0.169,26.065
c0.009,1.561,1.27,2.822,2.831,2.831l43.325,0.254l-5.531,34.248c-0.169,1.072,0.273,2.145,1.167,2.775
c0.894,0.63,2.06,0.696,3.019,0.169l93.178-51.029C1273.911,345.273,1274.485,344.304,1274.475,343.26"/>
<path style="fill:#6CC7DD;" d="M1523.823,343.26v-0.348c-0.01-1.044-0.583-2.004-1.505-2.502l-93.818-49.862
c-0.959-0.508-2.126-0.433-3.01,0.207c-0.875,0.63-1.317,1.721-1.129,2.794l5.888,33.778l-43.231,0.273
c-0.753,0-1.467,0.301-2.004,0.847c-0.132,0.122-0.235,0.254-0.329,0.404c-0.32,0.47-0.499,1.035-0.499,1.618l0.169,26.065
c0.009,1.561,1.279,2.822,2.831,2.831l43.325,0.254l-5.531,34.248c-0.169,1.072,0.282,2.145,1.167,2.775
c0.894,0.63,2.06,0.696,3.019,0.169l93.178-51.029C1523.259,345.273,1523.833,344.304,1523.823,343.26"/>
<path style="fill:#6CC7DD;" d="M1773.18,343.26l-0.009-0.348c0-1.044-0.583-2.004-1.505-2.502l-93.818-49.862
c-0.95-0.508-2.116-0.433-3.001,0.207c-0.884,0.63-1.326,1.721-1.138,2.794l5.888,33.778l-43.222,0.273
c-0.752,0-1.477,0.301-2.013,0.847c-0.122,0.122-0.226,0.254-0.329,0.404c-0.32,0.47-0.499,1.035-0.489,1.618l0.16,26.065
c0.019,1.561,1.279,2.822,2.841,2.831l43.316,0.254l-5.531,34.248c-0.169,1.072,0.282,2.145,1.176,2.775
c0.884,0.63,2.06,0.696,3.01,0.169l93.178-51.029C1772.606,345.273,1773.18,344.304,1773.18,343.26"/>
<path style="fill:#6CC7DD;" d="M917.212,235.355v-0.357c-0.009-1.044-0.583-2.004-1.514-2.493l-93.808-49.862
c-0.959-0.517-2.126-0.433-3.01,0.197c-0.875,0.64-1.317,1.731-1.129,2.803l5.888,33.778l-43.231,0.263
c-0.752,0.009-1.467,0.31-2.004,0.847c-0.132,0.132-0.235,0.263-0.329,0.414c-0.32,0.47-0.499,1.025-0.499,1.608l0.169,26.065
c0.009,1.561,1.27,2.822,2.831,2.841l43.325,0.245l-5.531,34.248c-0.169,1.072,0.282,2.154,1.166,2.784
c0.894,0.621,2.06,0.687,3.019,0.16l93.178-51.019C916.648,237.368,917.222,236.399,917.212,235.355"/>
<path style="fill:#6CC7DD;" d="M1166.56,235.355v-0.357c0-1.044-0.583-2.004-1.505-2.493l-93.818-49.862
c-0.95-0.517-2.126-0.433-3.001,0.197c-0.884,0.64-1.326,1.731-1.138,2.803l5.888,33.778l-43.222,0.263
c-0.762,0.009-1.477,0.31-2.013,0.847c-0.122,0.132-0.235,0.263-0.329,0.414c-0.32,0.47-0.499,1.025-0.489,1.608l0.16,26.065
c0.009,1.561,1.279,2.822,2.831,2.841l43.325,0.245l-5.531,34.248c-0.169,1.072,0.282,2.154,1.176,2.784
c0.884,0.621,2.051,0.687,3.01,0.16l93.178-51.019C1165.996,237.368,1166.57,236.399,1166.56,235.355"/>
<path style="fill:#6CC7DD;" d="M1415.918,235.355v-0.357c-0.01-1.044-0.583-2.004-1.515-2.493l-93.818-49.862
c-0.95-0.517-2.116-0.433-3.001,0.197c-0.884,0.64-1.326,1.731-1.138,2.803l5.888,33.778l-43.222,0.263
c-0.753,0.009-1.477,0.31-2.013,0.847c-0.122,0.132-0.226,0.263-0.329,0.414c-0.32,0.47-0.498,1.025-0.489,1.608l0.169,26.065
c0.009,1.561,1.27,2.822,2.831,2.841l43.316,0.245l-5.521,34.248c-0.169,1.072,0.273,2.154,1.167,2.784
c0.894,0.621,2.06,0.687,3.019,0.16l93.178-51.019C1415.344,237.368,1415.918,236.399,1415.918,235.355"/>
<path style="fill:#6CC7DD;" d="M1665.266,235.355v-0.357c-0.01-1.044-0.583-2.004-1.515-2.493l-93.808-49.862
c-0.959-0.517-2.126-0.433-3.01,0.197c-0.875,0.64-1.326,1.731-1.129,2.803l5.888,33.778l-43.231,0.263
c-0.753,0.009-1.477,0.31-2.004,0.847c-0.132,0.132-0.235,0.263-0.339,0.414c-0.31,0.47-0.489,1.025-0.489,1.608l0.169,26.065
c0.009,1.561,1.27,2.822,2.831,2.841l43.325,0.245l-5.531,34.248c-0.169,1.072,0.273,2.154,1.167,2.784
c0.894,0.621,2.06,0.687,3.019,0.16l93.178-51.019C1664.701,237.368,1665.275,236.399,1665.266,235.355"/>
<path style="fill:#6CC7DD;" d="M917.212,443.807v-0.357c-0.009-1.044-0.583-2.004-1.514-2.502l-93.808-49.862
c-0.959-0.508-2.126-0.423-3.01,0.207c-0.875,0.63-1.317,1.731-1.129,2.794l5.888,33.787l-43.231,0.263
c-0.752,0-1.467,0.31-2.004,0.847c-0.132,0.132-0.235,0.263-0.329,0.404c-0.32,0.48-0.499,1.035-0.499,1.618l0.169,26.065
c0.009,1.561,1.27,2.822,2.831,2.831l43.325,0.254l-5.531,34.248c-0.169,1.072,0.282,2.145,1.166,2.784
c0.894,0.621,2.06,0.687,3.019,0.16l93.178-51.029C916.648,445.82,917.222,444.851,917.212,443.807"/>
<path style="fill:#6CC7DD;" d="M1166.56,443.807v-0.357c0-1.044-0.583-2.004-1.505-2.502l-93.818-49.862
c-0.95-0.508-2.126-0.423-3.001,0.207c-0.884,0.63-1.326,1.731-1.138,2.794l5.888,33.787l-43.222,0.263
c-0.762,0-1.477,0.31-2.013,0.847c-0.122,0.132-0.235,0.263-0.329,0.404c-0.32,0.48-0.499,1.035-0.489,1.618l0.16,26.065
c0.009,1.561,1.279,2.822,2.831,2.831l43.325,0.254l-5.531,34.248c-0.169,1.072,0.282,2.145,1.176,2.784
c0.884,0.621,2.051,0.687,3.01,0.16l93.178-51.029C1165.996,445.82,1166.57,444.851,1166.56,443.807"/>
<path style="fill:#6CC7DD;" d="M1415.918,443.807v-0.357c-0.01-1.044-0.583-2.004-1.515-2.502l-93.818-49.862
c-0.95-0.508-2.116-0.423-3.001,0.207c-0.884,0.63-1.326,1.731-1.138,2.794l5.888,33.787l-43.222,0.263
c-0.753,0-1.477,0.31-2.013,0.847c-0.122,0.132-0.226,0.263-0.329,0.404c-0.32,0.48-0.498,1.035-0.489,1.618l0.169,26.065
c0.009,1.561,1.27,2.822,2.831,2.831l43.316,0.254l-5.521,34.248c-0.169,1.072,0.273,2.145,1.167,2.784
c0.894,0.621,2.06,0.687,3.019,0.16l93.178-51.029C1415.344,445.82,1415.918,444.851,1415.918,443.807"/>
<path style="fill:#6CC7DD;" d="M1665.266,443.807v-0.357c-0.01-1.044-0.583-2.004-1.515-2.502l-93.808-49.862
c-0.959-0.508-2.126-0.423-3.01,0.207c-0.875,0.63-1.326,1.731-1.129,2.794l5.888,33.787l-43.231,0.263
c-0.753,0-1.477,0.31-2.004,0.847c-0.132,0.132-0.235,0.263-0.339,0.404c-0.31,0.48-0.489,1.035-0.489,1.618l0.169,26.065
c0.009,1.561,1.27,2.822,2.831,2.831l43.325,0.254l-5.531,34.248c-0.169,1.072,0.273,2.145,1.167,2.784
c0.894,0.621,2.06,0.687,3.019,0.16l93.178-51.029C1664.701,445.82,1665.275,444.851,1665.266,443.807"/>
<path style="fill:#6CC7DD;" d="M2020.718,343.26v-0.348c-0.01-1.044-0.583-2.004-1.515-2.502l-93.808-49.862
c-0.959-0.508-2.126-0.433-3.01,0.207c-0.875,0.63-1.326,1.721-1.129,2.794l5.888,33.778l-43.231,0.273
c-0.753,0-1.477,0.301-2.004,0.847c-0.132,0.122-0.235,0.254-0.339,0.404c-0.31,0.47-0.489,1.035-0.489,1.618l0.169,26.065
c0.009,1.561,1.27,2.822,2.831,2.831l43.325,0.254l-5.531,34.248c-0.169,1.072,0.273,2.145,1.167,2.775
c0.894,0.63,2.06,0.696,3.019,0.169l93.178-51.029C2020.154,345.273,2020.728,344.304,2020.718,343.26"/>
<path style="fill:#6CC7DD;" d="M2270.067,343.26v-0.348c-0.01-1.044-0.583-2.004-1.505-2.502l-93.818-49.862
c-0.959-0.508-2.126-0.433-3.01,0.207c-0.875,0.63-1.317,1.721-1.129,2.794l5.888,33.778l-43.231,0.273
c-0.753,0-1.468,0.301-2.004,0.847c-0.132,0.122-0.235,0.254-0.329,0.404c-0.32,0.47-0.499,1.035-0.499,1.618l0.169,26.065
c0.01,1.561,1.279,2.822,2.831,2.831l43.325,0.254l-5.531,34.248c-0.169,1.072,0.282,2.145,1.167,2.775
c0.894,0.63,2.06,0.696,3.02,0.169l93.178-51.029C2269.502,345.273,2270.076,344.304,2270.067,343.26"/>
<path style="fill:#6CC7DD;" d="M2519.424,343.26l-0.01-0.348c0-1.044-0.583-2.004-1.505-2.502l-93.818-49.862
c-0.95-0.508-2.116-0.433-3.001,0.207c-0.884,0.63-1.326,1.721-1.138,2.794l5.888,33.778l-43.222,0.273
c-0.753,0-1.477,0.301-2.013,0.847c-0.122,0.122-0.226,0.254-0.329,0.404c-0.32,0.47-0.499,1.035-0.489,1.618l0.16,26.065
c0.019,1.561,1.279,2.822,2.841,2.831l43.315,0.254l-5.531,34.248c-0.169,1.072,0.282,2.145,1.176,2.775
c0.884,0.63,2.06,0.696,3.01,0.169l93.178-51.029C2518.85,345.273,2519.424,344.304,2519.424,343.26"/>
<path style="fill:#6CC7DD;" d="M2768.772,343.26v-0.348c-0.009-1.044-0.583-2.004-1.514-2.502l-93.808-49.862
c-0.96-0.508-2.126-0.433-3.01,0.207c-0.875,0.63-1.326,1.721-1.129,2.794l5.879,33.778l-43.222,0.273
c-0.752,0-1.477,0.301-2.013,0.847c-0.122,0.122-0.226,0.254-0.329,0.404c-0.32,0.47-0.489,1.035-0.489,1.618l0.169,26.065
c0.01,1.561,1.27,2.822,2.832,2.831l43.316,0.254l-5.521,34.248c-0.169,1.072,0.273,2.145,1.167,2.775
c0.894,0.63,2.06,0.696,3.019,0.169l93.178-51.029C2768.198,345.273,2768.781,344.304,2768.772,343.26"/>
<path style="fill:#6CC7DD;" d="M1912.804,235.355v-0.357c0-1.044-0.583-2.004-1.505-2.493l-93.818-49.862
c-0.95-0.517-2.126-0.433-3.001,0.197c-0.884,0.64-1.326,1.731-1.138,2.803l5.888,33.778l-43.222,0.263
c-0.762,0.009-1.477,0.31-2.013,0.847c-0.122,0.132-0.235,0.263-0.329,0.414c-0.32,0.47-0.499,1.025-0.489,1.608l0.16,26.065
c0.009,1.561,1.279,2.822,2.831,2.841l43.325,0.245l-5.531,34.248c-0.169,1.072,0.282,2.154,1.176,2.784
c0.884,0.621,2.051,0.687,3.01,0.16l93.178-51.019C1912.24,237.368,1912.814,236.399,1912.804,235.355"/>
<path style="fill:#6CC7DD;" d="M2162.162,235.355v-0.357c-0.01-1.044-0.583-2.004-1.514-2.493l-93.818-49.862
c-0.95-0.517-2.116-0.433-3.001,0.197c-0.884,0.64-1.326,1.731-1.138,2.803l5.888,33.778l-43.222,0.263
c-0.752,0.009-1.477,0.31-2.013,0.847c-0.122,0.132-0.226,0.263-0.329,0.414c-0.32,0.47-0.499,1.025-0.489,1.608l0.169,26.065
c0.01,1.561,1.27,2.822,2.831,2.841l43.316,0.245l-5.521,34.248c-0.169,1.072,0.273,2.154,1.167,2.784
c0.894,0.621,2.06,0.687,3.019,0.16l93.178-51.019C2161.588,237.368,2162.162,236.399,2162.162,235.355"/>
<path style="fill:#6CC7DD;" d="M2411.509,235.355v-0.357c-0.01-1.044-0.583-2.004-1.515-2.493l-93.808-49.862
c-0.959-0.517-2.126-0.433-3.01,0.197c-0.875,0.64-1.326,1.731-1.129,2.803l5.888,33.778l-43.231,0.263
c-0.753,0.009-1.477,0.31-2.004,0.847c-0.132,0.132-0.235,0.263-0.339,0.414c-0.31,0.47-0.489,1.025-0.489,1.608l0.169,26.065
c0.01,1.561,1.27,2.822,2.831,2.841l43.325,0.245l-5.531,34.248c-0.169,1.072,0.273,2.154,1.167,2.784
c0.894,0.621,2.06,0.687,3.02,0.16l93.178-51.019C2410.945,237.368,2411.518,236.399,2411.509,235.355"/>
<path style="fill:#6CC7DD;" d="M2660.857,235.355v-0.357c-0.01-1.044-0.583-2.004-1.505-2.493l-93.818-49.862
c-0.96-0.517-2.126-0.433-3.01,0.197c-0.875,0.64-1.317,1.731-1.129,2.803l5.888,33.778l-43.222,0.263
c-0.762,0.009-1.477,0.31-2.013,0.847c-0.132,0.132-0.235,0.263-0.329,0.414c-0.32,0.47-0.498,1.025-0.498,1.608l0.169,26.065
c0.01,1.561,1.28,2.822,2.832,2.841l43.325,0.245l-5.531,34.248c-0.169,1.072,0.282,2.154,1.167,2.784
c0.894,0.621,2.06,0.687,3.019,0.16l93.178-51.019C2660.292,237.368,2660.866,236.399,2660.857,235.355"/>
<path style="fill:#6CC7DD;" d="M1912.804,443.807v-0.357c0-1.044-0.583-2.004-1.505-2.502l-93.818-49.862
c-0.95-0.508-2.126-0.423-3.001,0.207c-0.884,0.63-1.326,1.731-1.138,2.794l5.888,33.787l-43.222,0.263
c-0.762,0-1.477,0.31-2.013,0.847c-0.122,0.132-0.235,0.263-0.329,0.404c-0.32,0.48-0.499,1.035-0.489,1.618l0.16,26.065
c0.009,1.561,1.279,2.822,2.831,2.831l43.325,0.254l-5.531,34.248c-0.169,1.072,0.282,2.145,1.176,2.784
c0.884,0.621,2.051,0.687,3.01,0.16l93.178-51.029C1912.24,445.82,1912.814,444.851,1912.804,443.807"/>
<path style="fill:#6CC7DD;" d="M2162.162,443.807v-0.357c-0.01-1.044-0.583-2.004-1.514-2.502l-93.818-49.862
c-0.95-0.508-2.116-0.423-3.001,0.207c-0.884,0.63-1.326,1.731-1.138,2.794l5.888,33.787l-43.222,0.263
c-0.752,0-1.477,0.31-2.013,0.847c-0.122,0.132-0.226,0.263-0.329,0.404c-0.32,0.48-0.499,1.035-0.489,1.618l0.169,26.065
c0.01,1.561,1.27,2.822,2.831,2.831l43.316,0.254l-5.521,34.248c-0.169,1.072,0.273,2.145,1.167,2.784
c0.894,0.621,2.06,0.687,3.019,0.16l93.178-51.029C2161.588,445.82,2162.162,444.851,2162.162,443.807"/>
<path style="fill:#6CC7DD;" d="M2411.509,443.807v-0.357c-0.01-1.044-0.583-2.004-1.515-2.502l-93.808-49.862
c-0.959-0.508-2.126-0.423-3.01,0.207c-0.875,0.63-1.326,1.731-1.129,2.794l5.888,33.787l-43.231,0.263
c-0.753,0-1.477,0.31-2.004,0.847c-0.132,0.132-0.235,0.263-0.339,0.404c-0.31,0.48-0.489,1.035-0.489,1.618l0.169,26.065
c0.01,1.561,1.27,2.822,2.831,2.831l43.325,0.254l-5.531,34.248c-0.169,1.072,0.273,2.145,1.167,2.784
c0.894,0.621,2.06,0.687,3.02,0.16l93.178-51.029C2410.945,445.82,2411.518,444.851,2411.509,443.807"/>
<path style="fill:#6CC7DD;" d="M2660.857,443.807v-0.357c-0.01-1.044-0.583-2.004-1.505-2.502l-93.818-49.862
c-0.96-0.508-2.126-0.423-3.01,0.207c-0.875,0.63-1.317,1.731-1.129,2.794l5.888,33.787l-43.222,0.263
c-0.762,0-1.477,0.31-2.013,0.847c-0.132,0.132-0.235,0.263-0.329,0.404c-0.32,0.48-0.498,1.035-0.498,1.618l0.169,26.065
c0.01,1.561,1.28,2.822,2.832,2.831l43.325,0.254l-5.531,34.248c-0.169,1.072,0.282,2.145,1.167,2.784
c0.894,0.621,2.06,0.687,3.019,0.16l93.178-51.029C2660.292,445.82,2660.866,444.851,2660.857,443.807"/>
<path style="fill:#6CC7DD;" d="M3016.311,343.26v-0.348c-0.01-1.044-0.583-2.004-1.505-2.502l-93.818-49.862
c-0.959-0.508-2.126-0.433-3.01,0.207c-0.875,0.63-1.317,1.721-1.129,2.794l5.888,33.778l-43.231,0.273
c-0.753,0-1.468,0.301-2.004,0.847c-0.132,0.122-0.235,0.254-0.329,0.404c-0.32,0.47-0.498,1.035-0.498,1.618l0.169,26.065
c0.01,1.561,1.279,2.822,2.832,2.831l43.325,0.254l-5.531,34.248c-0.169,1.072,0.282,2.145,1.167,2.775
c0.894,0.63,2.06,0.696,3.019,0.169l93.178-51.029C3015.746,345.273,3016.32,344.304,3016.311,343.26"/>
<path style="fill:#6CC7DD;" d="M3265.668,343.26l-0.01-0.348c0-1.044-0.583-2.004-1.505-2.502l-93.818-49.862
c-0.95-0.508-2.116-0.433-3.001,0.207c-0.884,0.63-1.326,1.721-1.138,2.794l5.888,33.778l-43.222,0.273
c-0.753,0-1.477,0.301-2.013,0.847c-0.122,0.122-0.226,0.254-0.329,0.404c-0.32,0.47-0.498,1.035-0.489,1.618l0.16,26.065
c0.019,1.561,1.279,2.822,2.841,2.831l43.315,0.254l-5.531,34.248c-0.169,1.072,0.282,2.145,1.176,2.775
c0.884,0.63,2.06,0.696,3.01,0.169l93.178-51.029C3265.094,345.273,3265.668,344.304,3265.668,343.26"/>
<path style="fill:#6CC7DD;" d="M3515.015,343.26v-0.348c-0.01-1.044-0.583-2.004-1.514-2.502l-93.808-49.862
c-0.96-0.508-2.126-0.433-3.01,0.207c-0.875,0.63-1.326,1.721-1.129,2.794l5.879,33.778l-43.222,0.273
c-0.753,0-1.477,0.301-2.013,0.847c-0.122,0.122-0.226,0.254-0.329,0.404c-0.32,0.47-0.489,1.035-0.489,1.618l0.169,26.065
c0.01,1.561,1.27,2.822,2.832,2.831l43.315,0.254l-5.521,34.248c-0.169,1.072,0.273,2.145,1.167,2.775
c0.894,0.63,2.06,0.696,3.019,0.169l93.178-51.029C3514.441,345.273,3515.024,344.304,3515.015,343.26"/>
<path style="fill:#6CC7DD;" d="M3764.364,343.26v-0.348c-0.01-1.044-0.583-2.004-1.515-2.502l-93.808-49.862
c-0.959-0.508-2.126-0.433-3.01,0.207c-0.875,0.63-1.317,1.721-1.129,2.794l5.888,33.778l-43.231,0.273
c-0.753,0-1.468,0.301-2.004,0.847c-0.132,0.122-0.235,0.254-0.329,0.404c-0.32,0.47-0.498,1.035-0.498,1.618l0.169,26.065
c0.01,1.561,1.27,2.822,2.832,2.831l43.325,0.254l-5.531,34.248c-0.169,1.072,0.282,2.145,1.167,2.775
c0.894,0.63,2.06,0.696,3.019,0.169l93.178-51.029C3763.799,345.273,3764.373,344.304,3764.364,343.26"/>
<path style="fill:#6CC7DD;" d="M2908.405,235.355v-0.357c-0.009-1.044-0.583-2.004-1.514-2.493l-93.818-49.862
c-0.95-0.517-2.116-0.433-3,0.197c-0.884,0.64-1.326,1.731-1.138,2.803l5.888,33.778l-43.222,0.263
c-0.752,0.009-1.477,0.31-2.013,0.847c-0.122,0.132-0.226,0.263-0.329,0.414c-0.32,0.47-0.498,1.025-0.489,1.608l0.169,26.065
c0.01,1.561,1.27,2.822,2.832,2.841l43.316,0.245l-5.521,34.248c-0.169,1.072,0.273,2.154,1.167,2.784
c0.894,0.621,2.06,0.687,3.019,0.16l93.178-51.019C2907.831,237.368,2908.405,236.399,2908.405,235.355"/>
<path style="fill:#6CC7DD;" d="M3157.753,235.355v-0.357c-0.01-1.044-0.583-2.004-1.515-2.493l-93.808-49.862
c-0.959-0.517-2.126-0.433-3.01,0.197c-0.875,0.64-1.326,1.731-1.129,2.803l5.888,33.778l-43.231,0.263
c-0.753,0.009-1.477,0.31-2.004,0.847c-0.132,0.132-0.235,0.263-0.339,0.414c-0.31,0.47-0.489,1.025-0.489,1.608l0.169,26.065
c0.01,1.561,1.27,2.822,2.832,2.841l43.325,0.245l-5.531,34.248c-0.169,1.072,0.273,2.154,1.167,2.784
c0.894,0.621,2.06,0.687,3.019,0.16l93.178-51.019C3157.188,237.368,3157.762,236.399,3157.753,235.355"/>
<path style="fill:#6CC7DD;" d="M3407.101,235.355v-0.357c-0.009-1.044-0.583-2.004-1.505-2.493l-93.818-49.862
c-0.96-0.517-2.126-0.433-3.01,0.197c-0.875,0.64-1.317,1.731-1.129,2.803l5.888,33.778l-43.222,0.263
c-0.762,0.009-1.477,0.31-2.013,0.847c-0.132,0.132-0.235,0.263-0.329,0.414c-0.32,0.47-0.498,1.025-0.498,1.608l0.169,26.065
c0.01,1.561,1.28,2.822,2.832,2.841l43.325,0.245l-5.531,34.248c-0.169,1.072,0.282,2.154,1.167,2.784
c0.894,0.621,2.06,0.687,3.019,0.16l93.178-51.019C3406.537,237.368,3407.11,236.399,3407.101,235.355"/>
<path style="fill:#6CC7DD;" d="M3656.459,235.355l-0.01-0.357c0-1.044-0.583-2.004-1.505-2.493l-93.818-49.862
c-0.95-0.517-2.116-0.433-3,0.197c-0.884,0.64-1.326,1.731-1.138,2.803l5.888,33.778l-43.222,0.263
c-0.753,0.009-1.477,0.31-2.013,0.847c-0.122,0.132-0.226,0.263-0.329,0.414c-0.32,0.47-0.498,1.025-0.489,1.608l0.16,26.065
c0.019,1.561,1.279,2.822,2.841,2.841l43.315,0.245l-5.521,34.248c-0.169,1.072,0.273,2.154,1.167,2.784
c0.884,0.621,2.06,0.687,3.01,0.16l93.188-51.019C3655.885,237.368,3656.459,236.399,3656.459,235.355"/>
<path style="fill:#6CC7DD;" d="M2908.405,443.807v-0.357c-0.009-1.044-0.583-2.004-1.514-2.502l-93.818-49.862
c-0.95-0.508-2.116-0.423-3,0.207c-0.884,0.63-1.326,1.731-1.138,2.794l5.888,33.787l-43.222,0.263
c-0.752,0-1.477,0.31-2.013,0.847c-0.122,0.132-0.226,0.263-0.329,0.404c-0.32,0.48-0.498,1.035-0.489,1.618l0.169,26.065
c0.01,1.561,1.27,2.822,2.832,2.831l43.316,0.254l-5.521,34.248c-0.169,1.072,0.273,2.145,1.167,2.784
c0.894,0.621,2.06,0.687,3.019,0.16l93.178-51.029C2907.831,445.82,2908.405,444.851,2908.405,443.807"/>
<path style="fill:#6CC7DD;" d="M3157.753,443.807v-0.357c-0.01-1.044-0.583-2.004-1.515-2.502l-93.808-49.862
c-0.959-0.508-2.126-0.423-3.01,0.207c-0.875,0.63-1.326,1.731-1.129,2.794l5.888,33.787l-43.231,0.263
c-0.753,0-1.477,0.31-2.004,0.847c-0.132,0.132-0.235,0.263-0.339,0.404c-0.31,0.48-0.489,1.035-0.489,1.618l0.169,26.065
c0.01,1.561,1.27,2.822,2.832,2.831l43.325,0.254l-5.531,34.248c-0.169,1.072,0.273,2.145,1.167,2.784
c0.894,0.621,2.06,0.687,3.019,0.16l93.178-51.029C3157.188,445.82,3157.762,444.851,3157.753,443.807"/>
<path style="fill:#6CC7DD;" d="M3407.101,443.807v-0.357c-0.009-1.044-0.583-2.004-1.505-2.502l-93.818-49.862
c-0.96-0.508-2.126-0.423-3.01,0.207c-0.875,0.63-1.317,1.731-1.129,2.794l5.888,33.787l-43.222,0.263
c-0.762,0-1.477,0.31-2.013,0.847c-0.132,0.132-0.235,0.263-0.329,0.404c-0.32,0.48-0.498,1.035-0.498,1.618l0.169,26.065
c0.01,1.561,1.28,2.822,2.832,2.831l43.325,0.254l-5.531,34.248c-0.169,1.072,0.282,2.145,1.167,2.784
c0.894,0.621,2.06,0.687,3.019,0.16l93.178-51.029C3406.537,445.82,3407.11,444.851,3407.101,443.807"/>
<path style="fill:#6CC7DD;" d="M3656.459,443.807l-0.01-0.357c0-1.044-0.583-2.004-1.505-2.502l-93.818-49.862
c-0.95-0.508-2.116-0.423-3,0.207s-1.326,1.731-1.138,2.794l5.888,33.787l-43.222,0.263c-0.753,0-1.477,0.31-2.013,0.847
c-0.122,0.132-0.226,0.263-0.329,0.404c-0.32,0.48-0.498,1.035-0.489,1.618l0.16,26.065c0.019,1.561,1.279,2.822,2.841,2.831
l43.315,0.254l-5.521,34.248c-0.169,1.072,0.273,2.145,1.167,2.784c0.884,0.621,2.06,0.687,3.01,0.16l93.188-51.029
C3655.885,445.82,3656.459,444.851,3656.459,443.807"/>
<path style="fill:#6CC7DD;" d="M4011.911,343.26l-0.01-0.348c0-1.044-0.583-2.004-1.505-2.502l-93.818-49.862
c-0.95-0.508-2.116-0.433-3.001,0.207c-0.884,0.63-1.326,1.721-1.138,2.794l5.888,33.778l-43.222,0.273
c-0.753,0-1.477,0.301-2.013,0.847c-0.122,0.122-0.226,0.254-0.329,0.404c-0.32,0.47-0.499,1.035-0.489,1.618l0.16,26.065
c0.019,1.561,1.279,2.822,2.841,2.831l43.315,0.254l-5.531,34.248c-0.169,1.072,0.282,2.145,1.176,2.775
c0.884,0.63,2.06,0.696,3.01,0.169l93.188-51.029C4011.337,345.273,4011.911,344.304,4011.911,343.26"/>
<path style="fill:#6CC7DD;" d="M4261.259,343.26v-0.348c-0.009-1.044-0.583-2.004-1.514-2.502l-93.809-49.862
c-0.959-0.508-2.126-0.433-3.01,0.207c-0.875,0.63-1.326,1.721-1.128,2.794l5.888,33.778l-43.231,0.273
c-0.753,0-1.477,0.301-2.013,0.847c-0.123,0.122-0.226,0.254-0.329,0.404c-0.32,0.47-0.489,1.035-0.489,1.618l0.169,26.065
c0.009,1.561,1.27,2.822,2.832,2.831l43.315,0.254l-5.521,34.248c-0.169,1.072,0.273,2.145,1.167,2.775
c0.894,0.63,2.06,0.696,3.019,0.169l93.179-51.029C4260.686,345.273,4261.269,344.304,4261.259,343.26"/>
<path style="fill:#6CC7DD;" d="M4510.607,343.26v-0.348c-0.009-1.044-0.583-2.004-1.515-2.502l-93.808-49.862
c-0.96-0.508-2.126-0.433-3.01,0.207c-0.875,0.63-1.317,1.721-1.128,2.794l5.888,33.778l-43.23,0.273
c-0.753,0-1.468,0.301-2.004,0.847c-0.132,0.122-0.235,0.254-0.329,0.404c-0.32,0.47-0.499,1.035-0.499,1.618l0.169,26.065
c0.01,1.561,1.27,2.822,2.832,2.831l43.325,0.254l-5.531,34.248c-0.169,1.072,0.282,2.145,1.167,2.775
c0.894,0.63,2.06,0.696,3.019,0.169l93.178-51.029C4510.043,345.273,4510.617,344.304,4510.607,343.26"/>
<path style="fill:#6CC7DD;" d="M4759.956,343.26v-0.348c0-1.044-0.583-2.004-1.505-2.502l-93.817-49.862
c-0.95-0.508-2.126-0.433-3.001,0.207c-0.884,0.63-1.326,1.721-1.138,2.794l5.888,33.778l-43.222,0.273
c-0.762,0-1.477,0.301-2.013,0.847c-0.123,0.122-0.235,0.254-0.329,0.404c-0.32,0.47-0.499,1.035-0.489,1.618l0.16,26.065
c0.01,1.561,1.279,2.822,2.841,2.831l43.316,0.254l-5.531,34.248c-0.169,1.072,0.282,2.145,1.176,2.775
c0.885,0.63,2.051,0.696,3.01,0.169l93.178-51.029C4759.391,345.273,4759.965,344.304,4759.956,343.26"/>
<path style="fill:#6CC7DD;" d="M3903.997,235.355v-0.357c-0.01-1.044-0.583-2.004-1.514-2.493l-93.808-49.862
c-0.96-0.517-2.126-0.433-3.01,0.197c-0.875,0.64-1.326,1.731-1.129,2.803l5.888,33.778l-43.231,0.263
c-0.753,0.009-1.477,0.31-2.004,0.847c-0.132,0.132-0.235,0.263-0.339,0.414c-0.31,0.47-0.489,1.025-0.489,1.608l0.169,26.065
c0.01,1.561,1.27,2.822,2.832,2.841l43.325,0.245l-5.531,34.248c-0.169,1.072,0.273,2.154,1.167,2.784
c0.894,0.621,2.06,0.687,3.019,0.16l93.178-51.019C3903.432,237.368,3904.006,236.399,3903.997,235.355"/>
<path style="fill:#6CC7DD;" d="M4153.345,235.355v-0.357c-0.009-1.044-0.583-2.004-1.505-2.493l-93.818-49.862
c-0.959-0.517-2.126-0.433-3.01,0.197c-0.875,0.64-1.317,1.731-1.129,2.803l5.888,33.778l-43.222,0.263
c-0.762,0.009-1.477,0.31-2.013,0.847c-0.132,0.132-0.235,0.263-0.329,0.414c-0.32,0.47-0.498,1.025-0.498,1.608l0.169,26.065
c0.01,1.561,1.279,2.822,2.832,2.841l43.325,0.245l-5.531,34.248c-0.169,1.072,0.282,2.154,1.167,2.784
c0.894,0.621,2.06,0.687,3.019,0.16l93.178-51.019C4152.781,237.368,4153.354,236.399,4153.345,235.355"/>
<path style="fill:#6CC7DD;" d="M4402.702,235.355l-0.009-0.357c0-1.044-0.583-2.004-1.505-2.493l-93.818-49.862
c-0.95-0.517-2.117-0.433-3.001,0.197c-0.884,0.64-1.326,1.731-1.138,2.803l5.889,33.778l-43.222,0.263
c-0.753,0.009-1.477,0.31-2.013,0.847c-0.123,0.132-0.226,0.263-0.329,0.414c-0.32,0.47-0.499,1.025-0.489,1.608l0.16,26.065
c0.019,1.561,1.279,2.822,2.841,2.841l43.315,0.245l-5.521,34.248c-0.169,1.072,0.273,2.154,1.167,2.784
c0.884,0.621,2.06,0.687,3.01,0.16l93.188-51.019C4402.128,237.368,4402.702,236.399,4402.702,235.355"/>
<path style="fill:#6CC7DD;" d="M4652.05,235.355v-0.357c-0.01-1.044-0.583-2.004-1.515-2.493l-93.809-49.862
c-0.959-0.517-2.126-0.433-3.01,0.197c-0.875,0.64-1.326,1.731-1.129,2.803l5.888,33.778l-43.231,0.263
c-0.752,0.009-1.477,0.31-2.013,0.847c-0.122,0.132-0.226,0.263-0.329,0.414c-0.32,0.47-0.489,1.025-0.489,1.608l0.169,26.065
c0.009,1.561,1.27,2.822,2.832,2.841l43.325,0.245l-5.531,34.248c-0.169,1.072,0.273,2.154,1.167,2.784
c0.894,0.621,2.06,0.687,3.02,0.16l93.178-51.019C4651.476,237.368,4652.059,236.399,4652.05,235.355"/>
<path style="fill:#6CC7DD;" d="M3903.997,443.807v-0.357c-0.01-1.044-0.583-2.004-1.514-2.502l-93.808-49.862
c-0.96-0.508-2.126-0.423-3.01,0.207c-0.875,0.63-1.326,1.731-1.129,2.794l5.888,33.787l-43.231,0.263
c-0.753,0-1.477,0.31-2.004,0.847c-0.132,0.132-0.235,0.263-0.339,0.404c-0.31,0.48-0.489,1.035-0.489,1.618l0.169,26.065
c0.01,1.561,1.27,2.822,2.832,2.831l43.325,0.254l-5.531,34.248c-0.169,1.072,0.273,2.145,1.167,2.784
c0.894,0.621,2.06,0.687,3.019,0.16l93.178-51.029C3903.432,445.82,3904.006,444.851,3903.997,443.807"/>
<path style="fill:#6CC7DD;" d="M4153.345,443.807v-0.357c-0.009-1.044-0.583-2.004-1.505-2.502l-93.818-49.862
c-0.959-0.508-2.126-0.423-3.01,0.207c-0.875,0.63-1.317,1.731-1.129,2.794l5.888,33.787l-43.222,0.263
c-0.762,0-1.477,0.31-2.013,0.847c-0.132,0.132-0.235,0.263-0.329,0.404c-0.32,0.48-0.498,1.035-0.498,1.618l0.169,26.065
c0.01,1.561,1.279,2.822,2.832,2.831l43.325,0.254l-5.531,34.248c-0.169,1.072,0.282,2.145,1.167,2.784
c0.894,0.621,2.06,0.687,3.019,0.16l93.178-51.029C4152.781,445.82,4153.354,444.851,4153.345,443.807"/>
<path style="fill:#6CC7DD;" d="M4402.702,443.807l-0.009-0.357c0-1.044-0.583-2.004-1.505-2.502l-93.818-49.862
c-0.95-0.508-2.117-0.423-3.001,0.207c-0.884,0.63-1.326,1.731-1.138,2.794l5.889,33.787l-43.222,0.263
c-0.753,0-1.477,0.31-2.013,0.847c-0.123,0.132-0.226,0.263-0.329,0.404c-0.32,0.48-0.499,1.035-0.489,1.618l0.16,26.065
c0.019,1.561,1.279,2.822,2.841,2.831l43.315,0.254l-5.521,34.248c-0.169,1.072,0.273,2.145,1.167,2.784
c0.884,0.621,2.06,0.687,3.01,0.16l93.188-51.029C4402.128,445.82,4402.702,444.851,4402.702,443.807"/>
<path style="fill:#6CC7DD;" d="M4652.05,443.807v-0.357c-0.01-1.044-0.583-2.004-1.515-2.502l-93.809-49.862
c-0.959-0.508-2.126-0.423-3.01,0.207c-0.875,0.63-1.326,1.731-1.129,2.794l5.888,33.787l-43.231,0.263
c-0.752,0-1.477,0.31-2.013,0.847c-0.122,0.132-0.226,0.263-0.329,0.404c-0.32,0.48-0.489,1.035-0.489,1.618l0.169,26.065
c0.009,1.561,1.27,2.822,2.832,2.831l43.325,0.254l-5.531,34.248c-0.169,1.072,0.273,2.145,1.167,2.784
c0.894,0.621,2.06,0.687,3.02,0.16l93.178-51.029C4651.476,445.82,4652.059,444.851,4652.05,443.807"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 26 KiB

View File

@ -0,0 +1,10 @@
<?xml version="1.0" encoding="iso-8859-1"?>
<!-- Generator: Adobe Illustrator 24.3.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 1073.748 728.005" style="enable-background:new 0 0 1073.748 728.005;" xml:space="preserve">
<path style="fill:white;" d="M790.718,546.97L689.374,445.627c20.184-36.386,31.699-78.215,31.699-122.69
c0-139.921-113.834-253.755-253.755-253.755S213.563,183.016,213.563,322.937s113.834,253.756,253.755,253.756
c47.941,0,92.817-13.367,131.103-36.565l99.57,99.57c25.5,25.5,67.227,25.5,92.727,0l0,0
C816.218,614.198,816.218,572.47,790.718,546.97z M257.756,322.937c0-115.553,94.01-209.562,209.562-209.562
s209.562,94.01,209.562,209.562c0,115.554-94.01,209.564-209.562,209.564S257.756,438.491,257.756,322.937z"/>
</svg>

After

Width:  |  Height:  |  Size: 892 B

View File

@ -0,0 +1,13 @@
<?xml version="1.0" encoding="iso-8859-1"?>
<!-- Generator: Adobe Illustrator 24.3.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="-49 92.656 615.674 598.986" style="enable-background:new -49 92.656 615.674 598.986;" xml:space="preserve">
<path style="fill:white;" d="M500.532,176.598c0.254-3.427-0.513-6.937-2.386-10.04c-3.99-6.611-11.935-9.701-19.345-7.526
L6.038,297.897c-6.302,1.851-10.974,7.167-12,13.654c-1.026,6.488,1.776,12.986,7.199,16.692l192.714,131.708
c0.298,0.562,0.617,1.117,0.983,1.653l135.758,198.641c3.198,4.681,8.476,7.409,14.032,7.409c0.882,0,1.771-0.069,2.659-0.21
c6.488-1.026,11.804-5.698,13.654-12l138.864-472.763C500.496,180.662,500.685,178.605,500.532,176.598z M338.524,611.449
L230.962,454.062l53.514-53.515c2.549-2.549,4.11-5.707,4.702-9.004c1.816-5.838,0.422-12.459-4.202-17.083
c-6.639-6.64-17.402-6.64-24.041,0l-53.515,53.514L50.033,320.411l376.385-110.555L318.484,321.093
c-0.543,0.559-1.022,1.155-1.472,1.765c-5.67,6.722-5.308,16.775,1.062,23.05c6.689,6.59,17.454,6.506,24.041-0.18l106.093-107.695
L338.524,611.449z"/>
</svg>

After

Width:  |  Height:  |  Size: 1.2 KiB

View File

@ -0,0 +1,6 @@
@charset "UTF-8";
@import '../includes/fonts/baloo2';
@import 'vars';
@import '../includes/publik';
@import 'custom';

View File

@ -0,0 +1,23 @@
{% load assets %}
{% get_asset cell=cell type='picture' as asset %}
{% block cell-content %}
<a class="wcs-form-{{slug}} cell-icon--wrapper" href="{{ url }}">
{% if asset %}
<div
class="cell-icon--icon"
style="background-image: url({{asset.asset.url}})"
></div>
{% endif %}
<h2 class="cell-icon--title">{{ title }}</h2>
{% if cell.cached_json.description %}
<div class="cell-icon--text">
{{ cell.cached_json.description|safe }}
</div>
{% endif %}
</a>
{% endblock %}

View File

@ -0,0 +1,14 @@
{% load assets %}
{% get_asset cell=cell type='picture' as asset %}
<a class="cell-icon--wrapper" href="{{url}}">
{% if asset.asset.url %}
<div
class="cell-icon--icon"
style="background-image: url({{asset.asset.url}})"
></div>
{% endif %}
<h2 class="cell-icon--title">{{ title }}</h2>
{% if cell.link_page.description %}
<p class="cell-icon--text">{{ cell.link_page.description }}</p>
{% endif %}
</a>

View File

@ -0,0 +1,25 @@
{% extends "combo/wcs/tracking_code_input.html" %}
{% load assets %}
{% block cell-content %}
<div class="cell-icon--wrapper">
{{ block.super }}
</div>
{% endblock %}
{% block title %}
{% get_asset cell=cell type='picture' as asset %}
{% if asset.asset.url %}
<div
class="cell-icon--icon"
style="background-image: url({{asset.asset.url}})"
></div>
{% endif %}
<h2 class="cell-icon--title">Suivez votre demande</h2>
{% endblock %}
{% block intro-text %}{% endblock %}
{% block submit-content %}
<!-- icon via CSS -->
{% endblock %}

View File

@ -0,0 +1,49 @@
{% extends "combo/page_template.html" %}
{% load pwa %}
{# Move pwa-navigation on header #}
{% block before-main-content %}
{% endblock %}
{% block header-title %}
{{ block.super }}
{% if pwa_display == "standalone" %}
{% pwa_navigation %}
{% endif %}
{% endblock %}
{% block user-info-registration-label %}
Créer un compte
{% endblock %}
{% block header-post %}
<div class="lso-header-shadow"></div>
{% endblock %}
{% block content-pre %}
<header class="lso-page-header">
<div class="lso-page-header--content">
{% placeholder "page-header" name="Entête de la page"%}
{% if page.title %}
<div class="lso-page-header--default">
<h1>
{{ page.title }}
</h1>
{% if page.description %}
<p>
{{ page.description }}
</p>
{% endif %}
</div>
{% endif %}
</div>
<div class="lso-page-header--sidebar">
{% placeholder "page-header-sidebar" name="Barre latérale entête de la page" %}
</div>
</header>
{% endblock %}
{% block footer-top %}
<div class="footer-logo">
<img src="{{site_base}}/assets/footer:logo" alt="Les Sables d'Olonne">
</div>
{% endblock %}

View File

@ -0,0 +1,9 @@
{% extends "combo/page_template.html" %}
{% load %}
{% block content-pre %}
<div class="lso-home-carrousel--wrapper">
{% placeholder "carrousel" name="Carrousel" %}
</div>
{{ block.super }}
{% endblock %}

View File

@ -0,0 +1,7 @@
{% extends "wcs/base.html" %}
{% block extra-body-class %}{{ block.super }} wcs-page{% endblock %}
{% block page-header %}
<h1 class="mobile-only wcs-page-title">{{ title }}</h1>
{% endblock %}