@font-face{font-family:'Century Gothic';src:url(../fonts/CenturyGothic-BoldItalic.woff2) format('woff2');font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:'Century Gothic';src:url(../fonts/CenturyGothic-Bold.woff2) format('woff2');font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:'Century Gothic';src:url(../fonts/CenturyGothic.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap}body{font-family:'Century Gothic',sans-serif;font-size:14px;color:#435AA6;background:#fff;padding:0;margin:0}input{font-family:'Century Gothic',sans-serif;font-size:14px;color:#435AA6}h1,h2,h3,h4,h5,h6{margin:0;font-weight:400}*,:after,:before{box-sizing:border-box}img{max-width:100%;height:auto;display:block}a{text-decoration:none}a:active,a:focus,a:hover{outline:0;text-decoration:none;box-shadow:none}p,ul{margin:0}header{background:#fff;box-shadow:0 4px 4px 0 rgba(0,0,0,.25)}header .cadre{padding:0 20px;margin:0 auto;width:100%;max-width:1080px;display:flex;flex-direction:row;align-items:center;justify-content:center;height:70px;gap:20px}header .cadre img{height:25px;width:auto}footer{background:#1E1E1E}footer .cadre{padding:20px;margin:0 auto;width:100%;max-width:1080px;display:flex;flex-direction:column;gap:20px;align-items:center;justify-content:center}footer .cadre .link{display:flex;flex-direction:row;gap:15px;align-items:center;justify-content:center}footer .cadre .link a{width:56px;height:56px;background:#fff;color:#1E1E1E;display:flex;font-size:30px;align-items:center;justify-content:center;border-radius:100%;transition:all .45s ease-in-out}footer .cadre .link a:hover{background:#74BBE4}footer .cadre .ml{display:flex;flex-direction:row;gap:15px;align-items:center;justify-content:center;color:#fff;text-align:center;font-size:15px}footer .cadre .ml a{color:inherit;text-decoration:underline;transition:all .45s ease-in-out}footer .cadre .ml a:hover{color:#74BBE4}footer .cadre p{color:#fff;text-align:center;font-size:15px}footer .cadre p a{color:inherit;text-decoration:underline;transition:all .45s ease-in-out}footer .cadre p a:hover{color:#74BBE4}@media (min-width:768px){header .cadre{justify-content:flex-start}footer .cadre{padding:60px 20px;gap:40px}footer .cadre .link{gap:25px}}.ban_cook{position:fixed;background:rgba(0,0,0,.7);color:#fff;text-align:center;font-size:14px;width:300px;right:0;z-index:1000;bottom:0;padding:20px 10px}.ban_cook p{padding-bottom:20px}.ban_cook>div{display:flex;justify-content:center;gap:10px}.ban_cook>div form{flex:1;padding:0 5px}.ban_cook>div form button{cursor:pointer;border:none;color:#fff;font-size:15px;display:inline-block}.ban_cook>div form button.ko{background:#74BBE4}.ban_cook>div form button.ko:active,.ban_cook>div form button.ko:focus,.ban_cook>div form button.ko:hover{background:#1f71a0}.ban_cook>div form button.ok{background:#435AA6}.ban_cook>div form button.ok:active,.ban_cook>div form button.ok:focus,.ban_cook>div form button.ok:hover{background:#a7b3db}main{max-width:1280px;margin:0 auto}main #intro{display:flex;flex-direction:column}main #intro .form{flex:1;background:url(../img/form-bg.jpg) no-repeat center/cover;padding:20px 10px}main #intro .form form{max-width:500px;margin:0 auto;background:#74BBE4;color:#fff;padding:20px 10px;border-radius:10px;display:flex;flex-direction:column;gap:10px;justify-content:center;align-items:center}main #intro .form form .intro{text-align:center;width:100%;font-size:20px;font-weight:700}main #intro .form form .radio{width:100%;font-weight:700;font-size:15px}main #intro .form form .radio label:not(:first-child){cursor:pointer;transition:all .45s ease-in-out}main #intro .form form .radio label:not(:first-child):hover{color:#435AA6}main #intro .form form .radio input{accent-color:#435AA6}main #intro .form form .form-group{width:100%;display:flex;flex-direction:column;gap:5px}main #intro .form form .form-group label{font-size:15px;font-weight:700}main #intro .form form .form-group input{width:100%;border-radius:7px;background:#fff;border:none;height:28px;outline:2px solid transparent;font-size:14px;transition:all .45s ease-in-out;padding:0 10px}main #intro .form form .form-group input:focus,main #intro .form form .form-group input:hover{outline-color:#435AA6}main #intro .form form .form-group .error{color:red;display:none}main #intro .form form .thematique{width:100%;position:relative}main #intro .form form .thematique>span,main #intro .form form .thematique>strong{display:block}main #intro .form form .thematique .theme-validation{opacity:0;position:absolute;z-index:-1}main #intro .form form .thematique .choix{width:100%;display:flex;flex-direction:row;flex-wrap:wrap;gap:10px 20px;margin-top:10px}main #intro .form form .thematique .choix label{width:200px;display:flex;flex-direction:row;gap:25px;align-items:center;background:#fff;color:#435AA6;font-weight:700;font-size:15px;border-radius:7px;height:45px;padding:0 10px;cursor:pointer;transition:all .45s ease-in-out}main #intro .form form .thematique .choix label input{margin:0;accent-color:#435AA6;width:18px;height:18px;border-color:#435AA6}main #intro .form form .thematique .choix label:hover{background:#e6e6e6}main #intro .form form .bouton{display:flex;flex-direction:column;gap:10px;margin:10px 0}main #intro .form form .bouton label{font-size:13px;display:flex;flex-direction:row;align-items:center;gap:12px;cursor:pointer;transition:all .45s ease-in-out}main #intro .form form .bouton label input{margin:0;accent-color:#435AA6;width:16px;height:16px;min-width:16px;border-color:#435AA6}main #intro .form form .bouton label:hover{color:#435AA6}main #intro .form form .bouton button{cursor:pointer;margin:0 auto;background:#435AA6;color:#fff;font-weight:700;font-size:22px;width:196px;max-width:196px;height:47px;display:flex;justify-content:center;align-items:center;border:none;border-radius:7px;transition:all .45s ease-in-out}main #intro .form form .bouton button:hover{background:#344682}main #intro .form form .ml{font-size:12px}main #intro .contenu{padding:30px 20px;flex:1}main #intro .contenu .titre{text-align:center;font-size:16px;font-weight:700;margin-bottom:6px}main #intro .contenu h2{text-align:center;font-size:29px;font-weight:700;margin-bottom:18px}main #intro .contenu .text{color:#000;font-size:14px;display:flex;flex-direction:column;gap:20px}main #intro .contenu .themes{display:flex;flex-direction:row;flex-wrap:wrap;gap:26px 31px;justify-content:center;align-items:center;margin-top:20px}main #intro .contenu .themes .theme{width:250px;min-width:250px;max-width:250px;height:250px;background:#fff;border-radius:11px;overflow:hidden;box-shadow:4px 7px 4px 0 rgba(0,0,0,.14);display:flex;flex-direction:column;gap:12px}main #intro .contenu .themes .theme h3{text-align:center;font-weight:700;font-size:15px;padding:0 10px}main #intro .contenu .themes .theme>p{font-size:13px;padding:0 10px;color:#000}main #intro .contenu .themes .theme .infos{display:flex;flex-direction:row;align-items:flex-start;gap:8px;padding:0 10px}main #intro .contenu .themes .theme .infos img{width:18px}main #intro .contenu .themes .theme .infos p{font-size:13px;font-weight:700}main #expertise{background:#435AA6;color:#fff;padding:30px 20px}main #expertise h2{text-align:center;font-size:29px;margin-bottom:13px;font-weight:700}main #expertise h2 span{font-size:20px;display:block}main #expertise .liste{display:flex;flex-direction:column;gap:20px;justify-content:center;align-items:center}main #expertise .liste div{display:flex;flex-direction:column;gap:6px;justify-content:center;align-items:center;text-align:center}main #expertise .liste div img{width:42px}main #expertise .liste div i{font-size:38px}main #expertise .liste div p{font-size:18px;font-weight:700}main #expertise .liste div small{font-size:13px;font-weight:400}main #expertise ul{margin:0 auto;max-width:500px;list-style-type:none;padding:0;display:flex;flex-direction:column;gap:3px}main #expertise ul li{font-size:15px}main #expertise .metier{margin:25px 0;font-weight:700;font-size:20px;text-align:center}main #recommande{padding:30px 20px}main #recommande h2{color:#74BBE4;text-align:center;font-size:20px;font-weight:700;margin-bottom:20px}main #recommande h2 span{display:block;font-size:30px}main #recommande .videos{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px}main #recommande .videos a{overflow:hidden;display:block;border-radius:16px;width:fit-content}main #recommande .videos a img{flex:1;width:100%;max-width:500px;transition:all .45s ease-in-out}main #recommande .videos a img:hover{scale:1.1}main #recommande .logos{margin-top:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px}main #recommande .logos img{width:200px}main #question{background:#74BBE4;padding:30px 20px;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:40px}main #question .question h2,main #question .sinon h2{text-align:center;font-size:30px;font-weight:700}main #question .question>p,main #question .sinon>p{font-size:20px;text-align:center;margin-bottom:20px}main #question .question>img{width:145px;margin:0 auto 10px auto}main #question .question .contact{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;font-size:20px}main #question .question .contact img{width:122px}main #question .question .contact a{color:inherit;text-decoration:none;transition:all .45s ease-in-out}main #question .question .contact a:hover{color:#435AA6}main #question .sinon a{overflow:hidden;display:block;border-radius:11px;width:fit-content;margin:0 auto}main #question .sinon a img{margin:0 auto;width:100%;max-width:500px;transition:all .45s ease-in-out}main #question .sinon a img:hover{scale:1.1}main #merci{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:40px}main #merci .question{background:#74BBE4;color:#fff;padding:20px;max-width:440px;width:100%}main #merci .question h2{text-align:center;font-size:18px;font-weight:700}main #merci .question>p{font-size:14px;text-align:center;margin-bottom:20px}main #merci .question>img{width:88px;margin:0 auto 10px auto}main #merci .question .contact{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;font-size:20px}main #merci .question .contact img{width:74px}main #merci .question .contact a{color:inherit;text-decoration:none;transition:all .45s ease-in-out}main #merci .question .contact a:hover{color:#435AA6}main #merci .merci{padding:20px 20px 0 20px;text-align:center}main #merci .merci img{margin:0 auto 10px auto}main #merci .merci h2{font-size:30px;font-weight:700;margin-bottom:15px}main #merci .merci p{color:#000;font-size:14px;max-width:560px}main #merci .merci p big{font-size:18px}main #merci .merci p a{font-weight:700;color:#435AA6;text-decoration:underline;transition:all .45s ease-in-out}main #merci .merci p a:hover{color:#000}@media (min-width:1024px){main #intro{flex-direction:row}main #intro .form{order:2;padding:40px}main #intro .form form{padding:40px 25px}main #intro .form form .bouton{flex-direction:row}main #intro .form form .bouton label{flex:1}main #intro .form form .bouton button{flex:1}main #intro .contenu{order:1}main #expertise{padding:50px 20px}main #expertise .liste{width:645px;margin:0 auto;flex-direction:row}main #expertise .liste div{flex:1}main #recommande{padding:50px 20px}main #recommande .videos{flex-direction:row;gap:40px}main #recommande .logos{flex-direction:row;gap:40px}main #question{padding:50px;flex-direction:row;align-items:flex-start}main #question .question .contact{flex-direction:row}main #merci{flex-direction:row}main #merci .question{border-radius:20px}main #merci .question .contact{flex-direction:row}main #merci .merci{padding:100px 20px}}@media (min-width:1280px){main #intro .contenu{padding-left:105px}}