D121E Noir, Support de bureau pour écrans de 13″ à 34″, 8 kg max la livraison gratuite

Description

D121E Noir, Support de bureau pour écrans de 13″ à 34″, 8 kg max
.main-content-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
}

#content-layout {
max-width: 1280px;
width: 100%;
font-size: 16px;
}

.iframe {
max-width: 1280px;
width: 100%;
margin-bottom: 30px;
border-radius: 16px;
height: clamp(12.5em, 20.833vw + 8.333em, 25em) !important;
border: none;
}

.layout-header {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
}

.layout-header__img {
width: 100%;
}

.layout-header__content-wrap {
position: absolute;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
}

@media screen and (max-width: 480px) {
.layout-header__content-wrap {
text-align: center;
}
}

.layout-header__content-wrap .layout-header__logo {
width: clamp(11.25em, 21.354vw + 6.979em, 24.063em);
}

.layout-header__content-wrap .layout-header__title {
font-size: clamp(0.813em, 1.458vw + 0.521em, 1.688em);
font-weight: 500;
color: #000 !important;
text-align: center;
margin: 0.5em 0 !important;
}

@media screen and (max-width: 480px) {
.layout-header__content-wrap .layout-header__title {
text-align: center;
}
}

.layout-header__content-wrap .layout-header__subtitle {
width: 100%;
font-size: clamp(0.813em, 1.607vw + 0.491em, 1.938em);
font-weight: 400;
text-align: center;
margin: 0;
color: #000 !important;
line-height: 1;
}

@media screen and (max-width: 480px) {
.layout-header__content-wrap .layout-header__subtitle {
margin-bottom: 1em;
}
}

.layout-header_mob {
display: none;
}

.layout-icons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-sizing: border-box !important;
box-sizing: border-box !important;
padding: 0 8% !important;
width: 100%;
list-style-type: none;
gap: 10px;
margin: 0 !important;
margin-top: 20% !important;
margin-bottom: 0 !important;
}

.layout-icons .layout-icons__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0 !important;
}

@media screen and (max-width: 480px) {
.layout-icons .layout-icons__item:nth-child(2n) {
margin-top: clamp(3.75em, 10vw + 0.75em, 9.75em) !important;
}
}

.layout-icons .layout-icons__item .item__img-wrapper {
height: clamp(2.375em, 6.354vw + 1.104em, 6.188em);
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

.layout-icons .layout-icons__item .item__img-wrapper .item__img {
height: 100%;
}

.layout-icons .layout-icons__item .item__title {
text-align: center;
font-size: clamp(0.25em, 1.354vw – 0.021em, 1.063em);
color: #fff;
margin: 12px 0 !important;
font-weight: 400;
z-index: 99;
}

.layout-icons .layout-icons__item .item__desc {
font-size: clamp(0.25em, 1.354vw – 0.021em, 1.063em);
}

@media screen and (max-width: 480px) {
.layout-icons .layout-icons__item .item__img-wrapper {
height: clamp(1.375em, 6.354vw + 0.104em, 6.188em);
}
}

.full-img {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
margin: 19.8px 0 !important;
}

.full-img__img {
width: 100%;
}

.full-img__content-box {
position: absolute;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
height: 100%;
}

.full-img__content-box .content-box__title {
color: #fff;
font-size: clamp(1.06em, 4.688vw + 0.125em, 3.87em);
font-weight: 500 !important;
margin: 1rem 0;
line-height: 1;
}

.start {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}

.center-horizontal {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}

.end {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}

.top {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}

.center-vertical {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}

.bottom {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}

.content-box-block4 .content-box__title,
.content-box-block5 .content-box__title,
.content-box-block6 .content-box__title,
.content-box-block7 .content-box__title,
.content-box-block1 .content-box__title {
margin: 4%;
}

@media screen and (max-width: 480px) {
.full-img {
margin: 12px 0 !important;
}
}

.content-box-block2 .content-box__title {
font-size: clamp(1.063em, 4.479vw + 0.167em, 3.75em);
margin-right: 9%;
margin-bottom: 3%;
}

@media screen and (max-width: 480px) {
.content-box-block2-mob {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}

.content-box-block2-mob .content-box__title {
margin: 4%;
}
}

@media screen and (max-width: 480px) {
.content-box-block4 {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}

.content-box-block4 .content-box__title {
margin: 17%;
}
}

@media screen and (max-width: 480px) {
.content-box-block5 .content-box__title {
margin-bottom: 17%;
}
}

@media screen and (max-width: 480px) {
.content-box-block6 {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}

.grid-layout {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
gap: 12px;
margin: 1% 0 !important;
}

.grid-layout__grid-item {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
color: #fff;
-webkit-box-flex: 2;
-ms-flex: 2 40%;
flex: 2 40%;
}

@media screen and (max-width: 480px) {
.grid-layout__grid-item {
-webkit-box-flex: 1;
-ms-flex: 1 100%;
flex: 1 100%;
}
}

.grid-layout__grid-item .grid-item__img {
width: 100%;
border-radius: 16px;
}

.grid-layout__grid-item .grid-item__title {
position: absolute;
color: #000;
font-size: clamp(1.063em, 2.875vw + 0.2em, 2.5em);
margin-top: 23%;
margin-right: 10%;
font-weight: 600;
}

@media screen and (max-width: 480px) {
.grid-layout__grid-item .grid-item__title {
font-size: clamp(1.063em, 5vw + 0.063em, 1.563em);
margin-right: 17%;
margin-top: 15%;
}
}

.grid-layout6 {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr)[3];
grid-template-columns: repeat(3, 1fr);
-ms-grid-rows: (1fr)[2];
grid-template-rows: repeat(2, 1fr);
gap: clamp(0.625em, 3.393vw – 0.054em, 3em);
padding: 0 5%;
margin: 5% 0;
}

.grid-layout6 .grid-layout6__grid-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: distribute;
justify-content: space-around;
}

.grid-layout6 .grid-layout6__grid-item:nth-child(2),
.grid-layout6 .grid-layout6__grid-item:nth-child(5) {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}

.grid-layout6 .grid-layout6__grid-item .full-img__img {
width: 100%;
margin: 5px 0;
}

.grid-layout6 .grid-layout6__grid-item .grid-item6__title {
font-size: clamp(1.063em, 1.042vw + 0.854em, 1.688em);
color: #000;
margin: auto 0;
padding-left: 4%;
line-height: 1;
font-weight: 600;
}

@media screen and (max-width: 480px) {
.grid-layout6 .grid-layout6__grid-item .grid-item6__title {
padding: 0;
}
}

@media screen and (max-width: 768px) {
.grid-layout6 {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
row-gap: 20px;
}

.grid-layout6 .grid-layout6__grid-item {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
}

.grid-layout6 .grid-layout6__grid-item:nth-child(2),
.grid-layout6 .grid-layout6__grid-item:nth-child(5) {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}

.grid-layout6 .grid-layout6__grid-item .grid-item6__title {
text-align: center;
margin-top: 10px;
}
}