.popUP{position:fixed;left:0;bottom:60px;padding:20px;background-color:#071c2ce3;z-index:10;color:#fff}.popUP a{position:absolute;top:10px;right:20px;color:#fff;text-transform:capitalize;cursor:pointer;animation-duration:2s;transform:translateX(-0)}.popClose{animation-duration:2s;transform:translateX(-800px)}.box-home-intro{height:365px;background:url(/Content/Images/ban-home-intro.png) no-repeat center center;margin:35px 0 0}.intro-left{float:left;width:55%;padding:25px 0}.intro-left h1{color:#fff;font-size:28px}.intro-left h2{color:#fff;font-size:24px}.intro-left p{color:#fff;font-size:14px;font-weight:400;letter-spacing:1px;padding:0 0 15px}.intro-left a{color:#999;text-decoration:none}.intro-left a:hover{color:#ccc}.intro-left .btn-savoir{float:left}.intro-right{float:right;width:40%;height:365px;background:url(/Content/Images/photo-home.png) no-repeat center center}.intro-right img{width:100%}.btn-savoir{width:185px}.btn-savoir a{display:block;text-transform:uppercase;color:#fff;padding:5%;border:1px solid #fff;text-decoration:none;font-size:17px;text-align:center}.btn-savoir a:hover{background:#fff;color:#000}.home-box-move{height:207px;margin:35px 0 0}.move-left,.move-right{padding:30px 0 0 10%}.move-left h2,.move-right h2,.home-box-video h2{color:#fff;font-size:34px;font-weight:700;text-transform:uppercase}.move-left h2 span,.move-right h2 span,.home-box-video h2 span{color:#60604c}.move-left .btn-savoir a:hover,.move-right .btn-savoir a:hover{color:#071c2c}.move-right .btn-savoir,.move-left .btn-savoir{width:185px;margin:0;float:left}.move-left{width:40%;float:left;height:207px;background:#071c2c url(/Content/Images/move-l.png) no-repeat 200px center;-webkit-transition:all 2s ease-in-out;transition:all 2s ease-in-out}.move-left:hover{width:55%;-webkit-transition:all 2s ease-in-out;transition:all 2s ease-in-out;background:#071c2c url(/Content/Images/move-l.png) no-repeat 150px center}.move-right{width:55%;float:right;height:207px;background:#071c2c url(/Content/Images/move-r.png) no-repeat center right;-webkit-transition:all 2s ease-in-out;transition:all 2s ease-in-out}.move-left:hover+.move-right{width:40%;-webkit-transition:all 2s ease-in-out;transition:all 2s ease-in-out;background:#071c2c url(/Content/Images/move-r.png) no-repeat 150px center}.home-box-video{margin:35px 0 0}.home-box-video .video-right{width:55%;float:right;background-color:#071c2c;padding:30px 10%;height:auto}.home-box-video .video-right video{display:block;width:100%}.home-real{height:205px}.home-real h2{color:#60604c;font-weight:700;float:left}.home-real h2 span{color:#071c2c}.title-foot{padding:50px 0 0 160px}.title-foot img{float:right;padding:75px 0 0;width:65%}@media screen and (max-width:1553px){.intro-left h1{font-size:30px}}@media screen and (max-width:1250px){.title-foot img{width:53%}.box-home-intro{height:420px}.intro-right{height:420px;background-size:175%}.home-box-video .video-right video{width:100%;height:auto;padding:0}}@media screen and (max-width:990px){.intro-right{display:none}.intro-left h1,.intro-left p,.intro-left h2{text-align:center}.intro-left{float:left;width:100%;padding:25px 0;margin:0 auto}.intro-left .btn-savoir{margin:0 auto;float:none}.title-foot img{width:40%}}@media screen and (max-width:860px){.home-real h2{font-size:26px}.title-foot{padding:50px 0 0 10%}}@media screen and (max-width:767px){.home-box-move{height:414px;background:url(/Content/Images/move-home.png) no-repeat center}.move-left{width:100%;float:left;height:207px;background:none}.move-left:hover{width:100%;background:none}.move-right{width:100%;float:left;height:207px;background:none}.move-left:hover+.move-right{width:100%;background:none}.move-left,.move-right{padding:20px 0 0}.move-left h2,.move-right h2{text-align:center}.btn-savoir{margin:0 auto}.intro-left .btn-savoir{float:none}.move-right .btn-savoir,.move-left .btn-savoir{margin:0 auto;float:none}.box-home-intro{height:400px}.intro-left h1{font-size:28px}.title-foot img{width:10%}.home-box-video{height:auto;margin:35px 0 0}.home-box-video .video-right{width:100%;float:none}.home-box-video .video-right video{width:100%;height:auto;padding:0}}@media screen and (max-width:580px){.box-home-intro{height:460px;margin:0}.intro-left h1{font-size:24px}.intro-left h2{font-size:20px}.home-real h2{font-size:20px}.home-real{height:150px}.title-foot{padding:25px 0 0 5%}.title-foot img{width:15%}}@media screen and (max-width:420px){.box-home-intro{height:520px}}