Les indices d'une opération organisée sur les réseaux sociaux
body.full-width-experience .post > *:not(.post__content, .post-subscribe),
body.full-width-experience > .alert-messages{
display: none;
}
body.full-width-experience .post-show > .main-grid > .post {
padding: 0;
/* grid-template-columns: none; */
gap: 0;
}
body.full-width-experience .post-show > .main-grid > .post > * {
margin-top: 0;
/* grid-column: auto; */
}
body.full-width-experience section.snippet {
position: relative;
width: 100vw;
left: 50%;
margin-left: -50vw;
margin-right: 0;
margin-block: 0;
clip-path: inset(0);
}
@media only screen and (min-width: 1000px) {
body.full-width-experience section.snippet {
margin-left: calc(-50vw + 16px);
}
}
a,
a:hover,
a:visited {
color: white;
}
#story {
--post-content-title-link-color: white;
}
#features p {
--post-content-title-link-color: #333;
}
#map {
top: 0;
height: 100vh;
width: 100vw;
position: fixed;
}
#features h3 {
font-family: "General Sans", "Inter", sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 1.2;
color: #111;
}
#features p {
font-family: "General Sans", "Inter", sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 1.6;
color: #333;
}
#header strong,
#header b,
#features strong,
#features b,
.story-gallery strong,
.story-gallery b {
font-family: inherit;
font-weight: 600;
}
#header {
width: 100%;
height: 100vh;
margin: 0 auto;
position: relative;
z-index: 5;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
background: linear-gradient(
to bottom,
rgba(0, 0, 0, 0.7) 0%,
rgba(0, 0, 0, 0) 100%
);
}
#header h1,
#header h2,
#header p {
margin: 0;
padding: 1vh 2vw;
color: #fff;
/*text-shadow: 0 2px 10px rgba(0,0,0,0.5);*/
}
#header h1 {
font-family: "Financier Text", "Merriweather", serif;
font-size: 58px;
font-weight: 500;
line-height: 56px;
}
#header h2 {
font-family: "General Sans", "Inter", sans-serif;
font-size: 30px;
font-weight: 300;
line-height: 1.3;
}
#footer {
width: 100%;
min-height: 5vh;
box-sizing: border-box;
padding: 2vh 2vh;
text-align: center;
position: relative;
z-index: 5;
background-color: rgba(0, 0, 0, 0.5);
color: white;
}
#footer p {
margin: 0;
padding: 0;
}
#features {
position: relative;
z-index: 5;
padding-top: 10vh;
padding-bottom: 10vh;
isolation: isolate;
}
.hidden {
visibility: hidden;
}
.centered {
width: 50vw;
margin: 0 auto;
}
.lefty {
width: 33vw;
margin-left: 5vw;
}
.righty {
width: 33vw;
margin-left: 62vw;
}
.fully {
width: 100%;
margin: auto;
}
.light {
color: #444;
background-color: #fafafa;
border-radius: 10px;
}
.dark {
color: #fafafa;
background-color: #444;
}
.step {
position: relative;
z-index: 1;
padding-bottom: 50vh;
opacity: 0.45;
transition: opacity 0.25s ease;
}
.step.active {
z-index: 2;
opacity: 1;
}
.step > div {
padding: 25px 50px;
line-height: 25px;
font-size: 13px;
}
#header .header-byline {
margin: 0;
}
#header.header-byline-hidden .visualization-signature {
opacity: 0;
transform: translateY(8px);
pointer-events: none;
}
.step img { display:block; width:100%; height:auto; margin:12px 0 14px; object-fit:cover; }
.step img.chapter-image { width:var(--chapter-image-width-desktop,100%); margin-right:auto; margin-left:auto; }
.step img.chapter-image--desktop-left { margin-right:auto; margin-left:0; }
.step img.chapter-image--desktop-right { margin-right:0; margin-left:auto; }
.chapter-graphic-frame { position:relative; display:block; width:100%; height:600px; margin:12px 0 14px; overflow:hidden; border:0; background:transparent; }
.step div.chapter-graphic-frame { box-sizing:border-box; max-width:100%; padding:0; line-height:normal; font-size:inherit; }
.step > div.graphic-only { padding:0; border-radius:0; background:transparent; box-shadow:none; }
.step > div.graphic-only .chapter-graphic-frame { margin-top:0; margin-bottom:0; }
#features p.chapter-image-caption {
width:var(--chapter-image-width-desktop,100%);
margin: 6px 0 14px;
color: #737b84;
font-size: 12px;
line-height: 1.45;
}
#features p.chapter-image-caption--desktop-left { margin-right:auto; margin-left:0; text-align:left; }
#features p.chapter-image-caption--desktop-center { margin-right:auto; margin-left:auto; text-align:left; }
#features p.chapter-image-caption--desktop-right { margin-right:0; margin-left:auto; text-align:left
Pour offrir la meilleure expérience, nous utilisons des technologies telles que les cookies afin de stocker et/ou d’accéder à des informations sur votre appareil. En consentant à ces technologies, vous nous permettez de traiter des données telles que votre comportement de navigation ou des identifiants uniques sur ce site. Ne pas consentir ou retirer son consentement peut affecter négativement certaines fonctionnalités et fonctions.