@import"https://fonts.googleapis.com/css2?family=Roboto:wght@100..900&display=swap";:root{--primary-color: #ED1C24;--secondary-color: #9D9D9C;--text-color: #575756;--bg-color: #f2f1f1;--blanc:#FFFFFF}.roboto-bold{font-family:"Roboto",sans-serif;font-optical-sizing:auto;font-weight:700;font-style:normal;font-variation-settings:"wdth" 100}a{color:var(--primary-color)}a.btn{display:block;background-color:var(--primary-color);color:var(--blanc);padding:1em 2em;border-radius:.5em;text-decoration:none}input,textarea{padding:1rem;width:100%}button[type=submit],input[type=submit]{color:#fff;background-color:var(--secondary-color);text-transform:uppercase;margin:30px auto;text-align:center;padding:1rem;border-radius:.5em;border:1px solid var(--text-color);transition:all .5s}button[type=submit]:hover,input[type=submit]:hover{background-color:var(--primary-color)}.login-remember label{display:flex}.login-remember label input{flex:0 0 50px}.site-branding{margin:0 auto;display:flex;align-items:center;justify-content:center}.site-branding img{max-width:300px}.title{text-align:center}.title h1{color:var(--primary-color)}.back-link{position:absolute;top:2rem;left:0}.back-link .back-link__button{display:block;background-color:var(--blanc);padding:1rem;margin:2rem;color:var(--primary-color);text-decoration:none;text-transform:uppercase;font-weight:700}.back-link .back-link__button::before{content:"";display:inline-block;vertical-align:middle;width:40px;height:40px;background-image:url(../img/back.svg);background-position:left center;background-size:contain;background-repeat:no-repeat}.contact-link{position:absolute;right:0}.contact-link .contact-link__button{display:block;padding:1rem;margin:2rem;color:var(--text-color);text-decoration:none;text-align:center}.contact-link .contact-link__button::before{content:"";display:block;vertical-align:middle;margin:auto;width:40px;height:40px;background-image:url(../img/contact.svg);background-position:left center;background-size:contain;background-repeat:no-repeat}.contact-link .contact-link__button span{display:block;text-transform:uppercase;font-weight:700;color:var(--primary-color)}.logout-link{position:absolute;right:0;top:50px}.logout-link .logout-link__button{display:block;padding:1rem;margin:2rem;color:var(--blanc);background-color:var(--text-color);text-decoration:none;text-align:center}html,body{padding:0;margin:0;line-height:2;scroll-behavior:smooth}*{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}body{line-height:1.5em;margin:0;background-image:url(../img/bg.svg);background-position:top center;background-size:cover;background-repeat:no-repeat;background-color:var(--bg-color);color:var(--text-color);font-family:Arial,Helvetica,sans-serif}.container{max-width:60rem;margin:auto;padding:2rem}.container .contain__blanc{background-color:#fff;border:1px solid var(--secondary-color);padding:2rem}.list-fichiers{margin:auto;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:1rem}.list-fichiers__content{flex:45%}.list-machines{margin:auto;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:1rem}.list-machines__content{flex:1;padding:20px}.list-machines__title{margin-top:0;text-transform:uppercase}.list-machines__link,.list-machines__link:visited,.list-machines__link:active{flex:45% 0 0;background:var(--blanc);border:1px solid var(--secondary-color);text-decoration:none;color:var(--primary-color);margin-bottom:0;text-align:center;transition:all .5s}.list-machines__link:hover{background:var(--bg-color);border:1px solid var(--primary-color);color:var(--primary-color)}.accordeon{background-color:var(--blanc)}.accordion{cursor:pointer;background-color:var(--blanc);color:var(--primary-color);text-transform:uppercase;padding:1rem;width:100%;text-align:left;border:none;outline:none;transition:.4s;margin:1px}.accordion:after{content:"ˇ";font-family:"Courier New",Courier,monospace !important;font-size:20px;float:right;margin-left:5px;margin-top:10px;color:var(--primary-color)}.accordion.active{color:var(--primary-color)}.accordion.active:after{content:"ˆ";color:var(--primary-color)}.panel{padding:0 18px;max-height:0;overflow:hidden;transition:max-height .2s ease-out}@-webkit-keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0)}to{opacity:1;-webkit-transform:none;transform:none}}