/* 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 {
color: #f1c017;
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;
width: 100%;
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;
width: 78px;
position: absolute;
top: -44px;
left: 0; }
/* line 198, experimentation-page.scss */
.experimentation-page #intro .title {
color: #f1c017;
font-size: 1.25rem;
margin-bottom: 2rem;
font-style: italic;
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;
justify-content: space-between;
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%;
font-size: 1.5em;
line-height: 1.3;
color: #f1c017;
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;
border: none;
cursor: pointer;
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;
width: 0;
height: 0;
border-style: solid;
border-width: 5.5px 0 5.5px 9.5px;
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;
justify-content: space-between;
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;
font-family: "Lato", sans-serif;
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;
color: white;
font-size: 1.125rem;
line-height: 1.6rem; }
/* line 79, style.scss */
.text-18-black-padding {
font-weight: 400;
padding-top: 2rem;
color: #121212;
font-size: 1.125rem;
line-height: 1.6rem; }
/* line 86, style.scss */
.text-16-black-padding {
font-weight: 400;
padding-top: 2rem;
color: #121212;
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%;
padding: 1rem;
position: fixed;
top: 0;
z-index: 100;
background: radial-gradient(74.83% 76.97% at 50% 13.64%, #343641 0%, #1b1c22 100%);
display: grid;
justify-items: end;
align-items: center;
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;
display: flex;
justify-content: center;
align-items: center;
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;
text-decoration: none;
align-items: center;
justify-content: space-between;
background: #f1c017;
color: #121212;
border-radius: 2px;
width: 100%;
height: 56px;
max-width: fit-content;
padding: 1rem;
margin: 2rem 0;
border: 0;
transition: all 400ms ease;
font-size: 1.25rem;
text-align: center;
justify-content: center;
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;
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;
padding: 0.5rem 0.5rem 1rem 0.5rem;
border: solid 1px;
text-align: center;
background: linear-gradient(180deg, #323339 0%, #25262b 100%);
box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.55);
border-radius: 4px;
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;
top: -3rem;
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;
position: absolute;
width: 100%;
height: 10px;
left: 0;
background-image: url("assets/pattern-dot.svg");
background-color: #b97715;
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;
padding: 7rem 0 2rem;
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;
top: 50%;
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;
height: 100px;
width: 1px;
background: #f1c017;
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;
text-decoration: none;
align-items: center;
justify-content: space-between;
background: #f1c017;
color: #121212;
border-radius: 2px;
width: 100%;
height: 56px;
max-width: fit-content;
padding: 1rem;
margin: 2rem 0;
border: 0;
transition: all 400ms ease;
font-size: 1.25rem;
text-align: center;
justify-content: center;
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;
text-align: center;
border-radius: 4px;
padding: 0.5rem 1.25rem;
margin-top: 1.25rem;
text-decoration: none;
max-width: 221px;
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;
flex-direction: column;
align-items: center;
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;
text-decoration: none;
align-items: center;
justify-content: space-between;
background: #f1c017;
color: #121212;
border-radius: 2px;
width: 100%;
height: 56px;
max-width: fit-content;
padding: 1rem;
margin: 2rem 0;
border: 0;
transition: all 400ms ease;
font-size: 1.25rem;
text-align: center;
justify-content: center;
font-weight: 700;
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;
width: 100%;
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;
transform: scale(0.8); } }