@import "https://ara.forge.apps.education.fr/assets/fontawesome/css/regular.min.css";#main-content{padding:1rem max(1rem,50vw - 600px);margin:0 auto}#pagination-header{margin:0}#pagination-footer{margin:40px 0}#ressources-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;align-items:stretch;&.hidden{display:none}}@media(min-width:768px){#ressources-grid{grid-template-columns:repeat(2,1fr);gap:2.6rem}}@media(min-width:1024px){#ressources-grid{grid-template-columns:repeat(3,1fr)}}.tuile{min-height:400px;max-width:none}.tuile-header{h3.tuile-title{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:flex-start;gap:.3em;max-width:calc(100% - 40px);a{flex-shrink:3;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tuile-icone{font-size:.8rem;cursor:pointer;transition:transform .2s ease;&:hover{transform:scale(1.2)}}}}.tuile-communaute{width:32px;height:32px;cursor:pointer;transition:transform .2s cubic-bezier(.175,.885,.32,1.275);i{color:var(--bleu-marianne)}i, img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))grayscale(.2);transition:filter .2s ease}&:hover{transform:scale(1.15)}&:hover img{filter:grayscale(0)}}.tuile-footer{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;min-height:35px;.tech-links{display:flex;align-items:center;gap:5px}.toggle-star, .tech-link-icon{cursor:pointer;font-size:1rem;transition:transform .2s ease,opacity .2s ease;background:0 0;border:none;padding:3px;text-decoration:none;opacity:.5;&:hover{transform:scale(1.2);opacity:1}}.toggle-star{color:var(--color-forge-700);display:flex;margin-left:auto;margin-right:-6px;margin-top:2px}.help{cursor:help}}#ressources-grid.view-list{display:flex;flex-direction:column;.tuile{min-height:auto;display:block;padding:15px 20px;text-align:left;height:auto;border:none;border-radius:0;border-bottom:1px solid var(--color-border);.tuile-header{padding:0;margin:0 0 10px}.tuile-body{padding:0;margin:0}.tuile-image, .tag-list, .tuile-footer, .tuile-communaute{display:none}}}#infos-forge-container strong{color:var(--color-forge-500)}.results-toolbar{display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:20px;padding:15px 5px;margin-bottom:10px;border-bottom:1px solid var(--color-grey);font-size:1.1rem;.toolbar-info{order:2;.results-stats strong{color:var(--color-forge-500);font-weight:800}.help-icon{color:var(--color-forge-500);cursor:help}}.toolbar-actions{order:3;display:flex;flex-wrap:nowrap;gap:1em;align-items:baseline}.toolbar-nav{order:1}}@media(min-width:1024px){.results-toolbar{flex-direction:row;.toolbar-info{order:1}.toolbar-nav{order:2}.toolbar-actions{order:3}}}header.header{padding-bottom:40px}.search-area{background:var(--color-white);border-radius:4px;padding:1rem;box-shadow:0 8px 16px rgba(0,0,0,.1);margin-top:-40px;position:relative;z-index:10;margin-bottom:.5rem;border:1px solid var(--color-border);.search-coeurpepite{position:absolute;top:0;right:10px;transform:translateY(-50%);display:flex;z-index:10;button{font-size:1rem}}.search-main{display:grid;grid-template-columns:1fr repeat(3,auto);justify-content:space-between;align-items:stretch;gap:8px;.input-group{grid-column:1/span 4} #toggleFilters { flex-shrink: 0; }} #search-filters { margin-top: 15px; display: none; align-items: stretch; grid-template-columns: 1fr; gap: 8px; &.toggled { display: grid; } label { display: none; } select { width: 100%; background-color: #f5f5f5; font-weight: 500; } select#filterLevel.selected { background-color: var(--tag-red-bg); color: var(--tag-red-txt); border-color: var(--tag-red-txt); } select#filterTheme1D.selected { background-color: var(--tag-orange-bg); color: var(--tag-orange-txt); border-color: var(--tag-orange-txt); } select#filterTheme2D.selected { background-color: var(--tag-yellow-bg); color: var(--tag-yellow-txt); border-color: var(--tag-yellow-txt); } select#filterProfile.selected { background-color: var(--tag-green-bg); color: var(--tag-green-txt); border-color: var(--tag-green-txt); } select#filterAcademy.selected { background-color: var(--tag-purple-bg); color: var(--tag-purple-txt); border-color: var(--tag-purple-txt); } select#filterTags.selected { background-color: var(--tag-blue-bg); color: var(--tag-blue-txt); border-color: var(--tag-blue-txt); } }}@media(min-width:768px){.search-area{.search-main{display:flex;justify-items:stretch;align-items:baseline;.input-group{width:100%}}}}@media(min-width:576px){.search-area #search-filters{grid-template-columns:repeat(2,1fr)}}@media(min-width:768px){.search-area #search-filters{grid-template-columns:repeat(3,1fr)}}@media(min-width:1024px){.search-area #search-filters{grid-template-columns:repeat(6,1fr)}}#no-results{padding:5rem 0 1rem;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;&.hidden{display:none}}#skeleton-container.hidden{display:none}.footer-action-bar{flex-direction:column;padding:1.5rem max(1.5rem,50vw - 150px)}@media(min-width:768px){.footer-action-bar{flex-direction:row;padding:1.5rem max(1.5rem,50vw - 600px)}}#description a{font-weight:700;text-decoration:none;color:inherit;&:hover{text-decoration:underline}}#description:target{animation:target-fade 2s}@keyframes target-fade{from{background-color:var(--color-forge-100)}to{background-color:transparent}}