@import"https://fonts.googleapis.com/css2?family=Roboto&display=swap";*{margin:0;padding:0;font-family:"Roboto",sans-serif;scroll-behavior:smooth}body{background-color:#fff;width:100%;height:100%}.Card-Box{position:relative;width:253px;margin-bottom:44px}.Card-Box a{display:block;text-decoration:none;color:#000}.Card-Box img{width:220px;height:330px;object-fit:cover}.Card-Box .Detail-Box{margin-top:15px}.Card-Box .Detail-Box .Title{font-weight:900;color:#032541}.Card-Box .Like-Box{top:288px;left:189px;position:absolute}.Card-Box .Like-Text{color:#fff;position:absolute;top:310px;left:205px}.Card-Box:hover img{box-shadow:10px 10px 5px rgba(0,0,0,.45)}.Active-Button{width:149px;height:34px;background-color:#fff;color:#032541;text-align:center;font-family:Roboto;font-size:18px;font-style:normal;font-weight:400;line-height:normal;cursor:pointer;border:3px solid #032541;margin-left:40px}.Active-Button.active{background-color:#032541;color:#fff}*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:"Roboto"}.wrapper{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.container{width:83%;max-width:1380px}.desktop-nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:70px;background-color:#032541;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0px 40px}.desktop-nav i{cursor:pointer;font-size:30px;color:#fff}.desktop-nav ul{display:-webkit-box;display:-ms-flexbox;display:flex;width:300px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.desktop-nav li{list-style:none}.desktop-nav li a{color:#fff;font-weight:800;font-size:20px;text-decoration:none}.desktop-nav li a:hover{text-decoration:underline;cursor:pointer}.bar{height:4px;background-color:#fff;width:35px;margin:7px 0px 0px 0px;-webkit-transition:all .2s;transition:all .2s;-webkit-transform-origin:0% 50%;transform-origin:0% 50%;cursor:pointer;position:inherit}#mobileNav{width:100%;display:none;background-color:#032541;height:70px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0px 40px;position:fixed;z-index:205}#mobileNav i{color:#fff;font-size:40px}#mobileNav.open #menu-nav{position:fixed;right:0px !important;bottom:0px !important;-webkit-transition:all .3s;transition:all .3s;z-index:-1}#mobileNav.open #top-nav{-webkit-transform:rotate(45deg) translate(0, -10px);transform:rotate(45deg) translate(0, -10px)}#mobileNav.open #middle-nav{display:none}#mobileNav.open #bottom-nav{-webkit-transform:rotate(-45deg) translate(0, 10px);transform:rotate(-45deg) translate(0, 10px)}#mobileNav .mobile-nav-content{position:fixed;list-style:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;right:-100%;bottom:0px !important;background:#032541;height:100%;width:100%;-webkit-transition:all .3s;transition:all .3s;text-align:center}#mobileNav .mobile-nav-content ul{list-style:none;height:320px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center}#mobileNav .mobile-nav-content ul li{color:#000;width:100%;padding:15px 0px 15px 15px}#mobileNav .mobile-nav-content ul li a{text-decoration:none;font-weight:bold;color:#fff;text-transform:capitalize;font-size:30px}.search-container{background:url("./../img/thor.jpg");height:300px;background-repeat:no-repeat;background-size:cover;background-position-y:-160px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.search-container input[type=text]{background-color:#e7e7e7;width:65%;height:60px;border:none;padding:20px;font-size:15px;outline:none;border-radius:5px 0px 0px 5px}.search-container button{background-color:#e7e7e7;height:60px;border:none;outline:none;padding:20px;cursor:pointer;font-size:20px;border-radius:0px 5px 5px 0px}.search-container ::-webkit-input-placeholder{color:rgba(0,0,0,.25);font-weight:600}.search-container :-ms-input-placeholder{color:rgba(0,0,0,.25);font-weight:600}.search-container ::-ms-input-placeholder{color:rgba(0,0,0,.25);font-weight:600}.search-container ::placeholder{color:rgba(0,0,0,.25);font-weight:600}.tendances-container{margin-top:40px}.title-filter{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.title-filter h2{margin-right:20px;font-size:36px;font-weight:500}.title-filter button{width:150px;min-width:150px;height:30px;cursor:pointer;margin-right:20px;font-size:18px}.title-filter>button{-webkit-transition:all .3s;transition:all .3s;color:#032541;background-color:#fff;border:solid 2px #032541}.title-filter>button:hover{-webkit-transition:all .3s;transition:all .3s;color:#fff;background-color:#032541;border:solid 2px #032541}.title-filter .active{color:#fff;background-color:#032541;border:solid 2px #032541}.grid-tendances{margin-top:30px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap}.movie{margin-bottom:20px;cursor:pointer;width:220px}.movie img{-webkit-transition:all .3s;transition:all .3s;width:220px}.movie .score{width:235px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.movie .score p{margin-top:-40px;height:50px;width:50px;border-radius:50px;background-color:#032541;border:solid 3px #fff;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-shadow:rgba(0,0,0,.44) 0px 3px 8px;box-shadow:rgba(0,0,0,.44) 0px 3px 8px}.movie h5{-webkit-transition:all .3s;transition:all .3s;color:#032541;font-size:20px}.movie:hover img{-webkit-box-shadow:rgba(0,0,0,.55) 8px 8px 5px;box-shadow:rgba(0,0,0,.55) 8px 8px 5px}.movie:hover h5{text-shadow:rgba(0,0,0,.15) 2px 2px 2px}.movie a{display:block;text-decoration:none;color:#000}.wrapper-pop{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:rgba(128,128,128,.192);padding-top:30px;margin-bottom:30px}.focus-container{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.focus-container .banner{background-repeat:no-repeat;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-size:cover}.focus-container .banner .content{width:100%;display:-ms-grid;display:grid;-ms-grid-columns:1fr 3fr;grid-template-columns:1fr 3fr;place-content:center;grid-gap:30px;padding:40px 10%;background-color:rgba(0,0,0,.4784313725)}.focus-container .banner .content .right{width:68%}.focus-container .banner .content .right h1,.focus-container .banner .content .right h2,.focus-container .banner .content .right p,.focus-container .banner .content .right span,.focus-container .banner .content .right .score{color:#fff}.focus-container .banner .content .right .top{margin-bottom:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.focus-container .banner .content .right .top h1{font-size:1.5em}.focus-container .banner .content .right .top .score{margin-right:20px;height:63px;width:63px;background-color:#032541;border-radius:50%;border:solid 2px #fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-weight:500}.focus-container .banner .content .right .synopsis h2{margin-bottom:20px}.focus-container .casting{width:83%;max-width:1380px;margin-top:40px;margin-bottom:100px}.focus-container .casting h2{margin-bottom:40px;font-size:36px;font-weight:400}.focus-container .casting .actors{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap}.focus-container .casting .actors .actor{margin-bottom:30px}.focus-container .casting .actors .actor img{-webkit-transition:all .3s;transition:all .3s;margin-bottom:10px}.focus-container .casting .actors .actor:hover img{-webkit-box-shadow:rgba(0,0,0,.55) 8px 8px 5px;box-shadow:rgba(0,0,0,.55) 8px 8px 5px}footer{background-color:#032541;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:60px}footer p{color:#fff;margin-left:30px}@media screen and (max-width: 1151px){.search-container{background-position-y:-1px}.focus-container .banner{background-repeat:no-repeat;background-size:cover;background-position:center}.focus-container .banner .content{-ms-grid-columns:1fr;grid-template-columns:1fr}.focus-container .banner .content .right{width:100%}}@media screen and (max-width: 768px){.desktop-nav{display:none}.mobile-nav{display:-webkit-box;display:-ms-flexbox;display:flex}.search-container{background-position-y:-10px}#mobileNav{display:-webkit-box;display:-ms-flexbox;display:flex}.focus-container .banner{padding-top:120px}}@media screen and (max-width: 560px){.title-filter{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;text-align:center}.title-filter h2{margin-bottom:20px}.title-filter button{margin-bottom:20px}.search-container{height:200px;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;margin-bottom:40px;background:#fff}.tendances-container{margin-top:0px}.grid-tendances{margin-top:10px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.focus-container .top{display:block !important}.focus-container .top .score{margin-bottom:20px}.focus-container .casting .actors{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.focus-container .casting .actors .actor{width:80%}.focus-container .casting .actors .actor img{width:100%}.focus-container .casting .actors .actor h4{font-size:1.6em}.focus-container .casting .actors .actor span{font-size:1.1em}}#search-bar-section{height:342px;background-image:url("../Ressources/interstellar.jpg");background-size:cover;background-position-y:56%;display:flex;justify-content:center;flex-direction:column}#search-bar-section form{background-color:#fff;width:80%;height:69px;border-radius:5px;display:flex;flex-direction:row;align-items:center;margin:auto auto 0}#search-bar-section form input{all:unset;font-size:22px;height:100%;width:100%;padding:6px 10px}#search-bar-section form button{border:none;background-color:rgba(0,0,0,0)}#search-bar-section form button i{font-size:44px;padding-inline:13px}#search-bar-section form button:hover{cursor:pointer}#search-bar-section #search-results{margin:0 auto auto 10%;width:100%;height:0;background-color:rgba(0,0,0,0);padding:0 10px 10px;z-index:1000}#search-bar-section #search-results .search-result-item{padding-top:10px;padding-bottom:10px;padding-left:20px;width:20%;background-color:#fff;box-shadow:3px 2px 4px rgba(0,0,0,.1)}#search-bar-section #search-results .search-result-item img{width:50px;height:auto;margin-right:10px}#search-bar-section #search-results .search-result-item .Detail-Box{display:flex;flex-direction:column}#search-bar-section #search-results .search-result-item .Title{font-size:16px;margin:0}#search-bar-section #search-results .search-result-item .Date{font-size:14px;color:#777}#search-bar-section #search-results .search-result-item:last-child{border-bottom-left-radius:5px;border-bottom-right-radius:5px}#search-bar-section #search-results .search-result-item:first-child{margin-top:0}.Selecteur{display:flex;flex-wrap:wrap;margin-bottom:40px;justify-content:left;align-items:center}.Card-Section{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}#tendance{background-color:#fff;padding-top:50px;width:80%;margin:auto}@media screen and (max-width: 1300px){#tendance{max-width:700px}}#Backgroud_Series{background-color:#e7e7e7}#Series{background-color:#e7e7e7;padding-top:50px;width:80%;margin:auto}@media screen and (max-width: 1300px){#Series{max-width:700px}}.actor-image{width:300px}.desktop-nav{display:flex;justify-content:space-between;height:70px;background-color:#032541;display:flex;align-items:center;padding:0px 40px}.desktop-nav i{cursor:pointer;font-size:30px;color:#fff}.desktop-nav ul{display:flex;justify-content:space-between;width:300px}.desktop-nav li{list-style:none}.desktop-nav li a{color:#fff;font-weight:800;font-size:20px;text-decoration:none}.desktop-nav li a:hover{text-decoration:underline;cursor:pointer}.bar{height:4px;background-color:#fff;width:35px;margin:7px 0 0 0;transition:all .3s;transform-origin:0% 50%;cursor:pointer;position:inherit}#mobileNav{display:flex;align-items:center;display:flex;justify-content:space-between;width:100%;display:none;background-color:#032541;height:70px;padding:0px 40px;position:fixed;z-index:205}#mobileNav i{color:#fff;font-size:40px}#mobileNav.open #menu-nav{position:fixed;right:0 !important;bottom:0 !important;transition:all .3s;z-index:-1}#mobileNav.open #top-nav{transform:rotate(45deg) translate(0, -10px)}#mobileNav.open #middle-nav{display:none}#mobileNav.open #bottom-nav{transform:rotate(-45deg) translate(0, 10px)}#mobileNav .mobile-nav-content{position:fixed;list-style:none;display:flex;align-items:center;flex-direction:column;right:-100%;bottom:0 !important;background:#032541;height:100%;width:100%;transition:all .3s;text-align:center}#mobileNav .mobile-nav-content ul{list-style:none;height:320px;display:flex;align-items:center;flex-direction:column;justify-content:space-around;text-align:center}#mobileNav .mobile-nav-content ul li{color:#000;width:100%;padding:15px 0 15px 15px}#mobileNav .mobile-nav-content ul li a{text-decoration:none;font-weight:bold;color:#fff;text-transform:capitalize;font-size:30px}footer{background-color:#032541;display:flex;align-items:center;height:60px}footer p{color:#fff;margin-left:30px}.trailer-banner{background-color:#f0f0f0;padding:20px;border-radius:8px;text-align:center;margin-top:0;width:100%}.trailer-banner h2{margin-bottom:10px}.trailer-banner iframe{border:none}@media screen and (max-width: 768px){.desktop-nav{display:none}.mobile-nav{display:flex;align-items:center}#mobileNav{display:flex;align-items:center}}a{text-decoration:none}.actor-container{padding:20px}.actor-container .actor-details{display:flex;align-items:center;margin-bottom:20px}.actor-container .actor-details img{width:150px;height:150px;border-radius:50%;margin-right:20px}.actor-container .actor-films{margin-top:20px}.actor-container .actor-films h2{margin-bottom:10px;color:#3498db}.actor-container .actor-films .film{display:flex;align-items:center;margin-bottom:10px}.actor-container .actor-films .film .film-poster{width:100px;height:150px;margin-right:10px;border-radius:5px}.actor-container .actor-films .film h3{color:#333;font-size:16px}.actor-container .actor-films .film p{color:#2ecc71;font-size:.9em}/*# sourceMappingURL=style.css.map */