diff --git a/mentions-legales.css b/mentions-legales.css
index b74484ebadbd74f68a91fe43096bcfd302083df5..467874c969861d7fc9b42701b2f7331574246b37 100644
--- a/mentions-legales.css
+++ b/mentions-legales.css
@@ -1,22 +1,13 @@
.main-cta {
- overflow-y: hidden;
-}
+ overflow-y: hidden; }
.content-txt {
- padding: 1rem 0;
-}
+ padding: 1rem 0; }
h2 {
margin-bottom: 0.5rem;
margin-top: 1.25rem;
- color: #f1c017 !important;
-}
-
-a {
- color: #f1c017;
- text-decoration: none;
-}
+ color: #f1c017 !important; }
p {
- line-height: 120%;
-}
+ line-height: 120%; }
diff --git a/mentions-legales.html b/mentions-legales.html
index 9f1de1a2461ea76e7b772d58070959234f58e2b6..6c1a86799eaa5fdd9c276baf807f3b8d3d3937a0 100644
--- a/mentions-legales.html
+++ b/mentions-legales.html
@@ -39,9 +39,7 @@
Mentions légales du site Ecolyo de la Métropole de Lyon
</h2>
<p class="text-16-white-padding">
- Site Ecolyo de la Métropole de Lyon : <a href="www.ecolyo.com"
- >www.ecolyo.com</a
- ><br />
+ Site Ecolyo de la Métropole de Lyon : www.ecolyo.com<br />
Métropole de Lyon - 20 rue du Lac – CS 33569 - 69505 Lyon cedex
03<br />
Tél : (33) 4 78 63 40 40
@@ -134,35 +132,25 @@
</p>
<h2 class="text-18-white">
- Établissements de liens vers le site
- <a href="www.ecolyo.com">www.ecolyo.com</a>
+ Établissements de liens vers le site www.ecolyo.com
</h2>
<p class="text-16-white-padding">
La Métropole de Lyon autorise la mise en place d'un lien hypertexte
- vers son site
- <a href="www.ecolyo.com">www.ecolyo.com</a>Â pour tous les sites
- Internet, Ã l'exclusion de ceux diffusant des informations Ã
- caractère polémique, pornographique, xénophobe ou pouvant, dans une
- plus large mesure porter atteinte à la sensibilité du plus grand
- nombre.<br />
+ vers son site www.ecolyo.com pour tous les sites Internet, Ã
+ l'exclusion de ceux diffusant des informations à caractère
+ polémique, pornographique, xénophobe ou pouvant, dans une plus large
+ mesure porter atteinte à la sensibilité du plus grand nombre.<br />
Le lien doit aboutir à la page d'accueil du site (home page) et le
- site
- <a href="www.ecolyo.com">www.ecolyo.com</a> doit apparaître dans une
- nouvelle fenêtre. Les pages du site
- <a href="www.ecolyo.com">www.ecolyo.com</a>Â ne doivent en aucun cas
- être intégrées à l'intérieur des pages d'un autre site (Frame).<br />
+ site www.ecolyo.com doit apparaître dans une nouvelle fenêtre. Les
+ pages du site www.ecolyo.com ne doivent en aucun cas être intégrées
+ à l'intérieur des pages d'un autre site (Frame).<br />
Dans tous les cas d'espèce, la Métropole de Lyon se réserve le droit
de demander la suppression d'un lien si elle estime que le site
cible ne respecte pas les règles ainsi définies.
</p>
<h2 class="text-18-white">
- Liens vers des sites tiers depuis le site
- <a
- href="www.ecolyo.com
-www.ecolyo.com"
- >www.ecolyo.com</a
- >
+ Liens vers des sites tiers depuis le site www.ecolyo.com
</h2>
<p class="text-16-white-padding">
Les liens hypertextes mis en Å“uvre au sein du site en direction
diff --git a/mentions-legales.scss b/mentions-legales.scss
index 00cf5d46cb217cd4eda1cdb3991f4ed10b0758aa..564fba5586d50bd98760f018239e7c8968742153 100644
--- a/mentions-legales.scss
+++ b/mentions-legales.scss
@@ -14,11 +14,6 @@ h2 {
color: $yellow !important;
}
-a {
- color: $yellow;
- text-decoration: none;
-}
-
p {
line-height: 120%;
}
diff --git a/style.css b/style.css
index 3aa933906d8e6a555a59116ab296ae395aeb3f74..9a22074569a832fa51ca5ca1333dac0cc7a920ab 100644
--- a/style.css
+++ b/style.css
@@ -1,124 +1,94 @@
-/* line 2, experimentation-page.scss */
.experimentation-page li {
list-style-type: none; }
-/* line 5, experimentation-page.scss */
.experimentation-page ul {
padding: 0; }
-/* line 8, experimentation-page.scss */
.experimentation-page a {
text-decoration: none; }
-/* line 11, experimentation-page.scss */
.experimentation-page img {
max-width: 100%; }
-/* line 14, experimentation-page.scss */
.experimentation-page p {
font-size: 1rem;
color: rgba(255, 255, 255, 0.9);
line-height: 1.5; }
-/* line 19, experimentation-page.scss */
.experimentation-page .green {
color: #4dab9a; }
-/* line 22, experimentation-page.scss */
.experimentation-page .orange {
color: #ffa344; }
-/* line 25, experimentation-page.scss */
.experimentation-page .pink {
color: #e255a1; }
-/* line 28, experimentation-page.scss */
.experimentation-page .blue {
color: #529cca; }
-/* line 31, experimentation-page.scss */
.experimentation-page .red {
color: #ff7369; }
-/* line 34, experimentation-page.scss */
.experimentation-page .yellow {
color: #f1c017; }
-/* line 37, experimentation-page.scss */
.experimentation-page .purple {
color: #9a6dd7; }
-/* line 40, experimentation-page.scss */
.experimentation-page .icon, .experimentation-page .icon-tools::before, .experimentation-page .icon-folded-hands::before, .experimentation-page .icon-star-struck::before, .experimentation-page .icon-light-bulb::before, .experimentation-page .icon-glass::before, .experimentation-page .icon-target::before, .experimentation-page .icon-speak::before, .experimentation-page .icon-wink::before, .experimentation-page .icon-alert::before, .experimentation-page .icon-tree::before, .experimentation-page .icon-note::before, .experimentation-page .icon-wrestling::before, .experimentation-page .icon-microscope::before, .experimentation-page .icon-link::before, .experimentation-page .icon-file-cabinet::before {
padding-left: 0.75rem; }
- /* line 42, experimentation-page.scss */
.experimentation-page .icon::before, .experimentation-page .icon-tools::before, .experimentation-page .icon-folded-hands::before, .experimentation-page .icon-star-struck::before, .experimentation-page .icon-light-bulb::before, .experimentation-page .icon-glass::before, .experimentation-page .icon-target::before, .experimentation-page .icon-speak::before, .experimentation-page .icon-wink::before, .experimentation-page .icon-alert::before, .experimentation-page .icon-tree::before, .experimentation-page .icon-note::before, .experimentation-page .icon-wrestling::before, .experimentation-page .icon-microscope::before, .experimentation-page .icon-link::before, .experimentation-page .icon-file-cabinet::before {
content: "";
display: inline-block;
width: 17px;
height: 17px; }
- /* line 48, experimentation-page.scss */
.experimentation-page .icon-tools::before {
background: url("assets/icon-tools.png") no-repeat;
background-size: contain; }
- /* line 53, experimentation-page.scss */
.experimentation-page .icon-folded-hands::before {
background: url("assets/icon-folded-hands.png") no-repeat;
background-size: contain; }
- /* line 58, experimentation-page.scss */
.experimentation-page .icon-star-struck::before {
background: url("assets/icon-star-struck.png") no-repeat;
background-size: contain; }
- /* line 63, experimentation-page.scss */
.experimentation-page .icon-light-bulb::before {
background: url("assets/icon-lightbulb.png") no-repeat;
background-size: contain; }
- /* line 68, experimentation-page.scss */
.experimentation-page .icon-glass::before {
background: url("assets/glass.svg") no-repeat;
background-size: contain; }
- /* line 73, experimentation-page.scss */
.experimentation-page .icon-target::before {
background: url("assets/icon-target.png") no-repeat;
background-size: contain; }
- /* line 78, experimentation-page.scss */
.experimentation-page .icon-speak::before {
background: url("assets/icon-speak.png") no-repeat;
background-size: contain; }
- /* line 83, experimentation-page.scss */
.experimentation-page .icon-wink::before {
background: url("assets/icon-wink.png") no-repeat;
background-size: contain; }
- /* line 88, experimentation-page.scss */
.experimentation-page .icon-alert::before {
background: url("assets/icon-alert.png") no-repeat;
background-size: contain; }
- /* line 93, experimentation-page.scss */
.experimentation-page .icon-tree::before {
background: url("assets/icon-tree.png") no-repeat;
background-size: contain; }
- /* line 98, experimentation-page.scss */
.experimentation-page .icon-note::before {
background: url("assets/icon-note.png") no-repeat;
background-size: contain; }
- /* line 103, experimentation-page.scss */
.experimentation-page .icon-wrestling::before {
background: url("assets/icon-wrestling.png") no-repeat;
background-size: contain; }
- /* line 108, experimentation-page.scss */
.experimentation-page .icon-microscope::before {
background: url("assets/icon-microscope.png") no-repeat;
background-size: contain; }
- /* line 113, experimentation-page.scss */
.experimentation-page .icon-link::before {
background: url("assets/icon-link.png") no-repeat;
background-size: contain; }
- /* line 118, experimentation-page.scss */
.experimentation-page .icon-file-cabinet::before {
background: url("assets/icon-file-cabinet.png") no-repeat;
background-size: contain; }
-/* line 124, experimentation-page.scss */
.experimentation-page h2,
.experimentation-page h3,
.experimentation-page h4 {
@@ -126,42 +96,34 @@
padding-bottom: 0.75rem;
border-bottom: 1px solid rgba(255, 255, 255, 0.07); }
-/* line 131, experimentation-page.scss */
.experimentation-page h2 {
font-size: 1.875em;
line-height: 1.3;
margin-bottom: 0.75rem; }
-/* line 136, experimentation-page.scss */
.experimentation-page h3,
.experimentation-page h4 {
font-size: 1rem;
line-height: 1.5;
margin-bottom: 1rem; }
-/* line 142, experimentation-page.scss */
.experimentation-page header {
height: calc(15vh + 75px);
overflow: hidden; }
@media (min-width: 768px) {
- /* line 142, experimentation-page.scss */
.experimentation-page header {
height: calc(20vh + 75px); } }
@media (min-width: 1200px) {
- /* line 142, experimentation-page.scss */
.experimentation-page header {
height: calc(30vh + 80px); } }
-/* line 152, experimentation-page.scss */
.experimentation-page .item {
border: 1px solid rgba(255, 255, 255, 0.07);
padding: 1rem; }
-/* line 156, experimentation-page.scss */
.experimentation-page .banner-exp {
height: 100%;
width: 100%; }
- /* line 159, experimentation-page.scss */
.experimentation-page .banner-exp img {
display: inline-block;
object-fit: cover;
@@ -169,33 +131,27 @@
height: 380px;
object-position: 20% 25%; }
-/* line 167, experimentation-page.scss */
.experimentation-page main,
.experimentation-page footer {
background: #2f3437; }
-/* line 171, experimentation-page.scss */
.experimentation-page .wrapper {
width: 100%;
padding: 0 1rem; }
@media (min-width: 1200px) {
- /* line 171, experimentation-page.scss */
.experimentation-page .wrapper {
max-width: 900px;
margin: 0 auto;
padding: 0 6rem; } }
-/* line 180, experimentation-page.scss */
.experimentation-page h1 {
font-size: 2rem;
padding-top: 5.2rem;
position: relative;
margin-bottom: 2.5rem; }
@media (min-width: 768px) {
- /* line 180, experimentation-page.scss */
.experimentation-page h1 {
font-size: 2.5rem; } }
- /* line 188, experimentation-page.scss */
.experimentation-page h1::before {
content: url("assets/glass.svg");
display: inline-block;
@@ -204,7 +160,6 @@
top: -44px;
left: 0; }
-/* line 198, experimentation-page.scss */
.experimentation-page #intro .title {
color: #f1c017;
font-size: 1.25rem;
@@ -213,48 +168,38 @@
border: none;
padding: 0; }
-/* line 206, experimentation-page.scss */
.experimentation-page #intro p:not(.title) {
margin-bottom: 0.5rem; }
-/* line 209, experimentation-page.scss */
.experimentation-page #intro .list {
margin: 2rem 0; }
- /* line 211, experimentation-page.scss */
.experimentation-page #intro .list li {
display: flex;
flex-direction: column-reverse;
justify-content: space-between;
padding-bottom: 1.5rem; }
@media (min-width: 768px) {
- /* line 211, experimentation-page.scss */
.experimentation-page #intro .list li {
flex-direction: row;
align-items: center; } }
- /* line 221, experimentation-page.scss */
.experimentation-page #intro .list .item {
flex-basis: 80%;
color: #f1c017;
position: relative;
padding: 1rem 1rem 1rem 3rem; }
- /* line 226, experimentation-page.scss */
.experimentation-page #intro .list .item::before {
position: absolute;
left: 1rem;
top: 1rem; }
- /* line 232, experimentation-page.scss */
.experimentation-page #intro .list .item-img {
flex-basis: 20%;
text-align: center; }
- /* line 235, experimentation-page.scss */
.experimentation-page #intro .list .item-img img {
max-width: 72px; }
-/* line 242, experimentation-page.scss */
.experimentation-page #method .method-container {
margin: 2rem 0; }
-/* line 245, experimentation-page.scss */
.experimentation-page #method .method-number {
display: flex;
flex-direction: column-reverse;
@@ -262,13 +207,10 @@
padding: 0.75rem 0;
margin-bottom: 0.5rem; }
@media (min-width: 768px) {
- /* line 245, experimentation-page.scss */
.experimentation-page #method .method-number {
flex-direction: row; } }
- /* line 254, experimentation-page.scss */
.experimentation-page #method .method-number .content {
flex-basis: 70%; }
- /* line 257, experimentation-page.scss */
.experimentation-page #method .method-number .number {
text-align: center;
flex-basis: 30%;
@@ -278,126 +220,99 @@
font-weight: bold;
margin-bottom: 0.5rem; }
@media (min-width: 768px) {
- /* line 257, experimentation-page.scss */
.experimentation-page #method .method-number .number {
margin-bottom: 0; } }
-/* line 271, experimentation-page.scss */
.experimentation-page #method .tips-frame p {
color: #f1c017;
font-weight: bold;
padding-left: 2rem;
position: relative; }
- /* line 276, experimentation-page.scss */
.experimentation-page #method .tips-frame p::before {
position: absolute;
top: 0;
left: 0; }
-/* line 283, experimentation-page.scss */
.experimentation-page #method .method-test {
display: flex;
flex-direction: column;
justify-content: space-between;
margin: 1rem 0; }
@media (min-width: 768px) {
- /* line 283, experimentation-page.scss */
.experimentation-page #method .method-test {
flex-direction: row; } }
- /* line 291, experimentation-page.scss */
.experimentation-page #method .method-test .container-img,
.experimentation-page #method .method-test p {
flex-basis: 48%; }
- /* line 295, experimentation-page.scss */
.experimentation-page #method .method-test .container-img {
margin-bottom: 0.5rem; }
@media (min-width: 768px) {
- /* line 295, experimentation-page.scss */
.experimentation-page #method .method-test .container-img {
margin-bottom: 0; } }
-/* line 303, experimentation-page.scss */
.experimentation-page .tips-frame {
padding: 1rem;
background: rgba(69, 75, 78, 0.3); }
-/* line 308, experimentation-page.scss */
.experimentation-page #results h3 {
font-size: 1.25rem;
line-height: 1.3;
margin-top: 1.5rem; }
-/* line 313, experimentation-page.scss */
.experimentation-page #results .usages {
margin: 2rem 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.07);
padding-bottom: 0.5rem; }
- /* line 317, experimentation-page.scss */
.experimentation-page #results .usages h4 {
margin-bottom: 0.5rem; }
- /* line 320, experimentation-page.scss */
.experimentation-page #results .usages p {
font-style: italic;
color: #f1c017; }
-/* line 325, experimentation-page.scss */
.experimentation-page #results .list {
margin: 0.5rem 0; }
-/* line 328, experimentation-page.scss */
.experimentation-page #results .item {
margin-bottom: 0.5rem; }
- /* line 330, experimentation-page.scss */
.experimentation-page #results .item span,
.experimentation-page #results .item p {
position: relative;
padding-left: 2rem;
display: block; }
- /* line 335, experimentation-page.scss */
.experimentation-page #results .item span:before,
.experimentation-page #results .item p:before {
position: absolute;
top: 0;
left: 0; }
-/* line 342, experimentation-page.scss */
.experimentation-page #results .consumption {
margin-bottom: 2.5rem; }
-/* line 345, experimentation-page.scss */
.experimentation-page #results .container-habits {
display: flex;
flex-direction: column;
justify-content: space-between;
margin: 1rem 0 4rem; }
@media (min-width: 768px) {
- /* line 345, experimentation-page.scss */
.experimentation-page #results .container-habits {
flex-direction: row; } }
- /* line 353, experimentation-page.scss */
.experimentation-page #results .container-habits img {
margin: 0.5rem 0; }
-/* line 357, experimentation-page.scss */
.experimentation-page #results .col-2 {
flex-basis: 48%; }
-/* line 361, experimentation-page.scss */
.experimentation-page #results .changes .icon-wink {
margin-left: 0.5rem; }
-/* line 365, experimentation-page.scss */
.experimentation-page #results .easy {
margin: 2.5rem 0; }
- /* line 367, experimentation-page.scss */
.experimentation-page #results .easy .sus {
margin-bottom: 2rem; }
- /* line 370, experimentation-page.scss */
.experimentation-page #results .easy .sus-title {
color: #f1c017;
margin: 2rem 0;
font-weight: bold; }
- /* line 375, experimentation-page.scss */
.experimentation-page #results .easy .btn-more {
color: #ffa344;
background: none;
@@ -406,10 +321,8 @@
padding-left: 0;
margin: 1rem 0;
font-size: 1rem; }
- /* line 383, experimentation-page.scss */
.experimentation-page #results .easy .btn-more:focus {
outline: none; }
- /* line 386, experimentation-page.scss */
.experimentation-page #results .easy .btn-more::before {
content: "";
display: inline-block;
@@ -420,52 +333,39 @@
border-color: transparent transparent transparent #ffa344;
margin-right: 0.5rem;
transition: 0.3s all; }
- /* line 397, experimentation-page.scss */
.experimentation-page #results .easy .btn-more.arrow-down::before {
transform: rotate(90deg); }
- /* line 401, experimentation-page.scss */
.experimentation-page #results .easy .info-sus {
display: none; }
- /* line 403, experimentation-page.scss */
.experimentation-page #results .easy .info-sus p {
color: #ffa344;
padding-left: 1rem; }
- /* line 406, experimentation-page.scss */
.experimentation-page #results .easy .info-sus p:first-child {
margin-bottom: 2.5rem; }
- /* line 410, experimentation-page.scss */
.experimentation-page #results .easy .info-sus.collapsed {
display: block; }
-/* line 415, experimentation-page.scss */
.experimentation-page #results .reasons {
margin: 2rem 0 1rem; }
-/* line 419, experimentation-page.scss */
.experimentation-page #results .container-alert h4,
.experimentation-page #results .container-alert p {
color: #ff7369; }
-/* line 424, experimentation-page.scss */
.experimentation-page #results .alert {
display: flex;
justify-content: space-between; }
- /* line 427, experimentation-page.scss */
.experimentation-page #results .alert > div:first-child {
flex-basis: 75%; }
- /* line 430, experimentation-page.scss */
.experimentation-page #results .alert > div:last-child {
flex-basis: 18%;
padding-top: 2rem; }
- /* line 435, experimentation-page.scss */
.experimentation-page #results .alert .icon-alert:before {
top: 5px; }
-/* line 441, experimentation-page.scss */
.experimentation-page #results .features ul {
margin: 3rem 0; }
-/* line 447, experimentation-page.scss */
.experimentation-page #tasks .col-task {
display: flex;
flex-direction: column;
@@ -473,101 +373,76 @@
border-bottom: 1px solid rgba(255, 255, 255, 0.07);
padding-bottom: 1rem;
margin-bottom: 2rem; }
- /* line 454, experimentation-page.scss */
.experimentation-page #tasks .col-task:nth-of-type(1) {
margin-top: 4rem; }
- /* line 457, experimentation-page.scss */
.experimentation-page #tasks .col-task .container-img {
flex-basis: 30%;
margin-bottom: 1rem; }
@media (min-width: 768px) {
- /* line 457, experimentation-page.scss */
.experimentation-page #tasks .col-task .container-img {
margin-bottom: 0; } }
- /* line 463, experimentation-page.scss */
.experimentation-page #tasks .col-task .container-img img {
max-width: 60%; }
@media (min-width: 768px) {
- /* line 463, experimentation-page.scss */
.experimentation-page #tasks .col-task .container-img img {
max-width: 100%; } }
- /* line 470, experimentation-page.scss */
.experimentation-page #tasks .col-task .task-content {
flex-basis: 70%; }
- /* line 473, experimentation-page.scss */
.experimentation-page #tasks .col-task .item {
margin-bottom: 2rem; }
- /* line 476, experimentation-page.scss */
.experimentation-page #tasks .col-task:nth-child(even) {
flex-direction: column-reverse; }
- /* line 478, experimentation-page.scss */
.experimentation-page #tasks .col-task:nth-child(even) .container-img {
padding: 0;
text-align: center; }
@media (min-width: 768px) {
- /* line 478, experimentation-page.scss */
.experimentation-page #tasks .col-task:nth-child(even) .container-img {
padding-left: 1rem;
text-align: initial; } }
- /* line 486, experimentation-page.scss */
.experimentation-page #tasks .col-task:nth-child(even) .task-content {
padding: 0; }
@media (min-width: 768px) {
- /* line 486, experimentation-page.scss */
.experimentation-page #tasks .col-task:nth-child(even) .task-content {
padding-right: 3rem; } }
- /* line 493, experimentation-page.scss */
.experimentation-page #tasks .col-task:nth-child(odd) {
flex-direction: column; }
- /* line 495, experimentation-page.scss */
.experimentation-page #tasks .col-task:nth-child(odd) .container-img {
padding: 0;
text-align: center; }
@media (min-width: 768px) {
- /* line 495, experimentation-page.scss */
.experimentation-page #tasks .col-task:nth-child(odd) .container-img {
padding-right: 1rem;
text-align: initial; } }
- /* line 503, experimentation-page.scss */
.experimentation-page #tasks .col-task:nth-child(odd) .task-content {
padding: 0; }
@media (min-width: 768px) {
- /* line 503, experimentation-page.scss */
.experimentation-page #tasks .col-task:nth-child(odd) .task-content {
padding-left: 3rem; } }
@media (min-width: 768px) {
- /* line 511, experimentation-page.scss */
.experimentation-page #tasks .col-task:nth-child(odd), .experimentation-page #tasks .col-task:nth-child(even) {
flex-direction: row; } }
-/* line 518, experimentation-page.scss */
.experimentation-page .container-team {
margin: 3rem 0; }
- /* line 520, experimentation-page.scss */
.experimentation-page .container-team .msg {
font-weight: bold;
margin-bottom: 1rem; }
- /* line 524, experimentation-page.scss */
.experimentation-page .container-team .yellow {
margin-bottom: 2rem;
font-weight: bold; }
- /* line 528, experimentation-page.scss */
.experimentation-page .container-team .text-bold {
font-weight: bold;
margin: 1.5rem 0 3rem; }
- /* line 532, experimentation-page.scss */
.experimentation-page .container-team .team {
text-align: right;
font-size: 1.25em;
line-height: 1.3;
font-weight: bold; }
-/* line 539, experimentation-page.scss */
.experimentation-page #contact-form {
width: 100%;
height: 221px; }
-/* line 3, style.scss */
* {
margin: 0;
line-height: 1;
@@ -575,24 +450,20 @@
color: white;
box-sizing: border-box; }
-/* line 10, style.scss */
svg {
overflow: visible; }
-/* line 16, style.scss */
body,
html {
overflow-x: hidden;
background: #121212; }
-/* line 66, style.scss */
.text-18-white {
font-weight: 400;
color: white;
font-size: 1.125rem;
line-height: 1.6rem; }
-/* line 72, style.scss */
.text-18-white-padding {
font-weight: 400;
padding-top: 2rem;
@@ -600,7 +471,6 @@ html {
font-size: 1.125rem;
line-height: 1.6rem; }
-/* line 79, style.scss */
.text-18-black-padding {
font-weight: 400;
padding-top: 2rem;
@@ -608,7 +478,6 @@ html {
font-size: 1.125rem;
line-height: 1.6rem; }
-/* line 86, style.scss */
.text-16-black-padding {
font-weight: 400;
padding-top: 2rem;
@@ -616,25 +485,21 @@ html {
font-size: 1rem;
line-height: 1.3rem; }
-/* line 93, style.scss */
.text-18-black {
font-weight: 400;
color: #121212;
font-size: 1.125rem;
line-height: 1.6rem; }
-/* line 99, style.scss */
.text-36-white {
font-weight: 900;
font-size: 2.25rem; }
-/* line 103, style.scss */
.text-36-black {
font-weight: 900;
font-size: 2.25rem;
color: #121212; }
-/* line 109, style.scss */
nav {
height: 80px;
width: 100%;
@@ -649,48 +514,38 @@ nav {
grid-template-columns: 1.2fr 3fr 0.3fr;
transition: all 300ms ease; }
@media all and (max-width: 1200px) {
- /* line 109, style.scss */
nav {
height: 75px; } }
- /* line 126, style.scss */
nav .main-logo {
grid-column: 1;
display: flex;
align-items: center; }
- /* line 130, style.scss */
nav .main-logo .beta-logo {
width: 60px;
margin-left: 0.7rem; }
- /* line 135, style.scss */
nav .links {
grid-column: 2;
display: flex;
align-items: center;
justify-content: center;
align-items: center; }
- /* line 140, style.scss */
nav .links > a:not(:last-child) {
margin-right: 2.5rem; }
- /* line 144, style.scss */
nav .links .navlink {
display: inline-block;
margin-right: 1.5rem;
text-decoration: none;
text-align: center; }
-/* line 152, style.scss */
.container {
padding: 0 1rem; }
@media (min-width: 1200px) {
- /* line 152, style.scss */
.container {
padding: 0; } }
-/* line 158, style.scss */
.main-cta {
min-height: 580px;
background-color: #121212; }
- /* line 161, style.scss */
.main-cta .container {
max-width: 1200px;
margin: auto;
@@ -700,13 +555,10 @@ nav {
min-height: 580px;
padding-top: 7rem; }
@media all and (min-width: 1200px) {
- /* line 161, style.scss */
.main-cta .container {
padding-top: 5rem; }
- /* line 171, style.scss */
.main-cta .container > div:not(:last-child) {
margin-right: 2rem; } }
- /* line 176, style.scss */
.main-cta .container .content-txt .button {
cursor: pointer;
display: flex;
@@ -730,69 +582,53 @@ nav {
background: radial-gradient(105.25% 64.58% at 49.68% 70.83%, rgba(226, 137, 4, 0.5) 0%, rgba(255, 255, 255, 0) 100%), #f1c017;
margin: 2rem auto; }
@media all and (min-width: 1200px) {
- /* line 41, style.scss */
.main-cta .container .content-txt .button > div:not(:last-child) {
margin-right: 1rem; } }
- /* line 45, style.scss */
.main-cta .container .content-txt .button img {
margin-right: 1rem; }
- /* line 59, style.scss */
.main-cta .container .content-txt .button:hover {
box-shadow: 0px 0px 20px 0px #f1c017; }
- /* line 62, style.scss */
.main-cta .container .content-txt .button span {
font-weight: 900; }
@media (min-width: 1200px) {
- /* line 176, style.scss */
.main-cta .container .content-txt .button {
margin: 2rem 0; } }
@media (min-width: 1200px) {
- /* line 194, style.scss */
.main-cta .container .content-txt p {
padding-right: 3rem; } }
- /* line 199, style.scss */
.main-cta .container .mobile-illu {
display: block; }
@media (min-width: 1200px) {
- /* line 199, style.scss */
.main-cta .container .mobile-illu {
display: none; } }
- /* line 205, style.scss */
.main-cta .container .content-img {
width: 100%; }
-/* line 210, style.scss */
.explanation {
min-height: 680px;
background: radial-gradient(74.83% 76.97% at 50% 13.64%, #343641 0%, #1b1c22 100%);
display: flex;
text-align: center; }
- /* line 219, style.scss */
.explanation .content {
margin: auto;
width: 100%;
padding-top: 0; }
@media (min-width: 1200px) {
- /* line 219, style.scss */
.explanation .content {
width: auto;
padding-top: 8rem; } }
- /* line 227, style.scss */
.explanation .content .compteurs {
display: flex;
align-items: center;
justify-content: center;
margin-top: 5rem; }
@media all and (min-width: 1200px) {
- /* line 233, style.scss */
.explanation .content .compteurs > *:not(:last-child) {
margin-right: 0.8rem; } }
- /* line 237, style.scss */
.explanation .content .compteurs span {
color: #a0a0a0;
text-transform: uppercase;
font-size: 1.1rem; }
- /* line 242, style.scss */
.explanation .content .compteurs .bloc {
width: 280px;
height: 280px;
@@ -805,12 +641,10 @@ nav {
display: flex;
flex-direction: column;
position: relative; }
- /* line 255, style.scss */
.explanation .content .compteurs .bloc h3 {
margin-top: 8rem;
font-weight: 900;
font-size: 2rem; }
- /* line 260, style.scss */
.explanation .content .compteurs .bloc .compteur-img {
max-height: 160px;
position: absolute;
@@ -818,62 +652,46 @@ nav {
left: 0;
right: 0;
margin: auto; }
- /* line 268, style.scss */
.explanation .content .compteurs .bloc p {
padding-top: 0.5rem; }
- /* line 271, style.scss */
.explanation .content .compteurs .bloc .provider-logo {
margin-top: auto;
display: flex;
height: 35px; }
- /* line 275, style.scss */
.explanation .content .compteurs .bloc .provider-logo img {
margin: auto; }
- /* line 280, style.scss */
.explanation .content .compteurs .elec-color {
border-color: rgba(216, 123, 57, 0.4);
transition: all 300ms ease; }
- /* line 283, style.scss */
.explanation .content .compteurs .elec-color:hover {
box-shadow: 0 0 10px 0 #d87b39; }
- /* line 286, style.scss */
.explanation .content .compteurs .elec-color h3 {
color: #d87b39; }
- /* line 290, style.scss */
.explanation .content .compteurs .gaz-color {
border-color: rgba(69, 209, 184, 0.4);
transition: all 300ms ease; }
- /* line 293, style.scss */
.explanation .content .compteurs .gaz-color:hover {
box-shadow: 0 0 10px 0 #45d1b8; }
- /* line 296, style.scss */
.explanation .content .compteurs .gaz-color h3 {
color: #45d1b8; }
- /* line 300, style.scss */
.explanation .content .compteurs .water-color {
border-color: rgba(58, 152, 236, 0.4);
transition: all 300ms ease; }
- /* line 303, style.scss */
.explanation .content .compteurs .water-color:hover {
box-shadow: 0 0 10px 0 #3a98ec; }
- /* line 306, style.scss */
.explanation .content .compteurs .water-color h3 {
color: #3a98ec; }
- /* line 311, style.scss */
.explanation .content .fluid-pipes {
margin-top: 1.5rem; }
@media (max-width: 1200px) {
- /* line 313, style.scss */
.explanation .content .fluid-pipes img {
width: 100%; } }
-/* line 321, style.scss */
.security {
background: #f1c017;
display: flex;
margin-top: -1rem;
position: relative; }
- /* line 326, style.scss */
.security:before, .security::after {
content: "";
display: inline-block;
@@ -886,17 +704,13 @@ nav {
background-repeat: repeat-x;
background-position: center;
z-index: 1; }
- /* line 340, style.scss */
.security::before {
top: -0.5rem; }
- /* line 343, style.scss */
.security:after {
bottom: -0.5rem; }
- /* line 346, style.scss */
.security .container {
max-width: 1200px;
margin: 0 auto; }
- /* line 350, style.scss */
.security .container-cloud {
display: flex;
position: relative;
@@ -904,35 +718,27 @@ nav {
justify-content: space-between;
align-items: center; }
@media (min-width: 1200px) {
- /* line 350, style.scss */
.security .container-cloud {
padding: 3rem 0; } }
- /* line 360, style.scss */
.security p {
color: #121212;
font-size: 1.5rem;
font-weight: 700;
flex-basis: 40%; }
- /* line 365, style.scss */
.security p:nth-of-type(1) {
text-align: right; }
- /* line 369, style.scss */
.security .xs-text {
display: block;
flex-basis: 100%;
text-align: center; }
@media (min-width: 1200px) {
- /* line 369, style.scss */
.security .xs-text {
display: none; } }
- /* line 377, style.scss */
.security .xl-text {
display: none; }
@media (min-width: 1200px) {
- /* line 377, style.scss */
.security .xl-text {
display: block; } }
- /* line 383, style.scss */
.security .container-img {
position: absolute;
z-index: 2;
@@ -940,52 +746,41 @@ nav {
left: 50%;
transform: translate(-50%, -50%); }
@media (max-width: 1200px) {
- /* line 383, style.scss */
.security .container-img {
top: -70px;
transform: translateX(-50%);
width: 45%; } }
- /* line 394, style.scss */
.security .container-img img {
max-width: 192px;
width: 100%;
display: inline-block; }
-/* line 401, style.scss */
.views-app {
background: radial-gradient(74.83% 76.97% at 50% 13.64%, #343641 0%, #1b1c22 100%);
padding-bottom: 5rem; }
@media (max-width: 1200px) {
- /* line 401, style.scss */
.views-app {
padding-bottom: 1rem; } }
- /* line 411, style.scss */
.views-app .content {
max-width: 945px;
width: 100%;
margin: 0 auto; }
- /* line 416, style.scss */
.views-app .fluid-pipes {
text-align: center; }
@media (max-width: 1200px) {
- /* line 416, style.scss */
.views-app .fluid-pipes {
display: none; } }
- /* line 422, style.scss */
.views-app .screens-container {
display: flex;
justify-content: center; }
@media (max-width: 1200px) {
- /* line 422, style.scss */
.views-app .screens-container {
flex-direction: column;
margin-top: 0.5rem; }
- /* line 428, style.scss */
.views-app .screens-container .screen {
text-align: center;
padding-top: 6rem;
position: relative; }
- /* line 432, style.scss */
.views-app .screens-container .screen:before, .views-app .screens-container .screen:after {
content: "";
display: inline-block;
@@ -995,67 +790,52 @@ nav {
position: absolute;
top: 0;
z-index: 1; }
- /* line 443, style.scss */
.views-app .screens-container .screen::before {
left: 48%;
transform: translateX(-50%); }
- /* line 447, style.scss */
.views-app .screens-container .screen::after {
left: 52%;
transform: translateX(-50%); }
- /* line 452, style.scss */
.views-app .screens-container img {
width: 90%;
position: relative;
z-index: 2; }
- /* line 457, style.scss */
.views-app .screens-container p {
margin: 1.5rem 0; } }
- /* line 462, style.scss */
.views-app .screens-container .screen:first-child, .views-app .screens-container .screen:last-child {
margin-top: 0; }
@media (min-width: 1200px) {
- /* line 462, style.scss */
.views-app .screens-container .screen:first-child, .views-app .screens-container .screen:last-child {
margin-top: -4rem; } }
- /* line 470, style.scss */
.views-app .screens-container .screen.consumption span {
color: #f1c017; }
- /* line 475, style.scss */
.views-app .screens-container .screen.challenge span {
color: #61f0f2; }
- /* line 480, style.scss */
.views-app .screens-container .screen.ecogesture span {
color: #7fd771; }
- /* line 486, style.scss */
.views-app p {
line-height: 24px;
font-size: 1.25rem;
text-align: center;
margin: 1.5rem 0; }
@media (min-width: 1200px) {
- /* line 486, style.scss */
.views-app p {
margin: 2rem 0 0; } }
- /* line 494, style.scss */
.views-app p span {
display: block;
font-size: 1.5rem; }
-/* line 500, style.scss */
.test-ecolyo {
background-color: black;
padding: 3.75rem 0;
display: flex;
text-align: center; }
- /* line 505, style.scss */
.test-ecolyo .container {
max-width: 1200px;
margin: auto;
display: flex;
justify-content: center;
align-items: center; }
- /* line 511, style.scss */
.test-ecolyo .container .button {
cursor: pointer;
display: flex;
@@ -1078,52 +858,40 @@ nav {
font-weight: 700;
background: radial-gradient(105.25% 64.58% at 49.68% 70.83%, rgba(226, 137, 4, 0.5) 0%, rgba(255, 255, 255, 0) 100%), #f1c017; }
@media all and (min-width: 1200px) {
- /* line 41, style.scss */
.test-ecolyo .container .button > div:not(:last-child) {
margin-right: 1rem; } }
- /* line 45, style.scss */
.test-ecolyo .container .button img {
margin-right: 1rem; }
- /* line 59, style.scss */
.test-ecolyo .container .button:hover {
box-shadow: 0px 0px 20px 0px #f1c017; }
- /* line 62, style.scss */
.test-ecolyo .container .button span {
font-weight: 900; }
- /* line 525, style.scss */
.test-ecolyo .center-button {
margin-top: 1rem;
display: flex;
justify-content: center; }
-/* line 531, style.scss */
.cloud-gl {
padding: 2rem 0 3rem;
background: #ffffff; }
- /* line 534, style.scss */
.cloud-gl .container {
max-width: 1200px;
margin: auto; }
- /* line 538, style.scss */
.cloud-gl .text-content {
max-width: 689px;
text-align: center;
margin: 0 auto; }
- /* line 543, style.scss */
.cloud-gl h2,
.cloud-gl p {
color: #121212; }
- /* line 547, style.scss */
.cloud-gl h2 {
font-size: 1.75rem;
font-weight: 900;
margin: 0.5rem 0 1rem; }
- /* line 552, style.scss */
.cloud-gl p {
line-height: 1.463rem;
padding: 0;
font-weight: 500; }
- /* line 557, style.scss */
.cloud-gl .button {
display: inline-block;
background: #ff0101;
@@ -1136,19 +904,15 @@ nav {
font-size: 1.125rem;
line-height: 1.238rem;
transition: all 0.4s; }
- /* line 569, style.scss */
.cloud-gl .button:hover {
box-shadow: 0px 0px 10px 0px #ff0101; }
- /* line 572, style.scss */
.cloud-gl .button span {
display: block; }
-/* line 577, style.scss */
footer {
min-height: 230px;
background-color: black;
width: 100%; }
- /* line 581, style.scss */
footer .content {
padding-top: 5rem;
display: flex;
@@ -1157,13 +921,10 @@ footer {
min-height: 230px;
justify-content: space-between; }
@media (max-width: 1200px) {
- /* line 581, style.scss */
footer .content {
padding-top: 2rem; } }
- /* line 591, style.scss */
footer .content h2 {
text-align: center; }
- /* line 594, style.scss */
footer .content .button {
cursor: pointer;
display: flex;
@@ -1187,19 +948,14 @@ footer {
margin-top: -6rem;
background: radial-gradient(105.25% 64.58% at 49.68% 70.83%, rgba(226, 137, 4, 0.5) 0%, rgba(255, 255, 255, 0) 100%), #f1c017; }
@media all and (min-width: 1200px) {
- /* line 41, style.scss */
footer .content .button > div:not(:last-child) {
margin-right: 1rem; } }
- /* line 45, style.scss */
footer .content .button img {
margin-right: 1rem; }
- /* line 59, style.scss */
footer .content .button:hover {
box-shadow: 0px 0px 20px 0px #f1c017; }
- /* line 62, style.scss */
footer .content .button span {
font-weight: 900; }
- /* line 608, style.scss */
footer .content .bottom {
display: flex;
align-items: center;
@@ -1207,183 +963,136 @@ footer {
justify-content: space-between;
padding: 1rem 2rem; }
@media (max-width: 1200px) {
- /* line 608, style.scss */
footer .content .bottom {
padding: 1rem; } }
- /* line 617, style.scss */
footer .content .bottom .logos-footer {
display: flex;
align-items: center; }
@media (max-width: 1200px) {
- /* line 617, style.scss */
footer .content .bottom .logos-footer {
flex-direction: column;
margin-left: 0;
width: 100%; } }
@media (min-width: 1200px) {
- /* line 617, style.scss */
footer .content .bottom .logos-footer {
flex-basis: 33.33%; } }
- /* line 629, style.scss */
footer .content .bottom .logos-footer .container-img:last-child {
display: flex;
align-items: center; }
@media (max-width: 1200px) {
- /* line 629, style.scss */
footer .content .bottom .logos-footer .container-img:last-child {
width: 100%; }
- /* line 634, style.scss */
footer .content .bottom .logos-footer .container-img:last-child img:not(.tiga) {
width: 31.33%;
margin-right: 5%; } }
- /* line 641, style.scss */
footer .content .bottom .logos-footer img:not(.tiga) {
margin-right: 2rem; }
- /* line 644, style.scss */
footer .content .bottom .logos-footer .gl {
width: 130px;
margin-right: 2rem; }
@media (max-width: 1200px) {
- /* line 644, style.scss */
footer .content .bottom .logos-footer .gl {
margin-right: 0; } }
- /* line 651, style.scss */
footer .content .bottom .logos-footer .tiga {
width: 67px; }
@media (max-width: 1200px) {
- /* line 651, style.scss */
footer .content .bottom .logos-footer .tiga {
width: 25%; } }
@media (min-width: 1200px) {
- /* line 658, style.scss */
footer .content .bottom .contact {
flex-basis: 33.33%;
text-align: center; } }
- /* line 663, style.scss */
footer .content .bottom .contact a {
color: #f1c017;
font-weight: 700; }
@media (max-width: 1200px) {
- /* line 663, style.scss */
footer .content .bottom .contact a {
display: block;
margin-top: 1rem; } }
- /* line 672, style.scss */
footer .content .bottom .legal-notice {
margin-top: 0.5rem;
text-align: center; }
- /* line 675, style.scss */
footer .content .bottom .legal-notice a {
- color: #a0a0a0;
font-weight: normal; }
- /* line 682, style.scss */
footer .content .info {
display: flex;
align-items: center;
margin-left: -5rem; }
- /* line 685, style.scss */
footer .content .info img {
margin-right: 0.3rem; }
- /* line 689, style.scss */
footer .content .info a {
text-decoration: none; }
@media (min-width: 1200px) {
- /* line 682, style.scss */
footer .content .info {
flex-basis: 33.33%;
justify-content: flex-end; } }
@media all and (max-width: 1200px) {
- /* line 701, style.scss */
.text-36-white,
.text-36-black {
font-size: 1.85rem; }
- /* line 705, style.scss */
.navlink {
display: none; }
- /* line 708, style.scss */
nav {
grid-template-columns: 1fr; }
- /* line 711, style.scss */
nav .button-column .button {
height: 44px;
max-width: 120px;
font-size: 1rem;
text-align: center;
display: none; }
- /* line 720, style.scss */
nav .main-logo {
margin: auto; }
- /* line 722, style.scss */
nav .main-logo img {
max-width: 100px; }
- /* line 724, style.scss */
nav .main-logo img:nth-child(2) {
width: 45px; }
- /* line 729, style.scss */
nav .links {
display: none; }
- /* line 733, style.scss */
.banner p {
margin-left: 0.6rem; }
- /* line 737, style.scss */
.main-cta .desktop-illu {
display: none; }
- /* line 741, style.scss */
.main-cta .container .content-img {
min-height: 0; }
- /* line 743, style.scss */
.main-cta .container .content-img .illu {
width: 100%;
margin-left: -0.5rem; }
- /* line 750, style.scss */
.explanation {
padding: 4rem 2rem; }
- /* line 753, style.scss */
.explanation .content .compteurs {
flex-direction: column; }
- /* line 755, style.scss */
.explanation .content .compteurs > div:not(.gaz-color) {
margin-bottom: 2rem; }
- /* line 759, style.scss */
.explanation .content .compteurs span {
margin-bottom: 4rem; }
- /* line 766, style.scss */
.security .container .button {
width: 100%;
font-size: 0.95rem;
padding: 1rem;
text-align: center; }
- /* line 773, style.scss */
.test-ecolyo {
padding: 2rem 0; }
- /* line 775, style.scss */
.test-ecolyo .content .button {
width: 100%;
font-size: 1.25rem;
padding: 1rem;
text-align: center; }
- /* line 784, style.scss */
footer .content .button {
margin-top: 1rem;
margin-bottom: 3rem; }
- /* line 788, style.scss */
footer .content .bottom {
flex-direction: column; }
- /* line 790, style.scss */
footer .content .bottom > div:not(:last-child) {
margin-bottom: 2rem; }
- /* line 793, style.scss */
footer .content .bottom .contact {
order: 1;
margin: auto;
text-align: center; }
- /* line 798, style.scss */
footer .content .bottom .logos-footer {
order: 2;
max-width: 250px;
margin-left: 1.5rem; }
- /* line 803, style.scss */
footer .content .bottom .info {
margin-left: 0;
order: 3;
diff --git a/style.scss b/style.scss
index cf638e249584ad46e26f4c08e1ca843c2ec4aabb..f8889ad718e0e0cb738187c637c977c5e644667f 100644
--- a/style.scss
+++ b/style.scss
@@ -673,7 +673,6 @@ footer {
margin-top: 0.5rem;
text-align: center;
a {
- color: $grey;
font-weight: normal;
}
}