body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}*{margin:0;padding:0;box-sizing:border-box}html{height:100%}.body{margin-top:74px}.body,.PrincipalPage{height:100%;width:100%}.PrincipalPage{background-color:#0f0f0f}.header li{text-decoration:none;color:#000}.titreFilms{color:#fff;font-size:22px;width:100%;text-align:center;margin-top:-7%}.toolbar{position:absolute;top:0;left:0;width:100%;background-color:#3a3a3e;height:86px}.toolbar__navigation{display:flex;height:100%;align-items:center;padding:0 1rem}.toolbar__logo a{font-size:2rem}.toolbar__logo a,.toolbar_navigation-items a{color:#fff;text-decoration:none}.toolbar__logo{margin:1rem}.spacer{flex:1 1}.toolbar_navigation-items,.toolbar_navigation-items ul{list-style:none;display:flex;margin:0;padding:0}.toolbar_navigation-items ul{align-items:center}.toolbar_navigation-items li{padding:0 2rem;font-size:1.2rem}.toolbar_navigation-items a:active,.toolbar_navigation-items a:hover{color:#2b62a1;transition:.3s}.searchInput{padding:12px;border:1px solid #ccc;border-radius:4px}.activeLink{color:#2196f3}@media (max-width:958px){.toolbar_navigation-items{display:none}}@media (max-width:1339px){.toolbar_navigation-items li{padding:0 1rem;font-size:1rem}}@media (max-width:1059px){.toolbar_navigation-items li{padding:0 .5rem;font-size:1rem}}@media (min-width:959px){.toolbar__toggle-button{display:none}.toolbar__logo{margin-left:0}}.toggle-button{display:flex;flex-direction:column;justify-content:space-around;height:24px;width:30px;background:transparent;border:none;cursor:pointer;padding:0;box-sizing:border-box}.toggle-button:focus{outline:none}.toggle-button__line{width:30px;height:2px;background:#fff}.cardFilm{position:relative;width:200px;height:300px;box-shadow:0 30px 30px rgba(0,0,0,.5);margin-top:3%;margin-left:2%;margin-right:2%;text-align:center}.cardFilm img{position:absolute;transition:all .4s ease}.cardFilm img,.playIcon{top:0;left:0;width:100%;height:100%}.playIcon{position:relative;bottom:0;right:0;opacity:0;transition:.4s ease;background-color:rgba(0,0,0,.7)}.icon{color:#fff;font-size:100px;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);text-align:center}.cardFilm:hover .playIcon{opacity:1;transform:scale(1.1);z-index:2}.cardFilm:hover img{transform:scale(1.1);filter:blur(1.3px)}.titre{font-family:"Open Sans",sans-serif;font-weight:300}.titreSection{color:#fff;font-size:16px;width:100%;text-align:center;margin-top:2%}.bottomFilm{display:flex;background-color:#3a3a3e;height:12%;width:100%;position:absolute;bottom:0;justify-content:space-around;align-items:center}.note{display:flex;color:gold}.noFav,.note p{color:#fff}.noFav{margin-top:10%}.star{color:#fff}.titleNoResults{font-size:30px;font-weight:300;font-family:"Open Sans",sans-serif;color:#fff}.noResults{margin-top:15%}.waitingDiv{margin-top:30vh}.paginationContainer{display:flex;flex-direction:row;flex-wrap:wrap;width:100%;justify-content:center;margin-bottom:2%}.paginationContainer button{padding:8px 16px;text-decoration:none;border:1px solid #ddd;border-radius:2px;color:#fff;background-color:#0f0f0f;cursor:pointer}.paginationList{list-style:none;padding:0;display:flex;margin-bottom:2%}.paginationList button:hover{background-color:#4caf50;color:#fff;border:1px solid #4caf50}.paginationList .active{background-color:#3b6fff;color:#fff}.flexBox{display:flex;flex-direction:row;width:100%;flex-wrap:wrap;justify-content:space-around;margin-bottom:5%;align-items:stretch}.videoContainer{margin-top:2%;width:59.2%;height:70%;text-align:center}.videoContainer img{width:100%;max-width:900px;height:auto}.videoContainer iframe{left:0;top:0;width:100%}.titres{color:#fff}.filmTitle{font-family:"Open Sans",sans-serif;font-weight:300;color:#fff;font-size:42px;margin-bottom:3%}.infosDiv{width:80%;background:linear-gradient(90deg,#090909,#0f0f0f);border-radius:6px;border:1px solid #262424;margin-bottom:3%;padding-bottom:2%;margin-top:5%}.filmsOverview{color:#fff;margin-left:5%;margin-right:5%;margin-top:2%;padding-bottom:2%;border-bottom:1px solid #343434;text-align:justify}.titleImage{font-family:"Open Sans",sans-serif;font-weight:300;color:#fff}.side-drawer{height:100%;background:#0f0f0f;box-shadow:1px 0 7px rgba(0,0,0,.5);position:fixed;top:0;left:0;width:35%;max-width:400px;z-index:200;transform:translateX(-100%);transition:transform .7s ease-out}.side-drawer.open{transform:translateX(0)}.side-drawer li{margin:.5rem 0}.side-drawer ul{list-style:none;display:flex;flex-direction:column;align-items:center}.side-drawer a{text-decoration:none;color:#fff;font-size:2rem;font-family:"Open Sans",sans-serif;font-weight:300}.side-drawer a:active,.side-drawer a:hover{color:#fa923f}.sideSearchInput{padding:12px;margin-left:10%;width:80%;border:1px solid #ccc;border-radius:4px}@media (min-width:959px){.side-drawer{display:none}}.backdrop{position:fixed;width:100%;height:100%;background:rgba(0,0,0,.3);z-index:100;top:0;left:0}
/*# sourceMappingURL=main.4e03c965.chunk.css.map */