.pack{display:flex;justify-content:space-between;border:solid 2px #eaeaea;background-color:#fff;border-radius:20px;margin:20px 0}.pack div{color:#ccc}.display-packs{margin-top:20px}.left-part,.right-part{display:flex;align-items:center}.right-part .input__span{margin:1em}.groupe-pack{display:flex}.title{display:flex;justify-content:center}.title-pack{cursor:pointer;font-size:18px;font-weight:700}.title-pack p{color:#000}.fa-box-heart{font-size:25px;margin:5px 10px 0 0}.fa-circle-info{font-size:25px;padding:5px 10px;cursor:pointer}.container .fa-box-heart::before,.container .fa-circle-info::before{color:#7eb8e5}.delete-logo-text,.edit-logo-text{display:flex;align-items:center}.info-pack{display:flex;flex-direction:column;align-items:flex-start;margin-left:10px}.edit-part{margin:0 25px}.edit-part i{margin-right:10px}.groupe-pack p{margin:0 10px 0 5px;background-color:#eaeaea;padding:0 5px 0 5px;border-radius:10px;color:#000}.add-pack{cursor:pointer}.buttons{display:flex;margin-bottom:30px;justify-content:space-between}.buttons a{border:2px solid #eaeaea;border-radius:15px;background-color:#fff;margin-top:20px;padding:1em 5em;display:flex;align-items:center;justify-content:center;width:49%;font-weight:700}.buttons p{color:#000}.buttons i::before{font-size:25px;margin-right:15px;color:#000;vertical-align:text-bottom}.add-pack:hover{background-color:#eaeaea}.search-pack:hover{background-color:#7eb8e5}.edit-logo-text:hover,.edit-logo-text:hover div{color:#000}.delete-logo-text:hover,.delete-logo-text:hover div{color:#000}.delete-logo-text,.edit-logo-text,.title-pack{cursor:pointer}.popinButton{display:flex;justify-content:space-around}.top-popin{display:flex;flex-direction:column;align-items:flex-start}#inputNewCard{width:100%}.incorrect-champ{border-color:red!important}.infoNewCard{color:#ccc}.popin-info{display:flex;flex-direction:column;align-items:center}.popin-info p{text-align:justify;margin:5%}.popin-info-img{max-width:70%}.info-boite-memo-img{width:80%}.info-boite-memo-p{margin:5%;text-align:justify}@media (max-width:1000px){.delete-text,.edit-text{display:none}.delete-logo-text,.edit-logo-text{margin:10px 0}}@media (max-width:856px){.buttons a{padding:1em 4em}.groupe-pack{display:none}}@media (max-width:800px){.buttons a{padding:1em 3em}}@media (max-width:700px){.buttons a{padding:1em 2em}}@media (max-width:600px){.active-serie{display:none}.right-part{margin-left:15px}}@media (max-width:520px){.buttons{display:flex;justify-content:space-between;flex-direction:column}.buttons a{width:100%}}@media (max-width:450px){.nbr-cards{display:none}}