Mur de lattes autoportant - Chêne Wotan - 22x90

Description

.descriptionSections { max-width: 1381px; margin: 0 auto; } .descriptionSections * { box-sizing: border-box; font-family: "Open Sans", sans-serif; } .descriptionSection { margin-bottom: 32px; } .descriptionSection--withBg { background-repeat: no-repeat; background-size: cover; background-position: center; padding: 25px; min-height: 550px; align-items: flex-start !important; } .descriptionSection--withBg * { color: black !important; } .descriptionSection--withBg .descriptionSection__column--text { margin-right: 0; margin-left: 0; } .descriptionSection--withBg .Tooltip--second { bottom: 38% !important; } @media(min-width: 500px) { .descriptionSection--withBg .Tooltip--second { left: 10% !important; } } @media(min-width: 700px) { .descriptionSection--withBg .Tooltip--second { left: 15% !important; } } @media(min-width: 1000px) { .descriptionSection--withBg .Tooltip--second { left: 20% !important; } } @media(min-width: 1260px) { .descriptionSection--withBg .Tooltip--second { left: 29% !important; } body .descriptionSection--withBg .Tooltip--second .Tooltip__text { left: -290px !important; bottom: -121px !important; top: unset !important; } } .descriptionSection--withBg .Tooltip--third { bottom: 5% !important; left: unset !important; right: 5% !important; } @media(min-width: 500px) { .descriptionSection--withBg .Tooltip--third { right: 10% !important; } } @media(min-width: 700px) { .descriptionSection--withBg .Tooltip--third { right: 15% !important; } } @media(min-width: 1260px) { .descriptionSection--withBg .Tooltip--third { right: 20% !important; } body .descriptionSection--withBg .Tooltip--third .Tooltip__text { left: 117px !important; bottom: 50px !important; top: unset !important; } } .descriptionSection--withBg .Tooltip--third .Tooltip__circle { margin-left: auto; } .descriptionSection--withBg .Tooltip .Tooltip__text { position: absolute; top: 40px !important; } .descriptionSection--withBg .Tooltip .Tooltip__text * { color: white !important; } .descriptionSection__column--image { position: relative; } @media(max-width: 767px) { .descriptionSection__column--mobileMarginTop { margin-top: 40px; } } .descriptionSection__column--text .wrapper { max-width: 480px; margin: 0 auto; } .descriptionSection figure { margin: 0; width: 100%; aspect-ratio: 1 / 1; } .descriptionSection img { width: 100%; height: 100%; object-fit: cover; } .descriptionSection h2 { font-size: 24px; line-height: 36px; margin-top: 0; margin-bottom: 16px; font-weight: 600; } .descriptionSection h3 { font-size: 18px; line-height: 28px; margin-bottom: 8px; margin-top: 0; font-weight: 600; } .descriptionSection p { font-size: 14px; line-height: 25px; color: #777777; } .descriptionSection .bigger-text { font-size: 18px; line-height: 28px; margin-bottom: 32px; } .descriptionSection .Tooltip { position: absolute; bottom: 0; left: 0; width: 100%; max-width: 272px; z-index: 3; } .descriptionSection .Tooltip--first { display: flex; flex-direction: column; align-items: center; left: 1%; bottom: 40%; } .descriptionSection .Tooltip--first .Tooltip__text { margin-top: 16px; position: absolute; top: 30px; } @media(min-width: 1260px) { .descriptionSection .Tooltip--first { left: 17%; bottom: 9%; } .descriptionSection .Tooltip--first .Tooltip__text { position: unset !important; } } .descriptionSection .Tooltip--fourth { display: flex; align-items: center; bottom: unset; top: 20%; left: 24%; max-width: 220px; } .descriptionSection .Tooltip--fourth .Tooltip__text { position: absolute; top: 40px; } @media(min-width: 1260px) { .descriptionSection .Tooltip--fourth { max-width: 330px; bottom: unset; top: 15%; left: 29%; } .descriptionSection .Tooltip--fourth .Tooltip__text { margin-left: 16px; position: unset !important; } } .descriptionSection .Tooltip--fifth { display: flex; align-items: center; flex-direction: column-reverse; bottom: 36%; left: 50%; transform: translateX(-50%); } .descriptionSection .Tooltip--fifth .Tooltip__text { margin-bottom: 16px; } .descriptionSection .Tooltip .Tooltip__circle { cursor: pointer; min-width: 32px; min-height: 32px; max-width: 32px; max-height: 32px; background-color: rgba(0, 0, 0, 0.48); border-radius: 50%; position: relative; } .descriptionSection .Tooltip .Tooltip__circle::before { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 15px; height Read more