@charset "utf-8";header{width:100%;position:fixed;top:0;background-color:#fff;box-shadow:0 2px 10px rgb(0 0 0 / .5);z-index:4}header .container{height:60px;display:flex;justify-content:space-between;align-items:center;max-width:1232px;margin:0 auto;padding:0 20px}header a{display:inline-block;text-decoration:none;color:#224B5D}nav{width:100%}nav ul{display:flex;justify-content:flex-end;align-items:center}#lp-menu li{width:90px;font-weight:700;font-size:.9em;text-transform:uppercase;text-align:center;line-height:60px;margin-left:10px;position:relative}#lp-menu li::after{content:" ";width:100%;position:absolute;left:0;height:5px;background-color:#DB424E;transform:scaleX(0);transition:transform 0.2s ease-in-out}#lp-menu li:hover::after{transform:scaleX(1)}#search-container{margin:0 0 0 20px}.mobil-container{display:flex}#search-form{display:flex}#search-input{width:200px;height:40px;border:1px solid #B2B2B2;border-radius:3px 0 0 3px;font-family:montserrat;padding-left:5px;outline:none}.icon-search{width:40px;height:40px;background-image:url(../images/icon-serach-w-on-b.png);background-size:cover;border:none;outline:none;border-radius:0 3px 3px 0;position:relative}.icon-search::after{content:"";width:40px;height:40px;background-image:url(../images/icon-serach-w-on-r.png);background-size:cover;border-radius:0 3px 3px 0;position:absolute;top:0;right:0;opacity:0;transition:opacity 0.15s ease-in-out}.icon-search:hover::after{cursor:pointer}.icon-search:active::after{opacity:1}footer{width:100%;background-color:#224B5D}footer .container{max-width:1024px;display:flex;flex-direction:column;align-items:center;margin:0 auto;padding:10px 20px;color:#fff}footer .container>:nth-child(1){font-size:.8em;text-align:center;margin-bottom:20px}footer .container>:nth-child(2){width:100%;margin:0 auto;display:flex;justify-content:space-around;align-items:center}.rs-footer a{margin:10px}.menu-footer{display:inline-block;text-align:end;word-spacing:5px;font-size:.8em;text-transform:uppercase}footer .container>:nth-child(3){font-size:.8em;text-align:center;margin-top:20px}footer a{color:#fff;text-decoration:none;transition:color 0.1s ease-in-out}footer a:hover{color:#30DCFF}footer a:active{color:#FFD796}.iconInFooter{background-image:url(../images/iconFooter/linkedin-footer.png)}.iconVimeoFooter{background-image:url(../images/iconFooter/vimeo-footer.png)}.iconYtbFooter{background-image:url(../images/iconFooter/youtube-footer.png)}.rs-footer>:nth-child(1):hover{background-image:url(../images/iconFooter/linkedin-hover.png)}.rs-footer>:nth-child(1):active{background-image:url(../images/iconFooter/linkedin-actif.png)}.rs-footer>:nth-child(2):hover{background-image:url(../images/iconFooter/vimeo-hover.png)}.rs-footer>:nth-child(2):active{background-image:url(../images/iconFooter/vimeo-actif.png)}.rs-footer>:nth-child(3):hover{background-image:url(../images/iconFooter/youtube-hover.png)}.rs-footer>:nth-child(3):active{background-image:url(../images/iconFooter/youtube-actif.png)}@media (min-width:320px) and (max-width:991px){header .container{height:60px;display:flex;justify-content:flex-start;align-items:center;padding:0 20px}header .logo{flex:1 1 auto}nav ul{padding:0 40px;background-color:#fff;height:60px;display:flex;align-items:center;justify-content:space-around;text-transform:uppercase;font-weight:700;z-index:3}#lp-menu{overflow:hidden;transition:max-height 0.5s ease-out;max-height:0;width:100%;box-shadow:0 2px 5px #000;position:absolute;top:60px;left:0;z-index:3}.burger{width:28px;height:28px;background:url(../images/burger-menu.png) no-repeat;background-size:cover;margin-left:30px}.cross{display:inherit;width:28px;height:28px;background:url(../images/close-menu.png) no-repeat;background-size:cover}.modal{position:fixed;z-index:2;left:0;top:60px;width:100%;height:100%;overflow:auto;background-color:rgb(0 0 0 / .4)}.cache{display:none}}@media (min-width:320px) and (max-width:579px){header .container{padding:0 10px}#search-container{overflow:hidden;transition:max-height 0.5s ease-out;max-height:0;width:100%;height:60px;position:absolute;top:60px;margin:0;background-color:#fff;box-shadow:0 2px 5px #000;//display:none;z-index:3}header .mobil-container{display:flex;justify-content:center;margin:10px 0}header input{height:40px}#lp-menu li{font-size:.6em}.loupe-icon{width:32px;height:32px;background:url(../images/loupe.png) no-repeat;background-size:cover}.cross{display:inherit;width:28px;height:28px;background:url(../images/close-menu.png) no-repeat;background-size:cover}}@media (min-width:580px) and (max-width:767px){footer .logo{display:none}footer .container>:nth-child(2){flex-direction:column}.menu-footer{display:block;margin:0 auto;text-align:center;word-spacing:5px;font-size:.8em;text-transform:uppercase}}@media (min-width:320px) and (max-width:579px){footer .container{padding:0}footer .container>:nth-child(2){flex-direction:column}footer .logo{display:none}footer .menu-footer{margin:0 auto;text-align:center;font-size:.8em;text-transform:uppercase}}