.articleUneContainer{padding:var(--padding);gap:3rem;display:flex}.overlay{z-index:-1;background-color:var(--color-dark);opacity:.6;border-radius:var(--bradius);position:absolute;inset:0}.articleUneContainer h5{font-size:calc(var(--textsize)*1.6);font-family:var(--font2)}.articleUneContainer .description{font-size:calc(var(--textsize)*1);color:var(--gray2)}.articleUneContainer .part1{padding:var(--padding);aspect-ratio:5/3;flex-direction:column;justify-content:end;width:50%;display:flex;position:relative;overflow:hidden}.articleUneContainer .part1 .ImageArticleUne{z-index:-2;border-radius:var(--bradius);position:absolute;inset:0}.articleUneContainer .part1:hover .ImageArticleUne{border-radius:var(--bradius);transform:scale(1.1)}.articleUneContainer .part1:hover .overlay{transform:scale(1)}.articleUneContainer .part1 .infos{align-items:center;gap:1rem;display:flex}.articleUneContainer .part1 .infos .tag{background:var(--secondary);color:var(--color-white);border-radius:var(--bradius);padding:calc(var(--textsize)/4)var(--padding)}.articleUneContainer .part1 .infos .time{color:var(--color-white);font-size:calc(var(--textsize)*.8)}.articleUneContainer .part1 .infos .time i{color:var(--color-white)}.articleUneContainer .part1 h5{color:var(--color-white);margin-top:calc(var(--textsize)*1.5);font-size:calc(var(--textsize)*1.8)}.articleUneContainer .part2{flex-flow:wrap;justify-content:space-between;gap:1rem;width:50%;display:flex}.articleUneContainer .part2 .part1:first-of-type{width:100%}.articleUneContainer .part2 .part1:nth-of-type(2),.articleUneContainer .part2 .part1:nth-of-type(3){width:49%}.articleDeux .imgAticleDeux{aspect-ratio:1;border-radius:var(--bradius);width:40%;overflow:hidden}.articleDeux .imgAticleDeux img{aspect-ratio:1;border-radius:var(--bradius);width:100%}.articleDeux:hover .imgAticleDeux img{transform:scale(1.2)}.articleDeux .infos{border-radius:var(--bradius);width:70%;padding:var(--padding);overflow:hidden}.articleDeux .imgAuthor{aspect-ratio:1;border-radius:50%;width:3rem;overflow:hidden}.articleDeux{gap:1rem;display:flex}.articleDeux .authorInfos{align-items:center;gap:1rem;display:flex}.articleDeux .authorInfos b{font-size:calc(var(--textsize)*.6)}@media (max-width:450px){.articleUneContainer{flex-direction:column}.articleUneContainer .part1{aspect-ratio:1;width:100%}.articleUneContainer .part2{width:100%}.articleDeux{flex-direction:column}.articleDeux .imgAticleDeux,.articleDeux .infos{width:100%}}