@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap);:root{--main-color:#037CFB}*,:after,:before{padding:0;margin:0;box-sizing:border-box;font-family:Poppins,sans-serif;text-decoration:none;transition:transform 2s}.next,.prev{font-size:25px!important}body{background-color:#1c1b29;font-size:20px}.head{width:100%;text-align:center;color:var(--main-color);padding-top:2rem}.container{width:60%;margin:auto;padding-bottom:2rem}.ressourcesElement{display:block;visibility:visible;opacity:1;animation:fade .7s}.ressourcesElement.hidden{display:none;opacity:0;visibility:hidden;-webkit-transition:opacity .3s,visibility .3s;transition:opacity .3s,visibility .3s}@keyframes fade{0%{opacity:0}100%{opacity:1}}.noResult{display:flex;flex-direction:column;margin:3rem;justify-content:center;align-items:center;background-color:#fff;box-shadow:0 4px 5px rgba(0,0,0,.3);border-radius:6px;padding:2rem}.noResult.hidden{display:none;opacity:0;visibility:hidden;-webkit-transition:opacity .3s,visibility .3s;transition:opacity .3s,visibility .3s}.noResult svg{margin-top:1rem;height:40%;width:40%}.ressources-post{display:flex;flex-direction:row;margin:3rem;justify-content:center;align-items:center;background-color:#fff;box-shadow:0 4px 5px rgba(0,0,0,.3);border-radius:6px}.ressources-post-img{flex:1;padding:2rem 2rem 2rem 0}.ressources-post-img>img{width:300px;height:300px;border-radius:6px;object-fit:cover;transform:translateX(-50px);box-shadow:0 4px 5px rgba(0,0,0,.3)}.ressources-post-info{flex:2;padding:2rem}.noResult h2,.ressources-post-title h2{color:var(--main-color)}.ressources-post-title h2:before{content:"";position:relative;width:120px;height:6px;bottom:5px;border-radius:5px;left:5px;z-index:6}h2:before{background:var(--main-color)}.ressources-post-tag{padding-top:1rem;padding-bottom:1rem;color:#b1b1b1}.ressources-post-tag span{border:solid 2px var(--main-color);color:var(--main-color);border-radius:2px;font-size:.9rem;padding:.5rem;font-style:italic;margin-left:3px;margin-left:3px;font-weight:800}.ressources-post-desc{padding:0 1rem 1.5rem 0}.ressources-post-read-more a{cursor:pointer;border-radius:6px;padding:.5rem;background-color:#fff;border:3px solid var(--main-color);color:var(--main-color);box-shadow:0 4px 5px rgba(0,0,0,.3)}.ressources-post-read-more a:hover{transition:all .5s;background-color:var(--main-color);border:3px solid var(--main-color);color:#fff}::selection{color:#fff;background:var(--main-color)}.barre-recherche{z-index:9999;position:fixed;height:60px;width:60px;top:0;right:0;border-bottom-left-radius:6px;border-bottom:3px solid var(--main-color);border-left:3px solid var(--main-color);box-shadow:0 4px 5px rgba(0,0,0,.3);transition:all .3s ease-in}.barre-recherche.active{width:30%}.barre-recherche input{width:100%;height:100%;border:none;border-bottom-left-radius:3px;background:#fff;outline:0;padding:0 60px 0 20px;font-size:18px;opacity:0;transition:all .3s ease-in}.barre-recherche input.active{opacity:1}.barre-recherche input::placeholder{color:#a6a6a6}.barre-recherche .recherche-icone{position:absolute;right:0;top:50%;transform:translateY(-50%);height:60px;width:60px;background:#fff;border-bottom-left-radius:6px;border-bottom:3px solid var(--main-color);border-left:3px solid var(--main-color);text-align:center;line-height:60px;font-size:22px;color:var(--main-color);cursor:pointer;z-index:1;transition:all .3s ease-in;box-shadow:0 4px 5px rgba(0,0,0,.3)}.barre-recherche .recherche-icone.active .croix{display:block}.barre-recherche .recherche-icone .croix{display:none}.barre-recherche .recherche-icone.active .loupe{display:none}.barre-recherche .recherche-icone .loupe{display:block}.barre-recherche .recherche-icone.active{border-radius:6px;right:5px;height:50px;line-height:50px;width:50px;font-size:20px;background:var(--main-color);color:#fff;transform:translateY(-50%)}.icone{display:grid;height:100%;place-items:center}.barre-recherche .recherche-icone .icone svg{fill:var(--main-color);width:25px;height:25px}.barre-recherche .recherche-icone.active .icone svg{fill:#fff}@media only screen and (max-width:992px){.noResult svg{margin-top:1rem;height:80%;width:80%}.head{font-size:.8rem}h1{font-size:2rem;width:60%;margin:auto}h2{font-size:1.3rem}.ressources-post-info{font-size:.9rem;padding:1rem}.ressources-post-img{flex:1;padding:0 .5rem 0 .5rem}.ressources-post-img>img{width:150px;height:150px}.container{width:100%;margin:auto;margin-top:2.5rem}.ressources-post{display:flex;flex-direction:column;margin:1.5rem;margin-top:3rem;padding-bottom:1rem}.ressources-post-img>img{border-radius:6px;object-fit:cover;transform:translateY(-30px);box-shadow:0 4px 5px rgba(0,0,0,.3)}.ressources-post-info{margin-top:-25px;flex:2;padding:0 1rem 0 1rem}.ressources-post-read-more{text-align:center;font-size:.9rem}.barre-recherche.active{width:100%!important}}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-button{width:0;height:0}::-webkit-scrollbar-thumb{background:var(--main-color);border:0 none #fff;border-radius:97px}::-webkit-scrollbar-thumb:hover{background:var(--main-color)}::-webkit-scrollbar-thumb:active{background:var(--main-color)}::-webkit-scrollbar-track{background:#1c1c29;border:0 none #fff;border-radius:90px}::-webkit-scrollbar-track:hover{background:#1c1b29}::-webkit-scrollbar-track:active{background:#1c1b29}::-webkit-scrollbar-corner{background:0 0}* .pagination.hidden{display:none;opacity:0;visibility:hidden;-webkit-transition:opacity .3s,visibility .3s;transition:opacity .3s,visibility .3s}.pagination ul{display:flex;flex-wrap:wrap;padding:8px;justify-content:center}.pagination ul li{color:var(--main-color);list-style:none;line-height:45px;text-align:center;font-size:18px;font-weight:500;cursor:pointer;user-select:none;transition:all .3s ease}.pagination ul li.numero,.pagination ul li.points{list-style:none;height:45px;width:45px;margin:0 3px;line-height:45px;border-radius:6px;background-color:#f0f8ff}.pagination ul li.points{font-size:22px;cursor:default}.pagination ul li.btn{padding:0 20px;border-radius:6px;background-color:#f0f8ff}.pagination li.active,.pagination ul li.numero:hover,.pagination ul li:first-child:hover,.pagination ul li:last-child:hover{color:#fff;background:var(--main-color)!important}.numero{border:.5px solid var(--main-color)!important}.mark{background-color:#ffdd4b;color:#1c1c29!important}