:root {
	--principale:#3C526A;
	--secondaire:#90C339;
	--table-th:#3C526A;
	--table-tr-even:#F4F4F4;
	--table-tr-odd:#E4E4E4;
	--table-tr-hover:#D4D4D4;
	--bg:#F6F9FC;
	--btn:#2154F5;
	--btn-color:white;
	--btn-hover:#1D4ED8;
	--red:#BB162B;
	--green:#4CAF50;
	--blue:#1E88E5;
	--yellow:#FFEB3B;
	--pink:#E91E63;
	--violet:#9C27B0;
	--orange:#FF9800;
	--focus:#2154F5;
	--trainer:#2154F5;
	--school:#36C1CB;
	--input-border:#D1D5DB;
	--input-color:#0A2540;
	--input-bg:#FDFDFD;
	--input-selected:#0A2540;
	--text:#0A2540;
	--pro-blue:#2154f5;
	--pro-dark-blue:#0f2a52;
	--red:#DC2626
}
*{-webkit-tap-highlight-color:transparent;scrollbar-width:none}
*::-webkit-scrollbar{display:none}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus{
  background-color:var(--input-bg) !important;
  -webkit-box-shadow:0 0 0px 1000px var(--input-bg) inset !important;
  box-shadow:0 0 0px 1000px var(--input-bg) inset !important;
  -webkit-text-fill-color:var(--input-color) !important;
  color:var(--input-color) !important;
}
html{height:100%;scroll-behavior:smooth}
body, html{touch-action:pan-y}
body{margin:0px;font-family:Poppins,sans-serif;font-weight:normal;font-size:16px;height:100%;overflow-x:hidden;user-select:none;overflow-x:hidden;line-height:1;background:white;color:var(--text)}
body.overflow{overflow:hidden}
#homepage{line-height:1.6}
br{clear:both}
h1,h2,h3{clear:both;padding:0px;margin:0px}
h1 span{text-transform:uppercase;font-size:35px;font-size:800}
a,input,select,textarea{font-family:inherit}
a{color:white}
input[type="text"],input[type="password"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="number"],input[type="range"],input[type="date"],input[type="datetime-local"],input[type="month"],input[type="time"],input[type="week"],input[type="color"]{-webkit-appearance:none;outline:none}
table{width:100%;margin-bottom:10px}
th{background:var(--table-th);color:white;border:1px solid white;text-align:center;padding:4px;padding-top:6px;padding-bottom:6px;font-weight:bold}
th:first-child{font-style:normal;width:20px}
th:last-child{width:105px}
tr{background:var(--table-tr-even)}
td{padding:4px;padding-top:8px;padding-bottom:8px;line-height:22px;color:black}
td:last-child{text-align:right}
tr:nth-child(odd){background:var(--table-tr-odd)}
tr:hover{background:var(--table-tr-hover)}
.exit{position:absolute;background:url(../img/arrow-back-white.png) no-repeat left;background-size:contain;width:50px;height:50px;top:10px;left:10px;cursor:pointer;z-index:2}
.alignCenter{text-align:center}
.largeur{position:relative;max-width:1210px;padding-left:15px;padding-right:15px;margin:auto}
.content{position:relative;max-width:980px;padding-left:30px;padding-right:30px;margin:auto}
.question{position:relative;padding-right:22px}
.question:after{position:absolute;content:'';top:0px;right:0px;bottom:0px;width:30px;background:url(../img/notice.png) no-repeat right;background-size:contain}
#evenements{padding-top:50px;text-align:center}
.uppercase{text-transform:uppercase}
.box{text-transform:uppercase;font-style:italic;margin:10px;margin-top:25px;padding:10px;border-radius:12px;border:1px solid #f2f2f2;box-shadow:3px 2px 3px rgba(0,0,0,0.5)}
.box .input-material.colors{padding-top:20px}
.box .color,.box .style{padding-bottom:72px}
.box .color{background:url(../img/picker-icon.png) no-repeat center left,url(../img/picker-icon.png) no-repeat center right}
.box .style{background:url(../img/type-icon.png) no-repeat center left,url(../img/type-icon-2.png) no-repeat center right}
.description{font-style:italic;font-size:20px;text-align:center}
.description.low{font-size:12px}
.relative{position:relative}
.relative .text{max-width:480px;margin-top:220px}
.bg-click{display:none;position:fixed;z-index:9998;top:0px;left:0px;bottom:0px;right:0px;background-color:rgba(0,0,0,0.1);cursor:pointer;text-decoration:none}
#bg-click{display:none;position:fixed;background:rgba(0,0,0,0.8);width:100%;height:100%;z-index:10000}
.open-popin-login,.open-popin-lost-password,.open-popin-inscription{cursor:pointer}
#validate-success{display:none;background:black;border-radius:5px;text-align:center;color:green;line-height:30px;padding-top:10px;padding-bottom:10px;margin-top:20px}
#validate-error{display:none;background:black;border-radius:5px;text-align:center;color:red;line-height:30px;padding-top:10px;padding-bottom:10px;margin-top:20px}
#user-connected .errorInput{border:1.5px solid red !important}
#menu-right-hover .icon-instagram,#menu-right-hover .icon-whatsapp,#menu-right-hover .icon-mail,#menu-right-hover .icon-facebook{background:url(../img/icon-social.png) no-repeat;width:23px;height:22px;float:left;margin-left:5px}
#menu-right-hover .icon-instagram{margin-left:0px}
#menu-right-hover .icon-whatsapp{background-position:-23px 0px}
#menu-right-hover .icon-mail{background-position:-46px 0px}
#menu-right-hover .icon-facebook{background-position:-69px 0px}
header{position:fixed;background:rgba(255,255,255,0.8);backdrop-filter:blur(12px);top:0px;left:0px;right:0px;padding-top:8px;padding-bottom:8px;z-index:10000;box-shadow:0 1px 2px 0 rgb(0 0 0 / 0.05)}
body.connected{background:var(--bg)}
header #menu .close-menu-mobile{display:none;background:url(../img/close-mobile.png) no-repeat center;background-size:contain;position:absolute;top:20px;right:20px;width:32px;height:32px;cursor:pointer}
header #menu.active-mobile .close-menu-mobile{display:block}
header .largeur{height:100%}
header .logo{display:block;position:relative;background:url(../img/logo.png) no-repeat left;background-size:contain;width:60px;height:60px}
header .text{text-align:center;padding:10px;padding-top:50px;padding-bottom:40px;box-sizing:border-box}
header #menu{position:absolute;top:0px;right:0px;color:white;z-index:2;text-align:left;box-sizing:border-box;font-weight:15px}
header #menu #menu-container{margin-top:20px;line-height:30px}
header #menu .logo-mobile{display:none}
header #menu a.link,header #menu a.anchor,header #menu .menu-hover{display:inline-block;color:white;text-decoration:none;padding-left:10px;padding-right:10px;cursor:pointer}
header #menu a.anchor:first-child,header #menu .menu-hover:first-child{margin-left:0px}
header #menu-right{position:absolute;top:0px;right:0px;background:url(../img/menu-right-all.png) no-repeat top right;background-size:contain;width:100%;height:110px;z-index:2}
#homepage header #menu-right{background-image:url(../img/menu-right.png);width:65%;height:200px}

#hero-section{position:relative;padding-top:180px;padding-bottom:70px;background:var(--bg)}
#hero-section .content{text-align:center}
#hero-section h1{font-size:45px;font-weight:900}
#hero-section h2{font-size:45px;font-weight:900;background:linear-gradient(to right, var(--trainer), var(--school));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}
#hero-section p{max-width:720px;margin:auto;margin-top:20px;font-size:20px}
#hero-section .hero-stats{margin-top:20px}
#hero-section .hero-stats strong{display:block;margin-top:30px}
#hero-section .hero-stats small{display:block}
#comment-ca-marche{padding-top:50px;text-align:center}
#comment-ca-marche h4{font-size:26px;margin-top:40px;margin-bottom:20px}
#comment-ca-marche p{max-width:720px;margin:auto;margin-top:20px;font-size:18px}
#comment-ca-marche .steps{text-align:left}
#comment-ca-marche .steps h2{}
#comment-ca-marche .steps h2 span{color:var(--trainer)}
#comment-ca-marche #how-school.steps h2 span{color:var(--school)}
#comment-ca-marche .step{display:block}
#comment-ca-marche .step-icon{width:40px;height:40px;border-radius:50%;background:var(--bg);color:var(--trainer);font-weight:700;font-size:1.2rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}
#comment-ca-marche #how-school .step-icon{color:var(--school)}
#comment-ca-marche .step-content h3{margin:0;font-size:1.1rem;font-weight:600}
#comment-ca-marche .step-content p{margin:0.25rem 0 0;font-size:0.95rem;line-height:1.5;color:#444}
#why-us{background:var(--bg);padding-top:40px;padding-bottom:40px}
#why-us h4{font-size:26px;text-align:center}
#why-us p{text-align:center}
#why-us .feature-grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));margin-bottom:5rem}
#why-us .feature-grid p{text-align:left}
#why-us .feature-card{background:white;padding:1.5rem;border-radius:1rem;box-shadow:0 1px 3px rgba(0,0,0,0.1);transition:box-shadow 0.3s ease}
#why-us .feature-card:hover{box-shadow:0 5px 15px rgba(0,0,0,0.15)}
#why-us .feature-icon{width:3rem;height:3rem;border-radius:50%;background-color:#dbedff;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;color:var(--pro-blue)}
#why-us .feature-card h3{margin:0 0 0.5rem 0;font-size:1.125rem;font-weight:bold;color:var(--pro-dark-blue)}
#testimonial{background:var(--bg);padding-bottom:40px}
#testimonial .testimonial-slider{max-width:800px;margin:0 auto;position:relative;overflow:hidden}
#testimonial .testimonial-track{display:flex;transition:transform 0.5s ease-in-out}
#testimonial .testimonial-card{flex:0 0 100%;padding:1rem;box-sizing:border-box;text-align:center}
#testimonial .testimonial-card img{width:5rem;height:5rem;border-radius:50%;margin:0 auto 1rem}
#testimonial .testimonial-card p{margin:0.5rem 0}
#testimonial .testimonial-buttons{display:flex;justify-content:center;margin-top:1.5rem;gap:0.5rem}
#testimonial .testimonial-buttons button{width:0.75rem;height:0.75rem;border-radius:50%;border:none;background-color:#d1d5db;cursor:pointer}
#testimonial .testimonial-buttons button.active{background-color:var(--pro-blue)}
#pricing{padding:80px 20px;text-align:center}
#pricing h4{font-size:26px;text-align:center}
#pricing p{text-align:center}
#pricing .pricing-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:2rem;max-width:1200px;margin:0 auto}
#pricing .card{border:1px solid #e5e7eb;border-radius:1rem;padding:2rem;display:flex;flex-direction:column;transition:transform 0.3s, box-shadow 0.3s, border-color 0.3s;max-width:400px;margin:auto}
#pricing .card.popular{border-color:#2154f5;box-shadow:0 10px 25px rgba(33, 84, 245, 0.2);transform:scale(1.05)}
#pricing .popular-badge{display:inline-block;background-color:#2154f5;color:#fff;font-size:0.7rem;font-weight:bold;text-transform:uppercase;padding:0.25rem 0.75rem;border-radius:9999px;margin-bottom:1rem}
#pricing .card h3{font-size:1.25rem;font-weight:bold;color:#0b1e51;margin-bottom:0.5rem}
#pricing .price{margin-top:1rem;font-size:2rem;font-weight:800;color:#0b1e51}
#pricing .period{font-size:1rem;color:#6b7280;margin-left:0.25rem}
#pricing .features{margin-top:2rem;flex-grow:1;display:flex;flex-direction:column;gap:1rem;list-style:none;padding:0}
#pricing .feature-item{display:flex;align-items:flex-start;gap:0.75rem;font-size:0.95rem;color:#6b7280}
#pricing .check-icon{width:20px;height:20px;color:rgb(54, 193, 203);flex-shrink:0}
#pricing .cta-button{margin-top:2rem;padding:0.75rem 1rem;border-radius:0.5rem;font-weight:600;text-decoration:none;display:block;transition:background 0.3s, color 0.3s}
#pricing .cta-button.popular{background-color:#2154f5;color:#fff}
#pricing .cta-button.popular:hover{background-color:#1b44d6}
#pricing .cta-button.default{background-color:#dbeafe;color:#2154f5}
#pricing .cta-button.default:hover{background-color:#bfdbfe}
#final-cta-section{padding:5rem 0}
#final-cta-section .cta-box{background:linear-gradient(to right, var(--trainer), var(--school));border-radius:1rem;box-shadow:0 10px 15px rgba(0,0,0,0.1);color:white;padding:3rem;text-align:center}
#final-cta-section .cta-box p{margin-top:1rem;font-size:1.125rem;max-width:42rem;margin-left:auto;margin-right:auto;opacity:0.9}
#final-cta-section .cta-buttons{margin-top:2.5rem;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:1rem}
#final-cta-section .cta-buttons .cta-button{text-decoration:none;padding:1rem 2rem;font-size:1.125rem;font-weight:600;border:0px;border-radius:0.5rem;cursor:pointer;transition:all 0.3s ease;box-shadow:0 4px 6px rgba(0,0,0,0.1);width:100%;max-width:300px}
#final-cta-section .cta-buttons .cta-button:hover{transform:scale(1.05)}
#final-cta-section .intervenant-btn{color:var(--trainer);background-color:white}
#final-cta-section .ecole-btn{color:white;background:var(--trainer)}
#faq h4{font-size:26px;text-align:center}
#faq p{text-align:center}
#faq .accordion-item{border-bottom:1px solid #e5e7eb;padding:1rem 0}
#faq .accordion-header{display:flex;justify-content:space-between;align-items:center;width:100%;background:none;border:none;cursor:pointer;text-align:left;padding:0}
#faq .accordion-header h4{font-size:1.125rem;font-weight:600;display:flex;align-items:center;gap:0.5rem}
#faq .accordion-icon{width:1.5rem;height:1.5rem;transition:transform 0.3s;color:#2154f5}
#faq .accordion-content{overflow:hidden;max-height:0;transition:max-height 0.3s ease;margin-top:0.5rem;padding-left:2rem;padding-right:2rem;color:#6b7280}
#faq .accordion-content p{text-align:left}
#faq .accordion-content.open{max-height:1000px}
#faq .faq-title{margin-top:40px;margin-bottom:1rem}
#contact-us{text-align:center;padding-top:40px;padding-bottom:40px}
#contact-us .contact-button{margin-top:1.5rem;padding:0.75rem 2rem;font-weight:600;border-radius:0.5rem;color:#fff;background:linear-gradient(to right, #2154f5, #36c1cb);border:none;cursor:pointer;box-shadow:0 5px 15px rgba(0,0,0,0.1);transition:opacity 0.2s}
#contact-us .contact-button:hover{opacity:0.9}

.click-notice{cursor:pointer}
#breadcrumb{margin-bottom:1rem}
#breadcrumb a{text-decoration:none;color:#143E28}
#breadcrumb a span{text-decoration:none;color:#143E28}
#breadcrumb .last{text-decoration:none;color:#34816E}
#breadcrumb a:not(:last-child)::after{content:">";margin:0 0.5em;color:var(--text)}
.flexbox{display:flex;text-align:center}
.flexbox .flex-btn{position:relative;display:inline-block;width:100%;background:var(--bg) none no-repeat center;cursor:pointer;box-sizing:border-box;border-top:1px solid #FFFFFF88}
.flexbox .flex-btn:hover{background-color:var(--principale)}
.flexbox .flex-btn.recharge{background-color:var(--principale)}
.flexbox .flex-btn.recharge:hover{background-color:var(--bg)}
.flexbox .flex-btn.transactions{border-left:1px solid #FFFFFF88;border-right:1px solid #FFFFFF88}
.flexbox .flex-btn:before{position:absolute;content:"";top:0px;right:0px;left:0px;height:50px;background:none no-repeat center;background-size:auto 70%}
.flexbox .flex-btn.recharge:before{background-image:url(../img/credit-card.png)}
.flexbox .flex-btn.transactions:before{background-image:url(../img/transactions.png)}
.flexbox .flex-btn.history:before{background-image:url(../img/history.png)}
.flexbox .flex-btn h3{font-weight:300;color:white;padding-top:60px;padding-bottom:10px;font-size:14px;font-weight:500;line-height:20px}
footer{background:var(--text);color:white;font-size:15px;font-weight:300;text-align:center;line-height:40px;padding-top:30px;padding-bottom:10px;box-shadow:0 4px 20px #FFFFFF88}
footer .logo{display:block;position:relative;background:url(../img/logo.png) no-repeat center;background-size:contain;width:70px;height:70px;margin:auto;margin-top:15px}
footer .logo:before{position:absolute;content:"";left:-20px;right:-20px;top:-20px;bottom:-20px;background:linear-gradient(to right, var(--trainer), var(--school));border-radius:50%;z-index:-1}
footer .logo:after{position:absolute;content:"";left:-16px;right:-16px;top:-16px;bottom:-16px;background:white;border-radius:50%;z-index:-1}
footer .links{text-transform:uppercase;padding-top:15px;margin-bottom:15px}
footer .links a{padding-left:5px;padding-right:5px;color:#e5e7eb;text-decoration:none}
footer .links a:hover{color:white}
footer #copyright{text-align:center;font-size:13px}
footer #link-terms{display:block;text-align:right;font-size:12px;color:black;text-decoration:none}
#information{display:inline-block;background:url(../img/information.png) no-repeat center;background-size:contain;width:36px;height:40px;margin-left:12px}
#home{display:inline-block;background:url(../img/home-white.png) no-repeat center;background-size:contain;width:36px;height:40px;margin-left:12px}
#settings{display:inline-block;background:url(../img/profile-white.png) no-repeat center;background-size:contain;width:36px;height:40px;margin-left:12px}
#logout{display:inline-block;background:url(../img/logout.png) no-repeat center;background-size:contain;width:36px;height:40px;margin-left:15px}
#footer-logged{position:fixed;bottom:0px;left:0px;right:0px;background:var(--bg);box-shadow:0 4px 20px #FFFFFF88;padding:0px;box-sizing:border-box;text-align:right;display:flex;justify-content:space-between;align-items:center;text-align:center;color:white}
.pagination-container{text-align:center;height:30px;padding-left:10px;padding-right:10px;font-size:14px;border-top:3px solid var(--principale)}
.paginNum{display:inline-block;border:1px solid var(--principale);color:var(--principale);background:black;padding:2px;padding-left:5px;padding-right:5px;border-radius:3px;margin-top:10px;cursor:pointer;font-weight:500}
.paginNum.active,.paginNum:hover{font-weight:bold;border:1px solid var(--principale);color:black;background:var(--principale)}
.paginNum:hover{background:var(--secondaire)}
.no-results{background:url(../img/no-result.png) no-repeat top;background-size:200px;padding-top:230px;text-align:center;font-size:25px;font-weight:500}
#no-result{background:black;padding-top:80px;padding-bottom:50px;text-align:center}
#no-result h2,#no-result h2{background:url(../img/no-result.png) no-repeat top;background-size:160px;padding-top:180px;font-size:35px;font-weight:500}
.add-banner{line-height:60px;margin-top:20px;background:var(--principale);color:black;text-align:center;padding:20px;font-size:50px;font-weight:bold;box-sizing:border-box;cursor:pointer}
.add-banner-bg{margin-top:40px;height:500px;width:100%;background:url(../img/add-banner.jpg) no-repeat;background-size:cover}
.addclick{cursor:pointer}
.footer-flex{position:relative;flex:1}
.edit,.delete,.more,.download,.print,.play,.pause,.color-picker,.file-btn,.link-btn,.word-btn,.editSite,.qr-code{display:inline-block;width:24px;height:24px;background:url(../img/edit.png) no-repeat center;cursor:pointer}
.edit{background-size:contain;border-radius:50% !important;border:2px solid black;width:32px !important}
.qr-code{background:url(../img/qr-code.png) no-repeat center;background-size:contain;border-radius:50% !important;border:2px solid black;width:32px !important}
.play{background:url(../img/play.png) no-repeat center;background-size:contain;border-radius:50% !important;border:2px solid black;width:32px !important}
.pause{background:url(../img/pause.png) no-repeat center;background-size:contain;border-radius:50% !important;border:2px solid black;width:32px !important}
.editSite{background:url(../img/edit-site.png) no-repeat center;background-size:contain;border-radius:50% !important;border:2px solid black;width:32px !important}
.delete{background:url(../img/delete.png) no-repeat center;background-size:20px}
.more{background:url(../img/more.png) no-repeat center}
.download{background:url(../img/download.png) no-repeat center;background-size:20px}
.print{background:url(../img/print.png) no-repeat center}
.color-picker{background:url(../img/color-picker.png) no-repeat center;background-size:20px}
.file-btn{background:url(../img/link.png) no-repeat center}
.link-btn{background:url(../img/word.png) no-repeat center}
.file-btn{position:absolute;top:15px;right:15px;width:24px;height:24px;background-color:black;border-radius:50%;background-size:12px;box-shadow:0px 0px 8px 0px rgba(0,0,0,0.6)}
.link-btn{position:absolute;top:15px;right:15px;width:24px;height:24px;background-color:black;border-radius:50%;background-size:12px;box-shadow:0px 0px 8px 0px rgba(0,0,0,0.6)}
.word-btn{position:absolute;top:15px;right:15px;width:24px;height:24px;background-color:black;border-radius:50%;background-size:12px;box-shadow:0px 0px 8px 0px rgba(0,0,0,0.6)}
.flex-container{margin:15px;text-align:center}
.flex-container > div,.flex-container > a{display:inline-block;border-radius:5px;height:32px;cursor:pointer}

.input-material{position:relative;box-sizing:border-box;margin-top:10px;margin-bottom:10px}
.input-material input,.input-material textarea{display:block;border:1px solid var(--input-border);background:var(--input-bg);box-shadow:0 1px 2px rgba(0,0,0,0.05);font-family:inherit;font-size:14px;color:var(--input-color);width:100%;height:37px;padding:5px;box-sizing:border-box;border-radius:5px}
.input-material input.date{background:url(../img/date.png) no-repeat right;background-position:right 10px center;background-size:auto 60%}
.input-material input.time{background:url(../img/date.png) no-repeat right;background-position:right 10px center;background-size:auto 60%}
.input-material input.datetime{background:url(../img/date.png) no-repeat right;background-position:right 10px center;background-size:auto 60%}
.input-material textarea{line-height:18px;height:auto;resize:none;padding:7px 5px;outline:none;appearance:none;-webkit-appearance:none;-moz-appearance:none}
.input-material label{position:absolute;left:5px;top:5px;line-height:30px;font-size:13px;color:var(--input-color);transition:0.2s ease all;-moz-transition:0.2s ease all;-webkit-transition:0.2s ease all}
.input-material input:focus ~ label,.input-material textarea:focus ~ label{background:var(--input-bg);top:-7px;line-height:9px;font-size:9px;font-weight:normal;padding:2px}
.input-material input:focus,.input-material textarea:focus{border-color:var(--focus)}
.input-material input:valid ~ label,.input-material textarea:valid ~ label{background:var(--input-bg);top:-7px;line-height:9px;font-size:9px;font-weight:normal;padding:2px}
.input-material input:disabled,.input-material textarea:disabled{background:#ECECEC}
.input-material input:disabled ~ label,.input-material textarea:disabled ~ label{background:#ECECEC;top:-7px;line-height:9px;font-size:9px;font-weight:normal;padding:2px}
.input-material label.required:after{position:absolute;content:" *";color:red;font-weight:bold;background:var(--input-bg);height:9px;top:0px;margin-left:2px;padding-right:2px}
.input-material input:disabled ~ label.required:after,.input-material textarea:disabled ~label.required:after{background:#ECECEC}

.input-material input::placeholder,.input-material textarea::placeholder{color:transparent;transition:color 0.2s ease}
.input-material input:focus::placeholder,.input-material textarea:focus::placeholder{color:#AAA}
.show-material{position:relative;border-radius:2px;box-sizing:border-box;margin-top:10px}
.show-material div{display:block;outline:none;border:1px solid var(--principale);font-family:inherit;font-size:13px;font-weight:bold;color:var(--principale);width:100%;min-height:47px;padding:5px;padding-top:15px;line-height:25px;box-sizing:border-box}
.show-material div.date{background:url(../img/date.png) no-repeat right;background-position:right 10px center;background-size:auto 60%}
.show-material label{position:absolute;left:5px;top:5px;line-height:9px;font-size:9px;font-weight:normal;color:#8A8A8A;transition:0.2s ease all;-moz-transition:0.2s ease all;-webkit-transition:0.2s ease all}

.custom-select{position:relative;text-align:left;color:var(--input-color);height:37px;font-size:14px;padding-right:25px;border-radius:2px;border-top-left-radius:5px;border-top-right-radius:5px;border:1px solid var(--input-border);box-sizing:border-box;margin-bottom:10px;background:var(--input-bg) url(../img/select.png) no-repeat right;background-position:right 10px center;cursor:pointer;margin-top:10px}
.custom-select select{display:none}
.custom-select label{position:absolute;left:5px;top:5px;line-height:10px;font-size:10px;font-weight:normal;color:#444B62}
.custom-select label.required:after{position:absolute;content:"*";color:red;font-weight:bold}
.select-selected{line-height:27px;padding:5px;black-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.select-items{position:absolute;background:var(--input-bg);color:var(--input-color);content:"";top:100%;left:-0.5px;right:-1px;z-index:7001;max-height:200px;overflow-y:auto;border:1px solid var(--input-border);border-top:0px;border-bottom-left-radius:2px;border-bottom-right-radius:2px}
.select-items div{position:relative;padding-left:5px;padding-right:5px;line-height:36px;cursor:pointer}
.select-items div.select-status{padding-right:40px}
.select-items div.select-status:after{position:absolute;content:"";top:3px;right:5px;width:30px;height:30px;border-radius:50%;background-repeat:no-repeat;background-position:center}
.select-items div:hover{background:#F4F4F4;color:black}
.select-hide{display:none}
.select-items div.round-button{position:relative;padding-left:25px}
.select-items div.round-button:after{position:absolute;content:"";width:8px;height:8px;top:14px;left:10px;border-radius:50%}
.select-items div.round-button.status-0:after,.custom-select.round-button.status-0:after{background:#444B62}
.select-items div.round-button.status-1:after,.custom-select.round-button.status-1:after{background:#3CC401}
.select-items div.round-button.status-2:after,.custom-select.round-button.status-2:after{background:#ED1B1B}
.select-items div.round-button.status-3:after,.custom-select.round-button.status-3:after{background:#FF9500}
.select-items div.round-button.product-status-0:after,.custom-select.round-button.product-status-0:after{background:#444B62}
.select-items div.round-button.product-status-1:after,.custom-select.round-button.product-status-1:after{background:#ED1B1B}
.select-items div.round-button.product-status-2:after,.custom-select.round-button.product-status-2:after{background:#FF9500}
ol{padding:0px}
.show-material{position:relative;border-radius:2px;box-sizing:border-box;margin-top:10px}
.show-material div{display:block;outline:none;border:1px solid #ECECEC;background:var(--bg);font-family:inherit;font-size:14px;font-weight:bold;color:var(--principale);width:100%;height:45px;padding:5px;padding-top:15px;line-height:25px;box-sizing:border-box}
.show-material div.date{background:url(../img/date.png) no-repeat right;background-position:right 10px center}
.show-material label{position:absolute;left:5px;top:5px;line-height:10px;font-size:10px;font-weight:normal;color:#8A8A8A;transition:0.2s ease all;-moz-transition:0.2s ease all;-webkit-transition:0.2s ease all}
.my-select-2{position:relative}
.my-select-2 label{position:absolute;left:5px;top:5px;line-height:10px;font-size:10px;font-weight:normal;color:#8A8A8A}
.my-select-2 label.required:after{position:absolute;content:"*";color:red;font-weight:bold}
.custom-select label{position:absolute;left:5px;top:5px;line-height:10px;font-size:10px;font-weight:normal;color:#8A8A8A}
.custom-select label.required:after{position:absolute;content:"*";color:red;font-weight:bold}
#popin,#popin2,#popin3,#popin4{display:none;position:fixed;left:0px;right:0px;top:0px;bottom:0px;background:var(--bg);z-index:9999;box-sizing:border-box;overflow:auto}
#popin .close,#popin2 .close,#popin3 .close,#popin4 .close{position:absolute;cursor:pointer;top:-16px;right:-16px;width:32px;height:32px;background:url(../img/croix.png) no-repeat bottom;background-size:100%}
#popin .close:hover,#popin2 .close:hover,#popin3 .close:hover,#popin4 .close:hover{background-position:top}
.btn{display:inline-block;position:relative;cursor:pointer;border-radius:5px;background:var(--btn);color:var(--btn-color);border:1px solid var(--btn);text-align:center;padding:8px;padding-left:20px;padding-right:20px;text-decoration:none;line-height:1.2;margin-top:8px}
.btn-block{display:block}
.btn:hover{background-color:var(--btn-hover);color:var(--btn-color)}
.btn-second{background:#DBEAFE;color:var(--trainer);border:1px solid #DBEAFE}
.btn-second:hover{background-color:#BFDBFE;color:var(--trainer);border:1px solid #BFDBFE}
.btn-red{background:var(--red);color:white;border:1px solid var(--red)}
.btn-red:hover{background:var(--red);color:white;border:1px solid var(--red);transform:scale(1.05);transition:all 0.3s}
.btn-close{cursor:pointer;border:1px solid var(--btn);border-radius:25px;padding-top:15px;padding-bottom:15px;background:var(--btn);color:black;margin:0px auto 0px;margin-top:10px;width:80%;text-align:center}
.btn-close:hover{background:#981F1F}
.set_align,.set_font_size{display:inline-block;background:var(--btn) url(../img/align-left.png) no-repeat center;background-size:60%;width:40px;height:40px;cursor:pointer}
.set_align:hover,.set_font_size:hover{background-color:var(--btn-hover)}
.set_align.active{background-color:var(--btn-hover)}
.colorPickNoBg{background:#F0F0F0 url(../img/opacity.png) no-repeat center;background-size:65%;height:45px;width:45px;margin-top:10px;cursor:pointer}
.colorPickNoBg:hover{background-color:#E2E2E2}
.attention{position:relative;display:block;background:#F0F0F0;max-width:425px;margin:auto;padding:10px;padding-left:50px;text-align:left;font-weight:500;font-size:13px}
.attention:before{position:absolute;content:"";top:0px;left:7px;bottom:0px;width:36px;background:url(../img/warning.png) no-repeat left;background-size:contain}
.notice{position:relative;display:block;background:#F0F0F0;max-width:425px;margin:auto;padding:10px;padding-left:50px;text-align:left;font-weight:500;font-size:13px}
.notice:before{position:absolute;content:"";top:0px;left:7px;bottom:0px;width:36px;background:url(../img/notice-icon.png) no-repeat left;background-size:contain}
.show-type{display:none}
.show-type-1{display:block}
.choose-container{display:flex;justify-content:flex-start;gap:1rem}
.choose{line-height:42px;height:42px;text-align:center;margin-top:15px;position:relative;background:white;color:#AAA;border:1px solid #AAA;border-radius:10px;cursor:pointer;padding-left:20px;padding-right:20px;box-sizing:border-box}
.choose.active{border:1px solid var(--input-selected);color:var(--input-selected)}
.choose:after{display:none;position:absolute;content:"";width:20px;height:20px;background:var(--input-selected) url(../img/choose.png) no-repeat center;background-size:8px;border-radius:50%;right:-5px;top:-5px}
.choose.active:after{display:block}
.choose-multiple{line-height:42px;height:42px;text-align:center;margin-top:10px;position:relative;background:white;border:1px solid #AAA;color:#AAA;border-radius:10px;cursor:pointer;padding-left:10px;padding-right:10px;box-sizing:border-box;text-overflow:ellipsis;white-space:nowrap}
.choose-multiple:after{position:absolute;content:"";width:20px;height:20px;background:none no-repeat center;background-size:10px;border-radius:50%;right:-5px;top:-5px}
.choose-multiple.active{border:1px solid var(--input-selected)}
.choose-multiple.active:after{display:block;color:var(--input-selected);background-color:var(--input-selected);background-image:url(../img/choose.png)}
.choose-multiple.crossed{border:1px solid var(--red);color:var(--red)}
.choose-multiple.crossed.active{border:1px solid var(--green);color:var(--green)}
.choose-multiple.crossed:after{background-color:var(--red);background-image:url(../img/cross.png)}
.choose-multiple.crossed.active:after{background-color:var(--green);background-image:url(../img/choose.png)}
#drop-zone{display:block;text-align:center;height:92px;border:1px solid #ECECEC;border-radius:5px;box-sizing:border-box;clear:both;font-size:12px;font-weight:300;text-align:center;margin-top:10px}
#drop-zone #file-preview-one{float:left;background:url(../img/pdf.png) no-repeat center;width:92px;height:91px;border-right:1px solid #ECECEC;border-radius:5px;box-sizing:border-box}
#drop-zone .drag{display:block;height:92px;padding-top:60px;background:url(../img/drag.png) no-repeat top;background-position:top 20px center;box-sizing:border-box;cursor:pointer}
#drop-zone #file-preview-one ~ .drag{margin-left:92px}
#drop-zone .drag span{color:#444B62}
#drop-zone input{display:none}
#progress{height:5px}
#progress .progress-bar{background:blue;height:5px;width:0px;border-radius:3px}
#file-preview .img{float:left;position:relative;background-repeat:no-repeat;background-position:center;background-size:cover;width:48%;margin-left:1%;margin-right:1%;height:150px;border-radius:5px;margin-top:10px}
#file-preview .img.remove:after{position:absolute;z-index:2;content:"";top:0px;left:0px;width:100%;height:100%;background:rgba(255,0,0,0.5)}
#file-preview .img .remove-img{position:absolute;z-index:3;right:0px;top:0px;background:url(../img/admin/delete-img.png) no-repeat center;background-size:24px;margin:8px;width:24px;height:24px;cursor:pointer}
#file-preview-one .img{position:relative;background-repeat:no-repeat;background-position:center;background-size:cover;height:92px;border-radius:5px}
#file-preview-one .img.remove:after{position:absolute;z-index:2;content:"";top:0px;left:0px;width:100%;height:100%;background:rgba(255,0,0,0.5)}
#file-preview-one .img .remove-img{position:absolute;z-index:3;right:0px;top:0px;background:url(../img/admin/delete-img.png) no-repeat center;background-size:24px;margin:8px;width:24px;height:24px;cursor:pointer}
#popin-btns{display:none;justify-content:center;align-items:center;position:fixed;top:0px;right:0px;bottom:0px;left:0px;z-index:2;transition:.5s;background:#000000AA}
#popin-btns.active{right:650px}

.sep-line{height:1px;background:#E5E7EB;margin:1rem auto}
.tiles .tile{position:relative;display:block;;margin:2rem auto;padding:1rem 2rem;background:white;border-radius:0.75rem;box-shadow:0 10px 15px rgba(0,0,0,0.1)}
.tiles .tile:hover{transform:scale(1.05)}
.tiles .tile .jury-status{position:absolute;right:10px;top:17px;padding:2px;background:green;color:#00FF00;border-radius:8px;line-height:1.2;font-size:11px}
.tiles .tile .jury-skills{display:flex;justify-content:flex-start}
.tiles .tile .jury-skill{color:#1F2937;background:#E5E7EB;border-radius:4px;font-size:12px;margin-right:2px;padding:1px 2px;line-height:1.2}
.tiles .tile h2{font-weight:bold;color:var(--trainer);font-size:12px;text-overflow:ellipsis;overflow:hidden;height:24px;max-width:80%}
.tiles .tile h3{font-weight:bold;font-size:16px;text-overflow:ellipsis;overflow:hidden;height:48px}
.tiles .tile p{font-size:12px}

#popin-login,#popin-subscription{background:var(--bg);padding-top:90px;padding-bottom:30px;padding-left:20px;padding-right:20px}
.form-title{max-width:600px;margin:2rem auto;padding:1rem 2rem;text-align:center}
.form-title h1{margin-top:1.5rem;text-align:center;font-size:1.875rem;font-weight:800;color:#0a2a66}
.form-container{margin:2rem auto;padding:0.5rem 1rem;background:white;border-radius:0.75rem;box-shadow:0 10px 15px rgba(0,0,0,0.1)}
#container-login{background:var(--bg);margin:auto;padding-top:90px;padding-bottom:40px}
#container-login .form-container{max-width:360px}
#popin-cv .form-container{max-width:600px}
#popin-login .form-container{max-width:360px}
#form-jury .form-container{max-width:980px}
.form-container .checkbox-group{display:flex;align-items:center}
.form-container .checkbox-group input{height:1rem;width:1rem;color:#007CF0;border:1px solid #d1d5db;border-radius:0.25rem}
.form-container .checkbox-group label{margin-left:0.5rem;font-size:0.875rem;color:#6b7280}
.form-container .form-footer{display:flex;justify-content:space-between;align-items:center;margin-top:1rem}
.form-container .form-footer a{font-size:0.875rem;font-weight:500;color:#007CF0;text-decoration:none}
.form-container .form-footer a:hover{color:#005bb5}
.form-container #popin-login-validate{margin-top:1rem;text-align:center;padding:0.5rem 1rem;background-color:#007CF0;color:#fff;font-size:0.875rem;font-weight:600;border:none;border-radius:0.375rem;cursor:pointer;transition:background-color 0.3s}
.form-container #popin-login-validate:hover{background-color:#005bb5}
.signup-text{margin-top:1.5rem;text-align:center;font-size:0.875rem;color:#6b7280}
.signup-text button{background:none;border:none;color:#007CF0;font-weight:500;cursor:pointer;transition:color 0.3s}
.signup-text button:hover{color:#005bb5}
.signup-text span{display:block;font-size:0.75rem;color:#9ca3af;margin-top:0.25rem}
.toggle-checkbox{position:absolute;width:18px;height:18px;border-radius:50%;background-color:white;appearance:none;cursor:pointer;transition:all 0.2s}
.toggle-label{display:block;height:24px;border-radius:9999px;background:#d1d5db;cursor:pointer;transition:background-color 0.2s}
.toggle-checkbox:checked{border-color:#2154F5;right:0}
.toggle-checkbox:checked+.toggle-label{background-color:#2154F5}
.color-holder{background:black;border:1px solid white;cursor:pointer;width:45px;height:45px;float:left;margin-top:10px;box-sizing:border-box}
.color-picker{display:none;width:192px;height:120px;background:#F3F3F3;padding:2px;position:absolute;top:60px;left:0px;z-index:2}
.color-picker .color-item{cursor:pointer;width:20px;height:20px;list-style-type:none;float:left;margin:2px;border:1px solid #DDD;box-sizing:border-box}

.search-form{display:flex;gap:10px;width:100%}
.search-form .input-material,.search-form .custom-select{flex:1}
.search-form .btn-search{width:37px;height:37px;background:var(--trainer) url(../img/search.png) no-repeat center;background-size:70%;border-radius:4px;cursor:pointer;margin-top:10px;margin-bottom:10px}
.color-picker .color-item:hover{border:1px solid #666}
.bg-text-blue{background-color:#bfdbfe;color:#1e3a8a}
.bg-text-green{background-color:#d1fae5;color:#065f46}
.bg-text-yellow{background-color:#fef9c3;color:#854d0e}
.aL{text-align:left}
.aC{text-align:center}
.aR{text-align:right}
.container:before,.container:after,.row:before,.row:after,.annonce .head:before,.annonce .head:after,.annonce .content:before,.annonce .content:after{display:table;content:" "}
.clearfix:after,.container:after,.row:after,.annonce .head:after,.annonce .content:after{clear:both}
.lg-cinquieme{float:left;width:20%;position:relative;min-height:1px;padding-right:10px;padding-left:10px;box-sizing:border-box}
.xs-1,.sm-1,.md-1,.lg-1,.xs-2,.sm-2,.md-2,.lg-2,.xs-3,.sm-3,.md-3,.lg-3,.xs-4,.sm-4,.md-4,.lg-4,.xs-5,.sm-5,.md-5,.lg-5,.xs-6,.sm-6,.md-6,.lg-6,.xs-7,.sm-7,.md-7,.lg-7,.xs-8,.sm-8,.md-8,.lg-8,.xs-9,.sm-9,.md-9,.lg-9,.xs-10,.sm-10,.md-10,.lg-10,.xs-11,.sm-11,.md-11,.lg-11,.xs-12,.sm-12,.md-12,.lg-12{position:relative;min-height:1px;padding-right:10px;padding-left:10px;box-sizing:border-box}
.lg-1,.lg-2,.lg-3,.lg-4,.lg-5,.lg-6,.lg-7,.lg-8,.lg-9,.lg-10,.lg-11,.lg-12{float:left}
.lg-12{width:100%}
.lg-11{width:91.66666667%}
.lg-10{width:83.33333333%}
.lg-9{width:75%}
.lg-8{width:66.66666667%}
.lg-7{width:58.33333333%}
.lg-6{width:50%}
.lg-5{width:41.66666667%}
.lg-4{width:33.33333333%}
.lg-3{width:25%}
.lg-2{width:16.66666667%}
.lg-1{width:8.33333333%}
.lg-0{display:none}
@media screen and (max-width:1024px){
	header .largeur{height:auto}
	header #menu-mobile{position:absolute;right:0px;width:60px;height:60px;top:0px;background:black;background:url(../img/burger.png) no-repeat center;background-size:32px;z-index:4;cursor:pointer}
	header #menu.active-mobile{display:block}
	header #menu a.anchor:first-child, header #menu .menu-hover:first-child{margin-top:100px;margin-left:20px}
	header #menu #login-container{display:none}
	header #menu a.link, header #menu a.anchor, header #menu .menu-hover{display:block;color:#505050}
	#pricing .pricing-grid{grid-template-columns:1fr}
	.xg-1,.xg-2,.xg-3,.xg-4,.xg-5,.xg-6,.xg-7,.xg-8,.xg-9,.xg-10,.xg-11,.xg-12{float:left}
	.xg-12{width:100%}
	.xg-11{width:91.66666667%}
	.xg-10{width:83.33333333%}
	.xg-9{width:75%}
	.xg-8{width:66.66666667%}
	.xg-7{width:58.33333333%}
	.xg-6{width:50%}
	.xg-5{width:41.66666667%}
	.xg-4{width:33.33333333%}
	.xg-3{width:25%}
	.xg-2{width:16.66666667%}
	.xg-1{width:8.33333333%}
	.xg-0{display:none}
}
@media screen and (max-width:720px){
	body{font-size:15px}
	header #menu{background-size:contain}
	header .video img{max-width:60%}
	#final-cta-section .cta-buttons{flex-direction:column}
	#carousel-header .item div .img-container{margin-bottom:50px}
	#carousel-header .item div .img{background-position:center}
	#carousel-header .item .text{margin:auto;padding:10px;max-width:100%;text-align:center;box-sizing:border-box}
	#carousel-header .item .text h1, #carousel-header .item .text h2{font-size:25px}
	#carousel-header .item .text p{margin:auto;margin-top:20px;max-width:100%;font-size:15px}
	#carousel-header .item .slide{padding-top:120px}
	footer #copyright{text-align:center}
	footer #link-terms{text-align:center}
	.footer-btn div{font-size:13px}
	.relative .text{top:120px}
	.md-1,.md-2,.md-3,.md-4,.md-5,.md-6,.md-7,.md-8,.md-9,.md-10,.md-11,.md-12{float:left}
	.md-12{width:100%}
	.md-11{width:91.66666667%}
	.md-10{width:83.33333333%}
	.md-9{width:75%}
	.md-8{width:66.66666667%}
	.md-7{width:58.33333333%}
	.md-6{width:50%}
	.md-5{width:41.66666667%}
	.md-4{width:33.33333333%}
	.md-3{width:25%}
	.md-2{width:16.66666667%}
	.md-1{width:8.33333333%}
	.md-0{display:none}
}
@media screen and (max-width:480px){
	body{font-size:14px}
	.footer-btn div{font-size:11px}
	.sm-1,.sm-2,.sm-3,.sm-4,.sm-5,.sm-6,.sm-7,.sm-8,.sm-9,.sm-10,.sm-11,.sm-12{float:left}
	.sm-12{width:100%}
	.sm-11{width:91.66666667%}
	.sm-10{width:83.33333333%}
	.sm-9{width:75%}
	.sm-8{width:66.66666667%}
	.sm-7{width:58.33333333%}
	.sm-6{width:50%}
	.sm-5{width:41.66666667%}
	.sm-4{width:33.33333333%}
	.sm-3{width:25%}
	.sm-2{width:16.66666667%}
	.sm-1{width:8.33333333%}
	.sm-0{display:none}
}
@media screen and (max-width:320px){
	body{font-size:13px}
	.xs-1,.xs-2,.xs-3,.xs-4,.xs-5,.xs-6,.xs-7,.xs-8,.xs-9,.xs-10,.xs-11,.xs-12{float:left}
	.xs-12{width:100%}
	.xs-11{width:91.66666667%}
	.xs-10{width:83.33333333%}
	.xs-9{width:75%}
	.xs-8{width:66.66666667%}
	.xs-7{width:58.33333333%}
	.xs-6{width:50%}
	.xs-5{width:41.66666667%}
	.xs-4{width:33.33333333%}
	.xs-3{width:25%}
	.xs-2{width:16.66666667%}
	.xs-1{width:8.33333333%}
	.xs-0{display:none}
}