/* PrestaBlog writes masonry coordinates and a fixed list height after each resize.
   Let the grid alone place the cards, including related articles and paginated lists. */
#wrapper #blog_list_1-7 {
  display:grid;
  grid-template-columns:minmax(0,1fr);
  align-items:stretch;
  gap:clamp(14px,1.6vw,24px);
  width:100%;
  height:auto !important;
  margin:0;
  padding:0;
  float:none;
  list-style:none;
}
#wrapper #blog_list_1-7 > li.blog-grid {
  position:static !important;
  transform:none !important;
  float:none;
  display:flex;
  width:auto;
  min-width:0;
  margin:0;
  padding:0;
}
#wrapper #blog_list_1-7 > li[hidden] { display:none !important; }
#wrapper #blog_list_1-7 .block_cont {
  box-sizing:border-box;
  display:flex;
  flex-direction:column;
  width:100%;
  height:auto;
  margin:0;
  border:1px solid #d9dfe1;
  border-radius:10px;
  background:#fff;
  overflow:hidden;
  box-shadow:none;
}
#wrapper #blog_list_1-7 .blog-grid .block_top { flex:none; padding:0; }
#wrapper #blog_list_1-7 .block_top a { display:block; }
#wrapper #blog_list_1-7 .block_top img {
  display:block; width:100%; height:auto; aspect-ratio:16/9; object-fit:cover;
}
#wrapper #blog_list_1-7 .block_bas { padding:16px; overflow-wrap:anywhere; }
#wrapper #blog_list_1-7 .block_bas :is(h3,.h3title) {
  margin:0; padding:0; color:#292d32; text-align:center;
}
#wrapper #blog_list_1-7 .block_bas :is(h3,.h3title) > a {
  display:block; color:#292d32; font-size:clamp(18px,1.45vw,22px); font-weight:600; line-height:1.25;
}
#wrapper #blog_list_1-7 .block_bas :is(h3,.h3title) > br { display:none; }
#wrapper #blog_list_1-7 .date_blog-cat {
  display:block; margin:7px 0 0; color:#505a67; font-size:12px; font-weight:400; line-height:1.5;
}
#wrapper #blog_list_1-7 .date_blog-cat a { color:#315923; }
#wrapper #blog_list_1-7 .prestablog_desc { margin:10px 0 0; font-size:15px; line-height:1.5; color:#373f50; }
#wrapper #blog_list_1-7 .prestablog_more {
  display:flex; flex-wrap:wrap; justify-content:center; gap:8px;
  margin:auto 0 0; padding:0 16px 16px; background-color:transparent !important; border:0;
}
#wrapper #blog_list_1-7 .prestablog_more a {
  display:flex; align-items:center; justify-content:center; box-sizing:border-box;
  width:100%; min-height:44px; margin:0; padding:10px 14px; border:0; border-radius:6px;
  background:#373f50; color:#fff; text-align:center; text-decoration:none;
  font-family:inherit; font-weight:600; font-size:15px; line-height:1.4;
}
#wrapper #blog_list_1-7 .prestablog_more .blog_link > i.material-icons { display:none; }
#wrapper #blog_list_1-7 .prestablog_more a:is(:hover,:focus-visible) { color:#172d18; background:#a3d378; }
#wrapper #blog_list_1-7 a:focus-visible { outline:2px solid #315923; outline-offset:2px; }
#wrapper .prestablog_pagination {
  display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:3px;
  width:100%; margin:16px 0; text-align:center;
}
#wrapper .prestablog_pagination > :is(a,span) {
  display:grid; place-items:center; min-width:28px; min-height:36px; padding:3px; margin:0;
}
#wrapper .prestablog_pagination a { color:#373f50; }
#wrapper .prestablog_pagination .current { background:#315923; color:#fff; }
@media (min-width:700px) {
  #wrapper #blog_list_1-7 { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (min-width:1040px) {
  #wrapper #blog_list_1-7 { grid-template-columns:repeat(3,minmax(0,1fr)); }
}

/* The image, heading and date used to float into the start of the article text. */
#wrapper :is(.ag-news-switch,.ag-guide-toc) {
  margin:10px auto 16px; padding:0 14px; background:#f1f5ef; color:#292d32;
  border:1px solid #d8e1d5; border-radius:8px; width:100%; box-sizing:border-box;
}
#wrapper :is(.ag-news-switch,.ag-guide-toc) summary {
  display:list-item; padding:12px 4px; min-height:44px; text-align:center; cursor:pointer; font-weight:650;
}
#wrapper .ag-news-switch nav { display:flex; flex-wrap:wrap; justify-content:center; gap:6px; padding-bottom:12px; }
#wrapper .ag-news-switch a { display:grid; place-items:center; min-height:44px; padding:7px 16px; border-radius:6px; background:#373f50; color:#fff; text-align:center; }
#wrapper .ag-news-switch a:is([aria-current],:hover,:focus-visible) { background:#315923; color:#fff; }
#wrapper .ag-guide-toc ol { display:grid; margin:0; padding:0 0 10px 26px; }
#wrapper .ag-guide-toc a { display:block; min-height:44px; padding:9px 4px; color:#315923; text-decoration:underline; text-underline-offset:3px; }
#wrapper #prestablogfont h2[id] { scroll-margin-top:18px; }
@media(max-width:640px) { #wrapper .ag-news-switch nav { display:grid; } }
@media(min-width:760px) { #wrapper .ag-guide-toc ol { grid-template-columns:1fr 1fr; column-gap:42px; } }
#wrapper #prestablogfront {
  display:flex; flex-direction:column; align-items:center; gap:8px; min-width:0;
  margin:0 auto 24px; padding:clamp(12px,2vw,28px);
}
#wrapper #prestablogfront > img.news {
  display:block; float:none; width:auto; max-width:100%; height:auto; max-height:340px;
  margin:0 auto 8px; border-radius:8px; object-fit:contain;
}
#wrapper #prestablogfront > :is(time.date,#prestablog_article,.info_blog) {
  position:static; float:none; box-sizing:border-box; width:100%; max-width:920px;
  height:auto; overflow:visible; padding:0; margin:0; text-align:center; overflow-wrap:anywhere;
}
#wrapper #prestablog_article {
  font-size:clamp(24px,3vw,38px); line-height:1.18; letter-spacing:-.025em; color:#292d32;
}
#wrapper #prestablogfront > :is(time.date,.info_blog) { font-size:13px; line-height:1.45; color:#505a67; }
#wrapper #prestablogfont {
  width:100%; min-width:0; max-width:900px; margin:12px auto 0;
  overflow-wrap:anywhere; line-height:1.65;
}
#wrapper #prestablogfont img { max-width:100%; height:auto; }
#wrapper #prestablogfont iframe { max-width:100%; }
#wrapper #prestablogfont :is(iframe[src*="youtube"],iframe[src*="youtu.be"]) { height:auto; aspect-ratio:16/9; }

#wrapper .ag-news-intro {
  display:grid; gap:8px; padding:clamp(16px,2vw,28px); border-radius:10px;
  color:#fff; background:#373f50; text-align:center;
}
#wrapper .ag-news-intro #prestablog_home {
  margin:0; padding:0; color:#fff; font-size:clamp(23px,2.5vw,36px); line-height:1.2;
}
#wrapper .ag-news-intro #prestablog_home span { font:inherit; color:inherit; }
#wrapper .ag-news-intro .cat_desc_blog {
  max-width:74ch; margin:0 auto; padding:0; color:inherit; font-size:15px; line-height:1.45;
}
#wrapper .ag-news-intro .cat_desc_blog a { color:inherit; text-decoration:underline; }
#wrapper .ag-news-intro .cat_desc_blog:empty { display:none; }

/* These three technical guides share a compact opening. Keep the full original photograph. */
#wrapper #prestablogfront:has(> :is([data-referenceid="9585"],[data-referenceid="8931"],[data-referenceid="9620"])) {
  display:grid; grid-template-columns:minmax(80px,26%) minmax(0,1fr);
  align-items:center; align-content:start; gap:4px 12px;
  max-width:960px; margin-inline:auto;
}
#wrapper #prestablogfront:has(> :is([data-referenceid="9585"],[data-referenceid="8931"],[data-referenceid="9620"])) > img.news {
  grid-column:1; grid-row:2/4; width:auto; height:auto; max-height:156px; margin:0 auto;
}
#wrapper #prestablogfront > :is([data-referenceid="9585"],[data-referenceid="8931"],[data-referenceid="9620"]) {
  grid-column:1/-1; grid-row:1; padding-bottom:8px;
}
#wrapper #prestablogfront:has(> :is([data-referenceid="9585"],[data-referenceid="8931"],[data-referenceid="9620"])) > .date {
  grid-column:2; grid-row:2; align-self:end;
}
#wrapper #prestablogfront:has(> :is([data-referenceid="9585"],[data-referenceid="8931"],[data-referenceid="9620"])) > .info_blog {
  grid-column:2; grid-row:3; align-self:start;
}
#wrapper #prestablogfront:has(> :is([data-referenceid="9585"],[data-referenceid="8931"],[data-referenceid="9620"])) > #prestablogfont {
  grid-column:1/-1; min-width:0; margin-top:12px;
}
#wrapper :is([data-referenceid="9585"],[data-referenceid="8931"],[data-referenceid="9620"]) ~ #prestablogfont > :is(section,article) {
  font-family:inherit !important; color:#373f50 !important; text-align:start !important;
  padding-inline:0 !important; font-size:16px !important; line-height:1.55 !important;
}
#wrapper :is([data-referenceid="9585"],[data-referenceid="8931"],[data-referenceid="9620"]) ~ #prestablogfont h2.agco-light-heading {
  font-size:clamp(20px,2vw,27px) !important; line-height:1.22 !important;
}
@media(min-width:700px) {
  #wrapper #prestablogfront:has(> :is([data-referenceid="9585"],[data-referenceid="8931"],[data-referenceid="9620"])) {
    grid-template-columns:minmax(160px,32%) minmax(0,1fr); gap:6px 20px;
  }
  #wrapper #prestablogfront:has(> :is([data-referenceid="9585"],[data-referenceid="8931"],[data-referenceid="9620"])) > img.news {
    grid-row:1/4; max-height:220px;
  }
  #wrapper #prestablogfront > :is([data-referenceid="9585"],[data-referenceid="8931"],[data-referenceid="9620"]) {
    grid-column:2; align-self:end; padding-bottom:0;
  }
}

@media (max-width:699px) {
  #ag-sections.p-actus .guide-list a, #ag-sections.p-actus .choix .suite, #ag-sections.p-actus .ag-tools summary {
    display:flex; position:relative; align-items:center; justify-content:center;
    box-sizing:border-box; width:100%; min-height:44px; padding:10px 28px; text-align:center;
  }
  #ag-sections.p-actus .guide-list a::after, #ag-sections.p-actus .ag-tools summary::after {
    position:absolute; right:8px; margin:0;
  }
  #wrapper #prestablog_bloc_search { display:grid; gap:6px; height:auto; }
  #wrapper #prestablog_bloc_search .clear { display:none; }
  #wrapper #prestablog_bloc_search .button-search {
    position:static; display:grid; place-items:center; width:100%; height:auto; min-height:44px;
    margin:0; padding:8px 12px; border-radius:6px; background:#373f50; color:#fff; text-align:center;
  }
  #wrapper #prestablog_bloc_search .button-search::after { content:none; }
  #wrapper #prestablog_bloc_search .button-search span { display:block; }
  #wrapper #prestablogfront { padding:12px; }
  #wrapper #prestablogfont table { min-width:0 !important; max-width:100%; overflow-x:auto; }
  #wrapper #prestablogfont :is(.btn,[role="button"],a[style*="background" i][style*="padding" i]) {
    box-sizing:border-box; display:flex !important; align-items:center; justify-content:center;
    width:100% !important; max-width:100%; min-height:44px; margin-inline:auto !important;
    white-space:normal; text-align:center !important;
  }
}