﻿@font-face{font-family:"Grota";font-weight:100;src:url("fonts/grota-thin.woff2") format("woff2"),url("fonts/grota-thin.woff") format("woff"),url("fonts/grota-thin.ttf") format("truetype");font-display:swap}@font-face{font-family:"Grota";font-weight:200;src:url("fonts/grota-light.woff2") format("woff2"),url("fonts/grota-light.woff") format("woff"),url("fonts/grota-light.ttf") format("truetype");font-display:swap}@font-face{font-family:"Grota";font-weight:400;src:url("fonts/grota-regular.woff2") format("woff2"),url("fonts/grota-regular.woff") format("woff"),url("fonts/grota-regular.ttf") format("truetype");font-display:swap}@font-face{font-family:"Grota";font-weight:500;src:url("fonts/grota-medium.woff2") format("woff2"),url("fonts/grota-medium.woff") format("woff"),url("fonts/grota-medium.ttf") format("truetype");font-display:swap}@font-face{font-family:"Grota";font-weight:600;src:url("fonts/grota-semi-bold.woff2") format("woff2"),url("fonts/grota-semi-bold.woff") format("woff"),url("fonts/grota-semi-bold.ttf") format("truetype");font-display:swap}@font-face{font-family:"Grota";font-weight:700;src:url("fonts/grota-bold.woff2") format("woff2"),url("fonts/grota-bold.woff") format("woff"),url("fonts/grota-bold.ttf") format("truetype");font-display:swap}@font-face{font-family:"Grota";font-weight:800;src:url("fonts/grota-extra-bold.woff2") format("woff2"),url("fonts/grota-extra-bold.woff") format("woff"),url("fonts/grota-extra-bold.ttf") format("truetype");font-display:swap}@font-face{font-family:"Grota";font-weight:900;src:url("fonts/grota-black.woff2") format("woff2"),url("fonts/grota-black.woff") format("woff"),url("fonts/grota-black.ttf") format("truetype");font-display:swap}:root{--KForms-InputBack: #FFFFFF;--KForms-TextColor: #000;--KForms-BorderColor: #F0F0F0;--KForms-BorderFocus: #00A5DC;--KForms-BorderRadius: 0;--KForms-BorderWidth: 1px;--KForms-AlertColor: #C00;--KForms-DisabledOpacity: 0.5;--KForms-ValidColor: #14376E;--KForms-CancelColor: #AAA}html{height:auto}body{position:relative;font-family:"Grota",arial,sans-serif;color:#000;display:flex;flex-direction:column;min-height:100vh}button,input,select,textarea,tr,td{font-family:"Grota",arial,sans-serif}h1,h2,h3,h4{line-height:.95em;text-wrap:balance}h1,h2,h3,h4,h5,h6{margin:1em 0}.kPict cite,.kPict+cite{display:none}.mobile{display:none}@media(max-width: 600px){.desktop{display:none}.mobile{display:block}a span.protocol{display:none}}main{flex:1 1 auto;display:flex;flex-direction:column}main p{margin-bottom:.5em}main ul{padding-left:1.3em}main section{position:relative;flex:0 0 auto;text-align:center}main section .content{max-width:1024px;padding:0 20px;margin:0 auto}main section h2{font-size:3em;font-weight:400;text-align:center}main section h2 strong{font-weight:700}main section.bleu{background:#14376e}main section.bleu h2{color:#969696}main section.bleu h2 strong{color:#00a5dc}main section.blanc{background:#fff}main section.blanc h2{color:#14376e}main section.blanc h2 strong{color:#00a5dc}main section i{position:absolute;width:30px;height:30px;z-index:9}main section i.h.i{top:-0.5px}main section i.h.e{top:-29.5px}main section i.b.i{bottom:-0.5px}main section i.b.e{bottom:-29.5px}main section i.g{left:0}main section i.d{right:0}main section i.bl{background:#14376e}main section i.ff{background:#fff}main section i.h.g.i,main section i.b.g.e{clip-path:polygon(0 0, 0 100%, 100% 0)}main section i.h.d.e,main section i.b.d.i{clip-path:polygon(0 100%, 100% 0, 100% 100%)}main section i.h.g.e,main section i.b.g.i{clip-path:polygon(0 0, 100% 100%, 0 100%)}main section i.h.d.i,main section i.b.d.e{clip-path:polygon(0 0, 100% 100%, 100% 0)}@media(max-width: 500px){main section i{width:15px;height:15px}main section i.h.e{top:-14.5px}main section i.b.e{bottom:-14.5px}}main p.savoirplus{text-align:right}main p.savoirplus a{position:relative;padding:.3em 0 .3em .5em;transition:all .3s ease 0s;font-weight:500}main p.savoirplus a .kIcon{font-size:.8em;margin:0 0 -0.1em .3em}main p.savoirplus a .kIconC{transition:all .3s ease 0s}main p.savoirplus a:after{content:"";width:0;height:1px;position:absolute;bottom:-2px;left:0;background:#969696;transition:all .3s ease 0s}main p.savoirplus a,main p.savoirplus a:visited{color:#00a5dc}main p.savoirplus a:active,main p.savoirplus a:hover,main p.savoirplus a:focus{color:#14376e}main p.savoirplus a:active .kIconC,main p.savoirplus a:hover .kIconC,main p.savoirplus a:focus .kIconC{fill:#00a5dc}main p.savoirplus a:active:after,main p.savoirplus a:hover:after,main p.savoirplus a:focus:after{width:100%}main a.anchor,main a.KFormReponseAnchor{display:block;position:relative;top:-150px}@media screen and (max-width: 850px){main a.anchor,main a.KFormReponseAnchor{top:-100px}}header{flex:0 0 auto;width:100%;z-index:15;text-align:center;padding:0;position:fixed;color:#fff}@media(min-height: 500px)and (min-width: 781px){.scrolled-header header{padding:0 10px}.scrolled-header header a.logo{padding:.5em}.scrolled-header header a.logo img{display:block;width:150px}}header .content{display:flex;max-width:1200px;margin:0 auto;align-items:center}header a.logo{flex:0 0 auto;display:block;position:relative;margin:0 auto 0 0;padding:.5em 1em}header a.logo img{display:block;width:200px;transition:all .3s ease 0s}header a.logo:focus,header a.logo:hover{outline:none}header a.logo:focus img,header a.logo:hover img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}@media(min-width: 701px){header{transition:all .3s ease 0s}header nav.menu{flex:1 1 auto;z-index:20;font-size:1.1em;text-align:center}header nav.menu a,header nav.menu a .kIcon .kIconC{transition:all .15s ease 0s;line-height:1.1em}header nav.menu .kIcon{margin:0;font-size:.85em;transition:all .4s ease 0s}header nav.menu a,header nav.menu a:visited{color:#14376e}header nav.menu a:active,header nav.menu a:hover,header nav.menu a:focus{color:#00a5dc;text-decoration:none}header nav.menu a:active .kIcon .kIconC,header nav.menu a:hover .kIcon .kIconC,header nav.menu a:focus .kIcon .kIconC{fill:#14376e}header nav.menu ul.menu{display:flex;align-items:center;width:100%;justify-content:end}header nav.menu ul.menu li{flex:0 1 auto;position:relative}header nav.menu ul.menu li a{display:inline-block;padding:.4em .4em;border-radius:.3em}header nav.menu ul.menu li a:focus{outline:none;color:#00a5dc}header nav.menu ul.menu li.selected>a{cursor:default;color:#00a5dc}header nav.menu ul.menu li.selected>a:active,header nav.menu ul.menu li.selected>a:hover,header nav.menu ul.menu li.selected>a:focus{color:#00a5dc}header nav.menu ul.menu li.selected>a:focus{outline:none;color:#00a5dc}header nav.menu ul.menu li.selected li.selected>a{cursor:default;color:#00a5dc}header nav.menu ul.menu li.prestations>a,header nav.menu ul.menu li.secteurs>a{white-space:nowrap}header nav.menu ul.menu li ul{max-height:0;overflow:hidden;transition:all .4s ease 0s;position:absolute;background:#fff;left:-3em;right:-3em;top:1.8em;box-shadow:0 .4em .5em rgba(0,0,0,.1)}header nav.menu ul.menu li ul li:first-child a{padding-top:.7em}header nav.menu ul.menu li ul li:last-child a{padding-bottom:1em}header nav.menu ul.menu li:hover ul,header nav.menu ul.menu li:focus-within ul{max-height:30em;transition:all .2s ease .1s}}.menublanc header{color:#fff}.menublanc header a.logo{filter:invert(1) grayscale(1) contrast(0.4) brightness(2)}@media(min-width: 701px){.menublanc header{background:linear-gradient(to bottom, rgba(0, 0, 0, 0.7) 20%, rgba(0, 0, 0, 0))}.menublanc header nav.menu a,.menublanc header nav.menu a:visited{color:#fff}.menublanc header nav.menu a:active,.menublanc header nav.menu a:hover,.menublanc header nav.menu a:focus{color:#00a5dc}.menublanc header nav.menu a:active .kIcon .kIconC,.menublanc header nav.menu a:hover .kIcon .kIconC,.menublanc header nav.menu a:focus .kIcon .kIconC{fill:#fff}.menublanc header nav.menu ul ul li a,.menublanc header nav.menu ul ul li a:visited{color:#000}}header .KMenusOpener{flex:1 1 auto;cursor:default;display:none}@media(max-width: 950px){header a.logo img{width:180px}header nav.menu{font-size:.85em}}@media(max-width: 780px){header a.logo{padding:.3em}header a.logo img{width:150px}header nav.menu{font-size:.8em}header nav.menu ul.menu li a{padding:.45em .5em}}@media(max-width: 700px){header{padding:0}header .content{flex-direction:column}header a.logo{padding:10px 70px;margin:0 30px;transition:all 1s ease 0s}header a.logo img{width:200px;margin:0 auto}.menuopened header a.logo{filter:brightness(0.5) saturate(3)}.scrolled body:not(.menuopened) header a.logo{opacity:0}header nav.menu{width:100%;font-size:16px;background:#fff}header nav.menu ul.menu{max-height:0;overflow:hidden;padding-top:0;transition:all .2s ease 0s}.menuopened header nav.menu ul.menu{max-height:45em;transition:all .4s ease 0s;border-bottom:1px solid #969696;box-shadow:0 .25em .5em rgba(0,0,0,.3)}header nav.menu ul.menu li{position:relative;border-top:1px solid #969696}header nav.menu ul.menu li a{display:block;padding:8px 20px;color:#14376e;text-align:left}header nav.menu ul.menu li a .kIcon{display:none}header nav.menu ul.menu li.prestations>a,header nav.menu ul.menu li.secteurs>a{position:absolute;writing-mode:sideways-lr;font-weight:600;letter-spacing:.05em;color:#969696;padding:10px 14px}header nav.menu ul.menu li ul{columns:2;gap:10px;padding-left:40px}header nav.menu ul.menu li ul li{border-top:0;break-inside:avoid}header nav.menu ul.menu li ul li a{padding:8px}header .KMenusOpener{display:block;position:absolute;width:50px;height:50px;top:13px;left:13px;z-index:1;transition:all .5s ease 0s}header .KMenusOpener .KMenusBarre{display:block;position:absolute;width:24px;height:4px;left:12px;background:#00a5dc;border-radius:2px;transition:all .25s ease 0s}header .KMenusOpener .KMenusBarre.KMenusBar1{top:14px;z-index:2}header .KMenusOpener .KMenusBarre.KMenusBar2{top:23px;z-index:1}header .KMenusOpener .KMenusBarre.KMenusBar3{top:32px;z-index:2}.scrolled body:not(.menuopened) header .KMenusOpener{background:rgba(255,255,255,.4)}.scrolled body:not(.menuopened) header .KMenusOpener .KMenusBarre{background:#14376e}.menuopened header .KMenusOpener{background:none}.menuopened header .KMenusOpener .KMenusBarre.KMenusBar2{top:10px;left:10px;width:30px;height:30px;border-radius:20px}.menuopened header .KMenusOpener .KMenusBarre.KMenusBar1,.menuopened header .KMenusOpener .KMenusBarre.KMenusBar3{background:#14376e;width:23px;top:23px;left:14px}.menuopened header .KMenusOpener .KMenusBarre.KMenusBar1{-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg)}.menuopened header .KMenusOpener .KMenusBarre.KMenusBar3{-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg)}}@media(max-width: 450px){header{position:absolute}}@media(max-width: 350px){header a.logo{padding:15px 70px}header a.logo img{width:150px}}.cta-contact{flex:0 0 auto;margin-top:auto;background:linear-gradient(to top, #969696, #FFF);text-align:center;z-index:10;font-size:1.4em;padding:.8em;clip-path:polygon(30px 0, calc(100% - 30px) 0, 100% -30px, 100% 100%, 0 100%, 0 30px)}.cta-contact a{display:block}.cta-contact a,.cta-contact span{transition:all .2s ease 0s}.cta-contact a,.cta-contact a:visited{color:#000}.cta-contact p{display:inline-block;margin:0;font-style:italic;font-weight:500}.cta-contact span{display:inline-block;background:#14376e;color:#fff;font-size:1.1em;padding:.4em .8em .25em;margin-left:1em;font-weight:900}@media(min-width: 601px){.cta-contact a:active,.cta-contact a:hover,.cta-contact a:focus{outline:none;color:#14376e}.cta-contact a:active span,.cta-contact a:hover span,.cta-contact a:focus span{background:#00a5dc;color:#fff}}@media(min-height: 600px){.cta-contact{position:sticky;bottom:0}}@media(max-width: 600px){.cta-contact{font-size:16px;box-shadow:0 -0.15em .5em rgba(0,0,0,.1)}.cta-contact .content{padding:5px 20px}.cta-contact a span{padding:.3em .5em .25em}}@media(max-width: 500px){.cta-contact{clip-path:polygon(15px 0, calc(100% - 15px) 0, 100% -15px, 100% 100%, 0 100%, 0 15px)}}@media(max-width: 400px){.cta-contact{font-size:14px}}footer{flex:0 0 auto;display:flex;z-index:9;background:#14376e;color:#fff;font-size:14px;line-height:1.1em;padding:15px 30px}footer .content{flex:1 1 auto;max-width:1200px;display:flex;flex-direction:column;align-items:stretch;margin:0 auto}footer a{color:#fff}footer section{flex:1 0 auto;display:flex;font-size:18px;padding:10px 0}footer section.coordonnees{display:flex;align-items:center;font-size:1.25em}footer section.coordonnees a,footer section.coordonnees span.sep,footer section.coordonnees span.group{flex:0 0 auto}footer section.coordonnees span.group{margin-left:1em}footer section.coordonnees span.sep{margin:0 1em}footer section.coordonnees a.logo{margin-right:auto}footer section.coordonnees a.logo img{width:15em}footer section.coordonnees span.group.social a,footer section.coordonnees span.group.social a:visited{padding:.2em .4em;margin:0 0 .3em .2em}footer section.coordonnees span.group.social a img,footer section.coordonnees span.group.social a:visited img{background:#969696;border-radius:.2em;transition:all .2s ease 0s;padding:.2em}footer section.nav{display:flex;line-height:1.4em}footer section.nav div{line-height:1em}footer section.nav div a{display:inline-block;padding:.3em 0}footer section.nav div.general{flex:1 1 auto}footer section.nav div.general li{margin-bottom:.5em}footer section.nav div.prestations,footer section.nav div.secteurs{flex:2 1 auto;font-size:.85em;margin-left:1em}footer section.nav div.prestations h2,footer section.nav div.secteurs h2{margin:0 0 .4em;color:#969696;font-weight:600;font-size:1em}footer section.nav div.prestations ul,footer section.nav div.secteurs ul{columns:2;column-gap:1em}footer section.mentions{display:flex;align-items:center;font-size:.85em;color:#969696}footer section.mentions a{color:#969696}footer section.mentions p,footer section.mentions ul{flex:0 1 auto}footer section.mentions p{margin-right:auto}footer section.mentions ul{margin-left:1em}footer section.mentions ul li{display:inline}footer section.mentions ul li:not(:last-child):after{content:" — ";margin:0 .2em}@media(min-width: 601px){footer a,footer a:visited{color:#fff;transition:all .8s ease 0s}footer a:active,footer a:hover,footer a:focus{color:#00a5dc;transition:all .2s ease 0s}footer section.mentions a,footer section.mentions a:visited{color:#969696}footer section.mentions a:active,footer section.mentions a:hover,footer section.mentions a:focus{color:#fff}footer section.coordonnees span.group.social a:active img,footer section.coordonnees span.group.social a:hover img,footer section.coordonnees span.group.social a:focus img{background:#fff}}@media(max-width: 900px){footer section.coordonnees span.sep{display:none}footer section.coordonnees span.group{display:flex;flex-direction:column;text-align:right}footer section.coordonnees span.group a{padding:.5em 0}}@media(max-width: 700px){footer section.coordonnees{flex-direction:column;text-align:center}footer section.coordonnees a.logo{margin:0 auto 1em}footer section.coordonnees span.sep{display:inline;padding:.5em 0}footer section.coordonnees span.group{text-align:center;flex-direction:row;margin-left:0}footer section.coordonnees span.group.social a{padding:.5em .4em;margin:0 .5em}footer section.nav{flex-direction:column}footer section.nav div.general{text-align:center;text-wrap:balance}footer section.nav div.general li{display:inline}footer section.nav div.general li a{padding:.5em .8em}footer section.nav div.prestations,footer section.nav div.secteurs{margin:1em 0}footer section.nav div.prestations h2,footer section.nav div.secteurs h2{text-align:center;font-size:1.2em}footer section.nav div.prestations ul,footer section.nav div.secteurs ul{columns:3}footer section.mentions{flex-direction:column}footer section.mentions p,footer section.mentions ul{text-align:center;margin:0 auto 1em}}@media(max-width: 500px){footer section.coordonnees span.sep{display:none}footer section.coordonnees span.group.contact{flex-direction:column}footer section.nav div.prestations ul,footer section.nav div.secteurs ul{columns:2}footer section.mentions a{white-space:nowrap}}@media(max-width: 380px){footer section.coordonnees a.logo img{width:100%}footer section.nav div.prestations ul,footer section.nav div.secteurs ul{columns:1;text-align:center}}.KPN-index header{position:fixed}.KPN-index header a.logo{display:none}@media(min-width: 701px){.KPN-index header nav.menu ul.menu{justify-content:center}.KPN-index header nav.menu ul.menu li a{padding:1em .4em;text-shadow:0 0 .1em #000,0 0 .5em #000}.KPN-index header nav.menu ul.menu li a,.KPN-index header nav.menu ul.menu li a:visited{color:#fff}.KPN-index header nav.menu ul.menu li a:active,.KPN-index header nav.menu ul.menu li a:hover,.KPN-index header nav.menu ul.menu li a:focus{color:#00a5dc}.KPN-index header nav.menu ul.menu li ul{top:2.5em}.KPN-index header nav.menu ul.menu li ul a{padding:.4em .4em;text-shadow:none}.KPN-index header nav.menu ul.menu li ul a,.KPN-index header nav.menu ul.menu li ul a:visited{color:#000}.KPN-index header nav.menu ul.menu li ul a:active,.KPN-index header nav.menu ul.menu li ul a:hover,.KPN-index header nav.menu ul.menu li ul a:focus{color:#00a5dc}}@media(max-width: 450px){.KPN-index header{position:absolute}}.KPN-index .hero{position:relative;overflow:hidden;height:100vh;background:#000;max-height:59.5vw;text-align:center}.KPN-index .hero::before{content:"";position:absolute;top:0;left:0;width:100%;height:calc(100% + 1024px);background:url(../img/espace-2.gif) repeat center 0;z-index:1;will-change:transform;-webkit-animation:espace 100s linear 0s infinite normal forwards;animation:espace 100s linear 0s infinite normal forwards}@-webkit-keyframes espace{0%{transform:translateY(-1024px)}100%{transform:translateY(0)}}@keyframes espace{0%{transform:translateY(-1024px)}100%{transform:translateY(0)}}.KPN-index .hero .glitter{position:absolute;width:100%;height:100%;z-index:2}.KPN-index .hero .glitter::before{content:"";position:absolute;top:0;left:0;width:100%;height:calc(100% + 500px);background:rgba(0,0,0,0) url(../img/espace-glitter-2.png) repeat 0 0;background-size:500px;will-change:transform;-webkit-animation:glitter 30s linear 0s infinite normal forwards;animation:glitter 30s linear 0s infinite normal forwards}@-webkit-keyframes glitter{0%{transform:translateY(0)}100%{transform:translateY(-500px)}}@keyframes glitter{0%{transform:translateY(0)}100%{transform:translateY(-500px)}}.KPN-index .hero .kPict{position:absolute;top:-5vh;left:0;width:100%;z-index:3;-webkit-animation:terre 5s ease-out 0s 1 normal forwards;animation:terre 5s ease-out 0s 1 normal forwards}@-webkit-keyframes terre{0%{transform:translateY(5vh)}100%{transform:translateY(0vh)}}@keyframes terre{0%{transform:translateY(5vh)}100%{transform:translateY(0vh)}}.KPN-index .hero .kPict::after{content:"";display:block;position:absolute;bottom:-5em;width:95%;left:2.5%;height:5em;background:#000}.KPN-index .hero .logo{position:absolute;top:40%;left:27.5vw;width:45vw;filter:drop-shadow(0 0 0.05em #000) drop-shadow(0 0 0.3em #000);z-index:4;-webkit-animation:logo 3s ease-out 0s 1 normal forwards;animation:logo 3s ease-out 0s 1 normal forwards}@-webkit-keyframes logo{0%{transform:translateY(-3vh) scale(1.2);filter:drop-shadow(0 0 0.05em #000) drop-shadow(0 0 0.3em #000) brightness(0.5) contrast(1.5) brightness(2)}100%{transform:translateY(0vh) scale(1)}}@keyframes logo{0%{transform:translateY(-3vh) scale(1.2);filter:drop-shadow(0 0 0.05em #000) drop-shadow(0 0 0.3em #000) brightness(0.5) contrast(1.5) brightness(2)}100%{transform:translateY(0vh) scale(1)}}.KPN-index .hero h1{position:absolute;top:65%;width:100%;color:#fff;font-weight:200;letter-spacing:.14em;z-index:4;font-size:1.2em}.KPN-index .hero h1 strong{color:#00a5dc;font-weight:500}@media(max-width: 950px){.KPN-index nav.menu{font-size:1.1em}}@media(max-width: 700px){.KPN-index .hero{border-bottom:5px solid #00a5dc}.menuopened header .content{background:#fff}.menuopened header a.logo{display:block}}@media(max-width: 500px){.KPN-index .hero h1{font-size:1em}}@media(max-width: 420px){.KPN-index .hero h1{font-size:.8em}}.KPN-index section.principal{position:relative}.KPN-index section.principal .content{display:flex;flex-direction:column;position:absolute;top:2em;left:5%;width:37%;height:22em;font-size:.55em;text-align:left;padding:0;z-index:1}.KPN-index section.principal .content p{margin-bottom:.6em}.KPN-index section.principal .content p strong{font-weight:600}.KPN-index section.principal .content p:first-child{margin-top:auto}.KPN-index section.principal .content p:last-child{margin-bottom:auto}@media(min-width: 2000px){.KPN-index section.principal .content{font-size:30px}}@media(max-width: 900px){.KPN-index section.principal .content{font-size:.65em;left:20px;width:44%;height:19em}}@media(max-width: 700px){.KPN-index section.principal .content{background:linear-gradient(to top, #FFF, #969696);display:block;position:relative;padding:25px 20px;width:auto;height:auto;left:0;top:0;font-size:15px}}.KPN-index section.mission .content,.KPN-index section.expertise .content{display:flex;align-items:center;max-width:none;padding:5% 5%;font-size:.5em}.KPN-index section.mission .content h2,.KPN-index section.mission .content h3,.KPN-index section.expertise .content h2,.KPN-index section.expertise .content h3{flex:1 1 30%;margin:0;font-size:1.5em}@media(max-width: 900px){.KPN-index section.mission .content,.KPN-index section.expertise .content{padding:5% 20px}}@media(max-width: 700px){.KPN-index section.mission .content,.KPN-index section.expertise .content{display:block;font-size:14px}}@media(max-width: 450px){.KPN-index section.mission .content,.KPN-index section.expertise .content{font-size:10px}}.KPN-index section.mission .content h2 span{display:block;line-height:1em}.KPN-index section.mission .content h2 span.t1,.KPN-index section.mission .content h2 span.t3{color:#14376e;font-weight:400}.KPN-index section.mission .content h2 span.t2,.KPN-index section.mission .content h2 span.t4{color:#00a5dc;font-weight:800}.KPN-index section.mission .content h2 span.t1{font-size:2.5em;padding-right:2.4em}.KPN-index section.mission .content h2 span.t2{font-size:3em;padding-right:1.5em}.KPN-index section.mission .content h2 span.t3{font-size:1.7em;padding-right:2.7em;margin-top:-0.3em}.KPN-index section.mission .content h2 span.t4{font-size:3em;padding-left:1.3em}.KPN-index section.mission .content .txt{flex:1 1 70%;text-align:right;font-size:1.2em;text-wrap:balance}.KPN-index section.mission .content .txt p.exergue{font-size:1.1em;color:#00a5dc;margin-top:1em}.KPN-index section.mission .content .txt p.exergue strong{color:#14376e;font-weight:800}@media(min-width: 2000px){.KPN-index section.mission .content .txt{font-size:30px;max-width:1400px}}@media(max-width: 700px){.KPN-index section.mission .content .txt{margin-top:4%;font-size:15px;text-align:left}}@media(max-width: 450px){.KPN-index section.mission .content .txt{text-wrap:wrap}.KPN-index section.mission .content .txt p.exergue{text-align:center}.KPN-index section.mission .content .txt p.exergue strong{display:block}}.KPN-index section.prestations h2,.KPN-index section.secteurs h2{margin-bottom:.5em;padding:0 1em}.KPN-index section.prestations ul,.KPN-index section.secteurs ul{padding:0 0 1em}.KPN-index section.prestations li,.KPN-index section.secteurs li{display:inline-block;position:relative;vertical-align:top;width:25%;margin:.5em;font-size:.95em}.KPN-index section.prestations li a,.KPN-index section.secteurs li a{display:flex;align-items:center;position:relative;aspect-ratio:1}.KPN-index section.prestations li a span,.KPN-index section.secteurs li a span{position:relative;display:block;z-index:1;margin:auto;letter-spacing:.05em;line-height:1.1em;font-weight:500;text-shadow:0 0 .2em #000,0 0 .5em #000;transition:all .7s ease 0s;text-wrap:balance}.KPN-index section.prestations li a strong,.KPN-index section.secteurs li a strong{display:block;font-weight:800}.KPN-index section.prestations li a,.KPN-index section.prestations li a:visited,.KPN-index section.secteurs li a,.KPN-index section.secteurs li a:visited{color:#fff}.KPN-index section.prestations .kPict,.KPN-index section.secteurs .kPict{position:absolute;width:100%;aspect-ratio:1;clip-path:polygon(0 0, 0 0, 0 100%, 100% 100%, 100% 100%, 100% 0);transition:all .7s ease 0s}.KPN-index section.prestations .kPict::after,.KPN-index section.secteurs .kPict::after{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:#00a5dc;opacity:0;transition:all .7s ease 0s}@media(min-width: 2000px){.KPN-index section.prestations li,.KPN-index section.secteurs li{width:150px;font-size:14px}}@media(min-width: 701px){.KPN-index section.prestations li a:active span,.KPN-index section.prestations li a:hover span,.KPN-index section.prestations li a:focus span,.KPN-index section.secteurs li a:active span,.KPN-index section.secteurs li a:hover span,.KPN-index section.secteurs li a:focus span{transform:scale(1.05);transition:all .2s ease 0s}.KPN-index section.prestations li a:active .kPict,.KPN-index section.prestations li a:hover .kPict,.KPN-index section.prestations li a:focus .kPict,.KPN-index section.secteurs li a:active .kPict,.KPN-index section.secteurs li a:hover .kPict,.KPN-index section.secteurs li a:focus .kPict{clip-path:polygon(20% 0, 0 20%, 0 100%, 80% 100%, 100% 80%, 100% 0);transition:all .2s ease 0s;filter:contrast(1.5)}.KPN-index section.prestations li a:active .kPict::after,.KPN-index section.prestations li a:hover .kPict::after,.KPN-index section.prestations li a:focus .kPict::after,.KPN-index section.secteurs li a:active .kPict::after,.KPN-index section.secteurs li a:hover .kPict::after,.KPN-index section.secteurs li a:focus .kPict::after{opacity:.6;transition:all .2s ease 0s}}@media(max-width: 700px){.KPN-index section.prestations li,.KPN-index section.secteurs li{width:40%;font-size:1.45em}}@media(max-width: 550px){.KPN-index section.prestations h2,.KPN-index section.secteurs h2{margin-bottom:1em}.KPN-index section.prestations ul,.KPN-index section.secteurs ul{padding:0 20px 5%}.KPN-index section.prestations li,.KPN-index section.secteurs li{width:100%;font-size:50px;margin:0 0 20px}}@media(max-width: 500px){.KPN-index section.prestations li,.KPN-index section.secteurs li{font-size:40px}}@media(max-width: 420px){.KPN-index section.prestations li,.KPN-index section.secteurs li{font-size:30px}}.KPN-index section.secteurs a span{font-weight:800}.KPN-index section.expertise{background:#14376e}.KPN-index section.expertise h2{font-size:48px;color:#969696;position:relative;z-index:2;padding:0 1em}.KPN-index section.expertise h2 strong{font-weight:800;color:#fff}.KPN-index section.expertise .content{text-shadow:0 0 .1em #000,0 0 .4em #14376e;padding-top:0}.KPN-index section.expertise .content .kPict{position:absolute;top:0;left:0;width:auto;height:100%;z-index:0}.KPN-index section.expertise .content .kPict img{object-fit:cover;height:100%}.KPN-index section.expertise .content h3{color:#fff;flex:1 1 40%}.KPN-index section.expertise .content h3 span{position:relative;z-index:2}.KPN-index section.expertise .content h3 span{display:inline-block;line-height:1em}.KPN-index section.expertise .content h3 span.t1,.KPN-index section.expertise .content h3 span.t23,.KPN-index section.expertise .content h3 span.t45{display:block}.KPN-index section.expertise .content h3 span.t1,.KPN-index section.expertise .content h3 span.t3,.KPN-index section.expertise .content h3 span.t4,.KPN-index section.expertise .content h3 span.t5{color:#00a5dc;font-weight:400}.KPN-index section.expertise .content h3 span.t2,.KPN-index section.expertise .content h3 span.t6{font-weight:800;font-size:2.5em}.KPN-index section.expertise .content h3 span.t1{font-size:1.8em;margin-right:5em;margin-bottom:-0.15em}.KPN-index section.expertise .content h3 span.t3{font-size:2.3em;margin-left:.15em}.KPN-index section.expertise .content h3 span.t4{font-size:1.2em;font-weight:500}.KPN-index section.expertise .content h3 span.t5{font-size:2em}.KPN-index section.expertise .content h3 span.t6{margin-left:2.5em}.KPN-index section.expertise .content h3 span.t45{margin:-0.3em 0 .4em 2em}.KPN-index section.expertise .content .txt{position:relative;z-index:2;flex:1 1 60%;text-align:right;font-size:1.75em;line-height:1.6em;letter-spacing:.07em;text-wrap:balance;color:#fff}.KPN-index section.expertise .content .txt p.savoirplus{font-size:15px;color:#00a5dc;margin-top:1em}.KPN-index section.expertise .content .txt p.savoirplus strong{color:#14376e;font-weight:800}.KPN-index section.expertise .content .txt p.savoirplus a:active,.KPN-index section.expertise .content .txt p.savoirplus a:hover,.KPN-index section.expertise .content .txt p.savoirplus a:focus{color:#fff}@media(min-width: 1600px){.KPN-index section.expertise .content .txt{font-size:30px;max-width:800px}.KPN-index section.expertise .content .kPict{width:100%;height:auto}}@media(max-width: 700px){.KPN-index section.expertise h2{margin-bottom:.5em}.KPN-index section.expertise .content .txt{margin-top:2%;font-size:15px;text-align:center}}@media(max-width: 450px){.KPN-index section.expertise .content .txt{margin-top:5%}}.sp section.hero{position:relative;background:#000;text-align:center}.sp section.hero .kPict{display:block;height:40vw}.sp section.hero .kPict img{height:100%;object-fit:cover}.sp section.hero h1{position:absolute;top:50%;width:100%;padding:0 20px;font-size:2.6em;letter-spacing:.05em;font-weight:800;transform:translateY(-50%);margin:0 auto;color:#fff;text-shadow:0 0 .05em rgba(0,0,0,.6),0 0 .15em rgba(0,0,0,.3)}.sp section.hero h2{position:relative;background:#00a5dc;color:#14376e;padding:1em .2em .85em;margin:0;font-weight:600;font-size:.9em;letter-spacing:.05em;text-transform:uppercase}.sp section.hero h2::before{content:"";position:absolute;width:30px;height:30px;z-index:9;top:-29.5px;right:0;background:#00a5dc;clip-path:polygon(0 100%, 100% 0, 100% 100%)}@media(max-width: 500px){.sp section.hero h2::before{top:-14.5px;width:15px;height:15px}}@media(min-width: 1600px){.sp section.hero{font-size:45px}.sp section.hero .kPict{height:600px}}@media(max-width: 700px){.sp section.hero .kPict{height:60vw}.sp section.hero h1{top:45%}.sp section.hero h2{font-size:1.2em;line-height:1.2em;padding:20px 15px 15px}}@media(max-width: 550px){.sp section.hero h2{padding:12px 15px 10px}}.sp section.principal{display:flex;align-items:center}.sp section.principal .kPict{flex:1 1 50%;align-self:start}.sp section.principal .content{position:relative;flex:1 0 50%;padding:20px 5%;text-align:right;font-size:16px;line-height:1.8em;text-wrap:balance}.sp section.principal .content i{display:none;z-index:2}.sp section.principal .content p{margin-bottom:1.3em}.sp section.principal .content p:last-child{margin-bottom:0}@media(min-width: 1600px){.sp section.principal .kPict{max-width:1024px}.sp section.principal .content{max-width:none}}@media(max-width: 1024px){.sp section.principal .content{font-size:14px;line-height:1.5em}.sp section.principal .content p{margin-bottom:1em}}@media(max-width: 850px){.sp section.principal .content{font-size:13px;line-height:1.2em}.sp section.principal .content p{margin-bottom:.4em}}@media(max-width: 700px){.sp section.principal{flex-direction:column}.sp section.principal .content{order:-1;text-align:left;font-size:15px;line-height:1.6em;padding:20px}.sp section.principal .content i{display:block}.sp section.principal .content p{margin-bottom:1.3em}}.sp section.mission p.final{color:#969696;font-size:1.5em;margin:.6em 20px 1em;font-weight:600;letter-spacing:.05em;line-height:1.1em}.sp.prestations section.principal .kPict{order:1}.sp.prestations section.principal .content{text-align:left;padding-bottom:23%}@media(max-width: 1200px){.sp.prestations section.principal .content{padding-bottom:18%}}@media(max-width: 1024px){.sp.prestations section.principal .content{padding-bottom:20px}}.sp.prestations section.mission .content{text-align:right;max-width:none;position:relative}.sp.prestations section.mission .content .intro,.sp.prestations section.mission .content ul.secteurs{width:100%;max-width:2500px;padding-left:25%}.sp.prestations section.mission .content .intro{color:#fff}.sp.prestations section.mission .content .intro h2{text-align:right;margin:1em 0 .2em 10%;line-height:.85em}.sp.prestations section.mission .content .intro h2,.sp.prestations section.mission .content .intro p{padding-right:5%}.sp.prestations section.mission .content .intro p{font-size:18px;margin-bottom:1.5em}.sp.prestations section.mission .content ul.secteurs{display:flex;align-items:stretch}.sp.prestations section.mission .content ul.secteurs li{flex:1 1 1%;text-align:center}.sp.prestations section.mission .content ul.secteurs a{display:flex;flex-direction:column;color:#fff;align-items:center;padding:.5em 5px;height:100%}.sp.prestations section.mission .content ul.secteurs a img{flex:0 0 auto;width:100px;margin-bottom:.8em;background:#00a5dc;border-radius:50%;overflow:hidden;transition:all .5s ease 0s}.sp.prestations section.mission .content ul.secteurs a span.center{display:flex;align-items:center;flex:1 0 auto;color:#fff;transition:all .3s ease 0s;font-size:13px;text-wrap:balance;line-height:1.1em}.sp.prestations section.mission .content ul.secteurs a span.center span{flex:1 1 auto}@media(min-width: 701px){.sp.prestations section.mission .content ul.secteurs a,.sp.prestations section.mission .content ul.secteurs a:visited{color:#fff}.sp.prestations section.mission .content ul.secteurs a span.center,.sp.prestations section.mission .content ul.secteurs a:visited span.center{color:#fff}.sp.prestations section.mission .content ul.secteurs a:active,.sp.prestations section.mission .content ul.secteurs a:hover,.sp.prestations section.mission .content ul.secteurs a:focus{color:#00a5dc}.sp.prestations section.mission .content ul.secteurs a:active img,.sp.prestations section.mission .content ul.secteurs a:hover img,.sp.prestations section.mission .content ul.secteurs a:focus img{background:#fff;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.sp.prestations section.mission .content ul.secteurs a:active span.center,.sp.prestations section.mission .content ul.secteurs a:hover span.center,.sp.prestations section.mission .content ul.secteurs a:focus span.center{color:#00a5dc}}.sp.prestations section.mission .content .kPict{position:absolute;width:27%;margin-top:-45%;left:20px}@media(max-width: 1024px){.sp.prestations section.mission .content ul.secteurs a img{width:60px}}@media(max-width: 780px){.sp.prestations section.mission .content .intro{padding-left:0}.sp.prestations section.mission .content .intro h2{padding:0 20px;margin:1em auto .5em;text-align:center}.sp.prestations section.mission .content .intro p{padding-right:20px}.sp.prestations section.mission .content ul.secteurs{display:block}.sp.prestations section.mission .content ul.secteurs li{display:inline-block;vertical-align:top;margin:0 0 10px 10px;width:25%}.sp.prestations section.mission .content ul.secteurs a img{width:80px}.sp.prestations section.mission .content .kPict{width:35%;margin-top:-60%}}@media(max-width: 500px){.sp.prestations section.mission .content .intro p{padding:0;text-align:center}.sp.prestations section.mission .content ul.secteurs{padding-left:0;text-align:center}.sp.prestations section.mission .content ul.secteurs li{width:30%}.sp.prestations section.mission .content ul.secteurs a img{width:80px}.sp.prestations section.mission .content .kPict{width:20%;margin-top:0}}@media(max-width: 500px){.sp.prestations section.mission p.final{padding-left:25%;font-size:16px;text-align:right;line-height:1.4em;min-height:30vw}}.sp.secteurs-activite section.mission h2{margin-bottom:.5em;padding:0 20px}.sp.secteurs-activite section.mission .content{color:#fff;display:flex;align-items:center;gap:20px}.sp.secteurs-activite section.mission .content .txt{flex:1 1 auto;text-align:left}.sp.secteurs-activite section.mission .content .txt ul li{margin-bottom:.3em;position:relative}.sp.secteurs-activite section.mission .content .txt ul li::before{content:" ";display:block;position:absolute;left:-1.4em;top:.2em;width:.8em;height:.8em;background:rgba(0,0,0,0) url(../img/kicons/triangle.svg) no-repeat center;background-size:cover;filter:hue-rotate(-82deg) brightness(3.3)}.sp.secteurs-activite section.mission .content .txt.exergue{text-align:right;flex:1 1 40%;font-size:1.2em;text-wrap:balance}@media(max-width: 700px){.sp.secteurs-activite section.mission .content{flex-direction:column}.sp.secteurs-activite section.mission .content .txt.exergue{text-align:center}.sp.secteurs-activite section.mission i.h.d{display:none}}.KPN-prestations-gardiennage-cynophile section.hero .kPict{background-color:#000 !important}.KPN-prestations-gardiennage-cynophile section.hero .kPict img{opacity:.8}/*# sourceMappingURL=main.css.map */
