@charset "utf-8";
/************* Ajustement des champs *******************************/
form#registrationForm input#password {border-block-color: #666;width:100%;margin-bottom: 0px;}
form#registrationForm input#ConfirmPassword {border-block-color: #666;width:100%;margin-bottom: 0px;}
form#registrationForm input#residence {width:100%;margin-bottom: 0px;}
form#registrationForm input#firstName {margin: 0px 0 15px 0;}
form#registrationForm input#lastName {margin: 0px 0 15px 0;}
form#registrationForm input#niveau_etude {margin: 0px 0 20px 0;}
form#registrationForm input#etablissement_type {margin: 0px 0 20px 0;}
form#connexion input#connect_pass {color: red;}

.form-select.is-invalid:not([multiple]):not([size]) {border-color: #888;--bs-form-select-bg-icon: none;background-image: none;}
.form-select.is-invalid, .form-select.is-invalid:focus {--bs-form-select-bg-icon: none;background-image: none;border-color: #888;box-shadow: 000 .25rem rgb(118 115 115 /25%);}

input[type="email"] {border: 1px solid #ddd;border-radius: 0px;color: #888;font-weight: 400;font-size: 15px;padding: 10px 15px 10px 10px; margin-bottom:20px;width:100%;} 
input[type="password"] {border: 1px solid #ddd;border-radius: 0px;color: #888;font-weight: 400;font-size: 15px;padding: 10px 15px 10px 10px;margin-bottom:18px;width:100%;}
input[type="text"] {border: 1px solid #ddd;border-radius: 0px;color: #888;font-weight: 400;font-size: 15px;padding: 10px 15px 10px 10px;margin-bottom:20px;width:100%;}
input[type="tel"], input[type="number"], input[type="radio"], input[type="checkbox"] {border: 1px solid #ddd;border-radius: 0px;color: #888;font-weight: 400;font-size: 15px;padding: 10px 15px 10px;margin-bottom:20px;}

/************* email grisé *******************************/
input[type="mail"] {
border: 0.5px solid #ddd;border-radius: 4px;color: #565653;font-weight: 400;font-size: 15px;}


/************* css venant du old style.css *******************************/
/************* preloader ************************************************/
body, html {height: 100%;margin: 0;padding: 0;}
body {line-height: 24px;color: #323232;font-size: 16px;font-family: 'Raleway', sans-serif;font-weight: normal;letter-spacing: 0px;}
img {height: auto;max-width: 100%;border: none;outline: none;transition: all 0.2s ease 0s;-moz-transition: all 0.2s ease 0s;-webkit-transition: all 0.2s ease 0s;-o-transition: all 0.2s ease 0s;}
#preloader {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(255,255,255,1);z-index: 9999;display: block;}
#preloader .loader {width: 50px;height: 50px;position: absolute;left: 50%;top: 50%;margin: -30px 0 0 -30px;text-align: center;}
#preloader .loader .loader-img {background: url("../images/loading.gif");width: 60px;height: 60px;display: block;}
/**************************fin preloader ***********************************/
a.txtrg, .txtrg {color: #f00;font-size: 13px }
a.metierlink {cursor: pointer;text-decoration: none;color: #fff;transition: all 0.25s ease 0s;-moz-transition: all 0.25s ease 0s;-webkit-transition: all 0.25s ease 0s;-o-transition: all 0.25s ease 0s;}
a.metierlink:hover {color: #fff;text-decoration: underline;transition: all 0.25s ease 0s;-moz-transition: all 0.25s ease 0s;-webkit-transition: all 0.25s ease 0s;-o-transition: all 0.25s ease 0s;}
.header.header-dark.header-prepare .nav-menu ul.nav-menu-inner > li > a {color: #fff;}
.light-color h1, .light-color h2, .light-color h3, .light-color h4, .light-color h5, .light-color h6, .light-color p, .light-color, .light-color .container-icon {color: #fff;}
.dark-color h1, .dark-color h2, .dark-color h3, .dark-color h4, .dark-color h5, .dark-color h6, .dark-color p, .dark-color, .dark-color .container-icon {color: #323232;}
.dark-bg h1, .dark-bg h2, .dark-bg h3, .dark-bg h4, .dark-bg h5, .dark-bg h6, .dark-bg p, .dark-bg .link, .dark-bg .container-icon, .dark-bg .page-icon-top {color: #fff;}
.gray-bg h1, .gray-bg h2, .gray-bg h3, .gray-bg h4, .gray-bg h5, .gray-bg h6, .gray-bg .container-icon {color: #323232;}
.header {position: absolute;text-align: center;top: 0;z-index: 2000;color: #fff;width: 100%;background-color: #7291a6;height: 79px;transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;-o-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;-moz-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;-webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;}
.header.header-prepare, .header.header-light.header-prepare {background-color: rgba(255, 255, 255, 0.95);box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);}
.header.header-dark.header-prepare {background-color: rgba(54, 54, 54, 0.95);border-bottom: 0 none;}
.header.header-fixed {display: block;margin-top: 0 !important;position: fixed;height: 80px;background: #7291a6;}
.header-inner {position: relative;}
.header-fixed .logo a {width: 62px;margin-top: 0;margin-bottom: 50px;transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;-o-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;-moz-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;-webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;}
.header-fixed .nav-menu ul.nav-menu-inner > li > a {padding-top: 26px;padding-bottom: 26px;}
.header.header-prepare .logo a img.logo-light, .header .logo a img.logo-dark {opacity: 0;}
.header .logo a img.logo-light, .header.header-prepare .logo a img.logo-dark, .header.header-light .logo a img.logo-dark {opacity: 1;}
.header.header-dark.header-prepare .logo a img.logo-dark, .header.header-dark .logo a img.logo-dark {opacity: 0;}
.header.header-dark.header-prepare .logo a img.logo-light, .header.header-dark .logo a img.logo-light {opacity: 1;}
.header-light .nav-menu ul.nav-menu-inner > li > a {color: #323232;}
.nav-bar-icon a {color: #fff;display: block;font-size: 17px;padding: 19px 0;}
.nav-bar-icon.active a, .nav-bar-icon a.active, .nav-bar-icon:hover a, .nav-bar-icon a:hover {color: #17a697;}
.nav-bar-icon > span {position: absolute;top: 50%;display: block;width: 18px;height: 2px;margin-top: -1px;background-color: #323232;-webkit-transition: background 0.25s ease, -webkit-transform 0.3s;transition: transform 0.3s, background 0.25s ease, -webkit-transform 0.3s;}
.nav-bar-icon > span:before, .nav-bar-icon > span:after {content: "";position: absolute;left: 0;width: 100%;height: 100%;background-color: #323232;-webkit-transition: background 0.25s ease, -webkit-transform 0.3s;transition: transform 0.3s, background 0.25s ease, -webkit-transform 0.3s;}
header .nav-bar-icon > span, header .nav-bar-icon > span:before, header .nav-bar-icon > span::after, header.header-dark .nav-bar-icon > span, header.header-dark .nav-bar-icon > span:before, header.header-dark .nav-bar-icon > span::after, header.header-dark.header-prepare .nav-bar-icon > span, header.header-dark.header-prepare .nav-bar-icon > span:before, header.header-dark.header-prepare .nav-bar-icon > span::after {background-color: #fff;}
header.header-light .nav-bar-icon > span, header.header-light .nav-bar-icon > span:before, header.header-light .nav-bar-icon > span::after, header.header-prepare .nav-bar-icon > span, header.header-prepare .nav-bar-icon > span:before, header.header-prepare .nav-bar-icon > span::after {background-color: #323232;}
.nav-bar-icon > span:before {-webkit-transform: translatey(-6px);transform: translatey(-6px);-o-transform: translatey(-6px);-ms-transform: translatey(-6px);-moz-transform: translatey(-6px);}
.nav-bar-icon > span:after {-webkit-transform: translatey(6px);transform: translatey(6px);-o-transform: translatey(6px);-ms-transform: translatey(6px);-moz-transform: translatey(6px);}
.nav-bar-icon.active {transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);-webkit-transform: rotate(45deg);}
.nav-bar-icon.active > span:before {transform: rotate(90deg);-moz-transform: rotate(90deg);-ms-transform: rotate(90deg);-o-transform: rotate(90deg);-webkit-transform: rotate(90deg);}
.nav-bar-icon.active > span:after {transform: rotate(90deg);-moz-transform: rotate(90deg);-ms-transform: rotate(90deg);-o-transform: rotate(90deg);-webkit-transform: rotate(90deg);}
.side-menu-btn {float: right;position: relative;color: #323232;margin-top: 3px;}
.side-menu-btn ul {list-style: none;padding: 0;margin: 0;}
.side-menu-btn ul li {display: inline-block;float: left;position: relative;}
.side-menu-btn ul > li > a {margin-left: 20px;color: #fff;font-size: 16px;transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;-moz-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;-o-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;-webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;}
.side-menu-btn ul > li > a:hover, .header.header-prepare .side-menu-btn ul > li > a:hover {color: #e6ae49;}
.side-menu-btn ul > li > a:hover span, .side-menu-btn ul > li > a:hover span:before, .side-menu-btn ul > li > a:hover span:after {background-color: #e6ae49;}
.side-menu-btn ul li a.header-icon {padding-top: 35px;padding-bottom: 35px;display: block;}
.header-fixed .side-menu-btn ul li a.header-icon {padding-bottom: 20px;padding-top: 20px;}
.header.header-prepare .side-menu-btn ul li a, .header.header-light .side-menu-btn ul li a {color: #323232;}
header.header-dark .side-menu-btn ul li a, header.header-dark.header-prepare .side-menu-btn ul li a {color: #fff;}
.cart-dropdown .cart-list li > .close-cart-list {position: absolute;right: 0;top: 15px;width: 15px;height: 15px;display: block;background-image: none !important;color: #fff !important;}
.cart-dropdown .cart-list li > .close-cart-list:hover {color: #e6ae49;background-image: none !important;}
.side-menu-btn-fix a {font-size: 17px;position: fixed;right: 25px;top: 25px;z-index: 2001;background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;border-radius: 3px;color: #fff;display: block;height: 35px;line-height: 34px;text-align: center;width: 35px;}
.side-menu-btn-fix a:hover {background: #e6ae49 none repeat scroll 0 0;}
.container-icon {font-size: 25px;margin-bottom: 15px;color: inherit;}
.inner-intro .container {position: relative;height: 100%;display: table;}
.inner-intro .container .title {padding-bottom: 65px;padding-top: 10px;display: table-cell;vertical-align: middle;text-align: center;}
.full-intro .inner-intro .container .title h2 {margin-top: 65px;}
.inner-intro .container .title .separator {margin-right: auto;margin-left: auto;}
.container.nf-container1 {padding-left: 15px;padding-right: 15px;}
.container.nf-container2 {/*padding-left: 25px;padding-right: 25px;*/}
.container-filter {margin-top: 0;margin-right: 0;margin-left: 0;margin-bottom: 30px;padding: 0;text-align: center;}
.container-filter li {list-style: none;display: inline-block;}
.container-filter li a {display: block;margin-left: 15px;margin-right: 15px;text-transform: uppercase;letter-spacing: 2px;font-size: 12px;font-weight: 600;font-family: "Raleway", sans-serif;}
.container-filter li a.active {color: #e6ae49;}
.containerhp {width: 94% !important;margin: 0 10% 0 1%;}
.tosee {left: 15%;}
.footer .social, .contact .social {font-size: 20px;}
.footer ul {list-style: none;margin: 0;padding: 0;}
.footer ul.social li, .contact ul.social li {display: inline-block;margin: 0 10px 0 0;}
.team-item-img .team-item-detail .team-item-detail-inner .social {margin: 5px 0 0 0;padding: 0;}
.team-item-img .team-item-detail .team-item-detail-inner .social li {list-style: none;display: inline-block;margin: 0 5px;}
.team-item-img .team-item-detail .team-item-detail-inner .social li a {color: #fff;}
.team-item-img .team-item-detail .team-item-detail-inner .social li a:hover {color: #e6ae49;}
.side-menu {background: #323232 !important;z-index: 2005 !important;color: #fff;padding: 22px 0;overflow-y: auto;position: relative;}
.side-menu a {color: #fff;font-weight: 500;font-size: 12px;}
.side-menu a:hover {color: #e6ae49;}
.side-menu ul {padding: 8px 0 0 0 ;}
.side-menu ul li {list-style: none;margin-bottom: 5px;padding: 5px 0 0 30px;}
.side-menu > ul > li > a {text-transform: uppercase;letter-spacing: 1px;display: block;}
.side-menu input[type="text"], 
.side-menu input[type="email"], 
.side-menu input[type="tel"], 
.side-menu input[type="number"], 
.side-menu input[type="password"], 
.side-menu input[type="radio"], 
.side-menu input[type="checkbox"], 
.side-menu textarea, .side-menu select {border: none;}
.side-menu .sign-in {padding-bottom: 30px;border-bottom: 1px solid #3e3e3e;margin-bottom: 30px;}
.side-menu .sign-in a {color: #fff;font-style: italic;font-weight: 400;font-size: 12px;display: inline-block;margin-top: 10px;}
.side-menu .sign-in a:hover {color: #e6ae49;text-decoration: underline;}
.side-menu .logo {max-width: 120px;width: 100%;}
.side-menu .social {list-style: none;}
.side-menu .social li {display: inline-block;padding: 10px 0 0 5px;}
li.socialtop {padding-left: 15px;margin-left: 25px;}
.side-menu .social li a {font-size: 16px;}
.post-author ul.social {margin: 0;padding: 0;font-size: 16px;}
.post-author ul.social li {list-style: none;display: inline-block;margin: 0 5px;}
.footer .link-small a {font-weight: 600;text-transform: none;}
.footer .copyright {text-align: center;}
.txtfoter {font-size: 11px;font-weight: normal;}
.scroll-top {width: 40px;height: 40px;line-height: 40px;position: fixed;bottom: 20px;right: 20px;text-align: center;font-size: 20px;font-weight: normal;background: #555;color: #fff;z-index: 99;display: none;transition: none;-o-transition: none;-moz-transition: none;-webkit-transition: none;}
.scroll-top:hover {background: #e6ae49;text-decoration: none;color: #fff;}
.icon-box-1 > .icon-box-icon > .fa {font-size: 36px;color: #ff9c00;-webkit-transition: 150ms ease all;transition: 150ms ease all;}
.icon-box-1:hover > .icon-box-icon > .fa {-webkit-transform: scale(1.2);transform: scale(1.2);}
b, strong {font-weight: 600;}
.inner-intro {padding: 60px 0 0px;text-align: center;position: relative;}
.page-breadcrumb {background: rgba(255, 255, 255, 0.9);padding: 4px 8px;display: inline-block;color: #323232;font-size: 12px;text-transform: uppercase;letter-spacing: 3px;border-radius: 3px;border: 1px solid #f1f1f1;margin-top: 5px;z-index: 2001;position: relative;opacity: 1;transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);}
.page-breadcrumb.behind {z-index: 999;opacity: 0.5;transform: translateY(-15px);box-shadow: 0 4px 10px rgba(0,0,0,0.1);transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);}
.page-breadcrumb:hover {background: rgba(255, 255, 255, 1);transform: translateY(-2px) scale(1.02);box-shadow: 0 6px 15px rgba(0,0,0,0.15);}
.dark-bg {padding-top: 0px;padding-bottom: 0px;}
.size-6 {width:20px;height:20px;}

/* ----------------------------------*/
/* Scroll Down Animated Arrow */
/* ----------------------------------*/
.intro-scroll-down {position: absolute;z-index: 1;bottom: 30px;left: 50%;margin-left: -15px;}
.intro-scroll-down .mouse {position: relative;display: block;width: 30px;height: 45px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;border: 2px solid #fff;border-radius: 23px;-moz-border-radius: 23px;-webkit-border-radius: 23px;}
.intro-scroll-down .mouse .mouse-dot {position: absolute;display: block;top: 29%;left: 50%;width: 6px;height: 6px;margin: -3px 0 0 -3px;background: #fff;border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;-webkit-animation: ani-mouse 2.5s linear infinite;-moz-animation: ani-mouse 2.5s linear infinite;animation: ani-mouse 2.5s linear infinite;}
.background--light .intro-scroll-down .mouse {border: 2px solid #323232;}
.background--light .intro-scroll-down .mouse .mouse-dot {background: #323232;}
 @-webkit-keyframes ani-mouse {0% {opacity: 1;top: 29%;}15% {opacity: 1;top: 50%;}50% {opacity: 0;top: 50%;}100% {opacity: 0;top: 29%;}}
 @-moz-keyframes ani-mouse {0% {opacity: 1;top: 29%;}15% {opacity: 1;top: 50%;}50% {opacity: 0;top: 50%;}100% {opacity: 0;top: 29%;}}
 @keyframes ani-mouse {0% {opacity: 1;top: 29%;}15% {opacity: 1;top: 50%;}50% {opacity: 0;top: 50%;}100% {opacity: 0;top: 29%;}}
/********************** Scroll Top Rajouté par Rado ************/
.scroll-top.visible {display: block;}
/********************** page home ************/
.light-color h1, .light-color h2, .light-color h3, .light-color h4, .light-color h5, .light-color h6, .light-color p, .light-color, .light-color .container-icon {color: #fff;}
.spacer-15 {width: 100%;height: 15px }
.spacer-30 {width: 100%;height: 30px}
.spacer-45 {width: 100%;height: 45px;}
.spacer-60 {width: 100%;height: 60px;}
.spacer-75 {width: 100%;height: 35px;}
.spacer-90 {width: 100%;height: 90px;}
.Pricing-box.highlight {background: #f9f9f9;border: 1px solid #ddd}
.Pricing-box.highlight hr {border-color: #ddd}
.overlay-static-dark {position: absolute;top: 0;left: 0;width: 100%;color: #fff;height: 100%;z-index: 2;background-color: rgba(32, 32, 32, 0.4);display: -webkit-flex;display: flex}
.overlay-dark, .overlay-dark80, .overlay-light, .overlay-light80 {position: relative;z-index: 1}
.overlay-dark:before, .overlay-dark80:before, .overlay-light:before, .overlay-light80:before {left: 0;top: 0;position: absolute;width: 100%;height: 100%;content: "";z-index: -1}
.overlay-dark:before {}
.overlay-dark80:before {background-color: rgba(32, 32, 32, 0.8)}
.overlay-light:before {background-color: rgba(255, 255, 255, 0.4)}
.overlay-light80:before {background-color: rgba(255, 255, 255, 0.8)}
.item-box {position: relative;overflow: hidden;display: block}
.item-box a {display: inline-block}
.item-box:hover .item-mask {opacity: 1;visibility: visible}
.item-box:hover .item-mask .item-caption {bottom: 30px;opacity: 1}
.item-box:hover .item-container {transform: scale(1.1);transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;width: 100%}
.item-container {transform: scale(1);-ms-transform: scale(1);-webkit-transform: scale(1);width: 100%;transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;-moz-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;-webkit-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;-o-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s}
.item-mask {background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);height: 100%;position: absolute;transition: all 0.5s ease-in-out 0s;-moz-transition: all 0.5s ease-in-out 0s;-webkit-transition: all 0.5s ease-in-out 0s;-o-transition: all 0.5s ease-in-out 0s;width: 100%;top: 0;left: 0;opacity: 0;visibility: hidden;overflow: hidden;color: #fff}
.item-mask h5, .item-mask h6, .item-mask p {margin-bottom: 0}
.item-mask p {text-transform: uppercase;font-size: 11px;letter-spacing: 1.5px;font-weight: 400;margin-top: 0;text-align: left}
.item-mask .item-caption {position: absolute;bottom: -60px;left: 0;padding-left: 30px;padding-right: 30px;text-align: left;transition: all 0.5s ease-in-out 0s;-moz-transition: all 0.5s ease-in-out 0s;-webkit-transition: all 0.5s ease-in-out 0s;-o-transition: all 0.5s ease-in-out 0s;opacity: 0}
.item-nav {text-align: center;display: block;overflow: hidden}
.item-nav .item-prev, .item-nav .item-next, .item-nav .item-all-view {position: relative;display: inline-block}
.item-nav .item-all-view h5, .item-nav .item-all-view h6 {transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-webkit-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s}
.item-nav .item-all-view h5:hover, .item-nav .item-all-view h6:hover {color: #e6ae49}
.item-nav .item-prev .prev-btn, .item-nav .item-next .next-btn, .item-all-view {display: inline-block;font-size: 25px;text-align: center;height: 51px;line-height: 51px;transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-webkit-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s}
.item-nav .item-prev .prev-btn, .item-nav .item-next .next-btn {color: #323232;background: #fff;width: 51px}
.item-nav .item-prev:hover .prev-btn, .item-nav .item-next:hover .next-btn {background: #f7f7f7;/*color: #fff;*/}
.item-nav .item-prev {text-align: left;float: left}
.item-nav .item-next {text-align: right;float: right}
.item-nav .item-prev .item-prev-text, .item-nav .item-next .item-next-text {position: absolute;line-height: 51px;top: 10px;z-index: -1;visibility: hidden;opacity: 0;transition: all 0.3s ease-in-out 0s;-moz-transition: all 0.3s ease-in-out 0s;-webkit-transition: all 0.3s ease-in-out 0s;-o-transition: all 0.3s ease-in-out 0s;width: 150px}
.item-nav .item-prev:hover .item-prev-text, .item-nav .item-next:hover .item-next-text {margin-left: 0;margin-right: 0;visibility: visible;opacity: 1}
.item-nav .item-prev .item-prev-text {left: 100%;margin-left: -110px;padding-left: 15px}
.item-nav .item-prev .item-prev-text p, .item-nav .item-prev .item-prev-text h5, .item-nav .item-prev .item-prev-text h6, .item-nav .item-next .item-next-text p, .item-nav .item-next .item-next-text h5, .item-nav .item-next .item-next-text h6 {margin-top: 0;margin-bottom: 0;padding-top: 0;padding-bottom: 0}
.item-nav .item-prev .item-prev-text h5, .item-nav .item-prev .item-prev-text h6, .item-nav .item-next .item-next-text h5, .item-nav .item-next .item-next-text h6, .item-nav .item-all-view h5, .item-nav .item-all-view h6 {padding-top: 8px}
.shop-item .item-mask .item-mask-detail {display: flex;display: -webkit-flex;height: 100%;width: 100%}
.shop-item .item-mask .item-mask-detail .item-mask-detail-ele {margin: auto auto}
.item-img {/*display: block;position: relative;overflow: hidden;*/
	display: inline-block;position: relative;width: 95px;height: 95px;overflow: hidden;border-radius: 50%;padding: 5px;background: #eee}
.fullscreen-carousel .overlay-hero {position: absolute;top: 0;width: 100%;height: 100%;left: 0;text-align: center}
.fullscreen-carousel .overlay-hero .caption-hero {display: inline-table;height: 100%;margin: 0 auto;position: relative;padding: 0;margin: 0}
.fullscreen-carousel .overlay-hero .caption-hero .inner-caption {display: table-cell;margin: auto;vertical-align: middle;padding-left: 25px;padding-right: 25px}
.fullwidth-slider .item {height: 650px;position: relative;width: 100%}
.content-carousel .owl-controls .owl-pagination, .image-slider .owl-controls .owl-pagination, .fullwidth-slider .owl-controls .owl-pagination, .item1-carousel .owl-controls .owl-pagination {position: absolute;bottom: 0;z-index: 2;bottom: 15px;left: 0;text-align: center;width: 100%}
.texteparafde {margin: 20px 0 0 1px}
.text-parafeone {text-align: left}
.textbaspage {text-align: left}
.textemichel {line-height: 15px;color: #323232;font-size: 14px;font-family: "Raleway", sans-serif;letter-spacing: 2px;text-align: left;font-weight: bold;width: 300px !important}
.light-color h1, .light-color h2, .light-color h3, .light-color h4, .light-color h5, .light-color h6, .light-color p, .light-color, .light-color .container-icon {color: #fff}
.textactubas {line-height: 17px;padding: 5px 15px;text-align: justify;font-size: 15px;color: #000;line-height: 27px;font-weight: 300;background-color: #f6f6f6;border-top: 2px solid #00bcd4;padding: 2% 2% 1% 5%;border-radius: 25px}
.textactustitr {letter-spacing: 1px;text-align: justify;font-size: 14px;color: #000;line-height: 17px;font-weight: 500;padding: 5px 10px 20px 15px;color: #000}
.textparag {text-align: left;color: #696666;margin: 0 2rem 0rem 2rem;font-family: Arial;font-size: 16px;line-height: 1.3;text-align: justify}
.textbasactu {font-size: 10px;line-height: 15px}
.textbaspage {max-width: 70%;float: right}

/************************* DOUBLONS MAIS AVEC DES ATTRIBUTS DIFFETENTS - A surveiller *************************/
.row-societe {margin: 5px 0 15px 0;}
.row-societe {margin: 5px 5px 15px 0 }
.textblokcontg2 {text-align: justify;font-size: 13px;margin: 25px 10px 25px 10px;line-height: 20px}
.textblokcontg2 {text-align: justify;font-size: 15px;margin: 10px 40px 11px 45px;line-height: 20px }
.textactugraslink {text-align: left;font-size: 14px;color: #000;line-height: 1px;font-weight: 700;padding-top: 15px}
.textactugraslink {text-align: left;font-size: 16px;color: #000;line-height: 2px;font-weight: 700;padding-top: 5px }
.textactugraslink02 {text-align: left;font-size: 14px;color: #000;line-height: 1px;font-weight: 700;padding-top: 7px}
.textactugraslink02 {text-align: left;font-size: 16px;color: #000;line-height: 1px;font-weight: 700;padding: 10px 0 2px 0 }
li.textlicoach {font-size: 10px;font-weight: 700}
li.textlicoach {font-size: 14px;font-weight: 600;letter-spacing: 0 }
.text-col-devmentor {line-height: 20px;font-size: 13px;font-weight: 700;margin: 1% 0 0 15%;color: #888;letter-spacing: 1px;text-align: left}
.text-col-devmentor {line-height: 20px;font-size: 14px;font-weight: 600;margin: 1% 0 0 11%;color: #888;letter-spacing: 1px;text-align: left }
.metier-proche-qual {position: absolute;width: 220px;height: 10px;z-index: 2;text-align: left;margin: 2% 25%;}
.metier-proche-qual {position: absolute;width: 264px !important;height: 10px;z-index: 2;text-align: left;margin: 2% 42% !important }
.metier-proche {position: absolute;width: 400px;height: 10px;z-index: 2;text-align: left;margin: 5% 25%;}
.metier-proche {position: absolute;width: 600px;height: 10px;z-index: 2;text-align: left;margin: 5% 25% }
.metier-proche-syn {position: absolute;width: 600px;height: 10px;z-index: 2;text-align: left;margin: 5% 25% }
.metier-proche-syn {position: absolute;width: 250px;height: 10px;z-index: 2;text-align: left;margin: 5% 35%;}
.metier-fiche-centre {color: #00bcd4;text-transform: uppercase;font-weight: 700;font-size: 16px;text-align: left;letter-spacing: 1px;line-height: 25px;margin: 20px 0 25px 3px;}
.metier-fiche-centre {color: #00bcd4;text-transform: uppercase;font-weight: 700;font-size: 20px;text-align: left;letter-spacing: 1px;line-height: 25px;margin: 20px 0 25px 3px }
.metier-patissier {margin: 5px 0 40px 0;}
.metier-patissier {color: #00bcd4;text-transform: uppercase;font-weight: 600;font-size: 18px;text-align: left;letter-spacing: 1px;line-height: 20px;margin: 5px 0 20px 0 }
.metier-fiche {color: #00bcd4;text-transform: uppercase;font-weight: 700;font-size: 28px;text-align: left;letter-spacing: 1px;line-height: 20px;margin: 25px 0 25px 27px;}
.metier-fiche {color: #00bcd4;text-transform: uppercase;font-weight: 700;font-size: 30px;text-align: left;letter-spacing: 1px;line-height: 20px;margin: 25px 0 35px 35px }
.textblokcontg1 {text-align: justify;font-size: 15px;font-weight: bold;margin: 10px;line-height: 20px}
.textblokcontg1 {text-align: justify;font-size: 17px;font-weight: bold;margin: 10px 30px 2px 15px;line-height: 20px }
/************************* FIN doublon *************************/
/************* Fin recup css venant du style.css première version *******************************/

/* ----------------------------------*/
/* VERSION V2 styleV2.css
/* ----------------------------------*/
a:hover {color: #950e04;text-decoration: none;transition: all 0.25s ease 0s;-moz-transition: all 0.25s ease 0s;-webkit-transition: all 0.25s ease 0s;-o-transition: all 0.25s ease 0s;font-weight: 700;}
a {color: #0b1028;text-decoration: none;transition: all 0.25s ease 0s;-moz-transition: all 0.25s ease 0s;-webkit-transition: all 0.25s ease 0s;-o-transition: all 0.25s ease 0s;font-weight: 700;}
a.linkfic-job{color:#fff;font-weight: 700;}
a.linkfic-job:hover{color:#950e04;font-weight: 700;}
a.linkfic-job:active{color:#323232;font-weight: 700;}
a.linkrenc-pro{color:#0b1028;font-weight: 700;}
a.llinkrenc-pro:hover{color:#000;font-weight: 700;}
a.linkrenc-pro:active{color:#323232;font-weight: 700;}



@media (min-width: 1024px) {
/* ===================================
ECRITURE RAJOUTEE PAR RADO 
====================================== */
.containerorganisme {text-align: justify;font-size: 12px;line-height: 18px;margin-top: 10px }
/************************* Ecriture rajoutée par Rado pour le footer *************************/
.rowdescojob {width: 90% }
.rowurldescojob {width: 95% }
.fas {display: inline-block;font: normal normal normal 14px/1 FontAwesome;font-size: 100%;text-rendering: auto;-webkit-font-smoothing: antialiased;margin-left: 0rem }
.row-societe {margin: 5px 5px 15px 0 }
/************************* Ecriture rajoutée par Rado *************************/
.textparag-clair {text-align: left;color: #696666;margin: -60px 0 1rem 4.3rem;font-family: Arial;font-size: 16px;line-height: 27px;text-align: justify;width: 93%;letter-spacing: 1.2px }
.text-patisserie-gris {color: #999;text-transform: uppercase;font-weight: 500;font-size: 15px;line-height: 16px;margin: 2px 0 10px 0 }
.texteblanc {font-size: 25px !important;font-weight: 600;color: #FFF;text-align: center }
.textcoach {font-size: 25px;padding: 10px 5px 15px 5px;font-weight: 700;color: #535658 }
.textco {font-size: 14px;text-align: justify }
.text-intro-orienter {text-align: justify;line-height: 18px;font-size: 12px;font-weight: 300;letter-spacing: 1px;margin: 10px 0 10px 0;color: #181818 }
.text-dark {margin-left: 5px }
.text-white-form {font-weight: 700;font-size: 16px }
ul.text-cap, li.text-cap {text-transform: uppercase;font-size: 12px;font-weight: 600;letter-spacing: 2px }
.container-actu {padding-right: 0;padding-left: 35px;width: 1200px;margin-left: 10% }
.title-orientationpro {font-size: 1.2em;font-weight: 500;text-transform: uppercase;color: #000;margin: 1em 0 0.3em 0;line-height: 1em;position: relative;width: 100% }
.title-orientationpro .fonddescojob {background-color: #e6ae49;height: 19px;top: 50%;transform: translatey(-50%);left: 0;right: 0;position: absolute;z-index: 0 }
.title-descojob .fonddescojob {background-color: #e6ae49;height: 19px;top: 50%;transform: translatey(-50%);left: 0;right: 0;position: absolute;z-index: 0 }
.title-orientationpro .textdescojob {display: flex;justify-content: space-between;align-items: center;position: relative;z-index: 1 }
.title-orientationpro .title-orientation-professionnelle {background-color: #fff;transform: skewx(-10deg);padding: 15px 10px;margin-left: -6px;line-height: 1em }
.title-descojob .titredcjob {background-color: #fff;transform: skewx(-10deg);padding: 3px 10px;margin-left: -6px;line-height: 1em }
p.leadparent {text-align: left;line-height: 24px;font-size: 16px;font-weight: 300;color: #000 }
li.colonrganisme {float: left;width: 32% }	
.leadbtnmentor {margin: 5% 0 5% 0 }
.btn-mdp-connect {color: #fff;background: #323232;border: none;margin: 5px 0 20px 0 !important;width: 72%;display: inline-block;font-weight: 700;text-align: center;white-space: nowrap;cursor: pointer;padding: 15px }
.btn i, button i, i.left {margin-right: 6px}
.form-full {width: 100%}
.float-right {float: right;font-size: 9px;margin: 12px -5px}
.border-box {border: 1px solid #f1f1f1;padding: 25px}
.btn.btn-file {position: relative;overflow: hidden;padding: 14px;background: #eee;border-radius: 5px}
.btn.btn-file > input[type="file"] {position: absolute;top: 0;right: 0;min-width: 100%;min-height: 100%;font-size: 100px;text-align: right;opacity: 0;filter: alpha(opacity=0);outline: none;background: white;cursor: inherit;display: block}
	
/************************* Doublons mais avec des attributs différents - A surveiller *************************/
.containerhp {width: 1200px;padding-right: 15px;padding-left: 15px }
.containerhp {width: 77%;margin: 0 10% 0 10% }
.title-descojob .textdescojob {display: flex;justify-content: space-between;align-items: center;position: relative;z-index: 1 }
.title-descojob {font-size: 1.2em;font-weight: 700;text-transform: uppercase;color: #000;margin: 10em 0 0 0;line-height: 1em;position: relative;width: 100% }
.title-descojob {font-size: 1.2em;font-weight: 700;text-transform: uppercase;color: #000;margin: 1em 0 0 0;line-height: 1em;position: relative;width: 110% }
.title-descojob{font-size: 1.2em;font-weight: 700;text-transform: uppercase;color: #000;margin: 1em 0 0 16em;line-height: 1em;position: relative;width:73%;}
/************************* Fin doublon *************************/		
/* ===================================  FIN ECRITURE RAJOUTEE PAR RADO  ====================================== */
	

/* ===================================
   Homepage
====================================== */
.list-job-img{max-width: 200px;padding-left: 22px;}
ul.actu-list-them{list-style-type: none;overflow: hidden;padding-left: 0px;}
ul.actu{margin-top: 7px;margin-bottom: 16px;}
li.actlist-them{float: left;width: 80%;}
li.actlist-them2{float: right;width: 18%;}
.boxact-list-them{border-radius: 8px;background-color: #a5e5d4;}
.colothem{font-size:12px;color:#0a3557;}
.carde-container {width: 48ch; margin:0 0 0% 20%}
.grille_metier{display:grid;padding:20px 0;grid-gap:32px 100px;grid-template-columns: 200px 200px 200px 200px;}
.carde__info{height:100%;padding:8px 0 8px 8px;background-color:var(--bg-light)}
.carde__info,.carde__textarea{width:100%;position:relative}
.carde[data-format="horizontal-s-fluid desktop-square"]{height:190px;width:190px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.carde-link.chapter:focus-visible{outline:2px solid var(--chapter-focus)}
.carde{display:-webkit-box;display:-ms-flexbox;display:flex;cursor:pointer;overflow:hidden;border-radius:8px;-webkit-box-shadow:0 0 10px rgba(0,0,0,.1);box-shadow:0 0 10px rgba(0,0,0,.1);-webkit-transition:-webkit-transform .3s cubic-bezier(.16,1,.99,.99);transition:-webkit-transform .3s cubic-bezier(.16,1,.99,.99);-o-transition:transform cubic-bezier(.16,1,.99,.99) .3s;transition:transform .3s cubic-bezier(.16,1,.99,.99);transition:transform .3s cubic-bezier(.16,1,.99,.99),-webkit-transform .3s cubic-bezier(.16,1,.99,.99)}@supports not (width:clamp(1px,1vw,2px)){.card{overflow:unset}}@supports (width:clamp(1px,1vw,2px)){.carde:hover{-webkit-transform:scale(1.03);-ms-transform:scale(1.03);transform:scale(1.03);-webkit-box-shadow:0 0 20px rgba(0,0,0,.2);box-shadow:0 0 20px rgba(0,0,0,.2)}
.carde:focus{outline:2px auto #666;-webkit-box-shadow:0 0 10px rgba(0,0,0,.1);box-shadow:0 0 10px rgba(0,0,0,.1)}
.carde__imagearea{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:var(--bg-placeholder)}
.carde__imagearea--restricted{-webkit-filter:grayscale(100%);filter:grayscale(100%)}
.carde__link-image{width:100%;height:inherit;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color: #a5e5d4;background-image:url(/images/icon-rdv-realise.png);background-size: 200px 200px; background-size: 40% 100%!important; background-repeat: no-repeat, repeat; background-position: center;}
.carde__image{width:inherit;height:100%;-o-object-fit:cover;object-fit:cover}@supports not (width:clamp(1px,1vw,2px)){.carde__image{border-radius:.5rem .5rem 0 0}}
.carde .default-thumbnail{height:auto;width:auto}
.carde__icone,.carde__label{position:absolute;left:8px;max-width: 100%;}
.carde__label{top:8px;font-size:10px;padding:6px 8px;background:var(--bg-light);-webkit-box-shadow:0 0 3px rgba(0,0,0,.2);box-shadow:0 0 3px rgba(0,0,0,.2);border-radius:3px}
.carde__title{font-size:.88rem;line-height:18px}
.carde__subtitle{color:var(--text-body);font-family:arial;margin-bottom:4px;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;visibility:visible;word-break:break-word;line-height:1rem}
.carde[data-format="horizontal-s-fluid desktop-square"].carde--media .carde__imagearea{height:150px}
.carde--media .carde__title--no-subtitle{width:100%;-webkit-box-orient:vertical;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;visibility:visible;word-break:break-word}
.carde[data-format="horizontal-s-fluid desktop-square"]{width:280px; height:400px}}
.carde__metadata-info{line-height: 15px;font-size: 10px;}
.cardeinfotxt{font-size:12px;line-height: 18px; text-align:justify; padding:5px 5px;}
.containerthem {width: 55%;margin: auto;padding: 3% 0 3% 0;}
.lign-blockquote-hp {padding: 0 0 0 50px;max-width: 1190px;margin: 5% auto 0 auto;}
.blockqo-text-headr {border-left: 5px solid #fff;padding-left: 20px;color: #fff;font-style: normal;}
.text-intro-hp {font-size: 20px;font-weight: 600;letter-spacing: 1px;line-height: 30px;margin-top: 10px;text-align: justify;}
.overlay {position: absolute;top: 0; left: 0;width: 100%; height: 90%;color: white;display: flex;align-items: center;justify-content: center;text-align: left;}
.leadparent{line-height: 24px;font-size: 16px;font-weight: 300;color: #000;}
#intro{position: relative;overflow: hidden;width: 100%;}
.img-inscrip-form{width: 80%;height: 65%;padding: 0% 0 0 0;margin: 25% auto;}
.bloc-je-suis-formation{display: grid;padding: 0px 5px;grid-gap: 2px 5px;grid-template-columns: 600px 550px;margin: 0 0 0 15.5%;}
.ensemblebtn {position: relative;}
.salleclasse {width: 534px; height: 472px;}
.ensemblebtn {position: relative;display: inline-block;}
.salleclasse {display: block;width: 100%;height: auto;}
.btn-custom {position: absolute;padding: 12px;border-radius: 16px;font-weight: 700;text-decoration: none;color: white;display: flex;align-items: center;justify-content: center;}
.insp {background-color: #ca8a0f;top: 24%;left: 1%;width: 280px;height: 83px;font-size: 27px;line-height: 25px;}
.rejoin {background-color: #fff;color: #000;top: 73.2%;left: 61%;width: 220px;height: 53px;font-size: 25px;line-height: 15px;border-radius: 16px 0;}
.bloc-je-suis-form-g{width:658px;margin-top: 13px;}
.bloc-je-suis-form-d{width:550px;}
.textgrasficmet-10tm{font-size: 50px;font-weight: 800;line-height: 45px;margin:0 0 1.8% 16%;}
.textgrastemoignage{font-size: 50px;font-weight: 800;line-height: 45px;margin:6% 0 3.6% 0%;}
.textgras-0tm{font-size: 50px;font-weight: 800;line-height: 45px;margin-bottom: 25px;}
.textgras-1tm{font-size: 14px;font-weight: 600;line-height: 25px;margin: 5px 0 65px 0;}
.textgras-2tm{font-size: 29px;font-weight: 700;line-height: 32px;padding-bottom: 13%;margin: 6% 8% 3% 0;}
.textgras-3tm{font-size: 14px;font-weight: 600;line-height: 22px;}
.textgraspro-10tm{font-size: 50px;font-weight: 800;line-height: 45px;margin:0 0 2% 16%;}
.textgraspro-20tm{font-size: 50px;font-weight: 800;line-height: 45px;margin:0 0 0.8% 16%;}
.bloc-je-suis-professionnelle{display: grid;padding: 0px 5px;grid-gap: 2px 5px;grid-template-columns: 550px 550px;margin: 0 0 5% 15.5%;}
.bloc-je-suis-prof-g{width:500px;margin-top: 13px;}
.bloc-je-suis-prof-d{width:550px;margin-top: 15%;margin-left: 22%;}
.btn-community-hp {padding:35px 0 40px 40px;margin: 0% 0 10% 0%;width: 94%;font-weight: 700;text-transform: uppercase;background-color: #000;color: #fff;border-radius: 50px 50px 50px 0px;height: 25%;font-size: 18px;}
.bloc-adopte-communaute{display: grid;padding: 0px 5px;grid-gap: 2px 5px;grid-template-columns: 500px 600px;margin: 0 0 0 15.5%;}
.bloc-adop-commu-g{width:500px;margin-top: -19px;}
.bloc-adop-commu-d{width:685px;margin-top: -19px ;margin-left: -55px;background-color: #e9eef5;}
.coulorangbar{background-color:#fdbe49; width:420px; height:35px;}
.textcommu-1tm{font-size: 14px;font-weight: 700;line-height: 25px;margin: 25px 0 0 35px;}
.textcommu-2tm{font-size: 19px;font-weight: 700;line-height: 35px;padding-bottom: 7%;margin:0 20px 0 35px;}
.textcommu-3tm{font-size: 27px;font-weight: 700;line-height: 34px;padding-bottom: 2%;margin:0 20px 0 35px; color:#797d8d; text-align:justify;}
.textcommu-4tm{font-size: 16px;font-weight: 700;line-height: 22px;margin:35px 0 0 35px;}
.textcommu-5tm{font-size: 16px;font-weight: 700;line-height: 22px;margin:10px 0 0 35px;}
.textcommu-6tm{font-size: 14px;font-weight: 700;line-height: 20px;margin:10px 0 0 35px;}
.textcommu-7tm{font-size: 19px;font-weight: 700;line-height: 22px;margin:30px 0 30px 35px;}
.textcommu-8tm{font-size: 30px;font-weight: 700;line-height: 37px;padding-bottom: 6%;margin:0 20px 0 35px; color:#797d8d; text-align:justify;}
.text-mentor-bloc-ho{font-size: 15px;font-weight: normal;line-height: 21px;padding:0px 10px 0 10px;}
.text-bloc-ho2{font-size: 16px;font-weight: normal;line-height: 20px;padding:0px 10px 0 20px;}
.bloc-fich-metier{display: grid;padding: 0px 5px;grid-gap: 2px 5px;grid-template-columns: 598px 530px;margin: 0 0 0 15.5%;}
.bloc-metier-fich-g{width:600px;margin-top: 1px;}
.bloc-metier-fich-d{width:530px;margin-top: -13%;margin-left: 2%;}
.textfichjob-1tm{font-size: 14px;font-weight: 700;line-height: 25px;margin: 0px 0 20px 7px;}
.textfichjob-2tm{font-size: 19px;font-weight: 700;line-height: 35px;padding-bottom: 4%;margin:0 20px 0 7px;}
.textfichjob-3tm{font-size: 29px;font-weight: 700;line-height: 32px;padding-bottom: 7%;margin:0 0px 0 7px; color:#797d8d; text-align:justify;}
.textfichjob-4tm{font-size: 16px;font-weight: 700;line-height: 22px;margin:0 0 15px 0;}
.textfichjob-5tm{font-size: 16px;font-weight: 700;line-height: 22px;margin-left:3px;}
.ficjob {position: relative;padding: 16px;background-color: #ca8a0f;border-radius: 16px;bottom: 10px;left: 102.5%;width: 250px;height: 85px;margin-top: -380px;font-size: 20px;line-height: 24px;}
.meetpro {position: relative;padding: 12px;background-color: #fff;border-radius: 29px 0 0 0;bottom: 10px;left: 64%;width: 200px;margin-top: -185px;height: 80px;font-size: 18px;line-height: 22px;text-align:justify;}
.textgratemoin-10tm{font-size: 50px;font-weight: 800;line-height: 45px;margin:5% 0 2% 15.5%;}		
.bloc-deux-colonne-trois{display: grid;padding: 0px 5px;grid-gap: 2px 5px;grid-template-columns: 1200px;margin-left: 7.7%;}
.cardev3[data-format="horizontal-s-fluid desktop-square"]{height:190px;width:190px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.cardev3{display:-webkit-box;display:-ms-flexbox;display:flex;cursor:pointer;overflow:hidden;border-radius:8px;-webkit-box-shadow:0 0 10px rgba(0,0,0,.1);box-shadow:0 0 10px rgba(0,0,0,.1);-webkit-transition:-webkit-transform .3s cubic-bezier(.16,1,.99,.99);transition:-webkit-transform .3s cubic-bezier(.16,1,.99,.99);-o-transition:transform cubic-bezier(.16,1,.99,.99) .3s;transition:transform .3s cubic-bezier(.16,1,.99,.99);transition:transform .3s cubic-bezier(.16,1,.99,.99),-webkit-transform .3s cubic-bezier(.16,1,.99,.99)}@supports not (width:clamp(1px,1vw,2px)){.cardv3{overflow:unset}}@supports (width:clamp(1px,1vw,2px)){.cardev3:hover{-webkit-transform:scale(1.03);-ms-transform:scale(1.03);transform:scale(1.03);-webkit-box-shadow:0 0 20px rgba(0,0,0,.2);box-shadow:0 0 20px rgba(0,0,0,.2)}
.cardev3:focus{outline:2px auto #666;-webkit-box-shadow:0 0 10px rgba(0,0,0,.1);box-shadow:0 0 10px rgba(0,0,0,.1)}
.cardev3[data-format="horizontal-s-fluid desktop-square"]{width:100%; background-color:#c8d1f7;height:420px;padding: 5px 0 0 0px;box-shadow:1px 1px 1px 3px rgba(0, 0, 255, .1)}}	
.bloc-haut-bloc{display: grid;padding: 0px 15px 50px 0px;grid-gap: 2px 35px;grid-template-columns: 360px 360px 360px;margin-left: 10%;}
.bloc-bas-bloc{display: grid;padding: 0px 15px 50px 0px;grid-gap: 2px 35px;grid-template-columns: 360px 360px 360px;margin-left: 10%;}
.titre-themem {font-size: 18px;letter-spacing: 0px;line-height: 22px;text-align: left;font-weight: 400;margin: 0px auto;width: 73%;padding: 0 20px 35px 35px;}
.bloc-bouton-haut{display: grid;padding: 0px 5px;grid-gap: 2px 5px;grid-template-columns: 1200px;margin: 7% 0 1% 13%;}
.ligne-btn-bleu{display: grid;padding: 0px 5px 0px 0px;grid-gap: 2px 21px;grid-template-columns: 255px 310px 368px 158px;margin: -4% 0 0 3%;}
.cardev4[data-format="horizontal-s-fluid desktop-square"]{height:190px;width:190px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.cardev4{display:-webkit-box;display:-ms-flexbox;display:flex;background-color: #7994a7;cursor:pointer;overflow:hidden;border-radius:8px;-webkit-box-shadow:0 0 10px rgba(0,0,0,.1);box-shadow:0 0 10px rgba(0,0,0,.1);-webkit-transition:-webkit-transform .3s cubic-bezier(.16,1,.99,.99);transition:-webkit-transform .3s cubic-bezier(.16,1,.99,.99);-o-transition:transform cubic-bezier(.16,1,.99,.99) .3s;transition:transform .3s cubic-bezier(.16,1,.99,.99);transition:transform .3s cubic-bezier(.16,1,.99,.99),-webkit-transform .3s cubic-bezier(.16,1,.99,.99)}@supports not (width:clamp(1px,1vw,2px)){.cardv4{overflow:unset}}@supports (width:clamp(1px,1vw,2px)){.cardev4:hover{-webkit-transform:scale(1.03);-ms-transform:scale(1.03);transform:scale(1.03);-webkit-box-shadow:0 0 20px rgba(0,0,0,.2);box-shadow:0 0 20px rgba(0,0,0,.2)}
.cardev4:focus{outline:2px auto #666;-webkit-box-shadow:0 0 10px rgba(0,0,0,.1);box-shadow:0 0 10px rgba(0,0,0,.1)}
.cardev4[data-format="horizontal-s-fluid desktop-square"]{width:100%; height:50px;font-weight: 700;font-size: 15px;padding: 13px 5px 0 20px;box-shadow:1px 1px 1px 3px rgba(0, 0, 255, .1)}}	
.bord-bas-orange{background-color: #fdbe49;width: 100%;height: 30px;text-align: center;font-size: 14px;font-weight: 600;}
.txtbasbloc{margin: 0px auto;text-align: center;line-height: 18px;font-size: 14px;}	
.particle-deconstruct-container {display: flex;justify-content: center;align-items: center;height: 100vh;background: #c8d1f7;}
.particle-deconstruct-element {width: 300px;height: 200px;background: #c8d1f7;display: flex;justify-content: center;align-items: center;position: relative;overflow: hidden;}
.particle-deconstruct-element h2 {color: #0b1028;font-weight:700;line-height: 42px;margin-left:0%;font-size: 2rem;position: relative;z-index: 2;transition: all 0.5s ease;}
.particle-deconstruct-element::before,
.particle-deconstruct-element::after {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: repeating-radial-gradient(circle at center, #7e8d98 1px, transparent 2px, transparent 50px);opacity: 0;transition: all 0.5s ease;}
.particle-deconstruct-element:hover h2 {transform: scale(1.5) rotate(360deg);opacity: 0;}
.particle-deconstruct-element:hover::before {transform: scale(2) rotate(45deg);opacity: 0.3;}
.particle-deconstruct-element:hover::after {transform: scale(2) rotate(-45deg);opacity: 0.3;margin-left:-10px;}
.bloc-logo{display: grid;padding: 0px 5px;grid-gap: 2px 5px;grid-template-columns: 1200px;margin: 1.6% 0 0 6%;}
.ligne-logo-tm{display: grid;padding: 0px 5px 0px 0px;grid-gap: 2px 0px;grid-template-columns: 45px 700px 220px 210px 90px 40px;margin: 0% 0 0 0%;align-items: start;}
.logo-dark{margin-left: -5%;}
.logo-light{margin-left: -5%;}
.job{font-size: 21px;font-weight: bold;padding-top: 5px;color: #000;margin-left: 8px;text-align: left;}
.metier{font-size: 9px;margin-left: 9px;margin-top: -11px;color: #000;font-weight: normal;text-align: left;}
.to {font-size: 20px;font-weight: bold;color: #fff;position: absolute;/*top: 35px;*/}
.to2 {font-size: 20px;font-weight: bold;color: #fff;position: absolute;top: 35px;}
.see {position: relative;padding-left: 26px;top: 0px;}
.see2 {position: relative;padding-left: 26px;top: 0px;}	
i{font-size: 16px;padding: 0 9px 0 9px;}
.croix{margin-left: -9px;}
.side-menu .menu-close {padding: 1px 6px;border: 2px solid #fff;border-radius: 50%;float: right;margin: 5px 15px 13px 0;height: 25px;width: 25px;}
.side-menu .menu-close:hover {background: url("../img/close-color.png");color: #e6ae49;}
.btn_menu_inscr-jts{background-color: #111111;color: #0b1028;border-radius: 10px 10px 10px 10px;padding: 10px 10px;width: 50%;}
.btn_menu_myespace-jts{background-color: #111111;color: #0b1028;border-radius: 10px 10px 10px 10px;padding: 10px 10px;width: 58%;}
.icon-img,.iconfirst-img{display: none;}
.icon-intitu{display: block;}
.btns-header {display: flex;align-items: flex-start;gap: 30px;margin-top: 3px;}
.gap-logo-new {display: inline-block; margin: 0;}
.btns-header button,.btns-header a {display: inline-flex;align-items: center;gap: 8px; padding: 10px 12px;border-radius: 8px;cursor: pointer;text-decoration: none;line-height: 1;font-size: 10px;transition: all 0.3s ease;width: 100%;}
.btn_myespace-jts {display: inline-flex;align-items: center;gap: 8px; background: #fff;color: #0b1028;border-radius: 8px;padding: 10px 12px;text-decoration: none;cursor: pointer;transition: all 0.3s ease;line-height: 1;width: 100%;}
.them-space, .btns-header button span {display: inline-block;white-space: nowrap;font-size: 12px;font-family: Arial, sans-serif;text-transform: uppercase;position: relative;z-index: 10;}
.btns-header button:hover,.btns-header a:hover {background: #0b1028;color: #fff;}
.btns-header button * ,.btns-header a * {color: inherit;}
.calage-blockqot{margin: 14% 2%}
.image-container {position: relative;width: 100%;}
.image-container img {width: 100%;height: 750px;display: block;}
.tit-platef-dec-job{margin: 13% 0 5% 0; font-size:32px; font-weight:700;color:#fff;padding-left: 2.5%;}
.blockqo-text-headr{border-color: #fff; height: 90%;margin: 0 0 15% 0;font-size: 19px;font-weight: 500;line-height: 30px;width: 100%;color:#fff;text-align: left;}
.text-headr-blan{font-size:35px; font-weight:700;color:#fff;letter-spacing: 1px;line-height: 39px;padding:0px 0 35px 3px;}
.bas-header-plus{font-size:18px; font-weight:700;color:#0b1028;background-color: #fff;margin: 45px 0 0 0;width: 30%;float: left;padding: 10px 25px;border-radius: 8px;box-shadow: 0 0 10px rgba(0, 0, 0, .9);}
.btn404{color: #fff;background: #323232;border: none;border-radius: 1rem;margin: 5px 0 20px 45.5%;width: 15%;padding: 11px 0px 12px;touch-action: manipulation;cursor: pointer;display: inline-block;font-weight: 700;text-align: center;white-space: nowrap;}
.txttdescerror{margin-left: 36.5%;}
.esp-error{margin-top: 10%;}
a.boxbultxt{position: relative;z-index: 24;background-color: #fff;font-size:15px;color: #323232;text-decoration: none;line-height: 18px;display: inline-block;font-weight: 700;background-image: url(../images/souligne_filet_jaune.png);background-position: bottom;background-repeat: repeat-x;}
a.boxbultxt:hover span{ /*the span will display just on :hover state*/display:block;position:absolute;top:2em; left:1em; width:20em;border:1px solid #ca8a0f;background-color:#fdbe49; color:#323232;text-align: justify;padding: 10px 10px;font-weight: 500;}	
a.boxbultxt:hover{z-index:25; background-color:#fff;height:0px;color: #323232;}
a.boxbultxt span{display: none}
a.boxbultxt2{position: relative;z-index: 24;background-color: #fff;color: #323232;text-decoration: none;line-height: 18px;display: inline-block;font-weight: 700;background-image: url(../images/souligne_filet_jaune.png);background-position: bottom;background-repeat: repeat-x;}
a.boxbultxt2:hover span{ /*the span will display just on :hover state*/display:block;position:absolute;top:2em; left:1em; width:20em;border:1px solid #ca8a0f;background-color:#fdbe49; color:#323232;text-align: justify;padding: 10px 10px;font-weight: 500;font-size: 14px;}	
a.boxbultxt2:hover{z-index:25; background-color:#fff;height:0px;color: #323232;}
a.boxbultxt2 span{display: none}
.btn-top-droit{margin-top:-4px;}
.btn-top-droite{margin-top:-4px;}
a.menu-gauc-insc{font-size: 14px;font-weight: normal;font-family:arial;text-transform: uppercase;padding-left: 15px;color:#fff;}
a.menu-gauc-insc:hover{color: #950e04;font-family:arial;text-transform: uppercase;padding-left: 15px;}
a.menu-top-insc{font-size: 12px;font-weight: normal;font-family:arial;text-transform: uppercase;padding-left: 10px;color:#0b1028;}
a.menu-top-insc:hover{color: #950e04;font-family:arial;text-transform: uppercase;padding-left: 10px;}
.nav-bar-icon {display: inline-block;float: right;position: relative;height: 16px;width: 20px;padding-top: 5px;padding-bottom: 35px;margin-left: 15px;transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;-moz-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;-o-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;-webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;cursor: pointer;}
.bas-audessus-rejoind{margin-top: -24%;margin-left: 59.3%;z-index: 1000;position: absolute;}
a.accueil-rejoin-communi{font-size: 19px;font-weight: 700;font-family:arial;text-transform: uppercase;padding-left: 15px;color:#fff;margin-left:5px;}
a.accueil-rejoin-communi:hover{color: #950e04;font-family:arial;text-transform: uppercase;padding-left: 15px;}
.temoig-text{font-size: 14px;font-weight: 600;color: #0b1028;letter-spacing: 1px;line-height: 24px;text-align: justify;}
a.gras-lien-block, a.gras-lien-block:hover{font-weight: 700;font-size:28px;padding-left: 2px;display: flex;align-items: center;text-align: center;}
a.gras-lien-accuei, a.gras-lien-accuei:hover {font-weight: 700;font-size:17px;align-items: center;text-align: center;}
a.gras-lien-inscip-pub, {font-weight: 700;font-size:17px;padding-left: 5px;}
a.gras-lien-foot, a.gras-lien-foot:hover {font-weight: 700;font-size:14px;padding-left: 5px;margin-top:8px;line-height: 20px;}
a.blc-link-insc{font-weight:700;font-size:17px; color:#fff;}
a.blc-link-insc:hover{font-weight:700;font-size:17px; color:#950e04;}
a.menu-lien-g-modal{font-weight:700;font-size:17px; color:#000;}
a.menu-lien-g-modal:hover{font-weight:700;font-size:17px; color:#950e04;}
a.grasse-link-accueil,a.grasse-link-accueil:hover {font-weight: 700;font-size:17px;align-items: center;text-align: center;}
/* ===================================
   Bouton animé
====================================== */
@-webkit-keyframes topAnimation {from {transform: translate(0rem, 0);}to {transform: translate(0rem, 3.5rem);}}
@keyframes topAnimation {from {transform: translate(0rem, 0);}to {transform: translate(0rem, 3.5rem);}}
@-webkit-keyframes bottomAnimation {from {transform: translate(-11.5rem, 0);}to {transform: translate(0rem, 0);}}
@keyframes bottomAnimation {from {transform: translate(-11.5rem, 0);}to {transform: translate(0rem, 0);}}
a.btnne {text-transform: uppercase;text-decoration: none;font-weight: 700;border: 0;position: relative;letter-spacing: 0.15em;margin: 0 10px 0 0;padding: 10px 0 10px 15px;background: transparent;outline: none;font-size: 14px;white-space: normal;color: #111111;transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.15s;display: inline-block; /* important pour les liens */}
a.btnne::after,
a.btnne::before {border: 0;content: "";position: absolute;height: 40%;width: 10%;transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);z-index: -2;border-radius: 50%;}
a.btnne::before {background-color: #c92918;top: -0.75rem;left: 0.5rem;animation: topAnimation 2s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.25s infinite alternate;}
a.btnne::after {background-color: #e74c3c;top: 2.5rem;left: 1rem;animation: bottomAnimation 2s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.5s infinite alternate;}
a.btnne:hover {color: white;}
a.btnne:hover::before,
a.btnne:hover::after {top: 0;height: 100%;width: 100%;border-radius: 0;animation: none;}
a.btnne:hover::after {left: 0rem;}
a.btnne:hover::before {top: 0.5rem;left: 0.35rem;}
.fond-blok-mov-btn {overflow: hidden; /* Pour empêcher les animations de déborder */max-width: 100%;margin:2px 0 2px 15px;}
a.btnne2 {text-transform: uppercase;text-decoration: none;font-weight: 700;border: 0;position: relative;letter-spacing: 0.15em;margin: 0 10px 0 0;padding: 20px 18px 20px 55px;background: transparent;outline: none;font-size: 14px;white-space: normal;color: #111111;transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.15s;display: inline-block; /* important pour les liens */}
a.btnne2::after,
a.btnne2::before {border: 0;content: "";position: absolute;height: 40%;width: 10%;transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);z-index: -2;border-radius: 50%;}
a.btnne2::before {background-color: #c92918;top: -0.75rem;left: 0.5rem;animation: topAnimation 2s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.25s infinite alternate;}
a.btnne2::after {background-color: #e74c3c;top: 2.5rem;left: 1rem;animation: bottomAnimation 2s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.5s infinite alternate;}
a.btnne2:hover {color: white;}
a.btnne2:hover::before,
a.btnne2:hover::after {top: 0;height: 100%;width: 100%;border-radius: 0;animation: none;}
a.btnne2:hover::after {left: 0rem;}
a.btnne2:hover::before {top: 0.5rem;left: 0.35rem;}
a.btnne3 {text-transform: uppercase;text-decoration: none;font-weight: 700;border: 0;position: relative;letter-spacing: 0.15em;margin: 0 10px 0 0;padding: 20px 18px 20px 55px;background: transparent;outline: none;font-size: 14px;white-space: normal;color: #111111;transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.15s;display: inline-block; /* important pour les liens */}
a.btnne3::after,
a.btnne3::before {border: 0;content: "";position: absolute;height: 40%;width: 10%;transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);z-index: -2;border-radius: 50%;}
a.btnne3::before {background-color: #c92918;top: -0.75rem;left: 0.5rem;animation: topAnimation 2s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.25s infinite alternate;}
a.btnne3::after {background-color: #e74c3c;top: 2.5rem;left: 1rem;animation: bottomAnimation 2s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.5s infinite alternate;}
a.btnne3:hover {color: white;}
a.btnne3:hover::before,
a.btnne3:hover::after {top: 0;height: 100%;width: 100%;border-radius: 0;animation: none;}
a.btnne3:hover::after {left: 0rem;}
a.btnne3:hover::before {top: 0.5rem;left: 0.35rem;}
.fond-blok-mov-btn {overflow: hidden; /* Pour empêcher les animations de déborder */max-width: 100%;margin:2px 0 2px 15px;}
.fond-blok-mov-btn2 {overflow: hidden; /* Pour empêcher les animations de déborder */max-width: 100%;margin:30px 0 25px 15px;}
.fond-blok-mov-btn3 {overflow: hidden; /* Pour empêcher les animations de déborder */max-width: 100%;margin:5px 0 5px 15px;}
.btn-new {position: relative;text-transform: uppercase;overflow: hidden;color: white;background-color: #09193b;padding: 0.75em 1.5em;border: none;border-radius: 8px;cursor: pointer;font-size: 1rem;transition: background-color 0.3s ease;display: inline-block;text-align: center;text-decoration: none;font-weight: 700;}
.btn-new::before {content: "";position: absolute;top: 0;left: -75%;width: 50%;height: 100%;background: rgba(255, 255, 255, 0.3);transform: skewX(-20deg);transition: all 0.5s ease;}
.btn-new:hover {color: white; }
.btn-new:hover::before {left: 125%;}
#search-form-atelier {padding: 12px;width: 100%;font-weight: 700;background: #323232;color: white;font-size: 15px;margin-left: 0px;text-transform: uppercase;letter-spacing: 2px;}

/* ===================================
   Fin Bouton animé
====================================== */

/* ===================================
   Page Connexion
====================================== */
.lign-connect{display: grid;padding: 0px 5px;grid-gap: 2px 30px;grid-template-columns: 500px 500px;margin: 0 0 5% 14%;}
.blocl-g-connec{width:100%;}
.blocl-d-connec{width:100%;}
.titre-connec{font-size: 25px;letter-spacing: 4px;line-height: 20px;text-align: left;margin-bottom: 25px;font-weight: 700;text-transform: uppercase;}
label.labconnec {color: #323232;font-size: 15px;margin-bottom: 1px; padding-right: 3px;margin-top: 6px;font-weight: 700;}
.box-connect{border: 1px solid #f1f1f1;padding: 0 25px;}
.slignbtncoonect {display: flex;justify-content: space-between;align-items: center;padding: 0 5px;margin: 0;}
.slignbtn-g-connec,.slignbtn-d-connec {flex: 1;margin: 0 10px 0 0;}
.mdpconnect {text-decoration: underline;font-size: 0.8em;font-weight: normal;}

/* ===================================
   Page Contact
====================================== */
textarea {border: 1px solid #ddd;border-radius: 0px;color: #888;font-weight: 400;font-size: 13px;padding: 10px 15px 10px;margin-bottom:26px;}
.labcontacmsg{color: #323232;font-size: 13px;margin-bottom: 1px;padding-right: 3px;margin-top: 26px;font-weight: 600;}
.color-text-liste{background-image: url(../assets/images/icon_fleche_bas.svg); background-size: 10px 10px; background-repeat: no-repeat; background-position-x: 96%; background-position-y: 14px; width:100%;height: 40px;padding: 0px 0 0 10px;margin-bottom: 20px;border: 1px solid #d3d3d3;border-radius: 5px;}

/* ===================================
   Page Coach
====================================== */
.titre-coach{font-size: 24px;letter-spacing: 4px;text-transform: uppercase;font-weight: 700;line-height: 28px;text-align: left;margin: 50px 0 25px 90px;}
.bloc-deux-colonne-coach{display: grid;padding: 0px 5px;grid-gap: 2px 5px;grid-template-columns: 1200px;margin-left:7%;}
.txtcoachtop{text-align: justify;margin-right: 58px;line-height: 24px;font-size: 16px;font-weight: 300;color: #000;}
.ptittextcoach{text-align: justify;font-size: 14px;font-weight: 300;}
blockquote.titi{font-style: normal;line-height: 18px;font-size: 16px;margin-left: 32px;font-family: Consolas, "Times New Roman", Verdana;border-left: 4px solid #e6727d;padding-left: 8px;letter-spacing: 0px;margin-bottom:45px;}
.textcomparcoach{line-height: 20px;font-size: 16px;font-weight: 300;color: #000;text-align: left;}
h3.coaching{font-size: 19px;font-weight: 600;text-transform: none;letter-spacing: 0px;line-height: 20px;padding-left: 6px;}
.puce-synoni-coache{display: flex;margin-top: 10px;padding-left:6px;}
.puce-bleu-coaching{min-width: 8px;height: 8px;background-color: #00bcd4;border-radius: 50%;margin-right: 6px;margin-top: 6px;}
.int-coachsco-gras{text-align:left;font-size: 20px;font-weight: 800;text-transform: none;letter-spacing: 0px;line-height: 20px; margin: 5px 0 5px 0px;}
ul.pro-list{list-style-type: none;overflow: auto;padding-left: 0px;white-space: nowrap;margin-bottom: 0rem;width: 100%;scrollbar-color: #7291a64f #ffeaea; /* Pour Firefox */scrollbar-width: thin; /* Pour Firefox */}/* Webkit (Chrome, Safari, Edge) */
ul.pro-list::-webkit-scrollbar {height: 8px; /* hauteur de la scrollbar horizontale */}
ul.pro-list::-webkit-scrollbar-track {background: #ffeaea; /* Couleur du fond de la scrollbar */}
ul.pro-list::-webkit-scrollbar-thumb {background-color: #002e3b; /* Couleur de la "poignée" */border-radius: 10px;border: 2px solid #ffeaea; /* Pour donner de l’espace autour */}
.lign-coach-faq-advice{display: grid;padding: 20px 5px;grid-gap: 2px 60px;grid-template-columns: 550px 550px;margin: 5% 0 5% 0;}
.lcfa-g{width:100%;}
.lcfa-d{width:100%;margin-top: -25px;}
.fond-blok-decouv-job-coach{background-color: rgb(0, 0, 0);color: rgb(255, 255, 255);padding: 1.5rem;margin: 0px 0 0 15px; font-weight:700;border-radius: 8px;}
.titrcoacscol{font-size: 20px;font-weight: 800;text-transform: none;letter-spacing: 0px;line-height: 20px;margin: 15px 0 15px 8px;}
.intitu-gras-temoign{font-size: 20px;font-weight: 800;text-transform: none;letter-spacing: 0px;line-height: 20px;margin: 25px 0 15px 17px;}
.textaccordeo{line-height: 24px;font-size: 12px;font-weight: 300;color: #696262;text-align:justify;}
.coachin-intitul-qui{font-size: 20px;font-weight: 800;text-transform: none;letter-spacing: 0px;line-height: 20px;margin: 25px 0 15px 11px;text-align:left;}
.caltabcoach{margin: 2% 0 2% 15%;width: 80%;}
.line-col-right-coach{display: grid;margin-right:18px;padding: 30px 10px 5px 0;grid-gap: 2px 5px;grid-template-columns: 45px 45px 45px;justify-content: center;align-items: center;}
.avis-ligne-vote-coach{display: flex;justify-content: space-between;align-items: center;width: 353px;margin: 30px 0 30px 0px;font-family: Arial, sans-serif;}
.avis-ligne-vote-coach span {color: #007BFF;cursor: pointer;font-weight: bold;transition: 0.3s;}
.avis-ligne-vote-coach span:hover {text-decoration: underline;}
.moyen-icon-coach{width: 25px;}
.huitcons{padding-bottom: 25px;}

/* ===================================
   Page Notation
====================================== */
.ligne-deux-colonne-avis{display: grid;padding: 0px 5px;grid-gap: 2px 25px;grid-template-columns: 800px 335px;margin: 0 0 0 15%;}
.bloc-gauche-avis{width:100%;}
.bloc-droit-avis{width:100%;}
.fond-accroche-avis,.fond-accroche-mentor{padding:20px; background:#c8d1f7; margin:30px 0 30px 0px;border-radius: 0 0 40px 0px;}
.accroche-avis{font-size:20px; padding:10px 0 0 8px;line-height: 24px;text-align: justify;font-weight:700;}
.bloc-bas-avis{width:100%;margin-bottom: 55px;margin-left: 0%;}
.txt-bas-avis{font-size:17px;font-weight:700;margin: 5px 0 5px 0;}
h1.titre-page{font-size: 24px;text-transform: uppercase;font-weight: bold;letter-spacing: 1px;line-height: 24px;text-align:left;margin: 0px 0 15px 0;padding-top: 1px;text-transform: uppercase;color: #323232;}

/* ===================================
   Page Actualité + détails
====================================== */
.actutest{padding: 60px 0 0 15px;width: 72%;margin: auto;}
h1.titre-actualite-jts{font-size: 21px;text-transform: uppercase;letter-spacing: 4px;line-height: 32px;text-align: left;font-weight: 700;}
.col-actud{width:65%;text-align: left;display: inline-block;vertical-align: top;}
.col-actug{width:30%;text-align: left;display: inline-block;vertical-align: top;margin-right: 20px;}
.biggrotitreactu {font-size: 18px;letter-spacing: 0px;line-height: 16px;text-align: left;font-weight:bold;}
.textactumt{font-size: 15px;font-weight: 300;line-height: 24px;text-align: justify;color: #323232;}
.pull-right{float:right;font-size:13px;}
.img-respon-metier{vertical-align: middle;display: block;max-width: 100%;height: auto;}
.lign-detail-actu{display:grid;padding:20px 0;grid-gap:32px 30px;grid-template-columns: 345px 800px;margin-left: 0;margin-left: 5%;}
.lign-detail-gauche{width:100%;}
.lign-detail-droit{width:100%;}
.metier-fiche-titre{color: #00bcd4;text-transform: uppercase;font-weight: 800;font-size: 28px;text-align: left;letter-spacing: 1px;line-height: 30px;margin: 45px 0 15px 3px;}
h1.titre-actu{ font-size: 18px;letter-spacing: 0px;line-height: 24px;text-align: left;margin-top: 0px;font-weight: 600;}
.epaisaccroch{line-height: 23px;font-size: 18px;font-weight: 700;}
.bloc-affi{display: grid;padding: 0px 5px;grid-gap: 2px 5px;grid-template-columns: 10px 95px 20px 60px 10px 100px;}
.accordion {width: 124%;margin: 0 auto;background-color: transparent;padding: 0%;}
.accordion-item {background-color: #fff;color: #486d71;margin: 1rem 0 50px 0;border-radius: 0.5rem;width:100%;box-shadow: 0 2px 5px 0 rgba(0,0,0,0.25);}
.accordion-item-header {padding: 0.5rem 2.5rem 0.5rem 1rem;min-height: 6.5rem;line-height: 1.5rem;font-weight: bold;text-transform: uppercase;display: flex;align-items: center;position: relative;cursor: pointer;font-size: 16px;}
.accordion-item-header::after {content: "\002B";font-size: 2rem;position: absolute;right: 1rem;}
.accordion-item-header.active::after {content: "\2212";color:#0b2a0d;}
.accordion-item-body {max-height: 0;overflow: hidden;transition: max-height 0.2s ease-out;}
.accordion-item-body-content {padding: 10px 10px 0 10px;line-height: 0.1rem;border-top: 1px solid;border-image: linear-gradient(to right, transparent, #1a64b2, transparent) 1;font-family: Arial;font-size: 0.9rem;text-align: justify;color: #486d71;font-weight:500;}
.titrcolgactu{font-weight:600;font-size: 14px;padding: 5px 3px 0 0px;text-align: center;}
.lign-block-colg-actu{display: grid;padding: 0px 5px;grid-gap: 2px 30px;grid-template-columns: 330px;margin: 0 0 5px -27px;}
.block-g-jetrouve{width:100%;}
.block-d-pub{width:100%;}
.colgauactu{font-weight:600;padding: 5px 28px;box-shadow: 0 2px 5px 0 rgba(0,0,0,0.25);border-radius: 0.5rem;margin: 1rem 0 25px 0;color: #486d71;}
a.boutactu{display: inline-block;color: #486d71;background-color: #fff;font-weight: 600;line-height: 1rem;border: 2px solid rgb(124 194 212 / 70%);text-align: center;padding: 12px 20px;cursor: pointer;vertical-align: middle;text-decoration: none;border-radius: 15px;transition: all .2s linear;width: 90%;margin: 5% 5%;}
a.boutactu:hover{display: inline-block;color: #486d71;background-color: rgb(124 194 212 / 70%);font-weight: 600;line-height: 1rem;border: 2px solid rgb(124 194 212 / 70%);text-align: center;padding: 12px 20px;cursor: pointer;vertical-align: middle;text-decoration: none;border-radius: 15px;transition: all .2s linear;width: 90%;margin: 5% 5%;}
.date{font-size: 12px;font-weight: 300;}
.textactujts{text-align: justify;line-height: 15px;font-size: 16px;font-weight: 300;margin: 4px 0 10px 0;letter-spacing: 0px; color:#000;}
.espjtstt{height:16px;line-height: 13px;padding-bottom: 10px;margin: 10px 0 10px 0;white-space: nowrap;font-size: 14px;overflow: hidden;text-overflow: ellipsis;color:#486d71;}
.metier-fiche-titre{color: #00bcd4;text-transform: uppercase;font-weight: 800;font-size: 28px;text-align: left;letter-spacing: 1px;line-height: 30px;margin: 45px 0 15px 3px;}
.actu-block-text{border-color: #00bcd4;height: 100%;margin: 0px!important;font-size: 14px;line-height: 18px;width: 50%;font-weight: 700;}
.puce-bleu-metier{min-width: 8px;height: 8px;background-color: #00bcd4;border-radius: 50%;margin-right: 16px;margin-top: 10px;}
/* tab fiche metier */
.ligntabactu{display: grid;padding: 0px 5px;grid-gap: 2px 5px;grid-template-columns: 160px 350px 190px 200px;margin: 0 0 0 0;}
.tab1 {width: 100%;background-color:#7291a6;font-weight: 700;text-align:center;}
.tab2, .tab3, .tab4 {width: 100%;background-color:#7291a6;font-weight: 700;display: flex;align-items: center;padding: 0 25%;}
.tab7, .tab8, .tab9 {width: 100%;background-color:#c8d1f7;text-align:center;font-weight: 700;}
.tab17, .tab12, .tab22, .tab13, .tab18, .tab23, .tab14, .tab19, .tab24 {width: 100%;background-color:#dadcdd;padding:0 0 0 10px;}
.lign2Ctabactu{display: grid;padding: 0px 5px;grid-gap: 2px 5px;grid-template-columns: 350px 350px;margin: 0 0 0 0;}
h3.fivcjob{font-size: 22px;letter-spacing: 1px;line-height: 22px;font-weight:700;margin: 10% auto;padding: 0;text-align: center;}
.txttabfijob{font-size: 15px;font-weight: 300;margin: 0px 0 5px 0;letter-spacing: 0px;}
.tabfivcjob {width: 100%;background-color:#7291a6;text-align:center;font-weight: 700;font-size: 15px;}
.textfivcgras {font-size: 17px;font-weight: 700;margin: 15px 0 5px 0;letter-spacing: 1px;}
.tabfivc57, .tabfivc12, .tabfivc22, .tabfivc13, .tabfivc18, .tabfivc23, .tabfivc14, .tabfivc19, .tabfivc24 {width: 100%;background-color:#dadcdd;padding:0 0 0 10px;font-size: 12px;height: 45px;display: flex;align-items: center;padding: 0 5%;}

/* Quiz test fiche metier */
.question {margin-bottom: 25px;border: 1px solid #cad1d6;border-radius: 5px;padding: 15px}
.question p {font-weight: bold;margin-bottom: 10px;}
.quiz-block {display: inline-flex;/* Inline pour limiter la taille au contenu */align-items: center;padding: 15px;margin: 10px;border: 2px solid #ccc;border-radius: 8px;cursor: pointer;transition: background-color 0.3s, border-color 0.3s;background-color: white;       /* Fond de base */max-width: max-content;        /* Pour éviter que ça prenne toute la largeur */position: relative;            /* Pour positionner des éléments internes si besoin */}
.quiz-block input[type="radio"] {margin-right: 10px;}
.quiz-block input[type="radio"]:checked {/* Rien à faire ici, c'est invisible */}
.quiz-block input[type="radio"]:checked + span {background-color: #e1f0ff;border-radius: 5px;padding: 5px 10px;}
/* Si tu veux colorer tout le label quand coché */
.quiz-block input[type="radio"]:checked {outline: none;}
.quiz-block input[type="radio"]:checked ~ span {background-color: #e1f0ff;}
/* Si tu veux que tout le label change aussi */
.quiz-block input[type="radio"]:checked {/* rien, impossible d'appliquer sur le parent input */}
.quiz-block input[type="radio"]:checked ~ span {background-color: #e1f0ff;}
/* Pour colorer le label complet, utilise cette astuce */
.quiz-block input[type="radio"]:checked { /* on ne peut pas cibler le parent en CSS */}
/* Astuce : colorer le label via :has() (mais support limité) */
label.quiz-block:has(input[type="radio"]:checked) {background-color: #e1f0ff;border-color: #0078d7;}
#result {margin-top: 30px;padding: 20px;background: #dff0d8;border: 1px solid #d0e9c6;border-radius: 6px;display: none;}
.questquiz{font-size: 14px;line-height: 25px;font-weight: 700;}
.lignquiz{display: grid;padding: 0px 5px;grid-gap: 2px 5px;grid-template-columns: 150px 160px 160px 200px;margin: 0 0 0 0;}
button.quiz{display: block;width: 100%;background: #7291a6;color: white;font-size: 18px;padding: 12px;border: none;border-radius: 6px;cursor: pointer;margin-top: 15px;}
button.quiz:hover{background: #c8d1f7;color:#465079;font-weight:600;color:#7291a6;}
.titresponquiz{font-size: 19px;font-weight:700;}
.responquiz{font-size: 14px;text-align: justify;line-height: 24px;font-weight:600;}


/* ----------------------------------------------------------------------*/
/* Page Mdp  --------------------------------------------- */
/* ----------------------------------------------------------------------*/
.lign-mdp{display: grid;padding: 0px 5px;grid-gap: 2px 30px;grid-template-columns: 850px 350px ;margin: 2% 0 5% 14%;}
.col-mdp-g{width:100%;}
.col-mdp-g{width:100%;}
.motdepasse{font-size: 25px;letter-spacing: 4px;line-height: 32px;text-align: left;margin: 0% 2% 0 14.5%;font-weight: 700;text-transform: uppercase;}
.mtmdp{margin:40px 0 60px 10px;}
.textmdp{text-align:justify;line-height: 24px;font-size: 16px;font-weight: 300;color: #000;}
.souslign-mdp{display: grid;padding: 0px 5px;grid-gap: 2px 30px;grid-template-columns: 450px 350px ;margin: 2% 0 5% 0%;}
.lave{margin-top:5px;}
.input-container,.input-containerbis {position: relative;width: 100%;margin-bottom: 12px;}
.input-container i,.input-containerbis i {position: absolute;left: 10px;top: 55%;transform: translateY(-50%);color: #09193b8f;}
.input-container input,.input-containerbis input {width: 100%;padding: 10px 10px 10px 45px;border: 1px solid #ccc;border-radius: 5px;}
.mdpg{width:100%;}
.mdpd{width:100%;}

/* ----------------------------------------------------------------------*/
/* Pagination Navigation   --------------------------------------------- */
/* ----------------------------------------------------------------------*/
.pagination-nav {width: 100%;display: block;position: relative;text-align: center;}
.pagination-nav ul {margin: 0px;padding: 0px;display: inline-block;}
.pagination-nav ul li {display: inline-block;margin: 0px 2px;}
.pagination-nav ul li a {display: block;background-color: #f7f7f7;height: 36px;width: 36px;line-height: 36px;text-align: center;font-size: 14px;}
.pagination-nav ul li.active a {background: #323232;color: #fff;}
.mtb-30 {margin-top: 30px;margin-bottom: 30px;}

/* ===================================
   Page 1er niveau - Exemple devenir mentor
====================================== */
h2.actudescrip{font-size: 22px;font-weight:bold; text-align: left;line-height:24px; padding: 5px 0 0px 0; margin:15px 0px 5px 0px;text-transform: uppercase;color: #323232;}
h2.actusousdescrip{font-size: 18px;font-weight:bold; text-align: left;line-height:24px; padding: 5px 0 0px 0; margin:15px 0px 5px 0px;text-transform: uppercase;color: #323232;}
.puce-synoni-pati{display: flex;margin-top: 10px;}
.btn-mentor{width: 20%;margin : auto;letter-spacing: 2px;text-transform: uppercase;padding: 15px;background-color: #e6ae49;font-weight: bold;font-size: 12px;color: #fff;}
.btn-mentor:hover {width: 20%;margin : auto;letter-spacing: 2px;text-transform: uppercase;padding: 10px;background-color: #e6ae49;font-weight: bold;font-size: 12px;color: #fff;}
.orange-bg {background-color: #f5be5c;background-image: url(http://dev.jobtosee.fr/home/assets/images/fond-marron-rond.png); background-position-y: -259.16px;background-size: cover;}
.largdesc-or{width:78%;margin-left: auto;margin-right: auto;}
.txt-fond-desc{font-weight: 700;font-size: 30px;line-height: 45px;color: #23233f;letter-spacing: -1px;}
.desc-orang-10 {margin-right: auto;margin-left: auto; padding:100px 10px 100px 10px;}
.vign-devenir-mentor{display:grid;padding:20px 0;grid-gap:32px 110px;grid-template-columns: 300px 300px 270px;margin-left: 16%;}
.bloc-dev-mentor{display: grid;padding: 0px 5px;grid-gap: 2px 60px;grid-template-columns: 330px 350px 330px;margin: 0 0 0 10%;}
.g-bloc-dev-mentor, .m-bloc-dev-mentor, .d-bloc-dev-mentor {width: 100%;margin: 15px;}
ul.colonrganis {list-style-type: none;margin: 0;padding: 0;overflow: hidden;margin-left: 5%;}
.topbarrebleu{display: flex;margin-bottom: 22px;}
.barrebleu{padding: 14px;flex: 1;background-color:#f6f6f6;border-top: 4px solid #00bcd4;border-bottom-right-radius: 8px;border-bottom-left-radius: 8px;}
li.cadredevmentor{float: left;width:99%;}
.fonddescojob{background-color: #e6ae49;height: 19px;top: 50%;transform: translateY(-50%);left: 0;right: 0;position: absolute;z-index: 0;}
.titredcjob{background-color: #fff;transform: skewX(-10deg);padding: 3px 10px;margin-left: -6px;line-height: 1em;font-size: 14px;}
.textdescojob{display: flex;justify-content: space-between;align-items: center;position: relative;z-index: 1;}
ul.listorganism{list-style-type: none;margin: 0;padding: 0;overflow: hidden;}
.synoni-job{font-size: 16px;line-height: 18px;font-weight: 600;padding-bottom: 10px;}
.themmich{font-size: 13px;line-height: 16px;font-weight: 500;text-align: left;}
.puce-bleu-metier{min-width: 8px;height: 8px;background-color: #00bcd4;border-radius: 50%;margin-right: 6px;margin-top: 8px;}
.sommaire{font-size:20px;font-weight:700;letter-spacing: 1px;color:#192d66;padding-bottom: 10px;}
a.txtsommaire {display: inline-flex;align-items: center;text-decoration: none;color: #000;line-height: 1.4;font-size: 12px;}
a.txtsommaire:hover{color: #950e04;}
.iconsommaire{width: 20px; height: 20px;margin-right: 8px;flex-shrink: 0; /* empêche le SVG de se déformer */}
.ligntab{display: grid;padding: 0px 5px;grid-gap: 2px 5px;grid-template-columns: 160px 340px 190px 190px 70px 180px ;margin: 0 0 0 0;}
.tab1, .tab2, .tab3, .tab4, .tab5, .tab6{width: 100%;background-color:#7291a6;text-align:center;font-weight: 700;}
.tab7, .tab8, .tab9, .tab10, .tab11{width: 100%;background-color:#c8d1f7;text-align:center;font-weight: 700;}
.tab12, .tab13, .tab14, .tab15, .tab16, .tab17, .tab18, .tab19, .tab20, .tab21, .tab22, .tab23, .tab24, .tab25, .tab26, .tab32, .tab33, .tab34, .tab35, .tab36{width: 100%;background-color:#dadcdd;padding:0 0 0 10px;}
.tab27, .tab28, .tab29, .tab30, .tab31{width: 100%;background-color:#dadcdd;text-align:center;}
h2.sixdispo{font-size: 15px;font-weight: 600;text-transform: none;letter-spacing: 0px;line-height: 20px;margin-bottom: 10px;}
.decal-message-enseign{width:88%;padding-left: 16%;}
/*********************** Encadré Btn******************************************/
.cadreannuaireformation{border: 1px solid #00000030;border-radius: 16px;box-shadow: 0 1px 1px rgb(0 0 0 / 5%);padding-bottom: 25px;}
.intcadreaf{padding: 45px 15px 0px 15px;text-align: center;font-size: 19px;font-weight: 700;}
.leadbtnmentor{margin: 5% 0 5% 0;}
/*********************** Effet accordéons ******************************************/
.accordionfaq {width: 100%;margin: 0 auto;background-color: transparent;padding: 0%;}
.accordionfaq-item {background-color: #fff;color: #486d71;margin: 1rem 0 25px 0;border-radius: 0.5rem;width:99%;box-shadow: 0 2px 5px 0 rgba(0,0,0,0.25);}
.accordionfaq-item-header {padding: 0.5rem 2.5rem 0.5rem 1rem;min-height: 2rem;line-height: 1.5rem;font-weight: 500;display: flex;align-items: center;position: relative;cursor: pointer;font-size: 14px;}
.accordionfaq-item-header::after {content: "\002B";font-size: 2rem;position: absolute;right: 1rem;}
.accordionfaq-item-header.active::after {content: "\2212";color:#0b2a0d;}
.accordionfaq-item-body {max-height: 0;overflow: hidden;transition: max-height 0.2s ease-out;}
.accordionfaq-item-body-content {padding: 10px 10px 10px 16px;line-height: 1.5rem;border-top: 1px solid;border-image: linear-gradient(to right, transparent, #1a64b2, transparent) 1;font-family: Arial;font-size: 0.9rem;text-align: justify;color: #486d71;font-weight:500;}
a.titseomenu{font-family:arial;font-size:16px;font-weight:normal;color: #486d71;text-decoration: none;line-height: 1.9rem;}
a.titseomenu:hover{font-family:arial;font-size:16px;font-weight:normal;color: #4298a1;text-decoration: underline;}
h4.txtbloke {color: #323232;text-transform: uppercase;font-family: 'Raleway', sans-serif;font-weight: 600;margin-top: 0px;margin-bottom: 0px;text-align:left;font-size: 12px;}
.txtbloke {color: #575b6c;font-family: 'Raleway', sans-serif;font-weight: normal;margin-top: 0px;margin-bottom: 0px;text-align:left;font-size: 14px;}
.txt-bon-devenir{text-align:left;font-size: 17px;font-weight: 700;margin: 5px 0 5px 0;margin-left: 15.5%;}
.puce-bleu-devmentor{min-width: 8px;height: 8px;background-color: #00bcd4;border-radius: 50%;margin-right: 6px;margin-top: 4px;line-height: 20px;}

/* ===================================
   Page Team
====================================== */
.sligne-team{display: grid;padding: 0px 0px;grid-gap: 2px 26px;grid-template-columns: 560px 200px;margin: 0 0 0 0;}
.team-g{width:100%;}
.team-d{width:100%;padding-top: 5px;}
a.btn-teame{color:#fff;font-weight: 600;display: inline-flex;padding-top:3px;align-items: center;vertical-align: middle;gap: 12px;}
.btn-teams{width: 100%;max-width: 100%;border-radius: 1rem;display: inline-flex;flex-direction: row;background-color: #09193b;color: #fff;line-height: 1.5rem;justify-content: center;min-height: 2rem;box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;font-weight: 600;margin: 8px 0 20px 0;height: auto;padding: 20px 5px 20px 5px;font-size: clamp(15px, 2vw, 15px);transition: all 0.3s ease-in-out;}
.btn-teamste{width: 100%;max-width: 100%;border-radius: 1rem;display: inline-flex;flex-direction: row;background-color: #09193b;color: #fff;line-height: 1.5rem;justify-content: center;min-height: 2rem;box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;font-weight: 600;margin: 35px 0 40px 0;height: auto;padding: 20px 35px 20px 35px;font-size: clamp(18px, 2vw, 15px);transition: all 0.3s ease-in-out;}
.col-fond-bleu-team{display: grid;padding: 0px 0px;grid-gap: 2px 10px;grid-template-columns: 380px 380px;margin: 0 0 0 0;}
.fond-accroche-team-g{width:100%;padding: 20px;background: #c8d1f7;margin: 30px 0 0 0px;}
.fond-accroche-team-d{width:100%;padding: 20px;background: #c8d1f7;margin: 30px 0 0 0px;}
.accroche-team{font-size: 20px;width: 96.5%;margin: 35px 0 -30px 0;padding: 30px 0 0 29px;line-height: 24px;text-align: justify;font-weight: 700;background: #c8d1f7;}
.textfondbleuteam{text-align: justify;margin: 0px 5px;font-size: 16px;font-weight: normal;line-height: 24px;}
.solution-team{font-size: 20px;width: 100%;margin: 25px 0 10px 0;padding: 20px 0 20px 20px;line-height: 24px;text-align: justify;font-weight: 700;background: #c8d1f7;}
.cal-btn-topb{margin:25px 0 25px 0;}

/* ===================================
   Page reseau JTS
====================================== */
.souligne-de-col{display: grid;padding: 0px 0px;grid-gap: 2px 7px;grid-template-columns: 530px 280px;margin: 0 0 0 0%;}
.affi-gauc-savis{width:100%;}
.affi-droi-savis{width:100%;}
.txt-color-avis{color:#fff; font-size: 16px;font-weight: 700;text-transform: uppercase;}
.sous-sousdroit-avis{display: grid;padding: 0px 5px;grid-gap: 2px 35px;grid-template-columns: 105px 105px;margin: 0 0 0 0%;}
.cadre-sous-avisg{width:100%;font-size: 9px;text-transform: uppercase;margin-left: 10px;font-weight: 700;padding: 10px 8px;color: #595a5c;border-radius: 8px; box-shadow: 0 0 2px rgba(0, 0, 0, .9);}
.cadre-sous-avisd{width:100%;font-size: 9px;text-transform: uppercase;margin-left: 10px;font-weight: 700;padding: 10px 8px;color: #595a5c;border-radius: 8px; box-shadow: 0 0 2px rgba(0, 0, 0, .9);}
.noombavis{font-size: 19px;font-weight: 700;font-family: 'Anton', sans-serif;text-align: center;margin-top: 5px;}
.fond-blok-avis{background-color: rgb(39, 76, 196);color: rgb(255, 255, 255);padding: 1.5rem;margin: 40px 20px 32px 15px; font-weight:700;border-radius: 8px;}
.fond-blok-avisbis{background-color: rgb(0, 0, 0);color: rgb(255, 255, 255);padding: 1.5rem;margin: 0px 20px 0 15px; font-weight:700;border-radius: 8px;}
.taillefaavis{width: 2rem;height: 2rem;color: rgb(255, 255, 255);}
.textfondbleu{text-align:justify;margin: 9px;font-size: 16px;font-weight: normal;line-height: 24px;}
.txte-bas-poste{margin: 1px 0 25px 0px;font-size: 16px;font-weight: 700;color: #607D8B;line-height: 22px;text-align: justify;}
.fintxt-bas-candidature{font-size: 16px;letter-spacing: 1px;line-height: 22px;text-align: justify;font-weight: 700;margin-bottom: 25px;}
.txt-bas-bas{font-size: 17px;font-weight: 700;margin: 35px 0 5px 0;}
.txt-bas-bastester{font-size: 17px;font-weight: 700;margin: 35px 0 25px 0;}

/* ===================================
   Divers
====================================== */
.intitu-champ-contact{padding-left: 45px;}
.cal-btn-team{margin: 15px 0;text-align: center;}
.intitule-visit-ent{font-size: 22px;text-align: center;margin: 50px 15px 10px 15px;font-weight: 700;line-height: 24px;color:#3f51b5;}
.date-visite{font-size: 16px;font-weight: 600;line-height: 20px;text-align: center;margin: 15px auto;color:#3f51b5;}
.nom-entrep-visite{font-size: 18px;font-weight: 600;line-height: 20px;text-align: center;color:#7291a6;margin: 20px auto;}
.img-vis-firm{border-radius: 8px;}
.cadreblue{background-color:#c8d1f7;margin:0 0 15px 0;padding: 9px 0 5px 20px;}
.textcadreblue{color:#09193b; font-size:14px;}
.txt-neutre{font-size: 17px;font-weight: 700;margin: 5px 0 5px 2px;line-height: 1;}
.fond-blok-mentor{background-color: rgb(39, 76, 196);color: rgb(255, 255, 255);padding: 1.5rem;margin: 15px 10px 11px 10px; font-weight:700;border-radius: 8px;}
.fond-blok-mentorbis{background-color: rgb(0, 0, 0);color: rgb(255, 255, 255);padding: 1.5rem;margin: 15px 10px 11px 10px; font-weight:700;border-radius: 8px;}
.fond-blok-decouv-job{background-color: rgb(0, 0, 0);color: rgb(255, 255, 255);padding: 1.5rem;margin: 0px 0 0 15px; font-weight:700;border-radius: 8px;}
.design-black{background-color:black;height: 18px;width: 139px;float: right;margin-top: -42px;}
.design-blackdecov{background-color:black;height: 17px;width: 145px;float: right;margin-top: -42px;}
.lig-mentor-deux-col{display: grid;padding: 40px 0px;grid-gap: 2px 40px;grid-template-columns: 570px 570px;margin: 0 0 0 0%;}
.col-mentor-g{width:100%;}
.col-mentor-d{width:100%;}
ul.mentor-list{list-style-type: none;overflow: hidden;padding-left: 0px;width: 100%;}
li.mentor-liste{color: #0e2534;font-size: 15px;font-weight: normal;text-align: left;line-height: 1.8;font-family: 'Raleway', sans-serif;display: flex;align-items: center;gap: 8px;}
ul.scroll-black-mentor{list-style-type: none;overflow: auto;padding-left: 0px;white-space: nowrap;width: 97%;scrollbar-color: #002e3b #ffeaea; /* Pour Firefox */scrollbar-width: thin; /* Pour Firefox */}/* Webkit (Chrome, Safari, Edge) */
ul.scroll-black-mentor::-webkit-scrollbar {height: 8px; /* hauteur de la scrollbar horizontale */}
ul.scroll-black-mentor::-webkit-scrollbar-track {background: #ffeaea; /* Couleur du fond de la scrollbar */}
ul.scroll-black-mentor::-webkit-scrollbar-thumb {background-color: #002e3b; /* Couleur de la "poignée" */border-radius: 10px;border: 2px solid #ffeaea; /* Pour donner de l’espace autour */}
.scroll-black-mentor {overflow-x: auto;list-style: none; white-space: nowrap;gap: 1rem;scroll-behavior: smooth;padding: 0;margin: 0 0 45px 0;}
.eleme{min-width: 200px;height: 30px;font-weight: normal;background-color: #fff;flex-shrink: 0;display: flex;justify-content: left;border-radius: 8px;white-space: nowrap;overflow-x: auto;overflow-y: hidden;scrollbar-width: thin;scrollbar-color: #ffeaea #fff;}
.puce-bleu-mentor{min-width: 8px;height: 8px;background-color: #00bcd4;border-radius: 50%;margin-right: 16px;margin-top: 8px;}
.puce-blanc-bas{min-width: 8px;height: 8px;background-color: #fff;border-radius: 50%;margin-right: 16px;margin-top: 0px;}
.elemebas{ min-width: 200px;height: 26px;font-weight: normal;background-color: transparent;flex-shrink: 0;display: flex;justify-content: left;align-items: center;border-radius: 8px;white-space: nowrap;margin-bottom: 5px;}
ul.coach-list {list-style-type: none;overflow-x: auto;overflow-y: hidden;padding: 0 0 5px 0;width: 100%;margin-left: 0;scrollbar-width: thin;scrollbar-color: #ffeaea #323232;}
.them-mentor{color: #002e3b;font-size: 22px;font-weight: 700;margin-bottom: 10px;font-family: 'Anton', sans-serif;text-align: left;}
.dim-icon-mentor,.dim-icon-testmetier{margin:0px 0 0 0;}
.dim-icon-mentor,.dim-icon-mentorbis,.dim-icon-testmetier svg {width: 24px;height: 24px;}
.dim-icon-mentorbis{margin:0px 0 0 0;}
.bloc-bas-luc{display: grid;padding: 20px 0px;grid-gap: 2px 35px;grid-template-columns: 450px 150px 490px;margin: 0 0 0 15%;}
.luc-g{width:100%;font-weight: normal;line-height: 1.5;text-align: justify;padding-bottom: 25px;font-size: 16px}
.luc-m{width:100%;}
.luc-d{width:100%;font-weight: normal;line-height: 1.5;text-align: justify;padding-bottom: 25px;font-size: 16px}
.alig-img-portevoix{margin: 20px 0 0 90px;font-weight: normal;line-height: 1.7;width: 50%;font-size: 16px;font-weight: normal;}
.cal-titre-testm{padding-left:20px;}
.decal-test-job{padding-left:15px;}
.gap-txt-bas-tester{margin: 35px 0 55px 15px;}
.line-space-enseignant{display: grid;padding: 0px 0px;grid-gap: 2px 40px;grid-template-columns: 550px 550px;margin: 0 0 0 0%;}
.line-space-enseignant-g{width:100%;}
.line-space-enseignant-d{width:100%;padding-right: 55px;}
.gap-btn-bas-space-enseign{text-align: center;margin: 1% 0 2% 5%;}
.txte-bas-enseignant{margin: 35px 0 5px 0;font-size: 16px;font-weight: 700;color: #607D8B;line-height: 22px;text-align: justify;}
.gap-txt-bas-enseign{margin: 5px 0 55px 0px;}
.txt-bas-basenseign{font-size: 17px;font-weight: 700;margin: 5px 0 55px 0;text-align: justify;}
h2.txt-bas-pro{font-size: 17px;font-weight: 600;text-transform: none;letter-spacing: 0px;line-height: 20px;margin: 5px 0 5px 0;}
h2.txt-bas-parler{font-size: 17px;font-weight: 600;text-transform: none;letter-spacing: 0px;line-height: 20px;margin: 55px 0 5px 0;}
h3.faque{font-size: 16px;font-weight: 600;text-transform: none;letter-spacing: 0px;line-height: 20px;}
.pro-faque{color: #0e2534;font-size: 15px;font-weight: normal;text-align: left;line-height: 1.8;font-family: 'Raleway', sans-serif;display: flex;align-items: center;gap: 8px;}
.parler-pro-list{list-style-type: none;overflow: auto;padding-left: 0px;width: 100%;white-space: nowrap;padding: 5px 0 6px 0;scrollbar-color: #7291a64f #fff;scrollbar-width: thin;}
.txt-bas-parler-pro{font-size: 17px;font-weight: 600;text-transform: none;letter-spacing: 0px;line-height: 20px;margin: 25px 0 5px 0;text-align: left;}
.int-jdm-gras, .int-jdm-grasbis{font-size: 20px;font-weight: 800;text-transform: none;letter-spacing: 0px;line-height: 20px;margin: 5px 0 5px 0px;}
.line-bloc-jdm1{display: grid;padding: 0px 0px;grid-gap: 2px 40px;grid-template-columns: 350px 350px;margin: 0 0 0 0%;}
.discov-job-g{width:100%;}
.impli-me-d{width:100%;}
.line-btn-coach{display: grid;padding: 0px 0px;grid-gap: 2px 40px;grid-template-columns: 280px 350px;margin: 0 0 0 0%;}
.line-btn-coachg{width:80%;margin-left: 20px;}
.line-btn-coachd{width:100%;}
h3.titre-gras-rose{font-size: 18px;padding:25px 0 5px 0px;font-weight: 600;color: #e64958;letter-spacing: 0px;line-height: 26px;text-transform: uppercase;}
.difference-coach{display: grid;padding: 10px 0px;grid-gap: 2px 30px;grid-template-columns: 565px 465px;margin: 10px 0 40px 0%;text-align: justify;font-weight: normal;font-size: 16px;}
.dif-coachg{width:100%;}
.dif-coachd{width:100%;}
.calage-spage{margin-top:5px 0 45px 0;line-height: 24px;font-size: 16px;font-weight: 300;color: #000;text-align: justify;}
.affi-img-s-page{width: 800px;}
.text-figure-img{font-size:12px;padding:2px 0 0px 0px;font-weight: 600; color:#999;}
.contain-button{width:50%; height:110px;}
.intitul-btn-pink{font-size: 18px;line-height: 20px;padding: 0px 98px 0 0;}
.intitul-btn-pink-decouv{font-size: 18px;line-height: 19px;padding: 0px 38px 0 0;}
h2.mthemlila{font-size:18px; padding:10px;line-height: 24px;text-align: justify;font-weight:700;letter-spacing: 1px;text-transform: uppercase;}
h3.themiclila{font-size:16px; padding:10px 0 0 0;line-height: 14px;text-align: justify;font-weight:700;letter-spacing: 1px;text-transform: uppercase;}
.text-imagev2{font-size: 12px;padding: 2px 0 0px 0px;font-weight: 600;color: #999;}
.call-bloc-action{text-align: center;margin: 5% 0 5% 0;}
.fond-accroche-etudiant{margin: 0px 0 0px 13px;width:87.5%;}
.dark-bg {background: #323232;color: #fff;}
.testjob-img{background-repeat:no-repeat; background-position:80% 0%; height:423px;}
.fond-bas-etudiant{margin: 0 0 0 13.5%;width:74.5%;}
.bloc-bas-them{margin: 0 11% 0 15.5%;}
.bloc-bas-team{margin: 0 11% 0 15.5%;}
.bloc-btn-temoin{margin: 6% 11% 0 0%;}
.bloc-bas-parler{margin: 0 0% 0 0%;}
.difference-etudiant{display: grid;padding: 10px 0px;grid-gap: 2px 50px;grid-template-columns: 555px 555px;margin: 10px 0 40px 15%;text-align: justify;font-weight: normal;font-size: 16px;}
.tit-student-gras{font-size: 20px;font-weight: 800;text-transform: none;letter-spacing: 0px;line-height: 20px;margin: 5px 0 5px 15%;}
.titre-luc{font-size: 20px;font-weight: 800;text-transform: none;letter-spacing: 0px;line-height: 20px; margin: 5px 0 5px 15%;}
.fond-bleu-etudiant{padding: 20px 20px;background: #c8d1f7;margin: 20px 14% 20px 5px;border-radius: 0 0 40px 0px;}
.fond-bleu-enseignant{padding: 20px 20px;background: #c8d1f7;margin: 20px 0px 20px 5px;border-radius: 0 0 40px 0px;}
.caltab{margin: 20px 0 30px 15%;}
.fond-bleu-etude{padding: 20px 20px;background: #c8d1f7;margin: 20px 12% 30px 15%;border-radius: 0 0 40px 0px;}
.fond-bleu-prof{padding: 20px 20px;background: #c8d1f7;margin: 50px 14% 30px 0%;border-radius: 0 0 40px 0px;}
.breiz{margin:20px 14% 20px 21px;line-height: 24px;font-size: 16px;font-weight: 300;color: #000;text-align:justify;}
.titre-space-enseig{font-size: 17px;font-weight: 700;margin: 5px 0 5px 0;text-align:left;}
.accroche-enseignant{font-size: 20px;padding: 10px;line-height: 24px;text-align: justify;font-weight: 700;}
.ptb-sm-0 {padding-top: 0px;padding-bottom: 5px;margin: 0 0 20px 14%;}
.ptb-sm-01 {padding-top: 0px;padding-bottom: 5px;margin: 0 0 20px 15.6%;}
.ptb-sm-t {padding-top: 50px;padding-bottom: 0px;margin:0 8.5% 0 9.5%;}
.ptb-sm-mentor {padding-top: 50px;padding-bottom: 0px;margin:0 8.5% 0 4%;}
.ptb-sm-mt {padding-top: 0px;padding-bottom: 10px;}
.ptb-sm-inscrip {padding-top: 9%;padding-bottom: 10px;margin-left:0%;}
.ptb-sm-30 {padding-top: 0%;padding-bottom: 8%;}
.ptb-sm-40 {padding-top: 0%;padding-bottom: 8%;}
.ptb-sm-50 {padding: 2% 0% 1% 0%;}
.ptb-sm-60 {padding-top: 4%;padding-bottom: 8%;}
.ptb-sm-70 {padding-top: 30px;padding-bottom: 5px; margin-left:10%;}
.ptb-sm-80 {padding-top: 30px;padding-bottom: 5px;}
.ptb-sm-90 {padding: 2% 11.5% 1% 13.5%;}
.ptb-sm-100 {padding: 2% 11.5% 1% 12%;}
.ptb-sm-110 {padding: 2% 11.5% 1% 15%;}
.ptb-80 {padding-top: 80px;padding-bottom: 80px;width: 100%;}
.ptb-0 {padding-top: 0 !important;padding-bottom: 0 !important}
.ptb {padding-top: 50px;padding-bottom: 50px}
.ptb1 {padding-top: 30px;padding-bottom: 50px}
.ptbien {padding-top: 50px;padding-bottom: 20px}
.ptb-15 {padding-top: 15px;padding-bottom: 15px}
.ptb-60 {padding-top: 20px;padding-bottom: 60px}
.ptb-90 {padding-top: 60px;padding-bottom: 60px;width: 200%}
.ptb-95 {padding-top: 50px;padding-bottom: 20px}
.ptb-tm-63 {padding-top: 10px;padding-bottom: 50px }
.pt-80 {padding-top: 80px;}
.mb-60 {margin-bottom: 60px;}
.mtpra {padding-top: 0px;padding-bottom: 5%;margin-left: 15%;}
h1.titre-confident {font-size: 25px;letter-spacing: 4px;line-height: 12px;text-align: left;margin: 45px 0 65px 0;font-weight: 700;text-transform: uppercase;}
.border-boxconf {border: 1px solid #f1f1f1;padding: 0px 0 25px 0;text-align: justify;margin: 5px 0 20px 0;font-size: 16px;font-weight: 300;line-height: 24px;}
.conf-arti{font-size: 17px;letter-spacing: 2px;line-height: 28px;color: #323232;text-transform: uppercase;font-family: 'Raleway', sans-serif;font-weight: 600;}
.numero-conf{font-size: 15px;letter-spacing: 2px;line-height: 23px;font-weight: 600;color: #323232;text-transform: uppercase; margin-top: 0px;margin-bottom: 0px;}
.titre-annuaire{font-size: 26px;letter-spacing: 2px;text-transform: uppercase;font-weight: 700;line-height: 28px;text-align: left;margin: 50px 0 5px 88px;}
.enveloppe-annuaire{margin: 3% 8.5% 0 10%;}
.line-cgu{display: grid;padding: 0px 15px 10px 0px;grid-gap: 2px 30px;grid-template-columns: 840px 320px;margin-left: 0%;}
.cgu-bloc-g{width:100%;}
.cgu-bloc-d{width:100%;}
.cgu-sidebar{margin-bottom: 50px;}
.cgu-sidebar ul li {list-style: none;font-weight: 400;}
.gapcadre {padding: 10px;margin: 10px 0 85px 0;}
.titre-charte{font-size: 24px;text-transform: uppercase;font-weight: bold;letter-spacing: 1px;line-height: 24px;text-align: left;margin: 3% 0 2% 21%;padding-top: 1px;text-transform: uppercase;color: #323232;}
.gris-bg {background: #ddd;color: #000;padding-left: 14%;}
.col-charte{padding-right: 15px;padding-left: 0px;margin-top:25px;width: 45%;display: inline-block;vertical-align: top;}
.flotte {float:left;padding:0px 15px 0 0;}
.bloc-haut-page{display: grid;padding: 0px 15px 50px 0px;grid-gap: 2px 15px;grid-template-columns: 1170px;margin-left: 7%;}
h2.bingo{font-size: 22px;font-weight:bold; text-align: left;line-height:24px; padding: 40px 0 5px 0;text-transform: uppercase;font-weight: 700;}
h3.tiptop{font-size: 20px;font-weight:bold; text-align: left;letter-spacing:1px;line-height:24px; padding: 45px 0 8px 0;text-transform: uppercase;font-weight: 700;}
h3.titre-bas-page{font-size: 20px;font-weight:bold; text-align: left;letter-spacing:1px;line-height:24px; padding: 45px 0 0px 0px;text-transform: uppercase;font-weight: 700;}
h4.decouvre{font-size: 19px;font-weight:bold; text-align: left;letter-spacing:1px;line-height:24px; padding: 45px 0 0px 4px;text-transform: uppercase;font-weight: 700;}
.text-page-secod{font-size: 16px;text-align: justify;line-height:24px; padding: 0px 0 10px 0; font-weight: 300;}
.line-rond-prof{display: grid;padding: 40px 15px 10px 0px;grid-gap: 2px 31px;grid-template-columns: 105px 105px 105px 105px 105px 105px;margin-left: 0%;}
.col-barre-rondleft{width: 15%; text-align: center; display: inline-block;vertical-align: top; float:none;}
.col-barre-rondright{width: 15%; text-align: center; display: inline-block;vertical-align: top; float:none;}
.circlegreen {background: #7cda9d;border-radius: 180px;line-height: 15px;color: #212d5b;font-size: 13px;padding-top: 30px;font-weight: normal;width: 120px;height: 120px;max-width: 120px;display: table;margin: 20px auto;}
.circlegreen i {font-size: 2.2em;margin-bottom: 5px;}
.circle {background: #7c8fda;border-radius: 180px;color: #212d5b;line-height: 15px;font-size: 13px;height: 180px;font-weight: normal;padding-top: 30px;width: 120px;height: 120px;max-width: 120px;display: table;margin: 20px auto;}
.circle i {font-size: 2.2em;margin-bottom: 5px;}
.intitutrond{font-size: 13px;padding: 1px 15px;text-align: center;display: inline-block;font-weight: 600;line-height: 13px;}
.gapintibn{font-size: 18px;text-align: left;line-height:18px; padding: 0px 0 20px 0;font-weight: 600;text-align: center;}
.txt-pour-qui{font-size: 17px;font-weight: 700;text-transform: none;letter-spacing: 0px;line-height: 20px;margin: 25px 0 5px 0px;text-align: left;}
.txt-mdj-gras{font-size: 20px;font-weight: 700;margin: 5px 0 5px 10px;}
.decal-bloc-parler{width: 88%;padding-left: 15.5%;}
.calimgpage{margin:90px 0 0px 0;max-width: 92%;}
/*********************** Annuaires ******************************************/
.intro-coach{text-align: justify;line-height: 18px;font-size: 14px;font-weight: 300;letter-spacing: 1px;margin: 2% 2% 2% 3.5%;color: #181818;}
h1.titre-coaching{font-size: 25px;letter-spacing: 4px;text-align:center;line-height: 32px;margin: 45px 0 25px 0;font-weight: 700;text-transform: uppercase;}
.bloc-recherche-ecole{background-color: #c8d1f7;padding:15px 0 15px 45px;margin-left: 90px;margin-right: 4%;}
.ligne-ecole-bleu{display: grid;padding: 10px 5px 10px 0px;grid-gap: 2px 25px;grid-template-columns: 250px 250px 250px 200px;}
.ligne-ecole-goch{width:100%;display: flex;justify-content: center;align-items: center;height: 8vh;color:#0b1028;font-weight: 700;font-size:16px;position: relative;display: inline-block;/* Stylisation du select */appearance: none; /* Supprime le style natif */padding: 12px 16px;border-radius: 8px;background-color: white;color: #333;cursor: pointer;transition: all 0.3s ease-in-out;}
.ligne-ecole-centregau{width:100%;display: flex;justify-content: center;align-items: center;height: 8vh;color:#0b1028;font-weight: 700;font-size:16px;position: relative;display: inline-block;/* Stylisation du select */appearance: none; /* Supprime le style natif */padding: 12px 16px;border-radius: 8px;background-color: white;color: #333;cursor: pointer;transition: all 0.3s ease-in-out;}
.ligne-ecole-middle{width:100%;display: flex;justify-content: center;align-items: center;height: 8vh;color:#fefefe;font-weight: 700;font-size:16px;position: relative;display: inline-block;/* Stylisation du select */appearance: none; /* Supprime le style natif */padding: 12px 16px;border-radius: 8px;background-color: white;color: #333;cursor: pointer;transition: all 0.3s ease-in-out;}
.ligne-ecole-droit{width:100%;display: flex;justify-content: center;align-items: center;height: 8vh;color:#fefefe;font-weight: 700;font-size:16px;position: relative;display: inline-block;}
.bg-grey {padding-top: 35px;padding-bottom: 35px;margin-bottom: 45px;padding-left: 45px;}
.grille-annuaire{display: grid;padding: 10px 5px 10px 50px;grid-gap: 2px 25px;grid-template-columns: 750px 150px 200px;}
.grille-annu-gauche{width:100%;padding-top:0px;}
.grille-annu-middle{width:100%;padding-top:0px;}
.grille-annu-droit{width:100%;padding-top:0px;}
.btn-rouge-annu, .btn-rouge-annu:hover {background-color: #f7655a;color: #fff;margin-top: 25px;min-height: 250px;border-color: #f7655a;border-top-left-radius: 0;border-bottom-left-radius: 0;border-top-right-radius: 25px;border-bottom-right-radius: 25px;display: flex;justify-content: space-between;align-items: center;}
.cardi {width:100%;border: 1px solid #ddd;border-radius: 25px;box-shadow: 0 2px 4px rgba(0,0,0,0.1);transition: box-shadow 0.3s;padding: 14px 0 0 14px;;}
.cardi:hover {box-shadow: 0 4px 8px rgba(0,0,0,0.15);}
.cardi-body {display: flex;flex-direction: column;justify-content: space-between;height: 100%;}
.cardi-text{line-height: 21px;font-size: 16px;}
.schol-text{line-height: 25px;font-size: 16px;}
.btn-rouge-schol, .btn-rouge-schol:hover {background-color: #f7655a;font-size: 20px;width: 160px;color: #fff;margin-top: 25px;min-height: 280px;border-color: #f7655a;border-top-left-radius: 0;border-bottom-left-radius: 0;border-top-right-radius: 25px;border-bottom-right-radius: 25px;display: flex;justify-content: space-between;align-items: center;}
.cardi-coach-text{line-height: 25px;font-size: 16px;}
.grille-coach{display: grid;padding: 24px 5px 10px 5px;grid-gap: 2px 25px;grid-template-columns: 150px 600px;}
.logo-ecole{width:100%;}
.accordions {border: 1px solid #ddd;border-radius: 5px;overflow: hidden;max-width: 100%;}
.accordions-header {background-color: #eee;padding: 10px 15px;cursor: pointer;display: flex;justify-content: space-between;align-items: center;font-weight: bold;max-width: 100%;}
.accordions-icon {font-weight: bold;font-size: 18px;transition: transform 0.3s ease;}
.accordions-content {display: none;background-color: #eee; max-width: 100%; overflow-wrap: break-word;padding: 10px 10px 0 10px;line-height: 0.1rem;border-top: 1px solid;border-image: linear-gradient(to right, transparent, #1a64b2, transparent) 1;font-family: Arial;font-size: 0.9rem;text-align: justify;color: #486d71;font-weight: 500;}
.colon-list-depart{height: 16px;line-height: 13px;padding-bottom: 10px;margin: 10px 0 10px 0;white-space: nowrap;font-size: 14px;overflow: hidden;text-overflow: ellipsis;color: #486d71;}
.accordions-content.show {display: block;}
.accordions-header.active .accordions-icon {transform: rotate(45deg);}
.color-list-depart, .color-list-depart:hover{font-family: arial;font-size: 15px;font-weight: 500;color: #486d71;text-decoration: none;line-height: 0.9rem;}
.localization {display: flex;align-items: center;color: #7291a6;font-size: 12px;padding-bottom: 10px;}
.localization span {margin-right: 15px;}
.ttcoaching{color: #323232;font-size: 15px;letter-spacing: 2px;line-height: 23px;font-weight: 600;text-transform: uppercase;}
.bg-light{background-color: #eee;}
.m-t4 {padding:1.4rem 2rem;}
.emt-4{padding:1.5rem 2rem;}

/* ===================================
   Block image bas de page découverte métier
====================================== */
.line-img-decouvrir{display: grid;padding: 0px 5px 5px 0px;grid-gap: 2px 60px;grid-template-columns: 550px 550px; margin-left:0px;}
.gauch-line-decouvri{width:100%;}
.droit-line-decouvri{width:100%;}
.overlay-tik {position: absolute;top: 0;height: 100%;left: 0;background-color: rgba(8 8 8 / 80%);color: white;width: 40%;padding: 20px;box-sizing: border-box;display: flex;flex-direction: column;align-items: flex-start;justify-content: flex-start;gap: 0px;}
.container-local {position: relative;overflow: hidden;width: 100%;} 
.image-local {display: block;width: 100%;height: auto;max-height: 400px;object-fit: cover;}
.overlay-tik-title {font-size: 0.5rem;margin: 0;color:#fff;padding: 0;letter-spacing: 4px;text-transform: uppercase;}
.separator-line {height: 1px;background-color: white;width: 100%;margin: 0;padding: 0;line-height: 0;opacity: 0.6;}
.overlay-tik-subtitle {font-size: 1.125rem;margin: 10px 0 1px 0;color:#fff;letter-spacing: 2px;text-transform: uppercase;line-height: 23px;text-align: left;}
.overlay-tik-description {font-size: 0.825rem;margin: 0;opacity: 0.65;line-height: 1.3;text-align: left;}
.overlay-tik-link {position: absolute;bottom: 0px;left: 20px; display: inline-flex;align-items: center;gap: 6px;text-decoration: none;color: #fff;font-weight: 500;font-size: 12px;transition: color 0.3s ease;}
.overlay-tik-link:hover {color: #ffd700;}
.arrowjob {font-size: 1.2rem;}
.titreaccorde {font-weight: normal;text-align: left;line-height: 32px;color: #666768;font-size: 0.9rem;font-family: arial;letter-spacing: 0.1rem;margin: 0rem 0 0 0rem;text-transform: none;}
.accroche-jdm{font-size:20px; padding:10px 0 10px 0px;line-height: 24px;text-align: justify;font-weight:700;}
.lign-jdm-faq{display: grid;padding: 20px 5px;grid-gap: 2px 60px;grid-template-columns: 550px 550px;margin: 0 0 0 0;}
.ljdm-g{width:100%;}
.ljdm-d{width:100%;}
.lign-jdm-parler{display: grid;padding: 20px 5px;grid-gap: 2px 60px;grid-template-columns: 450px 650px;margin: 0 0 0 0;}
.lign-btn-temoin{display: grid;padding: 20px 5px;grid-gap: 2px 60px;grid-template-columns: 450px 650px;margin: 0 0 0 0;}

/* ===================================
   Page Decouvrir des métiers
====================================== */
.desco-mt{text-align:left;}
.grid-container {display: grid;grid-template-columns: repeat(2, 1fr);gap: 150px;max-width: 2000px;margin: 30px 0 0 0;}
.job-card {display: flex;flex-direction: row;background-color: #fff;border-radius: 12px;overflow: hidden;text-decoration: none;color: inherit;box-shadow: 0 2px 8px rgba(0,0,0,0.1);transition: transform 0.2s ease;}
.job-card:hover {transform: translateY(-4px);}
.job-image {width: 40%;height: 100%;object-fit: cover;}
.job-content {width: 60%;display: flex;justify-content: space-between;align-items: center;padding: 16px;background-color: white;transition: background-color 0.3s ease;}
.job-card:hover .job-content {background-color: #e0e0e0;}
.job-title {font-size: 18px;font-weight: bold;}
.arrow {font-size: 20px;transition: transform 0.3s ease;}
.job-card:hover .arrow {transform: translateX(5px);}

/* ===================================
   Page Offre de Stage
====================================== */
h2.offer-stage{font-size: 20px;padding: 5% 0 0% 7%;line-height: 20px;text-align: left;font-weight: 700;letter-spacing: 1px;color:#000;text-transform: uppercase;}
.offer-stage-bas{font-size: 20px;padding: 10px 0 0 0;line-height: 20px;text-align: left;font-weight: 700;letter-spacing: 1px;color:#fff;text-transform: uppercase;}
.pull-left{grid-column: 1; /* aligne sur la 1ère colonne */font-size: 16px;color: #000;margin-top: 10px;align-self: start;}
.block-text-offer-stag{padding:5px 5px 25px 0px;}
.pull-left .icon {margin-left: 5px;}
.cal-btn-offre{margin: 10%;align-items: center;text-align: center;}
.text-intro-offre{padding:5px 5px 25px 60px;text-align: justify;margin: 0 28px 25px 28px;font-size: 16px;font-weight: normal;line-height: 24px;}
.text-intro-annuai-orient{padding:5px 5px 25px 60px;text-align: justify;margin: -40px 28px 25px 28px;font-size: 16px;font-weight: normal;line-height: 24px;}
.image-logo{margin-top:35px;}
.intitule-offer-stage{font-size: 22px;text-align: center;margin: 50px 15px 10px 15px;font-weight: 700;line-height: 24px;color:#d3dce1;}
.nom-entrep-stage{font-size: 16px;font-weight: 600;line-height: 20px;text-align: center;color:#7291a6;margin: 20px auto;}
.duree-stage{font-size: 16px;font-weight: 600;line-height: 20px;text-align: center;margin: 15px auto;}
.text-offer-stage{font-size: 15px;font-weight: normal;line-height: 20px;text-align: justify;padding: 20px 25px 0 25px;height: 100%;}

/* ===================================
   Style block exemple : communauté jeune
====================================== */
.bloffstag-link {display: block;width: 100%;height: 100%;}
.bloffstag {display: flex;flex-direction: column;justify-content: flex-start;width: 100%;height: 100%; border-radius: 15px;overflow: hidden;box-shadow: 0 4px 10px rgba(0,0,0,0.2);color: #fff;background-color: rgb(114 145 166);position: relative;transition: transform 0.3s ease, box-shadow 0.3s ease;}
.background-top {height: 100px;background-image: url('fond-stage.jpg');background-size: cover;background-position: center;transition: background-position 0.5s ease;}
.image-logo {width: 104px;height: 104px;border-radius: 50%;border: 2px solid #fff;position: absolute;top: 0px;left: 50%;transform: translateX(-50%);z-index: 2;transition: transform 0.3s ease;}
.content-frame {background: rgb(6 6 6);padding: 50px 20px 20px 20px;text-align: center;transition: background 0.3s ease, transform 0.3s ease;height:100%;display: flex;flex-direction: column;justify-content: space-between;}
.content-framebis {background: rgb(255 255 255);padding: 50px 20px 20px 20px;text-align: center;transition: background 0.3s ease, transform 0.3s ease;height:100%;display: flex;flex-direction: column;justify-content: space-between;border-top: 5px dashed #4b5f6d;border-right: 1px solid #b8b4b4;border-left: 1px solid #b8b4b4;border-bottom: 1px solid #b8b4b4;}
.bloffstag-link:hover .bloffstag {transform: translateY(-5px) scale(1.02);box-shadow: 0 8px 20px rgba(0,0,0,0.4);}
.bloffstag-link:hover .image-logo {transform: translateX(-50%) scale(1.2) rotate(-5deg);}
.bloffstag-link:hover .background-top {background-position: center top;}
.bloffstag-link:hover .content-frame {background: rgba(0,0,0,0.85);transform: translateY(-3px);}
.bloffstag-link:hover .content-framebis {background: rgba(210 219 224);transform: translateY(-3px);}
.animate-on-scroll {opacity: 0;transform: translateY(40px) scale(0.95);transition: all 0.6s ease-out;}
.animate-on-scroll.visible {opacity: 1;transform: translateY(0) scale(1);}
.bloffstag-container {display: grid;grid-template-columns: repeat(3, 1fr);gap: 50px 20px;justify-items: stretch;align-items: stretch;width: 93%;margin: 0 auto;padding-left:40px;}
.bottom-grid {margin-top: auto;display: grid;grid-template-columns: 1fr auto;gap: 10px;align-items: center;}
.bottom-grid img {width: 100%;height: auto;border-radius: 8px;object-fit: cover;}
.bottom-item {display: flex;align-items: center;gap: 8px;}
.bottom-item.left {justify-content: flex-start;}
.bottom-item.right {justify-content: flex-end;}
.bottom-item img {width: 32px;height: 32px;border-radius: 50%;object-fit: cover;border: 3px solid #ff6600;padding: 2px;background-color: #fff;}
.bottom-text {font-size: 12px;color: #fff;font-weight: normal;letter-spacing: 1px;}
.icon-circle {width: 32px;height: 32px;border-radius: 50%;border: 3px solid #fff;display: flex;align-items: center;justify-content: center;background-color: #000;color: #fff;font-size: 20px;}
.icon-circle svg {width: 20px;height: 20px;}

/* ===================================
   Style block bas de page avec image
====================================== */
.ligne-bas-page{display: grid;padding: 0px 15px 10px 0px;grid-gap: 2px 30px;grid-template-columns: 790px 350px;margin-left: 15%;}
.col-line-gbasp{width:100%;}
.col-line-dbasp{width:100%;}

/* ===================================
   Style du compteur
====================================== */
.member-counter {font-size: 14px;font-weight: bold;text-align: center;padding: 2px;color: #2f5e7d;}
#count {color: #2f5e7d;font-size: 18px;}

/* ===================================
   Slider - Témoignage
====================================== */
* {box-sizing:border-box}
/* Slideshow container */
.slideshow-container {max-width: 1200px;position: relative;margin: auto;padding-left:50px;}
/* Hide the images by default */
.mySlides {display: none;}
/* Next & previous buttons */
.prev, .next {cursor: pointer;position: absolute;top: 50%;width: auto;margin-top: -22px;padding: 16px;color: #607D8B;font-weight: bold;font-size: 18px;transition: 0.6s ease;border-radius: 0 3px 3px 0;user-select: none;}
/* Position the "next button" to the right */
.next {right: -30px;border-radius: 3px 0 0 3px;}
/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {background-color: #ae9880;}
/* Caption text */
.text {color: #0b1028;font-size: 21px;padding: 8px 0px;line-height: 24px;position: relative;bottom: 8px;width: 100%;text-align: left;}
/* The dots/bullets/indicators */
.doti {cursor: pointer;margin: 0 2px;background-color: #3498db;color: white;border-radius: 50%;display: inline-block;transition: background-color 0.6s ease;width: 50px;height: 50px; border: none;text-align: center;font-size: 16px;font-weight: bold;cursor: pointer;line-height: 50px;}
.doti.active, .doti:hover {background-color: #717171;}
/* Fading animation */
.fade {animation-name: fade;animation-duration: 34.5s;}
@keyframes fade {from {opacity: .4}to {opacity: 1}}
.bloc-slide-temoign{display: grid;padding: 0px 5px;grid-gap: 2px 30px;grid-template-columns: 500px 600px;margin-left: 0%;}
.bloc-slide-img{display: inline-block;width: 100%;}
.bloc-slide-text{font-weight: 700;line-height: 2px;text-align: left;margin: 50px 0 25px 0px;font-size: 16px;width: 100%;}

/* ===================================
   Modal - Page inscription
====================================== */
.modal {position: fixed;z-index: 1000;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);display: none; /* Caché par défaut */align-items: center;justify-content: center;}
/* Quand le modal est actif, on l'affiche */
.modal.active {display: flex;}
/* Contenu du modal avec animation */
.modal-content {background: white;padding: 20px;border-radius: 8px;width: 900px;text-align: center;position: relative;/* Animation d'apparition */transform: scale(0.8);opacity: 0;transition: transform 0.3s ease, opacity 0.3s ease;}
/* Quand le modal est actif, on ajuste son animation */
.modal.active .modal-content {transform: scale(1);opacity: 1;}
/* Bouton de fermeture */
.close {position: absolute;top: 10px;right: 15px;font-size: 20px;cursor: pointer;}
.open-modal{background-color: #111;color: #fff;border-radius: 10px;padding: 10px 35px 10px 12px;display: inline-flex;align-items: center;gap: 0px;text-decoration: none;cursor: pointer;transition: all 0.3s ease;text-transform: uppercase;font-size: 12px;letter-spacing: 1px;}
.open-modal:hover {color: #fff;}
.ouvrir-modal{background: #fff;color: #0b1028;font-size: 12px;margin-right: 10px;border-radius: 8px;padding: 8px 20px 5px 10px;text-align: center;text-transform: uppercase;font-weight: 700;white-space: nowrap;}
.ouvrir-modal:hover{color: #950e04;}
.open-modal2{background: #fff;color: #0b1028;font-size: 10px;border-radius: 8px;padding:8px 21px 5px 10px;}
.opening-modal {display: flex;align-items: center;  justify-content: center; gap: 8px; background-color: #7592a6;color: #000;border: none;border-radius: 10px;padding: 10px 5px;cursor: pointer;font-family: Arial, sans-serif;}
.opening-modal svg {width: 20px;height: 20px;flex-shrink: 0;transition: color 0.3s ease, background-color 0.3s ease;}
.opening-modal:hover {color: #950e04;}
.opening-modal .join-footer {text-transform: uppercase;font-size: 15px;font-weight: 700;color: inherit;pointer-events: none;line-height: 20px;}
.opening-modal svg {width: 40px;height: 40px;fill: currentColor;vertical-align: middle;}

/* ===================================
   Modal - Bandeau RGPD
====================================== */
#cookie-banner {position: fixed;bottom: 0;left: 50%;line-height: 18px;transform: translateX(-50%);width: 90%;max-width: 600px;background: rgba(0, 0, 0, 0.85);color: white;text-align: justify;padding: 20px 0 0 20px;border-radius: 10px;box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3);backdrop-filter: blur(8px);display: none;z-index: 1000;}
#cookie-banner p {margin: 0 0 15px;font-size: 14px;}
.cookie-buttons {display: flex;justify-content: left;gap: 10px;margin-top: 15px;}
/* Style des boutons */
button {padding: 10px 15px;border: none;border-radius: 5px;cursor: pointer;font-size: 14px;transition: 0.3s;}
#accept-cookies {background-color: #7291a6;color: white;text-transform: uppercase;}
#accept-cookies:hover {background-color: #c8d1f7;color: black;}
#reject-cookies {background-color: #d9534f;color: white;text-transform: uppercase;}
#reject-cookies:hover {background-color: #c9302c;}
#customize-cookies {background-color: #3498db;color: white;text-transform: uppercase;}
#customize-cookies:hover {background-color: #989595;}
/* Fenêtre modale */
#cookie-modal {display: none;position: fixed;top: 37%;left: 50%;transform: translate(-50%, -50%);background: white;padding: 20px;width: 90%;max-width: 600px;border-radius: 10px;box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3);text-align: center;z-index: 2000;}
#cookie-modal h2 {margin-top: 0;}
.cookie-options {text-align: left;margin: 5px 0 15px 0;}
.cookie-options label {display: block;margin: 5px 0;}
/* Fond assombri derrière la modale */
#modal-overlay {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);z-index: 1500;}
/* Bouton de réouverture */
#open-banner-btn {position: fixed;background-color: unset;bottom: 0px;left: 20px;color: white;border: none;padding: 10px 15px;border-radius: 5px;cursor: pointer;font-size: 14px;transition: 0.3s;display: none;z-index: 1000;}
#open-banner-btn:hover {}
.bloc-pgpd{display: grid;padding: 0px 15px 10px 0px;grid-gap: 2px 3px;grid-template-columns: 350px 250px;margin-left: 0%;}
.content-gauc{width:350px}
.cont-img-cookies{width:200px;margin: 15px;}
.save-para{background-color: #111111;color: #fff;border-radius: 10px 10px 10px 10px;padding: 10px 10px;width: 92%;text-transform: uppercase;margin-bottom:10px;}		
/* Déroulement texte en savoir plus Modal */
.ligne-trois-cases-rgpd{display: grid;padding: 0px 5px;grid-gap: 2px 5px;grid-template-columns: 230px 150px 150px;}
.ligne-deux-cases-rgpd{display: grid;padding: 0px 5px;grid-gap: 2px 5px;grid-template-columns: 150px 150px;}
.tit-rgpd-sp{font-size:18px;font-weight: 700;}
.intitule-rgpd-sp{font-size:12px;font-weight: 700;margin: 15px 0 0 0;}
.scroll-container {width: 100%;height: 200px;overflow-y: auto;scrollbar-width: thin;}
.scroll-text {padding-bottom: 50px;}
.cacorgpd{vertical-align: middle;margin-top: -2px!important;margin-right: 15px!important;}
.accordionrgpd {width: 100%;margin: 0 auto;background-color: transparent;padding: 0%;}
.accordionrgpd-item {background-color: #fff;color: #486d71;margin: 1rem 0 25px 0;border-radius: 0.5rem;width:99%;box-shadow: 0 2px 5px 0 rgba(0,0,0,0.25);}
.accordionrgpd-item-header {padding: 0.5rem 2.5rem 0.5rem 1rem;min-height: 2rem;line-height: 1.5rem;font-weight: 500;display: flex;align-items: center;position: relative;cursor: pointer;font-size: 12px;}
.accordionrgpd-item-header::after {content: "\002B";font-size: 2rem;position: absolute;right: 1rem;}
.accordionrgpd-item-header.active::after {content: "\2212";color:#0b2a0d;}
.accordionrgpd-item-body {max-height: 0;overflow: hidden;transition: max-height 0.2s ease-out;}
.accordionrgpd-item-body-content {padding: 10px 10px 10px 16px;line-height: 1.1rem;border-top: 1px solid;border-image: linear-gradient(to right, transparent, #1a64b2, transparent) 1;font-family: Arial;font-size: 0.7rem;text-align: justify;color: #486d71;font-weight:500;}
.text-savplu-rgpd{padding: 10px 10px 10px 16px;line-height: 1.1rem;color: #486d71;font-size:13px;font-weight: normal;}
.intiproc-insc{color: #323232;font-weight: 700;font-size: 20px;letter-spacing: 1px;line-height: 30px;text-align: justify; margin: 0 0 5% 0;}
		
/* ===================================
   Page atelier decouverte metier
====================================== */
.titre-atelier{font-size: 24px;letter-spacing: 4px;text-transform: uppercase;font-weight: 700;line-height: 28px;text-align: left;margin: 50px 0 25px 24px;}
.bloc-deux-colonne-atelier{display: grid;padding: 0px 5px;grid-gap: 2px 5px;grid-template-columns: 1200px;margin-left:1.6%;}
.bloc-haut-atelier{display: grid;padding: 0px 15px 50px 0px;grid-gap: 2px 65px;grid-template-columns: 550px 550px;margin-left: 0%;}
.cardevatelier[data-format="horizontal-s-fluid desktop-square"]{height:190px;width:190px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.cardevatelier{display:-webkit-box;display:-ms-flexbox;display:flex;cursor:pointer;overflow:hidden;border-radius:8px;-webkit-box-shadow:0 0 10px rgba(0,0,0,.1);box-shadow:0 0 10px rgba(0,0,0,.1);-webkit-transition:-webkit-transform .3s cubic-bezier(.16,1,.99,.99);transition:-webkit-transform .3s cubic-bezier(.16,1,.99,.99);-o-transition:transform cubic-bezier(.16,1,.99,.99) .3s;transition:transform .3s cubic-bezier(.16,1,.99,.99);transition:transform .3s cubic-bezier(.16,1,.99,.99),-webkit-transform .3s cubic-bezier(.16,1,.99,.99)}@supports not (width:clamp(1px,1vw,2px)){.cardevatelier{overflow:unset}}@supports (width:clamp(1px,1vw,2px)){.cardevatelier:hover{-webkit-transform:scale(1.03);-ms-transform:scale(1.03);transform:scale(1.03);-webkit-box-shadow:0 0 20px rgba(0,0,0,.2);box-shadow:0 0 20px rgba(0,0,0,.2)}
.cardevatelier:focus{outline:2px auto #666;-webkit-box-shadow:0 0 10px rgba(0,0,0,.1);box-shadow:0 0 10px rgba(0,0,0,.1)}
.cardevatelier[data-format="horizontal-s-fluid desktop-square"]{width:100%; background-color:#c8d1f7;height:420px;font-weight: 700;padding: 5px 0 0 0px;box-shadow:1px 1px 1px 3px rgba(0, 0, 255, .1)}}
.textbpagev2{text-align:justify;font-size:16px; font-weight:300;color:#fff;letter-spacing: 1px;line-height: 24px;padding:15px 0 0 3px;}
.titbpagev2{font-size:20px; font-weight:700;color:#fff;letter-spacing: 1px;line-height: 19px;text-align:left;padding: 0 0 15px 24px;}

/* ===================================
   Page Visite guidée entreprise
====================================== */
.michel{position: relative;display: inline-block;width: fit-content; }
.michel img {display: block;width: 100%;height: auto;}
.text-michel{position: absolute;bottom: 6px;box-shadow: 0 4px 10px rgba(0,0,0,0.2);font-family: Arial, sans-serif;text-align: center;}  
.text-michel.gauche {left: 0px;border-top-right-radius: 12px;font-size:12px;background:#c80e66;color:#fff;padding: 5px 15px;}
.text-michel.droite {right: 0px;left: auto;background:#fff;color:#000;font-size:10px;padding: 5px 5px;border-top-left-radius: 12px;}
.size-michel{width:12px;height:12px;flex-shrink: 0; display: block;color: inherit;}
.txt-michel{display: flex;align-items: center;gap: 8px;}
.breizou {display: grid;grid-template-columns: 1fr 400px;gap: 20px;align-items: start;margin: 20px 13.5% 20px 0px;}
.layoutte {display: flex;flex-direction: column;gap: 20px;}
.txt-containeres {flex: 1;order: 1;}
.colonne-fixe {position: sticky;padding:0 6px 6px 6px;border-radius: 8px;top: 140px;flex: 1;order: 2;}
.colonne-rubrique {background: #49a3ea;color: #09193b;padding: 20px;border-radius: 8px;top: 100px;font-weight:700;}
.txtfixe {background: #fff;padding: 0px;}
.bloc {background: #fff;margin-bottom: 15px;padding: 0 12px 0 0;border-radius: 6px;box-shadow: 0 2px 4px rgba(0,0,0,0.1);}
.enveloppe-visitguid{margin: 3% 0% 0 15%;}
.titre-visiteguider{font-family: Arial, sans-serif;font-size:30px;font-weight:700;color:#466174;padding-left: 5.9%;}
.grappe-mt{font-size: 15px;font-weight: normal;line-height: 20px;text-align: justify;padding: 20px 0 0 0;height: 100%;}
.titgrasent{font-size: 24px;font-weight:700;text-transform: uppercase;margin:10px 0 20px 0;}
.pttitvitg{font-size: 18px;font-weight:700;text-transform: uppercase;margin:10px 0 20px 0;}
.intituvisitguid{font-size: 24px;font-weight:700;padding-left: 6.3%;padding: 20px 0 0 85px;}
.textvisitguid{font-size: 16px;font-weight:normal;padding-left: 6.3%;padding: 8px 0 0 85px;line-height: 22px;}
.bloque{background-color: #fff;margin-bottom: 15px;padding: 0 12px 0 0;}
.bloquebleu{background-color: #c8d1f7;color: #0b1028;margin-bottom: 15px;padding: 0 12px 0 0;border-radius: 25px;margin-left: 85px;padding-bottom: 10px;margin-right: 30px;}
.intituvisitguidbleu{font-size: 24px;font-weight:700;padding-left: 6.3%;padding: 20px 0 0 19px;}
.textvisitguidbleu{font-size: 16px;font-weight:normal;padding-left: 6.3%;padding: 8px 0 0 5px;line-height: 22px;}
.micro-taille{width:15px;height:15px;padding: 0 5px 0 0px;margin-left: 15px;}
.micro-moyen{width:22px;height:22px;margin: 10px 0 0 0;}
.line-tel-adres{display: grid;padding: 0px 5px;grid-gap: 2px 5px;grid-template-columns: 50px 50px;}
.line-label{display: grid;padding: 0px 5px;grid-gap: 2px 5px;grid-template-columns: 150px 150px;}
.taillelabel{width:95px; height:auto;}
.gaplabel{margin:0 0 30px 0;}
.rubrique-visit-guide{background-color: #c2e0e0;border-radius: 25px;}
.line-col-rubrique{display: grid;padding: 30px 25px;grid-gap: 2px 5px;grid-template-columns: 130px 130px;margin:25px 0 25px 0;}
.txtsimplevisit{font-size: 16px;font-weight:normal;}
.minitexte{font-size: 16px;}
.bloffstag-visitguide {display: grid;grid-template-columns: 295px 295px;gap: 0px 40px;justify-items: stretch;align-items: stretch;margin: 0 ;padding-left:0px;}

/* ========= Système Bulle d'aide sur icon tel =========== */
.phone-container {position: relative;display: inline-block;cursor: pointer;font-size: 30px;}
.phone-container:hover .tooltip:not(.show) {visibility: visible;opacity: 1;}
.tooltip.show {visibility: visible !important;opacity: 1 !important;}
.desktop-container {position: relative;display: inline-block;cursor: pointer;font-size: 30px;}
.tooltip {visibility: hidden;opacity: 0;width: max-content;background-color: black;color: #fff;text-align: center;border-radius: 6px;padding: 5px 8px;position: absolute;bottom: 125%; left: 50%;transform: translateX(-50%);z-index: 1;transition: opacity 0.3s;}
.tooltip::after {content: "";position: absolute;top: 100%;left: 50%;margin-left: -5px;border-width: 5px;border-style: solid;border-color: #333 transparent transparent transparent;}
.desktop-container:hover .tooltip {visibility: visible;opacity: 1;}
#prevBtn, #homeBtn, #nextBtn {position: relative;display: inline-block;margin: 10px;cursor: pointer;}
.tooltip.smetmich {min-width: auto;border-radius: 4px;}
#prevBtn:hover .tooltip,
#homeBtn:hover .tooltip,
#nextBtn:hover .tooltip {visibility: visible;opacity: 1;}

/* ========= Système btn complet =========== */
.container-complet {text-align: center;font-family: Arial, sans-serif;margin-left: 85px;padding: 5px 0 30px 0;text-align: left;}
.intitule-rose {background-color: #ff69b4;color: white;padding: 12px 24px;border-radius: 8px;font-size: 16px;display: inline-block;}
.formant {margin-top: 20px;clear: both;}
.formant input {width: 250px;padding: 10px;border: 1px solid #ccc;border-radius: 6px;margin-bottom: 12px;}
.btion-noir {background-color: #000;color: #fff;width:95%;border: none;padding: 12px 24px;border-radius: 8px;font-size: 16px;cursor: pointer;transition: background 0.3s;}
.btion-noir:hover {background-color: #333;}
.select-datevisit {width: 250px;padding: 10px;border: 1px solid #ccc;border-radius: 6px;margin-bottom: 12px;margin-left: 85px;}
.date-selectvisit{margin: 10px 0 0 85px;}
/* Conteneur principal du pied de page */
.pied-de-page-visitguid {display: grid;grid-template-columns: repeat(7, 140px);gap: 20px;padding: 50px 0 80px 15px;background: #f9f9f9;text-align: center;margin-left:20px;margin-left: 35px;}
.vignette-pied-de-page-visitguid {width: 75px;height: 75px;margin-left: 40%;background-color: #2ec4b6;border-radius: 50%; display: flex;align-items: center;justify-content: center;transition: background 0.3s ease;}
.vignette-pied-de-page-visitguid img {width: 55px;height: 55px;transition: transform 0.3s ease;}
.vignette-pied-de-page-visitguid:hover img {animation: spin 0.6s linear infinite;}
.mini-text-pied-de-page{font-size: 12px;font-weight:700;margin-left: 26%;line-height: 17px;margin-top: 10px;}
@keyframes spin {from { transform: rotate(0deg); }to   { transform: rotate(360deg); }}
.lilasnini{width: 20px;margin-right: 8px;}
/* ========= Système de navigation col fixe =========== */
.line-col-right-visit{display: grid;padding: 30px 20px 5px 0;grid-gap: 2px 5px;grid-template-columns: 30px 30px 30px;justify-content: center;align-items: center;}
.line-col-right-visit div {cursor: pointer;padding: 6px;border-radius: 50%;transition: background 0.3s, color 0.3s;display: flex;justify-content: center;align-items: center;}
[class^="line-col-right-"] svg {width: 24px;height: 24px;color: #333;transition: color 0.3s;}
[class^="line-col-right-"] div:hover svg {color: orange;}
/* ========= Block bleu type de visite =========== */
.blocbleu {background-color: #007BFF;color: white;padding: 20px;border-radius: 10px;width: 630px;font-family: Arial, sans-serif;}
.onglets {display: flex;gap: 20px;margin-bottom: 15px;}
.onglets button {background: transparent;border: none;color: white;font-weight: bold;cursor: pointer;padding: 8px 12px;border-bottom: 2px solid transparent;transition: 0.3s;}
.onglets button.actif {border-bottom: 2px solid yellow;}
.contenu {display: none;background: rgba(255,255,255,0.1);padding: 15px;border-radius: 8px;}
.contenu.actif {display: block;}
/* ========= Slide simple Visite Guidée =========== */
.slidere {position: relative;width: 100%;max-width: 580px;aspect-ratio: 4 / 3;overflow: hidden;border-radius: 10px;margin: 0 auto;}
.slidere-container {display: flex;justify-content: center;align-items: center;gap: 15px;margin: 0px auto;}
.slides {display: flex;height: 100%;transition: transform 0.5s ease-in-out;will-change: transform;}
.boutnne {width: 40px;height: 40px;background: gray;color: white;font-size: 24px;font-weight: bold;border: none;border-radius: 6px;cursor: pointer;display: flex;justify-content: center;align-items: center;opacity: 0.8;transition: 0.3s;}
.boutnne:hover {opacity: 1;}
.boutnne.left {left: 10px;}
.boutnne.right {right: 10px;}
.fondblupale{background-color:#c2e0e0;border-radius: 25px;padding: 10px 20px;font-family: Arial, sans-serif;}
.textvisitguide {display: flex;gap: 15px;justify-content: flex-start;align-items: center;padding: 20px 0 0 85px;}
.slidea {flex: 0 0 100%;display: flex;align-items: center;justify-content: center;}
.slidea img {width: 100%;height: 100%;object-fit: cover;}
/* ========= Notation - Donnez votre avis =========== */
/* Ligne principale */
.avis-ligne-vote {display: flex;justify-content: space-between;align-items: center;width: 630px;margin: 30px 0 30px 80px;font-family: Arial, sans-serif;}
.stars {color: gold;font-size: 14px;}
.avis-ligne-vote span {color: #007BFF;cursor: pointer;font-weight: bold;transition: 0.3s;}
.avis-ligne-vote span:hover {text-decoration: underline;}
/* MODAL */
.modalo {display: none;position: fixed;top: 0; left: 0; right: 0; bottom: 0;background: rgba(0,0,0,0.6);justify-content: center;align-items: center;z-index: 9999;}
.modalo-content {background: white;border-radius: 10px;padding: 20px;width: 400px;text-align: center;position: relative;}
.modalo-content h2 {margin-bottom: 15px;}
.rating-vote {display: flex;justify-content: center;gap: 10px;margin-bottom: 15px;font-size: 28px;cursor: pointer;}
.rating-vote .staring {color: #ccc;transition: color 0.3s;}
.rating-vote .staring.active {color: gold;}
.modalo input, .modalo textarea {width: 100%;margin: 8px 0;padding: 8px;border-radius: 6px;border: 1px solid #ccc;}
.modalo-buttons {margin-top: 15px;display: flex;justify-content: space-between;}
.modalo-buttons button {padding: 8px 15px;border: none;border-radius: 6px;cursor: pointer;font-weight: bold;}
.sending {background: #007BFF;color: white;}
.cancelling {background: #ccc;}
.titr-modalo{font-family: Arial, sans-serif;font-size: 17px;margin: 8px 0;font-weight: 700;}
.moyen-icon-coach{width:25px;}

/* ===================================
   Page process Inscription 
====================================== */
.btn-inscription:disabled {background-color: #ccc;color: #666;cursor: not-allowed;opacity: 0.7;}
.btn-inscription {position: relative;text-transform: uppercase;overflow: hidden;color: white;background-color: #09193b;padding: 0.75em 0.9em;border: none;border-radius: 8px;cursor: pointer;font-size: 1rem;transition: background-color 0.3s ease;display: inline-block;text-align: center;text-decoration: none;font-weight: 700;}
.btn-inscription::before {content: "";position: absolute;top: 0;left: -75%;width: 50%;height: 100%;background: rgba(255, 255, 255, 0.3);transform: skewX(-20deg);transition: all 0.5s ease;}
.btn-inscription:hover {color: white; }
.btn-inscription:hover::before {left: 125%;}
.tm1{margin-left: 1.1em;}
.button-groupie{display: grid;place-items: center;}
.bloc-deux-colonne-atelier{display: grid;padding: 0px 5px;grid-gap: 2px 5px;grid-template-columns: 1200px;margin-left:1.6%;}
.modal-content {width: min(1080px, 95%);max-width: 1080px;padding: 20px;background: #fff;border-radius: 8px;box-sizing: border-box;height: auto;}
.bloc-modal-trois-entrer {display: flex;gap: 20px;justify-content: center;flex-wrap: wrap;margin: 20px 0 30px 0;box-sizing: border-box;}
.bloc-goch-modal,.bloc-middle-modal,.bloc-drigh-modal {flex: 0 0 300px; max-width: 300px;min-width: 220px;box-sizing: border-box;display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-start;padding: 16px;border-radius: 8px;line-height: 1.2;transition: all 0.3s ease;box-shadow: 0 3px 10px rgba(0,0,0,0.1);transform: translateY(0);cursor: pointer;}
.bloc-middle-modal{background: #7994a7;backdrop-filter: blur(10px);border: 1px solid rgba(255,255,255,0.3);box-shadow: 0 5px 20px rgba(0,0,0,0.15);transition: all 0.3s ease;}
.bloc-goch-modal,.bloc-drigh-modal {background: rgb(200 209 247);backdrop-filter: blur(10px);border: 1px solid rgba(255,255,255,0.3);box-shadow: 0 5px 20px rgba(0,0,0,0.15);transition: all 0.3s ease;}
.bloc-goch-modal:hover,.bloc-middle-modal:hover,.bloc-drigh-modal:hover {transform: translateY(-5px);backdrop-filter: blur(15px);box-shadow: 0 8px 30px rgba(0,0,0,0.2);}
.bloc-goch-modal a,.bloc-middle-modal a,.bloc-drigh-modal a {display: block;font-weight: 700;margin-bottom: 8px;text-decoration: none;}
.text-parti-insc-popup,.text-pro-insc-popup,.text-conseil-insc-popup {position: static;margin: 0;font-size: 14px;line-height: 1.3;text-align: justify;width: 100%;flex: 0 1 auto;color: #152c3d;font-weight: 500;}
.grostitre-insc{font-size: 24px;font-weight: 700;color:#000;text-transform: uppercase;letter-spacing: 3px;line-height: 2px;text-align: left;margin: 4% 0 3% 5%;}
.titrinscripv2{color: #323232;font-weight: 700;font-size: 22px;letter-spacing: 2px;line-height: 32px;text-align: left;margin-left: 16%;}
.gapinscript{display: grid;padding: 0px 5px;grid-gap: 2px 5px;grid-template-columns: 1200px;margin-left: 11.5%;}
.bloc-inscripv2{display: grid;padding: 0px 36px;grid-gap: 2px 5px;grid-template-columns: 930px 300px;}
.esp-vign-inscrip{width:100%;}
.presinscripv2{color: #09193b;font-weight: 500;font-size: 19px;letter-spacing: 2px;line-height: 22px;text-align: left;margin: 25px 0 45px 0;}
.presinscripv3{color: #09193b;font-weight: 500;font-size: 19px;letter-spacing: 2px;line-height: 12px;text-align: left;margin: 0px 0 45px 0;}
.presinscripv4{color: #09193b;font-weight: 500;font-size: 19px;letter-spacing: 2px;line-height: 20px;text-align: left;margin: 0px 0 45px 0;}
.bloc-4img{display: grid;padding: 0px 15px 50px 0px;grid-gap: 2px 35px;grid-template-columns: 190px 190px 190px 190px;margin-left: 0%;}
.box{display: inline-block;font-weight: 700;background-image: url(../images/souligne_filet_jaune.png);background-position: bottom;background-repeat: repeat-x;}
.boxbleu{display: inline-block;font-weight: 700;background-image: url(../images/souligne_filet_bleu.png);background-position: bottom;background-repeat: repeat-x;}
.deroulev2{margin:5% auto;}
.btn-inscripv2{width: auto;max-width: 100%;border-radius: 1rem;display: inline-flex;flex-direction: row;background-color: #09193b;color: #fff;line-height: 1.5rem;justify-content: center;min-height: 2rem;box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;font-weight: 700;margin-top: 25px;height: auto;padding: 30px 60px 20px 100px;font-size: clamp(25px, 2vw, 18px); /* Ajuste la taille du texte selon l'écran */transition: all 0.3s ease-in-out;}
.cal-btn-inscripv2{margin-top:25px; padding-right: 55px; text-align: center;}
.cardev2[data-format="horizontal-s-fluid desktop-square"]{height:190px;width:190px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.cardev2{display:-webkit-box;display:-ms-flexbox;display:flex;cursor:pointer;overflow:hidden;border-radius:8px;-webkit-box-shadow:0 0 10px rgba(0,0,0,.1);box-shadow:0 0 10px rgba(0,0,0,.1);-webkit-transition:-webkit-transform .3s cubic-bezier(.16,1,.99,.99);transition:-webkit-transform .3s cubic-bezier(.16,1,.99,.99);-o-transition:transform cubic-bezier(.16,1,.99,.99) .3s;transition:transform .3s cubic-bezier(.16,1,.99,.99);transition:transform .3s cubic-bezier(.16,1,.99,.99),-webkit-transform .3s cubic-bezier(.16,1,.99,.99)}@supports not (width:clamp(1px,1vw,2px)){.cardv2{overflow:unset}}@supports (width:clamp(1px,1vw,2px)){.cardev2:hover{-webkit-transform:scale(1.03);-ms-transform:scale(1.03);transform:scale(1.03);-webkit-box-shadow:0 0 20px rgba(0,0,0,.2);box-shadow:0 0 20px rgba(0,0,0,.2)}
.cardev2:focus{outline:2px auto #666;-webkit-box-shadow:0 0 10px rgba(0,0,0,.1);box-shadow:0 0 10px rgba(0,0,0,.1)}
.cardev2[data-format="horizontal-s-fluid desktop-square"]{width:170px; height:250px;line-height: 1.1rem;font-weight: 700;font-size: 12px;padding: 5px 0 0 20px;box-shadow:1px 1px 1px 3px rgba(0, 0, 255, .1)}}
.posiBv2{margin: 25px auto;width: 50%;}
.posiBv2-droit{margin: 35px 2px;width: 100%;}
.btnlinkedin{align-items: center;background-color: #fff;border-radius: 8px;display: flex;font-size: 14px;height: 48px;justify-content: center;padding: 0 29%;text-decoration: none;width: 100%;}
.LinkedinButton{color: #454845;padding: 0 10px;font-size: 10px;letter-spacing: 0px;}
.conectinscripv2{color: #ff3460;margin-left: 4px;}
.separatv2{align-items: center;color: #a3a3a5;display: flex;font-family: Lexend, sans-serif;font-size: 0.8rem;font-weight: 400;justify-content: center;letter-spacing: .4px;margin-top: 25px;width: 85%;}
.compinscripv2{display: flex;font-size: 14px;justify-content: center;margin-top: 30px;width:85%;}
.btn-inscriprov2{padding: 8% 8%;width: 100%;border-radius: 1rem;display: inline-flex;flex-direction: row;background-color: #7592a6;color: #0b1028;font-size:14px;line-height: 1.2rem;justify-content: center;box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;font-weight: 700;text-transform: uppercase;}
.btn-inscripcoachv2{padding: 8% 8%;width: 100%;border-radius: 1rem;display: inline-flex;flex-direction: row;background-color: #7592a6;color: #0b1028;font-size:14px;line-height: 1.2rem;justify-content: center;box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;font-weight: 700;text-transform: uppercase;}
.btn-inscrifootv2{padding: 8% 8%;width: 100%;border-radius: 1rem;display: inline-flex;flex-direction: row;background-color: #7592a6;color: #0b1028;font-size:11px;line-height: 0.9rem;justify-content: center;box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;font-weight: 700;text-transform: uppercase;}
.pub_inscrip{margin-top: 26px;text-align: center;width:250px;}
.content_inscripiton{padding: 25px; background: #f9f9f9;}
.progress {margin-bottom: 6%;width: 98%;}
.step {display: none;}
.step.active {display: block;margin-right: 45px;}
.radio-group {display: flex;flex-direction: column;align-items: center;justify-content: space-between; border: 1px solid #ccc;padding: 15px;border-radius: 5px;cursor: pointer;transition: background-color 0.3s ease;text-align: center;flex: 1; min-height: 215px;}
.radio-group:hover {transform: scale(1.03); background-color: #f0f0f0;}
.radio-group label {font-weight: bold;margin-bottom: 10px;cursor: pointer;font-size: smaller;min-height: 65px;line-height: 15px;}
.radio-group input[type="radio"] {display: none;}
.radio-group input[type="radio"]:checked + label {color: #e6ae49;}
.radio-group.selected {border: 2px solid #007bff;background-color: #f0f8ff;transform: scale(1.05);transition: all 0.3s ease;}
.radio-group.selected span {color: #007bff;}
.radio-group:hover {background-color: #f5f5f5;}
.image-text-container {display: flex;align-items: center; gap: 15px;padding: 15px;background: aliceblue;}
.image-text-container img {width: 50px;height: 50px;border-radius: 50%;border: 3px solid green;padding: 5px;object-fit: cover;}
.image-text-container p {margin: 0;flex-grow: 1;}
.image-preview {max-width: 100%;height: auto;display: none;}
.crop-container {width: 100%;max-width: 500px;margin: 20px auto;}
.controls {margin-top: 20px;text-align: center;}
.controls button {margin: 5px;}
.btn-inscripv2 i {padding-left: 15px;margin-top: 5px;}
.error{color: black;}label#chk_cgv-error {color: red;}
label#chk_cgv-error {color: red;}
.hidden-btn{background-color: unset; display: none!important;}
.texte-majo-numer{padding: 15px; background: antiquewhite; font-size: small; color:black;line-height: 1.3rem;text-align: justify;font-weight: normal;margin-bottom:25px;}
.form-check{font-size: 12px;font-weight: 500;line-height: 16px;text-align: justify;display: flex;flex-wrap: wrap;align-items: center; /* Centre verticalement */gap: 5px 4px; /* Espacement entre la case et le texte */}
.form-checke{font-size: 12px;font-weight: 500;line-height: 16px;text-align: justify;display: flex;align-items: flex-start; /* aligne le haut de la case avec le haut du texte */gap: 5px 4px;}
.form-checke input[type="checkbox"] {margin-top: 2px; /* ajuste verticalement si besoin */}
.form-checke label {flex: 1; /* prend le reste de la ligne */}
.form-checke label.accept{color: #323232;font-size: 12px;margin-bottom: 10px;padding-right: 10px;margin-top: 6px;font-weight: 500;font-family: 'Raleway', sans-serif;}
.alert-info {color: #382828;background-color: #f2dede;border-color: #ebccd1;padding: 15px;margin-bottom: 20px;border: 1px solid transparent;border-radius: 4px;gap: 10px;margin-left: 20px;font-size: 13px;}
.alert-icon {display: inline-block;width: 40px;height: 40px;background-color: #fcb1ae; border-radius: 50%;text-align: center;vertical-align: middle;margin-right: 10px;}
.alert-icon i {font-size: 20px;color: #fff;line-height: 40px;}
.check-radio-group {display: flex;gap: 20px;align-items: center;margin: 0 0 5px 20px;}
.form-label {margin-bottom: .5rem;font-size: 16px;}
.form-labelle{margin: 0px 0px 10px 20px;font-size: 14px;}
.check-radio{font-size: 15px;font-weight: 500;line-height: 16px;text-align: justify;display: flex;flex-wrap: wrap;align-items: center;gap: 5px 4px;}
.check-radio {display: flex;align-items: center;gap: 8px;margin-bottom: 10px;}
.check-radio-input[type="radio"] {width: 18px;height: 18px;cursor: pointer;margin-bottom: 0px;accent-color: #7291a6; transition: transform 0.2s ease, box-shadow 0.2s ease;}
.check-radio-input:focus {box-shadow: 0 0 0 4px rgba(0, 123, 255, 0.25);}
.check-radio-input:active {transform: scale(0.9);}
.check-radio-label {cursor: pointer;font-weight: 500;color: #333;transition: color 0.2s ease;}
.check-radio-input:checked + .check-radio-label {color: #7291a6;padding-top: 0px;}
.check-radio-input[type="checkbox"] {width: 18px;height: 18px;cursor: pointer;margin-top: 0px;margin-bottom: 0px;accent-color: #7291a6; transition: transform 0.2s ease, box-shadow 0.2s ease;}
.petitsmallinscript{background-color: #dcd2d2;padding: 15px 25px;margin-bottom: 55px;color: #5e6468;font-size: 12px;line-height: 20px;}
.toto{margin-bottom: 3rem!important;}
.mb-15{margin-bottom: 4rem;}
.intitu-titre-page{margin:0 18px 0 0px;}
.txt-end-inscrip{display: flex;align-items: center;justify-content: center;gap: 8px;margin: 8% auto;font-size: 13px;}
.textinscriptmt {font-size: 13px;}
.linkedin-logo {width: 40px;height: 40px;}
.divider.is-lg { font-size: 0.6rem;   --gap: 1rem;  --line-thickness: 2px; }
.divider::before,
.divider::after {content: "";flex: 1 1 0;border-top: 2px solid #c3c3c3;min-width: 1rem;}
.divider {display: flex;align-items: center;gap: 1rem;width: 50%;margin: 0 auto;color: #999;letter-spacing: 0.08em;text-transform: uppercase;font-weight: 600;font-size: 0.85rem;}
.divider > span {display: inline-block;padding: 0.25rem 0.6rem;background: #ffffff;border-radius: 999px;line-height: 1.1;white-space: nowrap;}
.carre {display:inline-grid;place-items:center;width:28px;  aspect-ratio:1;  border:2px solid #222;box-sizing:border-box;text-decoration:none;font-size:16px;line-height:1; font-weight:700;margin: 8px auto;  }
.dimstep2{width: 96%;margin-left: 2px;margin-bottom: 10%;}
.dimstep3{width: 96%;margin-left: 2px;margin-bottom: 0;}
.input-envelop {position: relative;display: flex;align-items: center;}
.input-envelop i {position: absolute;left: 13px;top: 47px;color: #888;pointer-events: none;}
.input-envelop input {width: 100%;}
.form-control.is-invalid, .was-validated .form-control:invalid, .form-control, .form-control:hover, .form-control.is-invalid:focus
{border-color: #888;box-shadow: 0 0 0 .25rem rgba(108, 117, 125, .25);background-image: none;background-color: transparent;padding: 10px 15px 10px 10px 10px;font-size: 15px;}
.champ-email{border-color: #888;box-shadow: 0 0 0 .25rem rgba(108, 117, 125, .25);background-image: none;background-color: #c0bdbd;padding: 10px 10px 10px 35px;font-size: 15px;}
.champ-mail, .champ-mail:hover {border-color: #888;box-shadow: 0 0 0 .25rem rgba(108, 117, 125, .25);background-image: none;background-color:  transparent;padding: 10px 10px 10px 45px;font-size: 15px;}
.champ-mdp.is-invalid, .was-validated .champ-mdp:invalid, .champ-mdp, .champ-mdp:hover, .champ-mdp.is-invalid:focus
{border-color: #888;box-shadow: 0 0 0 .25rem rgba(108, 117, 125, .25);background-image: none;background-color: transparent;padding: 10px 15px 10px 10px;font-size: 15px;width: 100%;display: block;color: #888;}
.mdp-habit{font-size:12px; font-style: italic;color:#444b68;margin: 0px 0 35px 0;}
.color-bul-mdp{margin-top:55px;background-color: #c8d1f7;padding: 10px 20px 1px 20px;width: 50%;margin: 2px 0 50px 0px;}
.invalid-feedback {display: flex;}
.form-text-container {display: flex;flex-direction: column;}
.align-btn{display: grid;padding: 0px 5px 5px 0px;grid-gap: 2px 5px;grid-template-columns: 170px 200px;margin: 0 0 0 0;}
.btn-ali-g{width:100%;}
.btn-ali-d{width:100%;}
.align-numerique{display: grid;padding: 0px 5px 5px 0px;grid-gap: 2px 5px;grid-template-columns: 170px 350px;margin: 0 0 0 0;}
.align-numeriqueambassadeur{display: grid;padding: 0px 5px 5px 0px;grid-gap: 2px 5px;grid-template-columns: 250px 420px;margin: 0 0 30px 0;}
.btn-alinumerique-g, .btn-iscrip-profil-g{width:100%;}
.btn-alinumerique-d, .btn-iscrip-profil-d{width:100%;}
.align-iscrip-profil{display: grid;padding: 0px 5px 5px 0px;grid-gap: 2px 5px;grid-template-columns: 170px 350px;margin: 0 0 0 29%;}
.btn-secondary{text-transform: uppercase;font-weight: 700;font-size: 1rem;padding: 11px 18px;}
.spacer-inscript{margin:35px 0 5px 0;}
.calage-champ{margin:15px 0 15px 0;}
.mb-40{margin-bottom: 2.5rem;}
/* petit compteur visuel */
#nombrerdv-habit-unique { display:flex; flex-direction:column; align-items:center; gap:10px; }
.tonne { font-size: 20px; margin: 25px; }
.nombrerdv { display:flex; align-items:center; gap:14px; padding:10px 16px; background:#f8f9fa; border-radius:18px; }
.btonne { width:40px; height:40px; border-radius:50%; border:none; font-size:20px; cursor:pointer; background:#7291a6; color:#fff; }
.count { min-width:52px; text-align:center; font-size:20px; font-weight:700; }
.btn-alinumerique-count{text-align: center;margin: 25px;}
/* CSS preload img */
.profile-upload {text-align: center;margin-bottom: 0px;}
/* Avatar container */
.avatar-wrapper {position: relative;width: 230px;height: 230px;border-radius: 50%;overflow: hidden;border: 3px solid #ddd;margin: 0 auto;margin-bottom: 25px;}
/* Photo de profil */
.profile-pic {width: 100%;height: 100%;object-fit: cover;border-radius: 50%;display: block;position: relative;z-index: 1;}
/* Icône appareil photo */
.upload-button {position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: 50%;background: rgba(114, 145, 166, 1);border: none;cursor: pointer;display: flex;justify-content: center;align-items: center;z-index: 2;}
.upload-button svg {width: 50px;height: 50px;color: #fff;}
.upload-button:hover {background: #0056b3;}
.avatar-wrapper:hover .upload-button {opacity: 1;}
/* Input caché */
.file-upload {display: none;}	
.select-btn, .continue-btn {margin: 10px;padding: 10px 20px;border: none;border-radius: 5px;cursor: pointer;color: #c8d1f7;background-color: #09193b;}
.img-container {position: relative;width: 300px; height: 300px;margin: 0 auto;border-radius: 50%;overflow: hidden;background: repeating-conic-gradient(#ccc 0% 25%,transparent 0% 50%) 0 / 20px 20px;display: flex;justify-content: center;align-items: center;}  
.img-container img {max-width: 100%;max-height: 100%;object-fit: cover;}
/* Styles pour le modal fallback - avec préfixe pour éviter les conflits */
.jts-modal {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.5);z-index: 1055;overflow: hidden;}  
.jts-modal.show {display: block;}    
.jts-modal-dialog {position: relative;width: auto;margin: 0.5rem;pointer-events: none;display: flex;justify-content: center;align-items: center;}  
.jts-modal-dialog-centered {display: flex;align-items: center;justify-content: center;min-height: calc(100% - 1rem);}   
.jts-modal-body {width: 350px;padding: 1rem;margin-top: -100px;border-radius: 50%;overflow: hidden;background: repeating-conic-gradient(#ccc 0% 25%,transparent 0% 50%) 0 / 20px 20px;}
.jts-modal-content {position: relative;width: 500px;height: 500px;border-radius: 50%;overflow: hidden;display: flex;flex-direction: column;justify-content: center;align-items: center;background-color: #fff;box-shadow: 0 0.5rem 1rem rgba(0,0,0,.5);pointer-events: auto;border: 3px solid #ddd;}
.jts-modal-header {display: flex;align-items: center;justify-content: space-between;padding: 1rem;border-bottom: 1px solid #dee2e6;} 
.jts-modal-title {font-size: 0.9rem;margin: -100px 0 0 60px;font-weight: 700;z-index: 10;}  
.jts-btn-close {width: 32px;height: 32px;z-index: 10;border-radius: 50%;border: none;background: #2196F3;cursor: pointer;display: flex;align-items: center;justify-content: center;margin-left: 1.5rem;margin-top: 35px;transition: background 0.3s;}
.jts-btn-close:hover {background: #999;}
.jts-btn-close::before {content: "×"; /* croix */font-size: 20px;font-weight: bold;color: #040c3c;line-height: 1;}
.jts-modal-open {overflow: hidden;} 
/* S'assurer que le modal est visible */
.jts-modal-backdrop {z-index: 1040;}
.jts-modal-backdrop.show {opacity: 0.5;}
/* Ajout de styles pour assurer la visibilité du modal */
.jts-modal.faden {opacity: 1;transition: none;}  
.jts-modal.show .jts-modal-dialog {transform: none;}  
/* Loader styles */
.loader-overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);display: none;justify-content: center;align-items: center;z-index: 9999;}
.loader {border: 5px solid #f3f3f3;border-top: 5px solid #3498db;border-radius: 50%;width: 50px;height: 50px;animation: spin 1s linear infinite;}
@keyframes spin {0% { transform: rotate(0deg); }100% { transform: rotate(360deg); }}

/* ===================================
   Vibes - vidéos
====================================== */
.bloc-deux-colonne-vibes{display: grid;padding: 0px 5px 35px 0px;grid-gap: 2px 5px;grid-template-columns: 600px 600px;margin-left: 5.7%;}
.bloc-goch-vibes{width:100%;}
.bloc-droit-vibes{width:100%;}
.globe{width:100%;max-width:var(--container);}
.hero{display:grid;grid-template-columns:450px 250px 410px;gap:32px;align-items:center;margin:32px 0 32px 80px;}
 /*.kicker{display:inline-block;background:linear-gradient(90deg, rgba(40,110,240,0.12), rgba(255,159,67,0.08));color:var(--accent);padding:8px 12px;border-radius:999px;font-weight:600;font-size:13px;margin-bottom:12px;} */
h1.vibes, h2.vibes{font-size:48px;margin:0 0 12px 0;line-height:1.02;font-weight:800;letter-spacing:-0.02em;text-align: left;}
/* Visual placeholders (abstract graphics) */
.art{height:140px;display:flex;align-items:center;justify-content:center;}
.art svg{max-width:100%;height:100%}
.img-vibes{height: auto;max-width: 100%;border: none;}
/* Card sections */
.section-card{background:var(--card);border-radius:var(--radius);padding:28px 0 28px 0;display:grid;grid-template-columns: 700px 420px;gap:20px;align-items:center;box-shadow: 0 6px 20px rgba(15,23,36,0.04);margin:150px 0 100px 80px;}
.section-card.alt{grid-template-columns:420px 700px;text-align: right;margin:150px 0 100px 80px;}
.section-card.alt h2.vibes {text-align: left;margin-bottom: 8px;margin:0 0 10px 0;font-size:48px;line-height:1.02;font-weight:800;letter-spacing:-0.02em;}
.section-card.alt p {text-align: right;}
.section-card:hover {transform: translateY(-4px);box-shadow: 0 10px 24px rgba(15,23,36,0.10);transition: all 0.25s ease;}
.section-card {transition: all 0.25s ease;}
.media-card{display:grid;grid-template-columns: 1fr;gap:20px;align-items:center;padding:20px 0 20px 0;border-radius:12px;background: linear-gradient(180deg, rgba(40,110,240,0.04), rgba(255,159,67,0.03));width:100%;}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px;margin-top:12px;}
.feature{background:var(--card);padding:20px;border-radius:12px;box-shadow:0 6px 18px rgba(15,23,36,0.03);text-align: left;}
h3.inti-vibes-bas{margin-top:0;margin-bottom:8px;font-size:16px;font-weight:700;} 
.btn{padding:12px 18px;border-radius:10px;border:0;cursor:pointer;font-weight:600;}
.textvibes{text-align:justify;margin: 9px;font-size: 16px;font-weight: normal;line-height: 24px;}
.btn-pack-vibes {position: relative;text-transform: uppercase;overflow: hidden;color: white;background-color: #286ef0;padding: 0.75em 1.5em;border: none;border-radius: 8px;cursor: pointer;font-size: 1rem;transition: background-color 0.3s ease;display: inline-block;text-align: center;text-decoration: none;font-weight: 700;box-shadow:0 8px 24px rgba(40,110,240,0.18);}
.btn-pack-vibes::before {content: "";position: absolute;top: 0;left: -75%;width: 50%;height: 100%;background: rgba(255, 255, 255, 0.3);transform: skewX(-20deg);transition: all 0.5s ease;}
.btn-pack-vibes:hover {color: white; }
.btn-pack-vibes:hover::before {left: 125%;}
.cal-vibes-bnt{display:flex;gap:10px;align-items:center;margin:10px 0 20px 20px;flex-wrap:wrap;}

/* ===================================
   RSE - Marques employeurs
====================================== */
h2.rse {font-size:38px;margin:20px 0 12px 3px;line-height:1.02;font-weight:800;letter-spacing:-0.02em;text-align: left;}
h3.rse {font-size:34px;margin:20px 0 12px 0px;line-height:1.02;font-weight:800;letter-spacing:-0.02em;text-align: left;}
.introrse {text-align: left;align-items: center;flex-direction: row;justify-content: space-between;gap: 2rem;max-width: 1200px;margin: 0px auto;padding: 2rem 0 0 0.6rem;}
.caltext-rse {flex: 1.3; /* un peu plus large */}
.visuel-rse {flex: 1; /* un peu moins large */}
.ctarse {text-align: left;margin:10% 0 10% 0px;}
.sac-rse {display: flex;padding: 0 0 20px 20px;align-items: center;justify-content: space-between;background: white;border-radius: 15px;margin: 5rem 1.7rem 8rem 0;box-shadow: 0 4px 10px rgba(0,0,0,0.1);overflow: hidden;transition: all 0.3s ease;}
.sac-rse:hover {transform: translateY(-8px);box-shadow: 0 8px 20px rgba(0, 119, 182, 0.25);}
.sac-rse img {width: 45%;object-fit: cover;height: 300px;}
.sac-rse .texte {width: 85%;padding: 2rem;}
.sac-rse:nth-child(even) {flex-direction: row-reverse;}
.enveloppe-rse{margin: 3% 5% 0 10%;}

/* ===================================
   Bloc footer
====================================== */
.bloc-footer{display: grid;padding: 0px 5px 35px 0px;grid-gap: 2px 5px;grid-template-columns: 500px 415px 400px;margin-left: 5.7%;}
.bloc-haut-g{display: grid;padding: 0px 5px;grid-gap: 2px 5px;grid-template-columns: 50px 300px;margin-left: 0%;}
.bloc-haut-c{display: grid;padding: 0px 5px;grid-gap: 2px 5px;grid-template-columns: 40px 150px;margin-left: 0%;}
.bloc-haut-d{display: grid;padding: 0px 5px;grid-gap: 2px 5px;grid-template-columns: 250px;margin-left: 0%;}
.bloc-footer-middle{display: grid;padding: 0px 5px 55px 0px;grid-gap: 2px 5px;grid-template-columns: 490px 410px 300px;margin-left: 5.5%;}
.bloc-footer-bas{display: grid;padding: 0px 5px ;grid-gap: 2px 5px;grid-template-columns: 460px 410px 300px;margin-left: 7%;}
.text-s-baselifoot{font-size: 11px;line-height: 1rem;padding-left: 7px;font-weight: normal;}
.footer hr {height: 1px;margin: 0 3% 2% 5%;color: #69708f;background-color: #69708f;border: 0;}
.footerv2 hr {height: 1px;margin: 0 3% 2% 5%;color: #69708f;background-color: #69708f;border: 0;}
.posi-btn-footm{margin: 15px 0 0 -45px;}
.gras-tit-foot-d{font-size: 15px;font-weight: 700;}
.btn-foot-communaute{padding: 2.5% 8%;margin-left:14%;width: 50%;border-radius: 1rem;display: inline-flex;flex-direction: row;background-color: #7592a6;color: #0b1028;font-size:14px;line-height: 1.1rem;justify-content: center;box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;font-weight: 700;}
.tit-footer {color: #323232;text-transform: uppercase;font-family: 'Raleway', sans-serif;font-weight: 700;margin-top: 18px;margin-bottom: 2px;font-size: 12px;letter-spacing: 1px;line-height: 12px;text-align: left;}
.serretextfoot{line-height: 17px;padding-bottom: 5px;}
.footer-logo {max-width: 125px;display: inline-block;width: 100%;margin-left: 12px;}
.footer {background-color: #c8d1f7;color: #0b1028;width: 100%;display: block;padding-left: 7.8%;}
.footerv2 {background-color: #c8d1f7;color: #0b1028;width: 100%;display: block;}
.copyright{padding-top:10px; padding-bottom:10px;text-align: center;}
.jobfooter {font-size: 21px;font-weight: bold;padding-top: 10px;margin-left: 8px;color: #000;}
.tofooter {font-size: 21px;font-weight: bold;color: #666;position: relative;left: 0px;}
.tosee {position: absolute;left: 11.3%;}
.metier_footer {font-size: 9px;margin: -1px 0 12px 9px;line-height: 8px;font-weight: normal;}
.nuit{width: 60px;height: 60px;}
.jour{width: 40px;height: 40px;}
.open-modali{background-color: #7592a6;color: #0b1028;font-size: 10px;border-radius: 8px;padding:8px 20px 5px 10px;display: flex;align-items: center;justify-content: center;}
a.join-footer{font-size: 16px;font-weight: 700;font-family:arial;text-transform: uppercase;padding-left: 3px;line-height: 20px;}
a.join-footer:hover{color: #950e04;}
a.join-footerbas{font-size: 21px;font-weight: 600;line-height: 4rem;font-family:arial;text-transform: uppercase;padding-left: 10px;color:#323232;}
a.join-footerbas:hover{color: #950e04;font-family:arial;text-transform: uppercase;padding-left: 10px;}
a.liefot{font-size: 13px;font-weight: 400;padding-left: 0px;color:#3c3434;font-family: 'Raleway', sans-serif;letter-spacing: 1px;}
a.liefot:hover{color: #950e04;}
a.texteavis{font-size: 13px;font-weight: 400;padding-left: 0px;color:#3c3434;font-family: 'Raleway', sans-serif;letter-spacing: 0px;}
a.texteavis:hover{color:#950e04;}

/* ===================================
Page Search atelier
====================================== */
.bloc-recherche-atelier{background-color: #c8d1f7;padding:15px 0 15px 45px;margin-left:20px;}
.ligne-atelier-bleu-ter{display: grid;padding: 10px 5px 10px 0px;grid-gap: 2px 25px;grid-template-columns: 250px 250px 250px 200px;}
.ligne-atelier-droit{width:300px;display: flex;justify-content: center;height: 8vh;color:#0b1028;font-weight: 700;font-size:16px;padding:0% 5%;}
.ligne-atelier-goch{width:350px;display: flex;justify-content: center;align-items: center;height: 8vh;color:#0b1028;font-weight: 700;font-size:16px;position: relative;display: inline-block;/* Stylisation du select */appearance: none; /* Supprime le style natif */padding: 12px 16px;border-radius: 8px;background-color: white;color: #333;cursor: pointer;transition: all 0.3s ease-in-out;}
.ligne-atelier-middle{width:350px;display: flex;justify-content: center;align-items: center;height: 8vh;color:#fefefe;font-weight: 700;font-size:16px;position: relative;display: inline-block;/* Stylisation du select */appearance: none; /* Supprime le style natif */padding: 12px 16px;border-radius: 8px;background-color: white;color: #333;cursor: pointer;transition: all 0.3s ease-in-out;}

/* ===================================
Page Search formation
====================================== */
.select2-container {box-sizing: border-box;display: inline-block;margin: 0;position: relative;vertical-align: middle;margin-bottom: 20px;margin-left:15px;width: 178px;font-weight: 500;font-size: 14px;}
.bloc-recherche-formation{background-color: #c8d1f7;padding:15px 0 15px 28px;margin:20px 35px 0 50px;}
.ligne-formation-bleu{display: grid;padding: 10px 5px 10px 0px;grid-gap: 20px 25px;grid-template-columns: 250px 250px 300px 250px;}
.ligne-formation-goch{width:250px;display: flex;justify-content: center;align-items: center;height: 9vh;color:#0b1028;font-weight: 700;font-size:16px;position: relative;display: inline-block;/* Stylisation du select */appearance: none; /* Supprime le style natif */width: 100%;padding: 12px 16px;font-size: 16px;border-radius: 8px;background-color: white;color: #333;cursor: pointer;transition: all 0.3s ease-in-out;}
.ligne-formation-middle{width:250px;display: flex;justify-content: center;align-items: center;height: 9vh;color:#fefefe;font-weight: 700;font-size:16px;position: relative;display: inline-block;/* Stylisation du select */appearance: none; /* Supprime le style natif */width: 100%;padding: 12px 16px;font-size: 16px;border-radius: 8px;background-color: white;color: #333;cursor: pointer;transition: all 0.3s ease-in-out;}
.ligne-formation-droite{width:250px;display: flex;justify-content: left;height: 10vh;color:#0b1028;font-weight: 700;font-size:16px;padding:0% 0%;}
.ligne-formation-goch{width:350px;display: flex;justify-content: center;align-items: center;height: 9vh;color:#0b1028;font-weight: 700;font-size:16px;position: relative;display: inline-block;/* Stylisation du select */appearance: none; /* Supprime le style natif */width: 100%;padding: 12px 16px;font-size: 16px;border-radius: 8px;background-color: white;color: #333;cursor: pointer;transition: all 0.3s ease-in-out;}
/* Effet au survol et focus */
.ligne-formation-goch select:hover,
.ligne-formation-goch select:focus {border-color: #4F46E5;box-shadow: 0 0 10px rgba(99, 102, 241, 0.4);outline: none;}
/* Ajout d'une flèche personnalisée */
.ligne-formation-goch::after {content: "";position: absolute;top: 70%;right: 16px;width: 30px;height: 60px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%236366F1'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-size: contain;background-repeat: no-repeat;transform: translateY(-50%);pointer-events: none;}
.ligne-formation-middle{width:350px;display: flex;justify-content: center;align-items: center;height: 9vh;color:#fefefe;font-weight: 700;font-size:16px;position: relative;display: inline-block;/* Stylisation du select */appearance: none; /* Supprime le style natif */width: 100%;padding: 12px 16px;font-size: 16px;border-radius: 8px;background-color: white;color: #333;cursor: pointer;transition: all 0.3s ease-in-out;}
/* Effet au survol et focus */
.ligne-formation-middle select:hover,
.ligne-formation-middle select:focus {border-color: #4F46E5;box-shadow: 0 0 10px rgba(99, 102, 241, 0.4);outline: none;}
/* Ajout d'une flèche personnalisée */
.ligne-formation-middle::after {content: "";position: absolute;top: 70%;right: 16px;width: 30px;height: 60px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%236366F1'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-size: contain;background-repeat: no-repeat;transform: translateY(-50%);pointer-events: none;}
.ligne-formation-droit{width:300px;display: flex;justify-content: center;height: 9vh;color:#0b1028;font-weight: 700;font-size:16px;padding:0% 5%;}
.select2-results__option {font-size: 12px;}

/* ===================================
Page Atelier découverte métier
====================================== */
.bloc-recherche-atelier{background-color: #c8d1f7;padding:15px 0 15px 45px;margin-left:90px;margin-right:4%;}
.ligne-atelier-bleu{display: grid;padding: 10px 5px 10px 0px;grid-gap: 2px 25px;grid-template-columns: 350px 350px 300px;}
/* Effet au survol et focus */
.ligne-atelier-goch select:hover,
.ligne-atelier-goch select:focus {border-color: #4F46E5;box-shadow: 0 0 10px rgba(99, 102, 241, 0.4);outline: none;}
/* Ajout d'une flèche personnalisée */
.ligne-atelier-goch::after {content: "";position: absolute;top: 68%;right: 10px;width: 30px;height: 50px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%236366F1'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-size: contain;background-repeat: no-repeat;transform: translateY(-50%);pointer-events: none;}
/* Effet au survol et focus */
.ligne-atelier-middle select:hover,
.ligne-atelier-middle select:focus {border-color: #4F46E5;box-shadow: 0 0 10px rgba(99, 102, 241, 0.4);outline: none;}
/* Ajout d'une flèche personnalisée */
.ligne-atelier-middle::after {content: "";position: absolute;top: 68%;right: 10px;width: 30px;height: 50px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%236366F1'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-size: contain;background-repeat: no-repeat;transform: translateY(-50%);pointer-events: none;}
.motif-atelier{display: block;width: 100%;height: 34px;padding: 6px 12px;font-size: 14px;line-height: 1.42857143;color: #555;background-color: #fff;background-image: none;border: 1px solid #ccc;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);-webkit-transition: border-colorease-in-out .15s, -webkit-box-shadowease-in-out .15s;}
.bloc-atelier-contenu{display: grid;padding: 0px 5px 35px 0px;grid-gap: 2px 35px;grid-template-columns: 782px 350px;margin-left:90px;}
.bloc-atelier-formation{display: grid;padding: 0px 35px 35px 0px;grid-gap: 2px 35px;grid-template-columns: 759px;margin-left:90px;}
.block-formation-goch{width:100%;}
.block-atelier-goch{width:775px;}
.cadre-atelier-titre{padding:15px;color:#fff;font-weight:700;font-size:18px;background-color:#7291a6;margin: 0px 5px 15px 0;}
.intitul-atelier{color:#466174;font-weight:700;font-size:18px;text-align: left;padding: 15px 0 0 0;}
.text-atelier{font-size:15px;line-height: 24px;text-align: left;font-weight: normal;margin-bottom: 20px;}
.imgatelier-col-dr{width:340px; height:100%;}
.bloc-atelier-picto{display: grid;padding: 20px 5px 35px 0px;grid-gap: 30px 5px;grid-template-columns: 300px 450px;margin-left:0px;}
.atelier-picto-g{width:100%;text-align: left;font-size: 18px;font-weight: 700;color: #466174;}
.atelier-text-r{width:100%;text-align: left;font-size: 14px;font-weight: 500;color: #466174;}
.block-atelier-droit{width:350px;text-align: center;}
.text-donne-atelier{font-size: 14px;font-weight: 500;line-height: 22px;}
.gap-img-plan-atelier{margin-top:25px;margin-left:25px;}
/*.btn-atelier{width: auto;max-width: 100%;border-radius: 1rem;display: inline-flex;flex-direction: row;background-color: #81899a;color: #fff;line-height: 1.5rem;justify-content: center;min-height: 2rem;box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;font-weight: 600;margin: 25px 0 25px 0;height: auto;padding: 20px 35px 20px 35px;font-size: clamp(22px, 2vw, 15px); transition: all 0.3s ease-in-out;}  Ajuste la taille du texte selon l'écran */
.bloc-coach-contenu{display: grid;padding: 0px 25px 35px 0px;grid-gap: 2px 35px;grid-template-columns: 759px; margin-left:90px;}
.block-principalg-coach	{width:100%;}
.block-principald-coach	{width:100%;text-align:left;}
.tit-coach{color:#002e3b; font-size:32px;font-weight:700;font-family: 'Anton', sans-serif;margin:15px 0;text-align:left;}
.tit-type-coach{color:#7291a6; font-size:25px;font-weight:700;font-family: cursive;margin:0  0 25px 0;text-align:left;}
.pres-type-coach{background-color: #7291a6;margin: 15px 0 15px 0;color: #fff;width: 50%;height: 8%;text-align: center;padding: 15px 0 10px 0;font-size: 18px;font-weight: 700;}
.pres-type-coachbis{background-color: #7291a6;margin: 15px 0 15px 0;color: #fff;width: 50%;height: 0%;text-align: center;padding: 15px 0 40px 0;font-size: 18px;font-weight: 700;}
.text-coach{text-align:justify; font-size:15px;line-height: 24px;}
.block-aime-coach{display: grid;padding: 0px 5px 35px 0px;grid-gap: 2px 5px;grid-template-columns: 360px 490px; margin-left:0px;}
.aime-coach-g{width:100%;}
.aime-coach-d{width:100%;}
ul.jdm-list{list-style-type: none;overflow-x:  auto;padding-left: 0px;white-space: nowrap;overflow-y: hidden;width: 86%;eaea;scrollbar-width: thin;}
ul.coach-list{list-style-type: none;overflow-x: auto;padding: 0px 0px 5px 0;width: 100%;margin-left: 0px;}
li.stit-coach{color:#002e3b; font-size:22px;font-weight:700;margin-bottom:15px;font-family: 'Anton', sans-serif;text-align:left;}
li.coach-liste{color:#7291a6; font-size:14px;font-weight:700;text-align:left;line-height: 1.2;font-family: 'Raleway', sans-serif;display: flex;align-items: center; /* Alignement vertical */gap: 8px; /* Espacement entre l'icône et le texte */}
li.coach-apropos{font-size:14px;font-weight:normal;text-align:left;color: #323232;font-family: 'Raleway', sans-serif;display: flex;align-items: center; /* Alignement vertical */gap: 8px; /* Espacement entre l'icône et le texte */}
.cal-btn-topb{margin:25px 0 25px 0;text-align: center;}
.avis-ligne-vote-atelier{display: flex;justify-content: space-between;align-items: center;width: 343px;margin: 30px 0 30px 0px;font-family: Arial, sans-serif;}
.avis-ligne-vote-atelier span {color: #007BFF;cursor: pointer;font-weight: bold;transition: 0.3s;}
.avis-ligne-vote-atelier span:hover {text-decoration: underline;}
.line-col-right-atelier{display: grid;margin-right: 0px;margin-left: 25px;padding: 30px 10px 5px 0;grid-gap: 2px 5px;grid-template-columns: 45px 45px 45px;justify-content: center;align-items: center;}
/* ===================================
Barre progression difficultés Atelier
====================================== */
.progress-container {display: flex;align-items: center;justify-content: left;margin-left: -15px;}
.progress-bare {width: 250px;height: 20px;background: #ddd;border-radius: 10px;overflow: hidden;position: relative;}
.progress-bare .progress {height: 100%;width: 60%; /* Ajuste ce pourcentage selon le niveau */background-color: #2884ae;transition: width 0.5s ease-in-out;}
.helmet {font-size: 20px;padding: 0 15px;}

/* ===================================
Email Template
====================================== */
.email-container {max-width: 600px;margin: 20px auto;background-color: #ffffff;border: 1px solid #ddd;border-radius: 5px;overflow: hidden;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);}
.email-header {background-color: #7291a6;padding: 20px;text-align: center;}
.email-header h1 {color: #ffffff;margin: 0;font-size: 24px;}
.email-body {padding: 20px;color: #333333;line-height: 1.6;}
.email-body strong {color: #000000;}
.email-button {text-align: center;margin: 20px 0;}
.email-button a {background-color: #7291a6;color: #ffffff;text-decoration: none;padding: 10px 20px;border-radius: 5px;font-weight: bold;text-transform: uppercase;}
.email-footer {background-color: #f9f9f9;padding: 10px;text-align: center;font-size: 12px;color: #666666;}
.faq {font-size: 14px;margin-top: 20px;border-bottom: 1px solid #ddd;}
.faq p {margin: 10px 0;}.faq strong {display: block;margin-bottom: 5px;}
.remark {font-size: x-small;background: #eee;padding: 10px;}
.philosophie{border-bottom: 1px solid #ddd;font-size: small;}
.link_bloc {margin-top: 20px;font-size: small;border-bottom: 1px solid #ddd;}
.contact{font-size: small;}
.tit-page-templ-mel{font-family: Arial, sans-serif;margin: 0;padding: 0;font-size:20px;font-weight:700;text-transform: uppercase;}
.gapdatenaiss{margin-top:-2px;}
.cal-mel-foot{background-color:#7291a6; margin:10px 0 10px 0; padding:3px;}
.gap-icon-footer{margin:5px 0 0px 5px;}
/* ===================================
Block Espace Parent + Conseiller
====================================== */
 /* Container des cartes */
.cards {display: grid;grid-template-columns: repeat(3, 350px);gap: 55px;max-width: 1100px;margin: 40px 0 40px 0;padding: 0 0px;}
.card {display: flex;flex-direction: column;align-items: center;text-decoration: none;            border: 1px solid #d1d5db;  border-radius: 12px;padding: 24px;transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;background: #fff;}
.card:hover,.card:focus-visible {transform: translateY(-2px);box-shadow: 0 8px 24px rgba(0,0,0,.08);border-color: #c5cad1;outline: none;}
.card img {display: block;width: 250px;height: auto;object-fit: cover;border-radius: 8px;margin-bottom: 14px;}
.card-title {font: 700 1.05rem/1.3 system-ui, -apple-system, Segoe UI, Roboto, sans-serif;color: #2563eb;text-align: center;}
}



@media (min-width: 600px) and (max-width: 1024px) {
/* ===================================
ECRITURE RAJOUTEE PAR RADO 
====================================== */
.containerthem {width: 71%;margin: auto;padding: 3% 0 3% 0 }
.container-actu {padding-right: 0;padding-left: 35px;width: 900px;margin-left: 3% }
/* ===================================  FIN ECRITURE RAJOUTEE PAR RADO  ====================================== */

/* ===================================
   Homepage
====================================== */
.lign-blockquote-hp {padding: 0 40px 0 20px;max-width: 1150px;margin: -2% auto 0 2%;}
.blockqo-text-headr {border-left: 5px solid #fff;padding-left: 20px;color: #fff;font-style: normal;}
.text-intro-hp {font-size: 20px;font-weight: 600;letter-spacing: 1px;line-height: 30px;margin-top: 10px;text-align: justify;}
.overlay {position: absolute;top: 0; left: 0;width: 100%; height: 90%;color: white;display: flex;align-items: center;justify-content: center;text-align: left;}
.leadparent{line-height: 24px;font-size: 16px;font-weight: 300;color: #000;}
#intro{position: relative;overflow: hidden;width: 100%;}
.bloc-je-suis-formation{display: grid;padding: 0px 5px;grid-gap: 2px 5px;grid-template-columns: 445px 470px;margin: 0 0 0 5%;}	
.bloc-je-suis-form-g{width:445px;margin-top: 9px;}
.bloc-je-suis-form-d{width:470px;}
.spacer-15 {width: 100%;height: 15px }
.textgras-2tm{font-size: 28px;font-weight: 700;line-height: 28px;padding-bottom: 6%;margin: 11% 0% 0% 0;}
.textgras-1tm{font-size: 14px;font-weight: 600;line-height: 25px;margin: 2px 0 35px 0;}
.ensemblebtn {position: relative;display: inline-block;}
.salleclasse {display: block;width: 100%;height: auto;}
.btn-custom {position: absolute;padding: 12px;border-radius: 16px;font-weight: 700;text-decoration: none;color: white;display: flex;align-items: center;justify-content: center;}
.insp {background-color: #ca8a0f;top: 23%;left: 8%;width: 180px;height: 83px;font-size: 30px;line-height: 33px;}
.rejoin {background-color: #fff;color: #000;top: 73%;left: 63%;width: 168px;height: 53px;font-size: 20px;line-height: 15px;border-radius: 16px 0;}
.textgraspro-10tm{font-size: 50px;font-weight: 800;line-height: 45px;margin:1% 0 2.8% 5%;}
.textgraspro-20tm{font-size: 50px;font-weight: 800;line-height: 45px;margin:1% 0 1% 5%;}
.ptb-sm-30 {padding-top: 3%;padding-bottom: 8%;}		
.bloc-je-suis-professionnelle{display: grid;padding: 0px 5px;grid-gap: 2px 5px;grid-template-columns: 450px 300px;margin: 0 0 5% 5%;}
.bloc-je-suis-prof-g{width:450px;margin-top: 13px;}
.bloc-je-suis-prof-d{width:300px;padding-left: 2%;margin-top: 16%;}
.btn-community-hp {padding: 35px 0 40px 15px;margin: 0% 0 10% 0%;width: 94%;font-weight: 700;text-transform: uppercase;background-color: #000;color: #fff;border-radius: 50px 50px 50px 0px;height: 25%;font-size: 18px;}
.imgtetedeco {margin: 5% 0 0 0; width: 350px;}
.bloc-fich-metier{display: grid;padding: 0px 5px;grid-gap: 2px 5px;grid-template-columns: 450px 450px;margin: 0 0 0 4.9%;}
.bloc-metier-fich-g{width:443px;margin-top: 15%;}
.bloc-metier-fich-d{width:450px;margin-top: -1%;margin-left: 2%;}
.textgrastemoignage{font-size: 50px;font-weight: 800;line-height: 45px;margin:6% 0 3.6% 3%;}
.textfichjob-1tm{font-size: 14px;font-weight: 700;line-height: 25px;margin: 0px 0 10px 5px;}
.textfichjob-2tm{font-size: 19px;font-weight: 700;line-height: 35px;padding-bottom: 2%;margin:0 20px 0 3px;}
.textfichjob-3tm{font-size: 23px;font-weight: 700;line-height: 27px;padding-bottom: 4%;margin:0 0px 0 3px; color:#797d8d; text-align:justify;}
.textfichjob-4tm{font-size: 13px;font-weight: 700;line-height: 22px;margin:0 0 20px 0;}
.textfichjob-5tm{font-size: 14px;font-weight: 700;line-height: 22px;margin-left:3px;}
.ficjob {position: relative;padding: 5px;background-color: #ca8a0f;border-radius: 16px;bottom: 25px;left: 104%;width: 200px;height: 85px;margin-top: -300px;font-size: 19px;line-height: 22px;}
.meetpro {position: relative;padding: 5px;background-color: #fff;border-radius: 29px 0 0 0;bottom: 10px;left: 65%;width: 170px;margin-top: -150px;height: 80px;font-size: 16px;line-height: 19px;text-align:justify;}
.textgrasficmet-10tm{font-size: 50px;font-weight: 800;line-height: 45px;margin:6% 0 -3.6% 5.3%;}	
.bloc-adopte-communaute{display: grid;padding: 0px 5px;grid-gap: 2px 5px;grid-template-columns: 520px 435px;margin: 0 0 5% 5%;}
.bloc-adop-commu-g{width:455px;margin-top: -19px;}
.bloc-adop-commu-d{width:460px;margin-top: -19px ;margin-left: -70px;background-color: #e9eef5;}
.coulorangbar{background-color:#fdbe49; width:460px; height:35px;}
.textcommu-1tm{font-size: 14px;font-weight: 700;line-height: 25px;margin: 25px 0 26px 35px;}
.textcommu-2tm{font-size: 17px;font-weight: 700;line-height: 22px;padding-bottom: 5%;margin:0 20px 0 35px;}
.textcommu-3tm{font-size: 22px;font-weight: 700;line-height: 28px;padding-bottom: 5%;margin:0 20px 0 35px; color:#797d8d; text-align:justify;}
.textcommu-4tm{font-size: 16px;font-weight: 700;line-height: 22px;margin:5px 0 0 35px;}	
.textcommu-5tm{font-size: 16px;font-weight: 700;line-height: 2px;margin:0px 0 0 35px}
.textcommu-6tm{font-size: 14px;font-weight: 700;line-height: 20px;margin:10px 0 0 35px}
.textcommu-7tm{font-size: 19px;font-weight: 700;line-height: 22px;margin:20px 0 20px 35px}
.textcommu-8tm{font-size: 22px;font-weight: 700;line-height: 30px;padding-bottom: 5%;margin:0 20px 0 35px; color:#797d8d; text-align:justify;}
.text-mentor-bloc-ho{font-size: 13px;font-weight: normal;line-height: 15px;padding:0px 22px 0 5px;}
.text-bloc-ho2{font-size: 13px;font-weight: normal;line-height: 15px;padding:0px 10px 0 20px;}
.textgratemoin-10tm{font-size: 50px;font-weight: 800;line-height: 45px;margin:5% 0 2% 15.5%;}		
.bloc-deux-colonne-trois{display: grid;padding: 0px 5px;grid-gap: 2px 5px;grid-template-columns: 100%;margin-left: 0%;}
.cardev3[data-format="horizontal-s-fluid desktop-square"]{height:190px;width:190px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.cardev3{display:-webkit-box;display:-ms-flexbox;display:flex;cursor:pointer;overflow:hidden;border-radius:8px;-webkit-box-shadow:0 0 10px rgba(0,0,0,.1);box-shadow:0 0 10px rgba(0,0,0,.1);-webkit-transition:-webkit-transform .3s cubic-bezier(.16,1,.99,.99);transition:-webkit-transform .3s cubic-bezier(.16,1,.99,.99);-o-transition:transform cubic-bezier(.16,1,.99,.99) .3s;transition:transform .3s cubic-bezier(.16,1,.99,.99);transition:transform .3s cubic-bezier(.16,1,.99,.99),-webkit-transform .3s cubic-bezier(.16,1,.99,.99)}@supports not (width:clamp(1px,1vw,2px)){.cardv3{overflow:unset}}@supports (width:clamp(1px,1vw,2px)){.cardev3:hover{-webkit-transform:scale(1.03);-ms-transform:scale(1.03);transform:scale(1.03);-webkit-box-shadow:0 0 20px rgba(0,0,0,.2);box-shadow:0 0 20px rgba(0,0,0,.2)}
.cardev3:focus{outline:2px auto #666;-webkit-box-shadow:0 0 10px rgba(0,0,0,.1);box-shadow:0 0 10px rgba(0,0,0,.1)}
.cardev3[data-format="horizontal-s-fluid desktop-square"]{width:100%; background-color:#c8d1f7;height:420px;padding: 5px 0 0 0px;box-shadow:1px 1px 1px 3px rgba(0, 0, 255, .1)}}	
.bloc-haut-bloc{display: grid;padding: 0px 15px 50px 0px;grid-gap: 2px 49px;grid-template-columns: 280px 280px 280px;margin-left: 4%;}
.bloc-bas-bloc{display: grid;padding: 0px 15px 50px 0px;grid-gap: 2px 49px;grid-template-columns: 280px 280px 280px;margin-left: 4%;}
.titre-themem {font-size: 18px;letter-spacing: 0px;line-height: 22px;text-align: left;font-weight: 400;margin: 0 0 0 32px;width: 95%;padding: 0 20px 35px 15px;}
.bloc-bouton-haut{display: grid;padding: 0px 5px;grid-gap: 2px 5px;grid-template-columns: 100%;margin: 7% 0 2% 4%;}
.ligne-btn-bleu{display: grid;padding: 0px 5px 0px 0px;grid-gap: 2px 14px;grid-template-columns: 210px 260px 300px 125px;margin: -3.5% 0 0 0%;}
.cardev4[data-format="horizontal-s-fluid desktop-square"]{height:190px;width:190px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.cardev4{display:-webkit-box;display:-ms-flexbox;display:flex;background-color: #7994a7;cursor:pointer;overflow:hidden;border-radius:8px;-webkit-box-shadow:0 0 10px rgba(0,0,0,.1);box-shadow:0 0 10px rgba(0,0,0,.1);-webkit-transition:-webkit-transform .3s cubic-bezier(.16,1,.99,.99);transition:-webkit-transform .3s cubic-bezier(.16,1,.99,.99);-o-transition:transform cubic-bezier(.16,1,.99,.99) .3s;transition:transform .3s cubic-bezier(.16,1,.99,.99);transition:transform .3s cubic-bezier(.16,1,.99,.99),-webkit-transform .3s cubic-bezier(.16,1,.99,.99)}@supports not (width:clamp(1px,1vw,2px)){.cardv4{overflow:unset}}@supports (width:clamp(1px,1vw,2px)){.cardev4:hover{-webkit-transform:scale(1.03);-ms-transform:scale(1.03);transform:scale(1.03);-webkit-box-shadow:0 0 20px rgba(0,0,0,.2);box-shadow:0 0 20px rgba(0,0,0,.2)}
.cardev4:focus{outline:2px auto #666;-webkit-box-shadow:0 0 10px rgba(0,0,0,.1);box-shadow:0 0 10px rgba(0,0,0,.1)}
.cardev4[data-format="horizontal-s-fluid desktop-square"]{width:100%; height:50px;font-weight: 700;font-size: 13px;padding: 13px 5px 0 10px;box-shadow:1px 1px 1px 3px rgba(0, 0, 255, .1)}}	
.bord-bas-orange{background-color: #fdbe49;width: 100%;height: 30px;text-align: center;font-size: 14px;font-weight: 600;}
.txtbasbloc{margin: 0px auto;text-align: center;line-height: 16px;font-size: 14px;}	
.particle-deconstruct-container {display: flex;justify-content: center;align-items: center;height: 100vh;background: #c8d1f7;}
.particle-deconstruct-element {width: 300px;height: 200px;background: #c8d1f7;display: flex;justify-content: center;align-items: center;position: relative;overflow: hidden;}
.particle-deconstruct-element h2 {color: #0b1028;font-weight:700;line-height: 32px;margin-left:0%;font-size: 1.9rem;position: relative;z-index: 2;transition: all 0.5s ease;}
.particle-deconstruct-element::before,
.particle-deconstruct-element::after {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: repeating-radial-gradient(circle at center, #7e8d98 1px, transparent 2px, transparent 50px);opacity: 0;transition: all 0.5s ease;}
.particle-deconstruct-element:hover h2 {transform: scale(1.5) rotate(360deg);opacity: 0;}
.particle-deconstruct-element:hover::before {transform: scale(2) rotate(45deg);opacity: 0.3;}
.particle-deconstruct-element:hover::after {transform: scale(2) rotate(-45deg);opacity: 0.3;margin-left:-10px;}	
.bloc-logo{display: grid;padding: 0px 5px;grid-gap: 2px 5px;grid-template-columns: 100%;margin: 2% 0 0 -4%;}
.ligne-logo-tm{display: grid;padding: 0px;grid-gap: 2px 0px;grid-template-columns: 45px 520px 245px 150px 0px 40px;margin: 0% 0 0 2%;}
.btns-header {display: flex;align-items: flex-start;gap: 30px;margin-top: 7px;}
.logo-dark{margin-left: -5%;}
.logo-light{margin-left: -5%;}
.job{font-size: 21px;font-weight: bold;padding-top: 10px;color: #000;margin-left: 8px;text-align: left;}
.metier{font-size: 9px;margin-left: 9px;margin-top: -11px;color: #000;font-weight: normal;text-align: left;}
.to {font-size: 20px;font-weight: bold;color: #fff;}
.to2 {font-size: 20px;font-weight: bold;color: #fff;position: absolute;top: 30.5px;}
.see {position: relative;padding-left: 25px;}
.see2 {position: relative;padding-left: 25px;top: 0px;}
i{font-size: 16px;padding: 0 9px 0 9px;}
.side-menu .menu-close {padding: 1px 6px;border: 2px solid #fff;border-radius: 50%;float: right;margin: 10px 15px 0 0;}
.side-menu .menu-close:hover {background: url("../img/close-color.png");color: #e6ae49;}
.btn_menu_inscr-jts{background-color: #111111;color: #0b1028;border-radius: 10px 10px 10px 10px;padding: 10px 10px;width: 50%;}
.btn_menu_myespace-jts{background-color: #111111;color: #0b1028;border-radius: 10px 10px 10px 10px;padding: 10px 10px;width: 58%;}
.them-space{font-size: 12px;font-family:arial;text-transform: uppercase;padding-left: 0px;}
.icon-img,.iconfirst-img{display: none;}
.icon-intitu{display: block;}
.calage-blockqot{margin-left: -2.5%}
.tit-platef-dec-job{margin-top: 16%; font-size:25px; font-weight:700;color:#fff;margin-left: -5%;}
.blockqo-text-headr{border-color: #fff; height: 92%;margin: 0px;font-size: 16px;font-weight: 500;line-height: 28px;width: 100%;color:#fff;}
.text-headr-blan{font-size:32px; font-weight:700;color:#fff;letter-spacing: 0px;line-height: 19px;padding: 0 0 50px 0;}
.bas-header-plus{font-size:18px; font-weight:700;color:#0b1028;background-color: #fff;margin: 25px 0 0 0px;width: 38%;float: left;padding: 10px 25px;border-radius: 8px;box-shadow: 0 0 10px rgba(0, 0, 0, .9);}		
.btn404{color: #fff;background: #323232;border: none;border-radius: 1rem;margin: 5px 0 20px 47%;width: 23%;padding: 11px 0px 12px;touch-action: manipulation;cursor: pointer;display: inline-block;font-weight: 700;text-align: center;white-space: nowrap;}
.txttdescerror{margin-left: 36.5%;}
.esp-error{margin-top: 10%;}
.btn-top-droit{margin-top:-4px;}
.btn-top-droite{margin-top:-4px;}
a.menu-gauc-insc{font-size: 14px;font-weight: normal;font-family:arial;text-transform: uppercase;padding-left: 10px;color:#fff;}
a.menu-gauc-insc:hover{color: #950e04;font-family:arial;text-transform: uppercase;padding-left: 10px;}
.nav-bar-icon {display: inline-block;float: right;position: relative;height: 16px;width: 20px;padding-top: 12px;padding-bottom: 35px;margin-left: 15px;transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;-moz-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;-o-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;-webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;cursor: pointer;}
.bas-audessus-rejoind{margin-top: -26%;margin-left: 68%;z-index: 1000;position: absolute;}
a.accueil-rejoin-communi{font-size: 19px;font-weight: 700;font-family:arial;text-transform: uppercase;padding-left: 14px;color:#fff;}
a.accueil-rejoin-communi:hover{color: #950e04;font-family:arial;text-transform: uppercase;padding-left: 14px;}
.temoig-text{font-size: 12px;font-weight: 600;color: #0b1028;letter-spacing: 1px;line-height: 22px;text-align: justify;}
a.gras-lien-block, a.gras-lien-block:hover{font-weight: 700;font-size:28px;padding-left: 2px;display: flex;align-items: center;text-align: center;}
a.gras-lien-accuei, a.gras-lien-accuei:hover {font-weight: 700;font-size:17px;align-items: center;text-align: center;}
a.gras-lien-inscip-pub:hover{font-weight: 700;font-size:14px;padding-left: 8px;}
a.grasse-link-accueil,a.grasse-link-accueil:hover {font-weight: 700;font-size:15px;align-items: center;text-align: center;}

/* ===================================
   Page Connexion
====================================== */
.lign-connect{display: grid;padding: 0px 5px;grid-gap: 2px 10px;grid-template-columns: 470px 500px;margin: 0 0 5% 2%;}
.blocl-g-connec{width:100%;}
.blocl-d-connec{width:100%;}
.titre-connec{font-size: 25px;letter-spacing: 4px;line-height: 32px;text-align: left;margin-bottom: 10px;font-weight: 700;text-transform: uppercase;}
label.labconnec {color: #323232;font-size: 15px;margin-bottom: 1px; padding-right: 3px;margin-top: 6px;font-weight: 600;}
.box-connect{border: 1px solid #f1f1f1;padding: 0 25px;}
.slignbtncoonect {display: flex;justify-content: space-between;align-items: center;padding: 0 5px;margin: 0;}
.slignbtn-g-connec,.slignbtn-d-connec {flex: 1;margin: 0 10px 0 0;}
.mdpconnect {text-decoration: underline;font-size: 0.8em;font-weight: normal;}

/* ===================================
   Page Contact
====================================== */
textarea {border: 1px solid #ddd;border-radius: 0px;color: #888;font-weight: 400;font-size: 13px;padding: 10px 15px 10px;margin-bottom:26px;}
.labcontacmsg{color: #323232;font-size: 13px;margin-bottom: 1px;padding-right: 3px;margin-top: 26px;font-weight: 600;}
.color-text-liste{background-image: url(../assets/images/icon_fleche_bas.svg); background-size: 10px 10px; background-repeat: no-repeat; background-position-x: 96%; background-position-y: 14px; width:100%;height: 40px;padding: 0px 0 0 10px;margin-bottom: 20px;border: 1px solid #d3d3d3;border-radius: 5px;}

/* ===================================
   Page Coach
====================================== */
.titre-coach{font-size: 24px;letter-spacing: 4px;text-transform: uppercase;font-weight: 700;line-height: 28px;text-align: left;margin: 50px 0 25px 5px;}
.bloc-deux-colonne-coach{display: grid;padding: 0px 5px;grid-gap: 2px 5px;grid-template-columns: 900px;margin-left:0%;}
.txtcoachtop{text-align: justify;margin-right: 58px;line-height: 24px;font-size: 16px;font-weight: 300;color: #000;}
.ptittextcoach{text-align: justify;font-size: 14px;font-weight: 300;}
blockquote.titi{font-style: normal;font-size: 16px;margin-left: 32px;font-family: Consolas, "Times New Roman", Verdana;border-left: 4px solid #e6727d;padding-left: 8px;letter-spacing: 0px;margin-bottom:45px;line-height: 18px;}
.textcomparcoach{line-height: 15px;font-size: 15px;font-weight: 300;color: #000;text-align: left;}
h3.coaching{font-size: 19px;font-weight: 600;text-transform: none;letter-spacing: 0px;line-height: 20px;padding: 20px 0 0 6px;}
.puce-synoni-coache{display: flex;margin-top: 10px;padding-left:6px;}
.puce-bleu-coaching{min-width: 6px;height: 6px;background-color: #00bcd4;border-radius: 50%;margin-right: 6px;margin-top: 4px;}
.lign-coach-faq-advice{display: grid;padding: 20px 5px;grid-gap: 2px 35px;grid-template-columns: 520px 390px;margin: 0 0 0 0;}
.lcfa-g,.ljdm-g {width:100%;}
.lcfa-d,.ljdm-d {width:100%;}
.lign-jdm-faq{display: grid;padding: 20px 0px;grid-gap: 2px 60px;grid-template-columns: 435px 450px;margin: 0 0 0 0;}
.lign-jdm-parler{display: grid;padding: 20px 5px;grid-gap: 2px 60px;grid-template-columns: 335px 520px;margin: 0 0 0 0;}
.lign-btn-temoin{display: grid;padding: 20px 5px;grid-gap: 2px 40px;grid-template-columns: 355px 520px;margin: 0 0 0 0;}
.ptb-sm-50 {padding: 2% 11.5% 1% 3%;}
.intitu-gras-temoign{font-size: 20px;font-weight: 800;text-transform: none;letter-spacing: 0px;line-height: 20px;margin: 25px 0 15px 20px;}
.textaccordeo{line-height: 24px;font-size: 12px;font-weight: 300;color: #696262;text-align:justify;}
.coachin-intitul-qui{font-size: 20px;font-weight: 800;text-transform: none;letter-spacing: 0px;line-height: 20px;margin: 25px 0 15px 10px;text-align:left;}
.fond-blok-decouv-job-coach{background-color: rgb(0, 0, 0);color: rgb(255, 255, 255);padding: 1.1rem;margin: 0px 0 0 15px; font-weight:700;border-radius: 8px;}
.titrcoacscol{font-size: 20px;font-weight: 800;text-transform: none;letter-spacing: 0px;line-height: 20px;margin: 25px 0 20px 10px;}
.caltabcoach{margin: 20px 0 30px 45px;width: 92%;}
.avis-ligne-vote-coach{display: flex;justify-content: space-between;align-items: center;width: 308px;margin: 30px 0 30px 0px;font-family: Arial, sans-serif;}
.avis-ligne-vote-coach span {color: #007BFF;cursor: pointer;font-weight: bold;transition: 0.3s;}
.avis-ligne-vote-coach span:hover {text-decoration: underline;}
.line-col-right-coach {display: grid;margin-right: 0px;padding: 30px 0px 5px 18px;grid-gap: 2px 5px;grid-template-columns: 45px 45px 45px;justify-content: center;align-items: center;}
.moyen-icon-coach{width: 25px;}
/* ===================================
   Bouton animé
====================================== */
@-webkit-keyframes topAnimation {from {transform: translate(0rem, 0);}to {transform: translate(0rem, 3.5rem);}}
@keyframes topAnimation {from {transform: translate(0rem, 0);}to {transform: translate(0rem, 3.5rem);}}
@-webkit-keyframes bottomAnimation {from {transform: translate(-11.5rem, 0);}to {transform: translate(0rem, 0);}}
@keyframes bottomAnimation {from {transform: translate(-11.5rem, 0);}to {transform: translate(0rem, 0);}}
a.btnne {text-transform: uppercase;text-decoration: none;font-weight: 700;border: 0;position: relative;letter-spacing: 0.15em;margin: 0 0 0 0;padding: 1rem 1rem;background: transparent;outline: none;font-size: 13px;white-space: normal;color: #111111;transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.15s;display: inline-block; /* important pour les liens */}
a.btnne::after,
a.btnne::before {border: 0;content: "";position: absolute;height: 40%;width: 10%;transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);z-index: -2;border-radius: 50%;}
a.btnne::before {background-color: #c92918;top: -0.75rem;left: 0.5rem;animation: topAnimation 2s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.25s infinite alternate;}
a.btnne::after {background-color: #e74c3c;top: 2.5rem;left: 1rem;animation: bottomAnimation 2s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.5s infinite alternate;}
a.btnne:hover {color: white;}
a.btnne:hover::before,
a.btnne:hover::after {top: 0;height: 100%;width: 100%;border-radius: 0;animation: none;}
a.btnne:hover::after {left: 0rem;}
a.btnne:hover::before {top: 0.5rem;left: 0.35rem;}
a.btnne2 {text-transform: uppercase;text-decoration: none;font-weight: 700;border: 0;position: relative;letter-spacing: 0.15em;margin: 0 10px 0 0;padding: 10px 5px 10px 25px;background: transparent;outline: none;font-size: 14px;white-space: normal;color: #111111;transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.15s;display: inline-block; /* important pour les liens */}
a.btnne2::after,
a.btnne2::before {border: 0;content: "";position: absolute;height: 40%;width: 10%;transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);z-index: -2;border-radius: 50%;}
a.btnne2::before {background-color: #c92918;top: -0.75rem;left: 0.5rem;animation: topAnimation 2s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.25s infinite alternate;}
a.btnne2::after {background-color: #e74c3c;top: 2.5rem;left: 1rem;animation: bottomAnimation 2s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.5s infinite alternate;}
a.btnne2:hover {color: white;}
a.btnne2:hover::before,
a.btnne2:hover::after {top: 0;height: 100%;width: 100%;border-radius: 0;animation: none;}
a.btnne2:hover::after {left: 0rem;}
a.btnne2:hover::before {top: 0.5rem;left: 0.35rem;}
a.btnne3 {text-transform: uppercase;text-decoration: none;font-weight: 700;border: 0;position: relative;line-height:15px;letter-spacing: 0.15em;margin: 0 10px 0 0;padding: 10px 20px 10px 50px;background: transparent;outline: none;font-size: 12px;white-space: normal;color: #111111;transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.15s;display: inline-block; /* important pour les liens */}
a.btnne3::after,
a.btnne3::before {border: 0;content: "";position: absolute;height: 40%;width: 10%;transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);z-index: -2;border-radius: 50%;}
a.btnne3::before {background-color: #c92918;top: -0.75rem;left: 0.5rem;animation: topAnimation 2s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.25s infinite alternate;}
a.btnne3::after {background-color: #e74c3c;top: 2.5rem;left: 1rem;animation: bottomAnimation 2s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.5s infinite alternate;}
a.btnne3:hover {color: white;}
a.btnne3:hover::before,
a.btnne3:hover::after {top: 0;height: 100%;width: 100%;border-radius: 0;animation: none;}
a.btnne3:hover::after {left: 0rem;}
a.btnne3:hover::before {top: 0.5rem;left: 0.35rem;}
.fond-blok-mov-btn {overflow: hidden; /* Pour empêcher les animations de déborder */max-width: 100%;margin:2px 0 2px 15px;}
.fond-blok-mov-btn2 {overflow: hidden; /* Pour empêcher les animations de déborder */max-width: 100%;margin:29px 22px 25px 15px;}
.fond-blok-mov-btn3 {overflow: hidden; /* Pour empêcher les animations de déborder */max-width: 100%;margin:10px 26px 10px 15px;}
.btn-new {position: relative;text-transform: uppercase;overflow: hidden;color: white;background-color: #09193b;padding: 0.75em 0.9em;border: none;border-radius: 8px;cursor: pointer;font-size: 1rem;transition: background-color 0.3s ease;display: inline-block;text-align: center;text-decoration: none;font-weight: 700;}
.btn-new::before {content: "";position: absolute;top: 0;left: -75%;width: 50%;height: 100%;background: rgba(255, 255, 255, 0.3);transform: skewX(-20deg);transition: all 0.5s ease;}
.btn-new:hover {color: white; }
.btn-new:hover::before {left: 125%;}
#search-form-topes {padding: 12px;width: 100%;background: #323232;color: white;height: 68px;text-transform: uppercase;font-size: 15px;}
/* ===================================
   Fin Bouton animé
====================================== */

/* ===================================
   Page Notation
====================================== */
.ligne-deux-colonne-avis{display: grid;padding: 0px 5px;grid-gap: 2px 20px;grid-template-columns: 625px 300px;margin: 0 0 0 3.5%;}
.bloc-gauche-avis{width:100%;}
.bloc-droit-avis{width:100%;}
.fond-accroche-avis,.fond-accroche-mentor{padding:20px; background:#c8d1f7; margin:30px 0 30px 0px;border-radius: 0 0 40px 0px;}
.accroche-avis{font-size:20px; padding:10px 0 0 10px;line-height: 24px;text-align: justify;font-weight:700;}
.bloc-bas-avis{width:100%;margin-bottom: 55px;margin-left: 0%;}
.txt-bas-avis{font-size:17px;font-weight:700;margin: 5px 0 5px 0px;}
.txt-bas-luc{font-size:17px;font-weight:700;margin: 5px 0 5px 30px;}
h1.titre-page{font-size: 20px;font-weight: bold;letter-spacing: 1px;line-height: 24px;text-align:left;margin: 0 0 5px 0;padding-top: 1px;text-transform: uppercase;color: #323232;}

/* ===================================
   Page Actualité + détails
====================================== */
.actutest{padding: 60px 0 0 0px;width: 92%;margin: auto;}
h1.titre-actualite-jts{font-size: 21px;text-transform: uppercase;letter-spacing: 4px;line-height: 32px;text-align: left;font-weight: 700;}
.col-actud{width:65%;text-align: left;display: inline-block;vertical-align: top;}
.col-actug{width:30%;text-align: left;display: inline-block;vertical-align: top;margin-right: 20px;}
.ptb-sm-90 {padding: 20px 0 50px 15px;}
.ptb-sm-100 {padding: 20px 0 50px 15px;}
.biggrotitreactu {font-size: 18px;letter-spacing: 0px;line-height: 16px;text-align: left;font-weight:bold;}
.textactumt{font-size: 15px;font-weight: 300;line-height: 24px;text-align: justify;color: #323232;}
.pull-right{float:right;font-size: 12px;}
.img-respon-metier{vertical-align: middle;display: block;max-width: 100%;height: auto;}
.border-box {border: 1px solid #f1f1f1;padding: 25px}
.lign-detail-actu{display:grid;padding:20px 0;grid-gap:32px 30px;grid-template-columns: 310px 600px;margin-left: 25px;}
.block-g-jetrouve{width:90%;}
.lign-detail-gauche{width:100%;}
.lign-detail-droit{width:100%;}
.metier-fiche-titre{color: #00bcd4;text-transform: uppercase;font-weight: 800;font-size: 28px;text-align: left;letter-spacing: 1px;line-height: 30px;margin: 45px 0 15px 3px;}
.epaisaccroch{line-height: 23px;font-size: 18px;font-weight: 700;}
.bloc-affi{display: grid;padding: 0px 5px;grid-gap: 2px 5px;grid-template-columns: 10px 95px 20px 60px 10px 100px;}	
.accordion {width: 124%;margin: 0 auto;background-color: transparent;padding: 0%;}
.accordion-item {background-color: #fff;color: #486d71;margin: 1rem 0 50px 0;border-radius: 0.5rem;width:100%;box-shadow: 0 2px 5px 0 rgba(0,0,0,0.25);}
.accordion-item-header {padding: 0.5rem 2.5rem 0.5rem 1rem;min-height: 6.5rem;line-height: 1.5rem;font-weight: bold;text-transform: uppercase;display: flex;align-items: center;position: relative;cursor: pointer;font-size: 16px;}
.accordion-item-header::after {content: "\002B";font-size: 2rem;position: absolute;right: 1rem;}
.accordion-item-header.active::after {content: "\2212";color:#0b2a0d;}
.accordion-item-body {max-height: 0;overflow: hidden;transition: max-height 0.2s ease-out;}
.accordion-item-body-content {padding: 10px 10px 0 10px;line-height: 0.1rem;border-top: 1px solid;border-image: linear-gradient(to right, transparent, #1a64b2, transparent) 1;font-family: Arial;font-size: 0.9rem;text-align: justify;color: #486d71;font-weight:500;}
h1.titre-actu{font-size: 17px;letter-spacing: 2px;line-height: 22px;text-align: left;margin-top: 0px;font-weight: 700;}
.textactujts{line-height: 24px;font-size: 16px;font-weight: 300;color: #000;text-align: justify;margin: 0px 0 5px 0;}
a.boutactu{font-size:14px;}
a.boutactu:hover{font-size:14px;}
.date{font-size: 12px;font-weight: 300;}
/* Quiz test fiche metier */
.question {margin-bottom: 25px;border: 1px solid #cad1d6;border-radius: 5px;padding: 15px;width: 122%;}
.question p {font-weight: bold;margin-bottom: 10px;}
.quiz-block {display: inline-flex;/* Inline pour limiter la taille au contenu */align-items: center;padding: 15px;margin: 10px;border: 2px solid #ccc;border-radius: 8px;cursor: pointer;transition: background-color 0.3s, border-color 0.3s;background-color: white;       /* Fond de base */max-width: max-content;        /* Pour éviter que ça prenne toute la largeur */position: relative;            /* Pour positionner des éléments internes si besoin */}
.quiz-block input[type="radio"] {margin-right: 10px;}
.quiz-block input[type="radio"]:checked {/* Rien à faire ici, c'est invisible */}
.quiz-block input[type="radio"]:checked + span {background-color: #e1f0ff;border-radius: 5px;padding: 5px 10px;}
/* Si tu veux colorer tout le label quand coché */
.quiz-block input[type="radio"]:checked {outline: none;}
.quiz-block input[type="radio"]:checked ~ span {background-color: #e1f0ff;}
/* Si tu veux que tout le label change aussi */
.quiz-block input[type="radio"]:checked {/* rien, impossible d'appliquer sur le parent input */}
.quiz-block input[type="radio"]:checked ~ span {background-color: #e1f0ff;}
/* Pour colorer le label complet, utilise cette astuce */
.quiz-block input[type="radio"]:checked { /* on ne peut pas cibler le parent en CSS */}
/* Astuce : colorer le label via :has() (mais support limité) */
label.quiz-block:has(input[type="radio"]:checked) {background-color: #e1f0ff;border-color: #0078d7;}
#result {margin-top: 30px;padding: 20px;background: #dff0d8;border: 1px solid #d0e9c6;border-radius: 6px;display: none;}
.questquiz{font-size: 14px;line-height: 25px;font-weight: 700;}
.lignquiz{display: grid;padding: 0px 5px;grid-gap: 2px 5px;grid-template-columns: 130px 160px 160px 150px;margin: 0 0 0 0;}
button.quiz{display: block;width: 100%;background: #7291a6;color: white;font-size: 18px;padding: 12px;border: none;border-radius: 6px;cursor: pointer;margin-top: 15px;}
button.quiz:hover{background: #c8d1f7;color:#465079;font-weight:600;color:#7291a6;}
.titresponquiz{font-size: 19px;font-weight:700;}
.responquiz{font-size: 14px;text-align: justify;line-height: 24px;font-weight:600;}

/* ----------------------------------------------------------------------*/
/* Page Mdp  --------------------------------------------- */
/* ----------------------------------------------------------------------*/
.lign-mdp{display: grid;padding: 0px 5px;grid-gap: 2px 40px;grid-template-columns: 660px 250px ;margin: 2% 0 5% 2.5%;}
.col-mdp-g{width:100%;}
.col-mdp-g{width:100%;}
.motdepasse{font-size: 25px;letter-spacing: 4px;line-height: 32px;text-align: left;margin: 0% 2% 0 3%;font-weight: 700;text-transform: uppercase;}
.mtmdp{margin:40px 0 60px 10px;}
.textmdp{text-align:justify;line-height: 24px;font-size: 16px;font-weight: 300;color: #000;}
.souslign-mdp{display: grid;padding: 0px 5px;grid-gap: 2px 30px;grid-template-columns: 330px 350px ;margin: 2% 0 5% 0%;}
.lave{margin-top:5px;}
.input-container,.input-containerbis {position: relative;width: 100%;margin-bottom: 6px;}
.input-container i,.input-containerbis i {position: absolute;left: 10px;top: 55%;transform: translateY(-50%);color: #09193b8f;}
.input-container input,.input-containerbis input {width: 100%;padding: 10px 10px 10px 45px;border: 1px solid #ccc;border-radius: 5px;}
.mdpg{width:100%;}
.mdpd{width:100%;}

/* ----------------------------------------------------------------------*/
/* Pagination Navigation   --------------------------------------------- */
/* ----------------------------------------------------------------------*/
.pagination-nav {width: 100%;display: block;position: relative;text-align: center;}
.pagination-nav ul {margin: 0px;padding: 0px;display: inline-block;}
.pagination-nav ul li {display: inline-block;margin: 0px 2px;}
.pagination-nav ul li a {display: block;background-color: #f7f7f7;height: 36px;width: 36px;line-height: 36px;text-align: center;font-size: 14px;}
.pagination-nav ul li.active a {background: #323232;color: #fff;}
.mtb-30 {margin-top: 30px;margin-bottom: 30px;}

/* ===================================
   Page 1er niveau - Ex devenir mentor
====================================== */
h2.actudescrip{font-size: 22px;font-weight:bold; text-align: left;line-height:24px; padding: 5px 0 0px 0; margin:15px 0px 5px 0px;text-transform: uppercase;color: #323232;}
h2.actusousdescrip{font-size: 16px;font-weight:bold; text-align: left;line-height:24px; padding: 5px 0 0px 0; margin:15px 0px 5px 0px;text-transform: uppercase;color: #323232;}
.puce-synoni-pati{display: flex;margin-top: 6px;}
.btn-mentor{width: 20%;margin : auto;letter-spacing: 2px;text-transform: uppercase;padding: 15px;background-color: #e6ae49;font-weight: bold;font-size: 12px;color: #fff;}
.btn-mentor:hover {width: 20%;margin : auto;letter-spacing: 2px;text-transform: uppercase;padding: 10px;background-color: #e6ae49;font-weight: bold;font-size: 12px;color: #fff;}
.orange-bg {background-color: #f5be5c;background-image: url(http://dev.jobtosee.fr/home/assets/images/fond-marron-rond.png); background-position-y: -259.16px;background-size: cover;}
.largdesc-or{width:78%;margin-left: auto;margin-right: auto;}
.txt-fond-desc{font-weight: 700;font-size: 30px;line-height: 45px;color: #23233f;letter-spacing: -1px;}
.desc-orang-10 {margin-right: auto;margin-left: auto; padding:100px 10px 100px 10px;}
.vign-devenir-mentor{display:grid;padding:20px 0;grid-gap:32px 100px;grid-template-columns: 255px 255px 260px;margin-left: 3%;}
.bloc-dev-mentor{display: grid;padding: 0px 5px;grid-gap: 2px 35px;grid-template-columns: 250px 350px 275px;margin: 0 0 0 10px;}
.g-bloc-dev-mentor, .m-bloc-dev-mentor, .d-bloc-dev-mentor {width: 100%;margin: 15px;}
ul.colonrganis {list-style-type: none;margin: 0;padding: 0;overflow: hidden;margin-left: 0%;}
.topbarrebleu{display: flex;margin-bottom: 22px;}
.barrebleu{padding: 14px;flex: 1;background-color:#f6f6f6;border-top: 4px solid #00bcd4;border-bottom-right-radius: 8px;border-bottom-left-radius: 8px;}
li.cadredevmentor{float: left;width:99%;}
.title-descojob{font-size: 1.2em;font-weight: 700;text-transform: uppercase;color: #000;margin: 1em 0 0 2.5em;line-height: 1em;position: relative;width:94%;}
.fonddescojob{background-color: #e6ae49;height: 19px;top: 50%;transform: translateY(-50%);left: 0;right: 0;position: absolute;z-index: 0;}
.titredcjob{background-color: #fff;transform: skewX(-10deg);padding: 3px 10px;margin-left: -6px;line-height: 1em;font-size: 14px;}
.textdescojob{display: flex;justify-content: space-between;align-items: center;position: relative;z-index: 1;}
ul.listorganism{list-style-type: none;margin: 0;padding: 0;overflow: hidden;}
.synoni-job{font-size: 16px;line-height: 18px;font-weight: 600;padding-bottom: 10px;}
.themmich{font-size: 13px;line-height: 16px;font-weight: 500;text-align: left;margin-top: 5px;}
.puce-bleu-metier{min-width: 6px;height: 6px;background-color: #00bcd4;border-radius: 50%;margin-right: 6px;margin-top: 10px;}
.text-figure-img{font-size:10px;padding:2px 0 0px 0px;font-weight: 600; line-height: 22px;color:#999;}
.sommaire{font-size:18px;font-weight:700;letter-spacing: 1px;color:#192d66;padding-bottom: 10px;padding-top: 5px;}
a.txtsommaire{display: inline-flex;align-items: center;text-decoration: none;color: #000;line-height: 15px; font-size: 12px;}
a.txtsommaire:hover{color: #950e04;}
.iconsommaire{width: 15px; height: 15px;margin: 1px 8px 0 0;}
.ligntab{display: grid;padding: 0px 0px;grid-gap: 2px 5px;grid-template-columns: 170px 190px 150px 162px 55px 180px ;margin: 0 0 0 0;}
.tab1, .tab2, .tab3, .tab4, .tab5, .tab6{width: 100%;background-color:#7291a6;text-align:center;font-weight: 700;}
.tab7, .tab8, .tab9, .tab10, .tab11{width: 100%;background-color:#c8d1f7;text-align:center;font-weight: 700;padding-top:10px;}
.tab13, .tab14, .tab15, .tab16, .tab17, .tab18, .tab19, .tab20, .tab21, .tab22, .tab23, .tab24, .tab25, .tab26, .tab32, .tab33, .tab34, .tab35, .tab36{width: 100%;background-color:#dadcdd;font-size: 12px;line-height: 18px;vertical-align: middle;display: flex;align-items: center;height: 50px;line-height: 15px;}
.tab27, .tab28, .tab29, .tab30, .tab31{width: 100%;background-color:#dadcdd;text-align:center;font-size: 11px;padding-top: 10px;}
h2.sixdispo{font-size: 15px;font-weight: 600;text-transform: none;letter-spacing: 0px;line-height: 20px;margin-bottom: 10px;}
.tab12{width: 100%;background-color:#dadcdd;font-size: 11px;line-height: 18px;vertical-align: middle;display: flex;align-items: center;height: 50px;line-height: 15px;}
/*********************** Encadré btn orange ******************************************/
.cadreannuaireformation{border: 1px solid #00000030;border-radius: 16px;box-shadow: 0 1px 1px rgb(0 0 0 / 5%);margin-bottom: 25px;}
.intcadreaf{padding: 45px 15px 0px 15px;text-align: center;font-size: 16px;font-weight: 700;}
.leadbtnmentor{margin: 5% 0 5% 0;}
/*********************** Effet accordéons ******************************************/
.accordionfaq {width: 100%;margin: 0 auto;background-color: transparent;padding: 0%;}
.accordionfaq-item {background-color: #fff;color: #486d71;margin: 1rem 0 25px 5px;border-radius: 0.5rem;width:97%;box-shadow: 0 2px 5px 0 rgba(0,0,0,0.25);}
.accordionfaq-item-header {padding: 0.5rem 3.5rem 0.5rem 1rem;min-height: 2rem;line-height: 0.8rem;font-weight: 500;display: flex;align-items: center;position: relative;cursor: pointer;font-size: 11px;}
.accordionfaq-item-header::after {content: "\002B";font-size: 2rem;position: absolute;right: 1rem;}
.accordionfaq-item-header.active::after {content: "\2212";color:#0b2a0d;}
.accordionfaq-item-body {max-height: 0;overflow: hidden;transition: max-height 0.2s ease-out;}
.accordionfaq-item-body-content {padding: 10px 10px 10px 16px;line-height: 1rem;border-top: 1px solid;border-image: linear-gradient(to right, transparent, #1a64b2, transparent) 1;font-family: Arial;font-size: 12px;text-align: justify;color: #486d71b0;font-weight:lighter;}
a.titseomenu{font-family:arial;font-size:12px;font-weight:500;color: #486d71;text-decoration: none;line-height: 2.2rem;}
a.titseomenu:hover{font-family:arial;font-size:16px;font-weight:600;color: #4298a1;text-decoration: underline;}
.txt-bon-devenir{text-align:left;font-size: 17px;font-weight: 700;margin: 5px 0 5px 0;margin-left: 4%;}
.puce-bleu-devmentor{min-width: 8px;height: 8px;background-color: #00bcd4;border-radius: 50%;margin-right: 6px;margin-top: 9px;}
.txtbloke {color: #575b6c;font-family: 'Raleway', sans-serif;font-weight: normal;margin-top: 0px;margin-bottom: 0px;text-align:left;font-size: 13px;}

/* ===================================
   Page Team
====================================== */
.sligne-team{display: grid;padding: 0px 5px;grid-gap: 2px 20px;grid-template-columns: 440px 200px;margin: 0 0 0 0;}
.team-g{width:100%;}
.team-d{width:100%;padding-top: 5px;}
.btn-teams{width: 100%;max-width: 100%;border-radius: 1rem;display: inline-flex;flex-direction: row;background-color: #09193b;color: #fff;line-height: 1.5rem;justify-content: center;min-height: 2rem;box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;font-weight: 600;margin: 8px 0 20px 0;height: auto;padding: 20px 0px 20px 5px;font-size: clamp(9px, 1vw, 5px);transition: all 0.3s ease-in-out;}
.img-taille{height: 255px;width:160px;display: block;margin: 0 15px 0 0;}
a.btn-teame{color:#fff;font-weight: 600;display: inline-flex;padding-top: 3px;align-items: center;vertical-align: middle;gap: 7px;}
.col-fond-bleu-team{display: grid;padding: 0px 0px;grid-gap: 2px 25px;grid-template-columns: 300px 300px;margin: 0 0 0 0;}
.fond-accroche-team-g{width:100%;padding: 20px;background: #c8d1f7;margin: 30px 0 0 0px;}
.fond-accroche-team-d{width:100%;padding: 20px;background: #c8d1f7;margin: 30px 0 0 0px;}
.accroche-team{font-size: 20px;width: 100%;margin: 25px 0 -30px 0;padding: 20px 0 0 25px;line-height: 24px;text-align: justify;font-weight: 700;background: #c8d1f7;}
.textfondbleuteam{text-align: justify;margin: 0px 5px;font-size: 16px;font-weight: normal;line-height: 24px;}
.solution-team{font-size: 20px;width: 101%;margin: 25px 0 30px 0;padding: 20px 0 20px 35px;line-height: 24px;text-align: justify;font-weight: 700;background: #c8d1f7;}

/* ===================================
   Page reseau JTS
====================================== */
.souligne-de-col{display: grid;padding: 0px 0px;grid-gap: 2px 8px;grid-template-columns: 400px 215px;margin: 0 0 0 0%;}
.affi-gauc-savis{width:100%;}
.affi-droi-savis{width:100%;}
.txt-color-avis{color:#fff; font-size: 14px;font-weight: 700;text-transform: uppercase;}
.sous-sousdroit-avis{display: grid;padding: 0px 5px;grid-gap: 2px 20px;grid-template-columns: 90px 90px;margin: 0 0 0 0%;}
.cadre-sous-avisg{width:100%;font-size: 9px;text-transform: uppercase;margin-left: 10px;font-weight: 700;padding: 4px 8px;color: #595a5c;border-radius: 8px; box-shadow: 0 0 2px rgba(0, 0, 0, .9);}
.cadre-sous-avisd{width:100%;font-size: 9px;text-transform: uppercase;margin-left: 10px;font-weight: 700;padding: 4px 8px;color: #595a5c;border-radius: 8px; box-shadow: 0 0 2px rgba(0, 0, 0, .9);}
.noombavis{font-size: 19px;font-weight: 700;font-family: 'Anton', sans-serif;text-align: center;margin-top: 5px;}
.fond-blok-avis{background-color: rgb(39, 76, 196);color: rgb(255, 255, 255);padding: 0.5rem;margin: 40px 0 20px 15px; font-weight:700;border-radius: 8px;}
.fond-blok-avisbis{background-color: rgb(0, 0, 0);color: rgb(255, 255, 255);padding: 0.5rem;margin: 8px 0 0 15px; font-weight:700;border-radius: 8px;}
.taillefaavis{width: 2rem;height: 2rem;color: rgb(255, 255, 255);}
.textfondbleu{text-align:justify;margin: 9px;font-size: 16px;font-weight: normal;line-height: 24px;}
.txte-bas-poste{margin: 15px 0;font-size: 16px;font-weight: 700;color: #607D8B;line-height: 22px;text-align: justify;}
.fintxt-bas-candidature{font-size: 15px;letter-spacing: 1px;line-height: 20px;text-align: justify;font-weight: 700;margin-bottom: 35px;}
.txt-bas-bas{font-size: 17px;font-weight: 700;margin: 35px 0 5px 0;}
.txt-bas-bastester{font-size: 17px;font-weight: 700;margin: 35px 0 25px 0;}

/* ===================================
   Divers
====================================== */
.intitu-champ-contact{padding-left: 45px;}
.cal-btn-team{margin: 45px 0 45px 0;text-align: center;}
.txt-neutre{font-size: 17px;font-weight: 700;margin: 5px 0 5px 2px;line-height: 1;}
.fond-blok-mentor{background-color: rgb(39, 76, 196);color: rgb(255, 255, 255);padding: 0.5rem;margin: 10px 20px 20px 5px; font-weight:700;border-radius: 8px;}
.fond-blok-mentorbis{background-color: rgb(0, 0, 0);color: rgb(255, 255, 255);padding: 0.5rem;margin: 10px 20px 20px 5px; font-weight:700;border-radius: 8px;}
.fond-blok-decouv-job{background-color: rgb(0, 0, 0);color: rgb(255, 255, 255);padding: 0.5rem;margin: 0px 20px 0 15px; font-weight:700;border-radius: 8px;}
.design-black{background-color:black;height: 17px;width: 105px;float: right;margin-top: -42px;}
.design-blackdecov{background-color:black;height: 17px;width: 89px;float: right;margin-top: -36px;}
.lig-mentor-deux-col{display: grid;padding: 40px 0px;grid-gap: 2px 90px;grid-template-columns: 440px 420px;margin: 0 0 0% 0%;}
.spacer-90{width: 100%;height: 0px;}
.col-mentor-g{width:100%;margin-bottom: 15%;}
.col-mentor-d{width:100%;margin-bottom: 15%;}
ul.mentor-list{list-style-type: none;overflow: hidden;padding-left: 0px;width: 100%;}
li.mentor-liste{color: #0e2534;font-size: 14px;font-weight: normal;text-align: left;line-height: 1.8;font-family: 'Raleway', sans-serif;display: flex;align-items: center;gap: 8px;padding-bottom: 5px;}
ul.scroll-black-mentor{list-style-type: none;overflow: auto;padding-left: 0px;white-space: nowrap;width: 97%;scrollbar-color: #002e3b #ffeaea; /* Pour Firefox */scrollbar-width: thin; /* Pour Firefox */}/* Webkit (Chrome, Safari, Edge) */
ul.scroll-black-mentor::-webkit-scrollbar {height: 8px; /* hauteur de la scrollbar horizontale */}
ul.scroll-black-mentor::-webkit-scrollbar-track {background: #ffeaea; /* Couleur du fond de la scrollbar */}
ul.scroll-black-mentor::-webkit-scrollbar-thumb {background-color: #002e3b; /* Couleur de la "poignée" */border-radius: 10px;border: 2px solid #ffeaea; /* Pour donner de l’espace autour */}
.eleme{min-width: 200px;height: 30px;font-weight: normal;background-color: #fff;flex-shrink: 0;display: flex;justify-content: left;border-radius: 8px;overflow-x: auto;overflow-y: hidden;scrollbar-width: thin;scrollbar-color: #ffeaea #fff;white-space: nowrap;}
.puce-bleu-mentor{min-width: 8px;height: 8px;background-color: #00bcd4;border-radius: 50%;margin-right: 16px;margin-top: 8px;}
.them-mentor{color: #002e3b;font-size: 22px;font-weight: 700;margin-bottom: 10px;font-family: 'Anton', sans-serif;text-align: left;}
.dim-icon-mentor,.dim-icon-testmetier{margin:0px 0 0 0;}
.dim-icon-mentor,.dim-icon-mentorbis,.dim-icon-testmetier svg {width: 24px;height: 24px;}
.dim-icon-mentorbis{margin:0px 0 0 0;}
.bloc-bas-luc{display: grid;padding: 10px 0px;grid-gap: 2px 40px;grid-template-columns: 300px 150px 400px;margin: 0 0 0 4%;}
.luc-g{width:100%;font-weight: normal;line-height: 1.5;text-align: justify;padding-bottom: 25px;font-size: 16px}
.luc-m{width:100%;}
.luc-d{width:100%;font-weight: normal;line-height: 1.5;text-align: justify;padding-bottom: 25px;font-size: 16px}
.cal-titre-testm{padding-left:0px;margin-left: 10px;}
.alig-img-portevoix{margin: 20px 0 30px 9px;font-weight: normal;line-height: 1.5;width: 50%;font-size: 14px;font-weight: normal;}
.decal-test-job{padding-left:0px;margin-left: -29px;}
.gap-txt-bas-tester{margin: 35px 0 55px -25px;}
.line-space-enseignant{display: grid;padding: 0px 0px;grid-gap: 2px 30px;grid-template-columns: 450px 450px;margin: 0 0 0 0%;}
.line-space-enseignant-g{width:100%;}
.line-space-enseignant-d{width:100%;}
.gap-btn-bas-space-enseign{text-align: center;margin: 1% 0 9% 0;}
.txte-bas-enseignant{margin: 35px 0 5px 0;font-size: 16px;font-weight: 700;color: #607D8B;line-height: 22px;text-align: justify;}
.gap-txt-bas-enseign{margin: 5px 0 55px -29px;}
.txt-bas-basenseign{font-size: 17px;font-weight: 700;margin: 5px 0 55px 30px;text-align: justify;}
.decal-message-enseign{width:95%;margin-left: 40px;padding-left: 0%;}
ul.pro-list{list-style-type: none;overflow: auto;padding-left: 0px;width: 100%;white-space: nowrap;scrollbar-color: #7291a64f #fff;}
h2.txt-bas-pro{font-size: 17px;font-weight: 600;text-transform: none;letter-spacing: 0px;line-height: 20px;margin: 5px 0 5px 0;}
h3.faque{font-size: 16px;font-weight: 600;text-transform: none;letter-spacing: 0px;line-height: 20px;}
.pro-faque{color: #0e2534;font-size: 14px;font-weight: normal;text-align: left;line-height: 1.8;font-family: 'Raleway', sans-serif;display: flex;align-items: center;gap: 8px;}
.parler-pro-list{list-style-type: none;overflow: auto;padding-left: 0px;width: 100%;white-space: nowrap;padding: 5px 0 6px 0;}
.txt-bas-parler-pro{font-size: 17px;font-weight: 600;text-transform: none;letter-spacing: 0px;line-height: 20px;margin: 25px 0 5px 0;text-align: left;}
.int-jdm-gras{font-size: 20px;font-weight: 800;text-transform: none;letter-spacing: 0px;line-height: 20px;margin: 5px 0 5px 0px;}
.line-bloc-jdm1{display: grid;padding: 0px 0px;grid-gap: 2px 60px;grid-template-columns: 440px 440px;margin: 0 0 0 0%;}
.discov-job-g{width:100%;}
.impli-me-d{width:100%;}
.line-btn-coach{display: grid;padding: 0px 0px;grid-gap: 2px 40px;grid-template-columns: 230px 320px;margin: 0 0 0 0%;}
.line-btn-coachg{width:80%;margin-left: 40px;}
.line-btn-coachd{width:100%;}
h3.titre-gras-rose{font-size: 18px;padding:25px 0 5px 0px;font-weight: 600;color: #e64958;letter-spacing: 0px;line-height: 22px;text-transform: uppercase;}
.difference-coach{display: grid;padding: 0px 0px;grid-gap: 2px 10px;grid-template-columns: 450px 350px;margin: 10px 0 40px 0%;text-align: justify;font-weight: normal;}
.dif-coachg{width:100%;}
.dif-coachd{width:100%;}
.calage-spage{margin-top:5px;line-height: 24px;font-size: 16px;font-weight: 300;color: #000;text-align: justify;}
.affi-img-s-page{width: 100%;}
.ptb-80 {padding-top: 80px;padding-bottom: 80px;width: 100%;}
.text-imagev2{font-size:11px;padding:0px 0 0px 0px;font-weight: 600; color:#999;margin-top: -2px;}
.contain-button{width:50%; height:50%;}
.intitul-btn-pink{font-size: 13px;line-height: 18px;padding: 0px 95px 0 0;}
.intitul-btn-pink-decouv{font-size: 13px;line-height: 18px;padding: 0px 54px 0 0;}
h2.mthemlila{font-size:18px; padding:10px;line-height: 24px;text-align: justify;font-weight:700;letter-spacing: 1px;text-transform: uppercase;}
h3.themiclila{font-size:15px; padding:10px 0 0 0;line-height: 14px;text-align: justify;font-weight:700;letter-spacing: 1px;text-transform: uppercase;}
.call-bloc-action{text-align: center;margin: 5% 0 3% 0;}
.fond-bas-etudiant{margin: 0 0 0 6%;width:92%;}
.difference-etudiant{display: grid;padding: 10px 0px;grid-gap: 2px 50px;grid-template-columns: 445px 445px;margin: 10px 0 40px 4%;text-align: justify;font-weight: normal;font-size: 16px;}
.tit-student-gras{font-size: 20px;font-weight: 800;text-transform: none;letter-spacing: 0px;line-height: 20px;margin: 5px 0 5px 40px;}
.titre-luc{font-size: 20px;font-weight: 800;text-transform: none;letter-spacing: 0px;line-height: 20px; margin: 5px 0 5px 11px;}
.fond-bleu-etudiant{padding: 20px 20px;background: #c8d1f7;margin: 40px 0px 20px 0;border-radius: 0 0 40px 0px;}
.fond-bleu-enseignant{padding: 20px 20px;background: #c8d1f7;margin: 20px 0px 20px 5px;border-radius: 0 0 40px 0px;}
.caltab{margin: 20px 0 30px 40px;}
.fond-bleu-etude{padding: 20px 20px;background: #c8d1f7;margin: 20px 30px 30px 40px;border-radius: 0 0 40px 0px;}
.fond-bleu-prof{padding: 20px 20px;background: #c8d1f7;margin: 50px 15px 0px 0px;border-radius: 0 0 40px 0px;}
.breiz{margin:20px 0px 20px 0px;line-height: 24px;font-size: 16px;font-weight: 300;color: #000;text-align:justify;}
.ptb-sm-0 {padding-top: 0px;padding-bottom: 5px;margin: 0 0 20px 7%;}
.ptb-sm-01 {padding-top: 0px;padding-bottom: 5px;margin: 0 0 20px 4%;}
.bloc-bas-them{margin: 0 3% 0 4%;}
.bloc-bas-team{margin: 0 3% 0 4%;}
.bloc-btn-temoin{margin: 6% 11% 0 0%;}
.mtpra {padding-top: 0px;padding-bottom: 5%;margin-left: 4%;}
.ptb-sm-t {padding-top: 50px;padding-bottom: 0px;margin:0 3.5% 0 4%;}
.ptb-sm-mt {padding-top: 0px;padding-bottom: 10px;}
.titre-space-enseig{font-size: 17px;font-weight: 700;margin: 25px 0 5px 0;text-align:left;}
.accroche-enseignant{font-size: 20px;padding: 10px;line-height: 24px;text-align: justify;font-weight: 700;}
.ptb-sm-110 {padding: 2% 2% 1% 4%;}
h1.titre-confident {font-size: 25px;letter-spacing: 4px;line-height: 12px;text-align: left;margin: 45px 0 65px 0;font-weight: 700;text-transform: uppercase;}
.border-boxconf {border: 1px solid #f1f1f1;padding: 0px 0 25px 0;text-align: justify;margin: 5px 0 20px 0;font-size: 16px;font-weight: 300;line-height: 24px;}
.conf-arti{font-size: 17px;letter-spacing: 2px;line-height: 28px;color: #323232;text-transform: uppercase;font-family: 'Raleway', sans-serif;font-weight: 600;}
.numero-conf{font-size: 15px;letter-spacing: 2px;line-height: 23px;font-weight: 600;color: #323232;text-transform: uppercase; margin-top: 0px;margin-bottom: 0px;}
.titre-annuaire{font-size: 25px;letter-spacing: 2px;text-transform: uppercase;font-weight: 700;line-height: 24px;text-align: left;margin: 50px 0 10px 2px;}
.enveloppe-annuaire{margin: 3% 3% 0 4%;}
.line-cgu{display: grid;padding: 0px 15px 10px 0px;grid-gap: 2px 30px;grid-template-columns: 620px 300px;margin-left: 0%;}
.cgu-bloc-g{width:100%;}
.cgu-bloc-d{width:100%;}
.cgu-sidebar{margin-bottom: 50px;}
.cgu-sidebar ul li {list-style: none;font-weight: 400;}
.gapcadre {padding: 10px;margin: 10px 0 85px 0;}
.titre-charte{font-size: 24px;text-transform: uppercase;font-weight: bold;letter-spacing: 1px;line-height: 24px;text-align: left;margin: 3% 0 2% 4%;padding-top: 1px;text-transform: uppercase;color: #323232;}
.gris-bg {background: #ddd;color: #000;padding-left:50px;}
.col-charte{padding-right: 15px;padding-left: 0px;margin-top:25px;width: 48.5%;display: inline-block;vertical-align: top;}
.flotte {float:left;padding:0px 15px 0 0;}
.bloc-haut-page{display: grid;padding: 0px 15px 50px 0px;grid-gap: 2px 15px;grid-template-columns: 950px;margin-left: 0%;}
h2.bingo{font-size: 22px;font-weight:bold; text-align: left;line-height:24px; padding: 30px 0 5px 0;text-transform: uppercase;font-weight: 700;}
h3.tiptop{font-size: 20px;font-weight:bold; text-align: left;letter-spacing:1px;line-height:24px; padding: 45px 0 8px 0;text-transform: uppercase;font-weight: 700;}
h3.titre-bas-page{font-size: 20px;font-weight:bold; text-align: left;letter-spacing:1px;line-height:24px; padding: 45px 0 8px 0px;text-transform: uppercase;font-weight: 700;}
h4.decouvre{font-size: 19px;font-weight:bold; text-align: left;letter-spacing:1px;line-height:24px; padding: 45px 0 0px 0px;text-transform: uppercase;font-weight: 700;}
.text-page-secod{font-size: 16px;text-align: justify;line-height:18px; padding: 0 0 10px 0;font-weight: 300;}
.line-rond-prof{display: grid;padding: 40px 15px 10px 0px;grid-gap: 0px 35px;grid-template-columns: 200px 200px 200px;margin-left: 0%;}
.col-barre-rondleft{width: 15%; text-align: center; display: inline-block;vertical-align: top; float:none;}
.col-barre-rondright{width: 15%; text-align: center; display: inline-block;vertical-align: top; float:none;}
.rond-coul{color:#212d56;margin-top: 1px;margin-bottom: 1rem;}
.rond-coulur{margin-top: 0px;margin-bottom: 1rem;}
.intitutrond{font-size: 15px;padding: 8px 15px;text-align: center;display: inline-block;font-weight: 700;line-height: 15px;}
.circle i {font-size: 3.5em;}
.circlegreen {background: #7cda9d;border-radius: 180px;line-height: 15px;color: #212d5b;font-size: 13px;padding-top: 30px;font-weight: normal;width: 160px;height: 160px;max-width: 160px;display: table;margin: 20px auto;}
.circlegreen i {font-size: 3.5em;margin-bottom: 5px;}
.circle {background: #7c8fda;border-radius: 180px;color: #212d5b;line-height: 15px;font-size: 13px;font-weight: normal;padding-top: 30px;width: 160px;height: 160px;max-width: 160px;display: table;margin: 20px auto;}
.gapintibn{font-size: 15px;text-align: left;line-height:18px; padding: 0px 0 20px 0;font-weight: 500;text-align: center;}
.txt-pour-qui{font-size: 17px;font-weight: 700;text-transform: none;letter-spacing: 0px;line-height: 20px;margin: 25px 0 5px 0px;text-align: left;}
.ptb-sm-70 {margin:20px 5px 30px 30px;}
.decal-bloc-parler{width: 96%;padding-left: 4%;}
.calimgpage{margin:125px 0 0px 0;}
/*********************** Annuaires ******************************************/
.intro-coach{text-align: justify;line-height: 18px;font-size: 12px;font-weight: 300;letter-spacing: 1px;margin: 10px 0 10px 0;color: #181818;}
h1.titre-coaching{font-size: 25px;letter-spacing: 4px;line-height: 32px;text-align: left;margin: 45px 0 25px 0;font-weight: 700;}
.bg-grey {padding-top: 35px;padding-bottom: 35px;margin-bottom: 45px;padding-left: 0px;}
.grille-annuaire{display: grid;padding: 10px 5px 10px 0px;grid-gap: 2px 10px;grid-template-columns: 620px 110px 180px;}
.btn-rouge-annu, .btn-rouge-annu:hover {min-height: 278px;}
.m-t4 {padding:1.4rem 0.9rem;}
.emt-4{padding:1.5rem 0.9rem;}
.bloc-recherche-ecole{background-color: #c8d1f7;padding:15px 0 15px 20px;margin-left: 0px;margin-right: 0%;}
.ligne-ecole-bleu{display: grid;padding: 10px 5px 10px 0px;grid-gap: 2px 25px;grid-template-columns: 210px 210px 220px 210px;}
.grille-coach{display: grid;padding: 24px 5px 10px 5px;grid-gap: 2px 20px;grid-template-columns: 120px 485px;}
.btn-rouge-schol, .btn-rouge-schol:hover {background-color: #f7655a;font-size: 15px;width: 100px;color: #fff;margin-top: 25px;min-height: 328px;border-color: #f7655a;border-top-left-radius: 0;border-bottom-left-radius: 0;border-top-right-radius: 25px;border-bottom-right-radius: 25px;display: flex;justify-content: space-between;align-items: center;}

/* ===================================
   Block image bas de page découverte métier
====================================== */
.line-img-decouvrir{display: grid;padding: 0px 5px 5px 0px;grid-gap: 2px 30px;grid-template-columns: 450px 450px; margin-left:0px;}
.overlay-tik-subtitle {font-size: 0.8rem;margin: 10px 0 2px 0;color:#fff;letter-spacing: 2px;text-transform: uppercase;line-height: 16px;text-align: left;}
.overlay-tik-description {font-size: 0.7rem;margin: 0;opacity: 0.65;line-height: 13px;text-align: left;}

/* ===================================
   Page Decouvrir des métiers
====================================== */
.desco-mt{text-align:left;}
.grid-container {display: grid;grid-template-columns: repeat(2, 1fr);gap: 20px;max-width: 1000px;margin: 30px auto;}
.job-card {display: flex;flex-direction: row;background-color: #fff;border-radius: 12px;overflow: hidden;text-decoration: none;color: inherit;box-shadow: 0 2px 8px rgba(0,0,0,0.1);transition: transform 0.2s ease;}
.job-card:hover {transform: translateY(-4px);}
.job-image {width: 40%;height: 100%;object-fit: cover;}
.job-content {width: 60%;display: flex;justify-content: space-between;align-items: center;padding: 16px;background-color: white;transition: background-color 0.3s ease;}
.job-card:hover .job-content {background-color: #e0e0e0;}
.job-title {font-size: 18px;font-weight: bold;}
.arrow {font-size: 20px;transition: transform 0.3s ease;}
.job-card:hover .arrow {transform: translateX(5px);}

/* ===================================
   Page Offre de Stage
====================================== */
h2.offer-stage{font-size: 20px;padding: 5% 0 0% 0%;line-height: 20px;text-align: left;font-weight: 700;letter-spacing: 1px;color:#000;text-transform: uppercase;}
.offer-stage-bas{font-size: 20px;padding: 10px 0 0 0;line-height: 20px;text-align: left;font-weight: 700;letter-spacing: 1px;color:#fff;text-transform: uppercase;}
.bloc-offre-stag{display: grid;padding: 0px 15px 10px 0px;grid-gap: 2px 50px;grid-template-columns: 280px 280px 280px;margin-left: 0%;}
.bloffstag{width:100%;margin-bottom:8%;border: 1px solid #00000030;border-radius: 16px;box-shadow: 0 1px 1px rgb(0 0 0 / 5%);}
.pull-left{grid-column: 1; /* aligne sur la 1ère colonne */font-size: 16px;color: #000;margin-top: 10px;align-self: start;text-align: left;}
.block-text-offer-stag{padding:5px 5px 25px 0px;}
.pull-left .icon {margin-left: 5px;}
.text-intro-offre{padding:5px 5px 25px 0px;text-align: justify;margin: 0 28px 25px 2px;font-size: 16px;font-weight: normal;line-height: 24px;}
.text-intro-annuai-orient{padding:5px 5px 25px 0px;text-align: justify;margin: -20px 28px 25px 0px;font-size: 16px;font-weight: normal;line-height: 24px;}
.logo-offer-stage{display: grid;place-items: center;}
.image-logo{margin-top:35px;}
.intitule-offer-stage{font-size: 20px;text-align: center;margin: 50px 10px 10px 10px;font-weight: 700;line-height: 22px;color:#d3dce1;}
.nom-entrep-stage{font-size: 15px;font-weight: 600;line-height: 20px;text-align: center;color:#7291a6;margin: 15px auto;}
.duree-stage{font-size: 18px;font-weight: 600;line-height: 20px;text-align: center;margin: 5px auto;}
.text-offer-stage{font-size: 14px;font-weight: normal;line-height: 19px;text-align: justify;padding: 20px 10px 0 10px;}
.grid-child {display: grid;grid-template-rows: 100px 100px 50px 50px auto;gap: 5px;padding: 5px 0 25px 0;}

/* ===================================
   Style block exemple : communauté jeune
====================================== */
.bloffstag-link {display: block;width: 100%;height: 100%;}
.bloffstag {display: flex;flex-direction: column;justify-content: flex-start;width: 100%;height: 100%; border-radius: 15px;overflow: hidden;box-shadow: 0 4px 10px rgba(0,0,0,0.2);color: #fff;background-color: rgb(114 145 166);position: relative;transition: transform 0.3s ease, box-shadow 0.3s ease;}
.background-top {height: 100px;background-image: url('fond-stage.jpg');background-size: cover;background-position: center;transition: background-position 0.5s ease;}
.image-logo {width: 104px;height: 104px;border-radius: 50%;border: 2px solid #fff;position: absolute;top: 0px;left: 50%;transform: translateX(-50%);z-index: 2;transition: transform 0.3s ease;}
.content-frame {background: rgb(6 6 6);padding: 50px 2px 20px 2px;text-align: center;transition: background 0.3s ease, transform 0.3s ease;height: 100%;display: flex;flex-direction: column;justify-content: space-between;}
.content-framebis {background: rgb(255 255 255);padding: 50px 2px 20px 2px;text-align: center;transition: background 0.3s ease, transform 0.3s ease;height:100%;display: flex;flex-direction: column;justify-content: space-between;border-top: 5px dashed #4b5f6d;border-right: 1px solid #b8b4b4;border-left: 1px solid #b8b4b4;border-bottom: 1px solid #b8b4b4;}
.bloffstag-link:hover .bloffstag {transform: translateY(-5px) scale(1.02);box-shadow: 0 8px 20px rgba(0,0,0,0.4);}
.bloffstag-link:hover .image-logo {transform: translateX(-50%) scale(1.2) rotate(-5deg);}
.bloffstag-link:hover .background-top {background-position: center top;}
.bloffstag-link:hover .content-frame {background: rgba(0,0,0,0.85);transform: translateY(-3px);}
.bloffstag-link:hover .content-framebis {background: rgba(210 219 224);transform: translateY(-3px);}
.animate-on-scroll {opacity: 0;transform: translateY(40px) scale(0.95);transition: all 0.6s ease-out;}
.animate-on-scroll.visible {opacity: 1;transform: translateY(0) scale(1);}
.bloffstag-container {display: grid;grid-template-columns: repeat(3, 1fr);gap: 50px 20px;justify-items: stretch;align-items: stretch;width: 100%;margin: 0 auto;padding-left:0px;}
.bottom-grid {margin-top: auto;display: grid;grid-template-columns: 1fr auto;gap: 10px;align-items: center;}
.bottom-text {font-size: 11px;color: #fff;font-weight: normal;letter-spacing: 1px;}

/* ===================================
   Style block bas de page avec image
====================================== */
.ligne-bas-page{display: grid;padding: 0px 15px 10px 0px;grid-gap: 2px 30px;grid-template-columns: 625px 300px;margin-left: 4%;}
.col-line-gbasp{width:100%;}
.col-line-dbasp{width:100%;}

/* ===================================
   Style du compteur
====================================== */
.member-counter {font-size: 14px;font-weight: bold;text-align: center;padding: 2px;color: #2f5e7d;}
#count {color: #2f5e7d;font-size: 18px;}

/* ===================================
   Slider - Témoignage
====================================== */
* {box-sizing:border-box}
/* Slideshow container */
.slideshow-container {max-width: 1200px;position: relative;margin: auto;padding-left:25px;}
/* Hide the images by default */
.mySlides {display: none;}
/* Next & previous buttons */
.prev, .next {cursor: pointer;position: absolute;top: 50%;width: auto;margin-top: -22px;padding: 16px;color: #607D8B;font-weight: bold;font-size: 18px;transition: 0.6s ease;border-radius: 0 3px 3px 0;user-select: none;}
/* Position the "next button" to the right */
.next {right: 0;border-radius: 3px 0 0 3px;}
/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {background-color: #ae9880;}
/* Caption text */
.text {color: #0b1028;font-size: 18px;padding: 8px 0px;position: relative;bottom: 8px;width: 100%;text-align: left;}
/* The dots/bullets/indicators */
.doti {cursor: pointer;margin: 0 2px;background-color: #3498db;color: white;border-radius: 50%;display: inline-block;transition: background-color 0.6s ease;width: 50px;height: 50px; border: none;text-align: center;font-size: 16px;font-weight: bold;cursor: pointer;line-height: 50px;}
.doti.active, .doti:hover {background-color: #717171;}
/* Fading animation */
.fade {animation-name: fade;animation-duration: 34.5s;}
@keyframes fade {from {opacity: .4}to {opacity: 1}}
.bloc-slide-temoign{display: grid;padding: 0px 5px;grid-gap: 2px 5px;grid-template-columns: 500px 540px;margin-left: 3%;}
.bloc-slide-img{display: inline-block;width: 500px;}
.bloc-slide-text{font-weight: 700;line-height: 2px;text-align: left;margin: 50px 0 25px 0px;font-size: 16px;width: 400px;}

/* ===================================
   Modal - Page inscription
====================================== */
.modal {position: fixed;z-index: 1000;left: 0;top: 0;width: 100%;height: 100%; background-color: rgba(0, 0, 0, 0.5);display: none; /* Caché par défaut */align-items: center;justify-content: center;}
/* Quand le modal est actif, on l'affiche */
.modal.active {display: flex;}
.close {position: absolute;top: 10px;right: 15px;font-size: 20px;cursor: pointer;}
.ouvrir-modal{background: #fff;color: #0b1028;font-size: 10px;border-radius: 8px;padding: 8px 0px 5px 10px;text-align: center;}
.open-modal{background-color: #111;color: #fff;border-radius: 10px;padding: 10px 35px 10px 12px;display: inline-flex;align-items: center;gap: 0px;text-decoration: none;cursor: pointer;transition: all 0.3s ease;text-transform: uppercase;font-size: 12px;letter-spacing: 1px;}
.open-modal:hover {color: #fff;}
.open-modal2{background: #fff;color: #0b1028;font-size: 10px;border-radius: 8px;padding:8px 21px 5px 10px;}
/* Déroulement texte en savoir plus Modal */
.ligne-trois-cases-rgpd{display: grid;padding: 0px 5px;grid-gap: 2px 5px;grid-template-columns: 230px 150px 150px;}
.ligne-deux-cases-rgpd{display: grid;padding: 0px 5px;grid-gap: 2px 5px;grid-template-columns: 150px 150px;}
.tit-rgpd-sp{font-size:18px;font-weight: 700;}
.intitule-rgpd-sp{font-size:12px;font-weight: 700;margin: 15px 0 0 0;}
.scroll-container {width: 100%;height: 200px;overflow-y: auto;scrollbar-width: thin;}
.scroll-text {padding-bottom: 50px;}
.cacorgpd{vertical-align: middle;margin-top: -2px!important;margin-right: 15px!important;}
.accordionrgpd {width: 100%;margin: 0 auto;background-color: transparent;padding: 0%;}
.accordionrgpd-item {background-color: #fff;color: #486d71;margin: 1rem 0 25px 0;border-radius: 0.5rem;width:99%;box-shadow: 0 2px 5px 0 rgba(0,0,0,0.25);}
.accordionrgpd-item-header {padding: 0.5rem 2.5rem 0.5rem 1rem;min-height: 2rem;line-height: 1.5rem;font-weight: 500;display: flex;align-items: center;position: relative;cursor: pointer;font-size: 12px;}
.accordionrgpd-item-header::after {content: "\002B";font-size: 2rem;position: absolute;right: 1rem;}
.accordionrgpd-item-header.active::after {content: "\2212";color:#0b2a0d;}
.accordionrgpd-item-body {max-height: 0;overflow: hidden;transition: max-height 0.2s ease-out;}
.accordionrgpd-item-body-content {padding: 10px 10px 10px 16px;line-height: 1.1rem;border-top: 1px solid;border-image: linear-gradient(to right, transparent, #1a64b2, transparent) 1;font-family: Arial;font-size: 0.7rem;text-align: justify;color: #486d71;font-weight:500;}
.text-savplu-rgpd{padding: 10px 10px 10px 16px;line-height: 1.1rem;color: #486d71;font-size:13px;font-weight: normal;}
.intiproc-insc{color: #323232;font-weight: 700;font-size: 20px;letter-spacing: 1px;line-height: 30px;text-align: justify; margin: 1% 0 5% 0;}

/* ===================================
   Modal - Bandeau RGPD
====================================== */
#open-banner-btn {position: fixed;bottom: 0px;left:0px;background-color: unset;color: white;border: none;padding: 10px 15px;border-radius: 5px;cursor: pointer;font-size: 14px;transition: 0.3s;display: none;z-index: 1000;}

/* ===================================
Page Search atelier
====================================== */
.bloc-recherche-atelier{background-color: #c8d1f7;padding:15px 0 15px 45px;margin-left:20px;}
.ligne-atelier-bleu-ter{display: grid;padding: 10px 5px 10px 0px;grid-gap: 2px 15px;grid-template-columns: 200px 200px 200px 200px;}
.ligne-atelier-goch{width:250px;display: flex;justify-content: center;align-items: center;height: 8vh;color:#0b1028;font-weight: 700;font-size:16px;position: relative;display: inline-block;/* Stylisation du select */appearance: none; /* Supprime le style natif */padding: 12px 16px;border-radius: 8px;background-color: white;color: #333;cursor: pointer;transition: all 0.3s ease-in-out;}
.ligne-atelier-middle{width:290px;display: flex;justify-content: center;align-items: center;height: 8vh;color:#fefefe;font-weight: 700;font-size:16px;position: relative;display: inline-block;/* Stylisation du select */appearance: none; /* Supprime le style natif */width: 100%;padding: 12px 16px;font-size: 16px;border-radius: 8px;background-color: white;color: #333;cursor: pointer;transition: all 0.3s ease-in-out;}
.ligne-atelier-droit{width:270px;display: flex;justify-content: center;height: 8vh;color:#0b1028;font-weight: 700;font-size:16px;padding:0% 5%;}

/* ===================================
Page Search formation
====================================== */
.select2-container {box-sizing: border-box;display: inline-block;margin: 0;position: relative;vertical-align: middle;margin-bottom: 20px;margin-left:15px;width: 145px!important;font-weight: 500;font-size: 14px;}
.bloc-recherche-formation{background-color: #c8d1f7;padding:15px 0 15px 15px;margin:20px 0px;}
.ligne-formation-bleu{display: grid;padding: 10px 5px 10px 0px;grid-gap: 20px 15px;grid-template-columns: 180px 180px 180px 210px;}
.ligne-formation-goch{width:200px;display: flex;justify-content: center;align-items: center;height: 9vh;color:#0b1028;font-weight: 700;font-size:16px;position: relative;display: inline-block;/* Stylisation du select */appearance: none; /* Supprime le style natif */width: 100%;padding: 12px 16px;font-size: 16px;border-radius: 8px;background-color: white;color: #333;cursor: pointer;transition: all 0.3s ease-in-out;}
.ligne-formation-middle{width:200px;display: flex;justify-content: center;align-items: center;height: 9vh;color:#fefefe;font-weight: 700;font-size:16px;position: relative;display: inline-block;/* Stylisation du select */appearance: none; /* Supprime le style natif */width: 100%;padding: 12px 16px;font-size: 16px;border-radius: 8px;background-color: white;color: #333;cursor: pointer;transition: all 0.3s ease-in-out;}
.ligne-formation-droite{width:210px;display: flex;justify-content: left;height: 9vh;color:#0b1028;font-weight: 700;font-size:16px;padding:0% 0%;}
.ligne-formation-goch{width:350px;display: flex;justify-content: center;align-items: center;height: 9vh;color:#0b1028;font-weight: 700;font-size:16px;position: relative;display: inline-block;/* Stylisation du select */appearance: none; /* Supprime le style natif */width: 100%;padding: 12px 16px;font-size: 16px;border-radius: 8px;background-color: white;color: #333;cursor: pointer;transition: all 0.3s ease-in-out;}
/* Effet au survol et focus */
.ligne-formation-goch select:hover,
.ligne-formation-goch select:focus {border-color: #4F46E5;box-shadow: 0 0 10px rgba(99, 102, 241, 0.4);outline: none;}
/* Ajout d'une flèche personnalisée */
.ligne-formation-goch::after {content: "";position: absolute;top: 70%;right: 16px;width: 30px;height: 60px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%236366F1'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-size: contain;background-repeat: no-repeat;transform: translateY(-50%);pointer-events: none;}
.ligne-formation-middle{width:350px;display: flex;justify-content: center;align-items: center;height: 9vh;color:#fefefe;font-weight: 700;font-size:16px;position: relative;display: inline-block;/* Stylisation du select */appearance: none; /* Supprime le style natif */width: 100%;padding: 12px 16px;font-size: 16px;border-radius: 8px;background-color: white;color: #333;cursor: pointer;transition: all 0.3s ease-in-out;}
/* Effet au survol et focus */
.ligne-formation-middle select:hover,
.ligne-formation-middle select:focus {border-color: #4F46E5;box-shadow: 0 0 10px rgba(99, 102, 241, 0.4);outline: none;}
/* Ajout d'une flèche personnalisée */
.ligne-formation-middle::after {content: "";position: absolute;top: 70%;right: 16px;width: 30px;height: 60px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%236366F1'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-size: contain;background-repeat: no-repeat;transform: translateY(-50%);pointer-events: none;}
.ligne-formation-droit{width:300px;display: flex;justify-content: center;height: 8vh;color:#0b1028;font-weight: 700;font-size:16px;padding:0% 5%;}
.select2-results__option {font-size: 10px;}

/* ===================================
   Page atelier decouverte metier
====================================== */
.titre-atelier{font-size: 24px;font-weight: 700;text-transform: uppercase;letter-spacing: 4px;line-height: 28px;text-align: left;margin: 50px 0 25px -25px;}
.bloc-deux-colonne-atelier{display: grid;padding: 0px 5px;grid-gap: 2px 5px;grid-template-columns: 940px;margin-left:-4%;}
.bloc-haut-atelier{display: grid;padding: 0px 15px 50px 0px;grid-gap: 2px 70px;grid-template-columns: 435px 435px;margin-left: 0%;}
.cardevatelier[data-format="horizontal-s-fluid desktop-square"]{height:190px;width:190px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.cardevatelier{display:-webkit-box;display:-ms-flexbox;display:flex;cursor:pointer;overflow:hidden;border-radius:8px;-webkit-box-shadow:0 0 10px rgba(0,0,0,.1);box-shadow:0 0 10px rgba(0,0,0,.1);-webkit-transition:-webkit-transform .3s cubic-bezier(.16,1,.99,.99);transition:-webkit-transform .3s cubic-bezier(.16,1,.99,.99);-o-transition:transform cubic-bezier(.16,1,.99,.99) .3s;transition:transform .3s cubic-bezier(.16,1,.99,.99);transition:transform .3s cubic-bezier(.16,1,.99,.99),-webkit-transform .3s cubic-bezier(.16,1,.99,.99)}@supports not (width:clamp(1px,1vw,2px)){.cardevatelier{overflow:unset}}@supports (width:clamp(1px,1vw,2px)){.cardevatelier:hover{-webkit-transform:scale(1.03);-ms-transform:scale(1.03);transform:scale(1.03);-webkit-box-shadow:0 0 20px rgba(0,0,0,.2);box-shadow:0 0 20px rgba(0,0,0,.2)}
.cardevatelier:focus{outline:2px auto #666;-webkit-box-shadow:0 0 10px rgba(0,0,0,.1);box-shadow:0 0 10px rgba(0,0,0,.1)}
.cardevatelier[data-format="horizontal-s-fluid desktop-square"]{width:100%; background-color:#c8d1f7;height:420px;font-weight: 700;padding: 5px 0 0 0px;box-shadow:1px 1px 1px 3px rgba(0, 0, 255, .1)}}
.textbpagev2{text-align:justify;font-size:16px; font-weight:300;color:#fff;letter-spacing: 1px;line-height: 24px;padding:15px 0 0 0;margin-left: 0%;}
.titbpagev2{font-size:20px; font-weight:700;color:#fff;letter-spacing: 1px;line-height: 19px;text-align:left;padding: 0 0 15px 0;margin-left: 0%;}
.bloffstag-visitguide {display: grid;grid-template-columns: 255px 255px;gap: 0px 25px;justify-items: stretch;align-items: stretch;margin: 0 ;padding-left:0px;}
/* ========= Système btn complet =========== */
.container-complet {text-align: center;font-family: Arial, sans-serif;margin-left: 55px;padding: 5px 0 30px 0;text-align: left;}
.intitule-rose {background-color: #ff69b4;color: white;padding: 12px 24px;border-radius: 8px;font-size: 16px;display: inline-block;}
.formant {margin-top: 20px;clear: both;}
.formant input {width: 250px;padding: 10px;border: 1px solid #ccc;border-radius: 6px;margin-bottom: 12px;}
.btion-noir {background-color: #000;color: #fff;width: 95%;border: none;padding: 12px 24px;border-radius: 8px;font-size: 16px;cursor: pointer;transition: background 0.3s;}
.btion-noir:hover {background-color: #333;}
.select-datevisit {width: 250px;padding: 10px;border: 1px solid #ccc;border-radius: 6px;margin-bottom: 12px;margin-left: 55px;}
.date-selectvisit{margin: 10px 0 0 55px;}
.lilasnini{width: 20px;margin-right: 8px;}
/* Conteneur principal du pied de page */
.pied-de-page-visitguid {display: grid;grid-template-columns: repeat(7, 115px);gap: 20px;padding: 30px 0 50px 0;background: #f9f9f9;text-align: center;margin-left:20px;margin-left: 0px;}
.mini-text-pied-de-page{font-size: 12px;font-weight:700;margin-left: 38%;line-height: 14px;margin-top: 10px;}
/* ========= Système de navigation col fixe =========== */
.line-col-right-visit{display: grid;padding: 30px 20px 5px 0;grid-gap: 2px 5px;grid-template-columns: 30px 30px 30px;justify-content: center;align-items: center;}
.line-col-right-visit div {cursor: pointer;padding: 6px;border-radius: 50%;transition: background 0.3s, color 0.3s;display: flex;justify-content: center;align-items: center;}
.line-col-right-visit svg {width: 24px;height: 24px; color: #333; transition: color 0.3s;}
.line-col-right-visit div:hover svg {color: orange;}
/* ========= Notation - Donnez votre avis =========== */
/* Ligne principale */
.avis-ligne-vote {display: flex;justify-content: space-between;align-items: center;width: 515px;margin: 30px 0 30px 60px;font-family: Arial, sans-serif;}
/* ========= Slide simple Visite Guidée =========== */
.slidere {position: relative;width: 100%;max-width: 580px;aspect-ratio: 4 / 3;overflow: hidden;border-radius: 10px;margin: 0 auto;}
.colonne-fixe {position: sticky;top: 20px;padding: 0px 6px 6px 6px;border-radius: 8px;top: 100px;height: fit-content;width:80%;}
.bloquebleu{background-color: #c8d1f7;color: #0b1028;margin-bottom: 15px;padding: 0 12px 0 0;border-radius: 25px;margin-left: 45px;padding-bottom: 10px;}
.textvisitguide {display: flex;gap: 15px;justify-content: flex-start;align-items: center;padding: 20px 0 0 45px;}
.blocbleu {background-color: #007BFF;color: white;padding: 20px;border-radius: 10px;width: 525px;font-family: Arial, sans-serif;}	
	
/* ===================================
   Page process Inscription
====================================== */
.btn-inscription:disabled {background-color: #ccc;color: #666;cursor: not-allowed;opacity: 0.7;}
.btn-inscription {position: relative;text-transform: uppercase;overflow: hidden;color: white;background-color: #09193b;padding: 0.75em 0.9em;border: none;border-radius: 8px;cursor: pointer;font-size: 1rem;transition: background-color 0.3s ease;display: inline-block;text-align: center;text-decoration: none;font-weight: 700;}
.btn-inscription::before {content: "";position: absolute;top: 0;left: -75%;width: 50%;height: 100%;background: rgba(255, 255, 255, 0.3);transform: skewX(-20deg);transition: all 0.5s ease;}
.btn-inscription:hover {color: white; }
.btn-inscription:hover::before {left: 125%;}
.tm1{margin-left: 1.1em;}
.button-groupie{display: grid;place-items: center;}
.ptb-sm-inscrip {padding-top: 15%;padding-bottom: 10px;margin-left:4%;}
.bloc-modal-trois-entrer {grid-template-columns: repeat(3, 1fr);display: flex;gap: 20px;justify-content: center;flex-wrap: nowrap;}
.bloc-goch-modal,.bloc-middle-modal,.bloc-drigh-modal {flex: 0 0 30%;max-width: 30%;min-width: auto;margin: 10px 0 20px 12px;border-radius: 8px;transition: all 0.3s ease;box-shadow: 0 3px 10px rgba(0,0,0,0.1);transform: translateY(0);cursor: pointer;}
.bloc-middle-modal{background: #7994a7;backdrop-filter: blur(10px);border: 1px solid rgba(255,255,255,0.3);box-shadow: 0 5px 20px rgba(0,0,0,0.15);transition: all 0.3s ease;}
.bloc-goch-modal,.bloc-drigh-modal {background: rgb(200 209 247);backdrop-filter: blur(10px);border: 1px solid rgba(255,255,255,0.3);box-shadow: 0 5px 20px rgba(0,0,0,0.15);transition: all 0.3s ease;}
.bloc-goch-modal:hover,.bloc-middle-modal:hover,.bloc-drigh-modal:hover {transform: translateY(-5px);backdrop-filter: blur(15px);box-shadow: 0 8px 30px rgba(0,0,0,0.2);}
.grostitre-insc{font-size: 24px;font-weight: 700;color:#000;text-transform: uppercase;letter-spacing: 3px;line-height: 2px;text-align: left;margin: 4% 0 3% 2.5%;}
.gapinscript{display: grid;padding: 0px 5px;grid-gap: 2px 5px;grid-template-columns: 950px;margin-left: 2%;}
.bloc-inscripv2{display: grid;padding: 0px 36px;grid-gap: 2px 5px;grid-template-columns: 400px 400px;}
.esp-vign-inscrip{width:100%;}
.bloc-inscripv2{display: grid;padding: 0px 5px;grid-gap: 2px 5px;grid-template-columns: 700px 250px;margin-left: 0%;}
.titrinscripv2{color: #323232;font-weight: 700;font-size: 22px;letter-spacing: 2px;line-height: 30px;text-align: left;margin-left: 0%;}		
.presinscripv2{color: #09193b;font-weight: 500;font-size: 17px;letter-spacing: 2px;line-height: 22px;text-align: left;margin: 25px 0px 30px 0px;}
.presinscripv3{color: #09193b;font-weight: 500;font-size: 19px;letter-spacing: 2px;line-height: 12px;text-align: left;margin: 0px 0 45px 0;}
.bloc-4img{display: grid;padding: 0px 15px 50px 0px;grid-gap: 40px 45px;grid-template-columns: 300px 300px;margin-left: 1%;}
.box{display: inline-block;font-weight: 700;background-image: url(../images/souligne_filet_jaune.png);background-position: bottom;background-repeat: repeat-x;}
.boxbleu{display: inline-block;font-weight: 700;background-image: url(../images/souligne_filet_bleu.png);background-position: bottom;background-repeat: repeat-x;}
.deroulev2{margin:5% auto;}
.btn-inscripv2{width: auto;max-width: 100%;border-radius: 1rem;display: inline-flex;flex-direction: row;background-color: #09193b;color: #fff;line-height: 1.5rem;justify-content: center;min-height: 2rem;box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;font-weight: 700;margin-top: 25px;height: auto;padding: 30px 60px 20px 100px;font-size: clamp(25px, 2vw, 18px); /* Ajuste la taille du texte selon l'écran */transition: all 0.3s ease-in-out;}
.cal-btn-inscripv2{margin-top:25px; padding-right: 25px; text-align: center;}
.cardev2[data-format="horizontal-s-fluid desktop-square"]{height:190px;width:190px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.cardev2{display:-webkit-box;display:-ms-flexbox;display:flex;cursor:pointer;overflow:hidden;border-radius:8px;-webkit-box-shadow:0 0 10px rgba(0,0,0,.1);box-shadow:0 0 10px rgba(0,0,0,.1);-webkit-transition:-webkit-transform .3s cubic-bezier(.16,1,.99,.99);transition:-webkit-transform .3s cubic-bezier(.16,1,.99,.99);-o-transition:transform cubic-bezier(.16,1,.99,.99) .3s;transition:transform .3s cubic-bezier(.16,1,.99,.99);transition:transform .3s cubic-bezier(.16,1,.99,.99),-webkit-transform .3s cubic-bezier(.16,1,.99,.99)}@supports not (width:clamp(1px,1vw,2px)){.cardv2{overflow:unset}}@supports (width:clamp(1px,1vw,2px)){.cardev2:hover{-webkit-transform:scale(1.03);-ms-transform:scale(1.03);transform:scale(1.03);-webkit-box-shadow:0 0 20px rgba(0,0,0,.2);box-shadow:0 0 20px rgba(0,0,0,.2)}
.cardev2:focus{outline:2px auto #666;-webkit-box-shadow:0 0 10px rgba(0,0,0,.1);box-shadow:0 0 10px rgba(0,0,0,.1)}
.cardev2[data-format="horizontal-s-fluid desktop-square"]{width:260px; height:300px;font-weight: 700;padding: 5px 0 0 20px;font-weight: 600;line-height: 1.1rem;font-size: 14px;box-shadow:1px 1px 1px 3px rgba(0, 0, 255, .1)}}
.posiBv2{margin: 25px 60px;width: 100%;}
.posiBv2-droit{margin: 35px 2px;width: 100%;}
.btnlinkedin{align-items: center;background-color: #fff;border-radius: 8px;display: flex;font-size: 14px;height: 48px;justify-content: center;padding: 0 22%;text-decoration: none;width: 80%;}
.LinkedinButton{color: #454845;padding: 0 10px;font-size: 10px;letter-spacing: 0px;}
.conectinscripv2{color: #ff3460;margin-left: 4px;}
.separatv2{align-items: center;color: #a3a3a5;display: flex;font-family: Lexend, sans-serif;font-size: 0.8rem;font-weight: 400;justify-content: center;letter-spacing: .4px;margin: 24px auto;width: 50%;}
.compinscripv2{display: flex;font-size: 14px;justify-content: center;margin-top: 30px;width: 75%;}
.btn-inscriprov2{padding: 6% 8%;width: 100%;border-radius: 1rem;display: inline-flex;flex-direction: row;background-color: #7592a6;color: #0b1028;font-size:15px;line-height: 1rem;justify-content: center;box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;font-weight: 700;}
.btn-inscripcoachv2{padding: 6% 8%;width: 100%;border-radius: 1rem;display: inline-flex;flex-direction: row;background-color: #7592a6;color: #0b1028;font-size:14px;line-height: 1.1rem;justify-content: center;box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;font-weight: 700;}
.btn-inscrifootv2{padding: 8% 8%;width: 100%;border-radius: 1rem;display: inline-flex;flex-direction: row;background-color: #7592a6;color: #0b1028;font-size:11px;line-height: 0.9rem;justify-content: center;box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;font-weight: 700;text-transform: uppercase;}
.content_inscripiton{padding: 25px 0 50px 0px; background: #f9f9f9;}
.progress {margin-bottom: 8%;margin-left: 1%;width: 93%;}
.step {display: none;}
.step.active {display: block;margin: 0 45px 0 5px;}
.radio-group {display: flex;flex-direction: column;align-items: center;justify-content: space-between; border: 1px solid #ccc;padding: 15px;border-radius: 5px;cursor: pointer;transition: background-color 0.3s ease;text-align: center;flex: 1; min-height: 215px;}
.radio-group:hover {transform: scale(1.03); background-color: #f0f0f0;}
.radio-group label {font-weight: bold;margin-bottom: 10px;cursor: pointer;font-size: smaller;min-height: 65px;line-height: 15px;}
.radio-group input[type="radio"] {display: none;}
.radio-group input[type="radio"]:checked + label {color: #e6ae49;}
.radio-group.selected {border: 2px solid #007bff;background-color: #f0f8ff;transform: scale(1.05);transition: all 0.3s ease;}
.radio-group.selected span {color: #007bff;}
.radio-group:hover {background-color: #f5f5f5;}
.image-text-container {display: flex;align-items: center; gap: 15px;padding: 15px;background: aliceblue;}
.image-text-container img {width: 50px;height: 50px;border-radius: 50%;border: 3px solid green;padding: 5px;object-fit: cover;}
.image-text-container p {margin: 0;flex-grow: 1;}
.image-preview {max-width: 100%;height: auto;display: none;}
.crop-container {width: 100%;max-width: 500px;margin: 20px auto;}
.controls {margin-top: 20px;text-align: center;}
.controls button {margin: 5px;}
.btn-inscripv2 i {padding-left: 15px;margin-top: 5px;}
.error{color: black;}label#chk_cgv-error {color: red;}
label#chk_cgv-error {color: red;}
.hidden-btn{background-color: unset; display: none!important;}
.texte-majo-numer{padding: 15px; background: antiquewhite; font-size: small; color:black;line-height: 1.3rem;text-align: justify;font-weight: normal;margin-bottom:25px;}
.form-check{font-size: 10px;font-weight: 500;line-height: 5px;text-align: justify;align-items: center;display: flex;flex-wrap: wrap;display: flex;align-items: center; /* Centre verticalement */gap: 13px 4px; /* Espacement entre la case et le texte */}
.check-radio{font-size: 15px;font-weight: 500;line-height: 16px;text-align: justify;display: flex;flex-wrap: wrap;align-items: center;gap: 5px 4px;}
.check-radio {display: flex;align-items: center;gap: 8px;margin-bottom: 10px;}
.check-radio-input[type="radio"] {width: 18px;height: 18px;cursor: pointer;margin-bottom: 0px;accent-color: #7291a6; transition: transform 0.2s ease, box-shadow 0.2s ease;}
.check-radio-input:focus {box-shadow: 0 0 0 4px rgba(0, 123, 255, 0.25);}
.check-radio-input:active {transform: scale(0.9);}
.check-radio-label {cursor: pointer;font-weight: 500;color: #333;transition: color 0.2s ease;}
.check-radio-input:checked + .check-radio-label {color: #7291a6;}
.form-checke label.accept{color: #323232;font-size: 12px;margin-bottom: 10px;padding-right: 10px;margin-top: 6px;font-weight: 500;font-family: 'Raleway', sans-serif;}
.check-radio-group {display: flex;gap: 20px;align-items: center;margin: 0 0 0px 20px;}
.form-labelle{margin: 0px 0px 10px 20px;}
.alert-info {color: #382828;background-color: #f2dede;border-color: #ebccd1;padding: 15px;margin-bottom: 20px;border: 1px solid transparent;border-radius: 4px;gap: 10px;margin-left: 20px;font-size: 11.5px;line-height: 1.1;white-space: nowrap;}
.petitsmallinscript{background-color: #dcd2d2;padding: 15px 25px;margin-bottom: 55px;color: #5e6468;font-size: 12px;line-height: 20px;}
.divider.is-lg { font-size: 0.6rem;   --gap: 1rem;  --line-thickness: 2px; }
.divider::before,
.divider::after {content: "";flex: 1 1 0;border-top: 2px solid #c3c3c3;min-width: 1rem;}
.divider {display: flex;align-items: center;gap: 1rem;width: 50%;margin: 0 auto;color: #999;letter-spacing: 0.08em;text-transform: uppercase;font-weight: 600;font-size: 0.85rem;}
.divider > span {display: inline-block;padding: 0.25rem 0.6rem;background: #ffffff;border-radius: 999px;line-height: 1.1;white-space: nowrap;}
.txt-end-inscrip{display: flex;align-items: center;justify-content: center;gap: 8px;margin: 8% auto;font-size: 13px;}
.textinscriptmt {font-size: 13px;}
.linkedin-logo {width: 40px;height: 40px;}
.carre {display:inline-grid;place-items:center;width:28px;  aspect-ratio:1;  border:2px solid #222;box-sizing:border-box;text-decoration:none;font-size:16px;line-height:1; font-weight:700;margin: 8px auto;  }
.dimstep2{width: 95%;margin-left: 0px;margin-bottom: 10%;}
.input-envelop {position: relative;display: flex;align-items: center;}
.input-envelop i {position: absolute;left: 10px;top: 46px;color: #888;pointer-events: none;}
.input-envelop input {width: 100%;}
.form-control.is-invalid, .was-validated .form-control:invalid, .form-control, .form-control:hover, .form-control.is-invalid:focus
{border-color: #888;box-shadow: 0 0 0 .25rem rgba(108, 117, 125, .25);background-image: none;background-color: transparent;padding: 10px 15px 10px 10px;font-size: 15px;}
.champ-email
{border-color: #888;box-shadow: 0 0 0 .25rem rgba(108, 117, 125, .25);background-image: none;background-color: #c0bdbd;padding: 10px 40px;font-size: 15px;}
.champ-mail, .champ-mail:hover 
{border-color: #888;box-shadow: 0 0 0 .25rem rgba(108, 117, 125, .25);background-image: none;background-color:  transparent;padding: 10px 10px 10px 45px;font-size: 15px;}
.champ-mdp.is-invalid, .was-validated .champ-mdp:invalid, .champ-mdp, .champ-mdp:hover, .champ-mdp.is-invalid:focus
{border-color: #888;box-shadow: 0 0 0 .25rem rgba(108, 117, 125, .25);background-image: none;background-color: transparent;padding: 10px 15px 10px 10px;font-size: 15px;width: 100%;display: block;color: #888;}
.mdp-habit{font-size:12px; font-style: italic;color:#444b68;margin: 2px 0 35px 0;}
.color-bul-mdp{margin-top:55px;background-color: #c8d1f7;padding: 10px 20px 1px 20px;width: 50%;margin: 0px 0 50px 0px;}
.invalid-feedback {display: flex;}
.form-text-container {display: flex;flex-direction: column;}
.align-btn{display: grid;padding: 0px 5px 5px 0px;grid-gap: 2px 5px;grid-template-columns: 170px 200px;margin: 0 0 0 10px;}
.btn-ali-g{width:100%;}
.btn-ali-d{width:100%;}
.btn-secondary{text-transform: uppercase;font-weight: 700;font-size: 1rem;padding: 11px 18px;}
.spacer-inscript{margin:35px 0 5px 0;}
.enveloppe-visitguid{margin: 3% 0% 0 4%;}
.titre-visiteguider{font-family: Arial, sans-serif;font-size:26px;font-weight:700;color:#466174;padding-left: 5.7%;}
.textvisitguid{font-size: 16px;font-weight: normal;padding-left: 6.3%;padding: 8px 0 0 55px;line-height: 22px;}
.intituvisitguid{font-size: 24px;font-weight:700;padding-left: 6.3%;padding: 20px 0 0 55px;}
.breizou {display: grid;grid-template-columns: 600px 400px;gap: 25px;align-items: start;margin: 20px 13.5% 20px 0px;}
.mb-40{margin-bottom: 2.5rem;}
.align-iscrip-profil{display: grid;padding: 0px 5px 5px 0px;grid-gap: 2px 5px;grid-template-columns: 170px 350px;margin: 0 0 0 23%;}


/* ===================================
   Vibes - vidéos
====================================== */
.hero{display:grid;grid-template-columns:450px 150px 300px;gap:32px;align-items:center;margin:32px 0 32px 0px;}
h1.vibes, h2.vibes{font-size:40px;margin:0 0 12px 0;line-height:1.02;font-weight:800;letter-spacing:-0.02em;text-align: left;}
.section-card{background:var(--card);border-radius:var(--radius);padding:28px 0 28px 0;display:grid;grid-template-columns: 600px 300px;gap:20px;align-items:center;box-shadow: 0 6px 20px rgba(15,23,36,0.04);margin:0px 0 100px 0px;}
.section-card.alt{grid-template-columns:300px 600px;text-align: right;margin:120px 0 100px 0px;}
.section-card.alt h2.vibes {text-align: left;margin-bottom: 8px;margin:0 0 10px 0;font-size:40px;line-height:1.02;font-weight:800;letter-spacing:-0.02em;}
.media-card{display:grid;grid-template-columns: 1fr;gap:20px;align-items:center;padding:20px 0 20px 0;border-radius:12px;background: linear-gradient(180deg, rgba(40,110,240,0.04), rgba(255,159,67,0.03));width:100%;}
h3.inti-vibes-bas{margin-top:0;margin-bottom:8px;font-size:16px;font-weight:700;} 
.textvibes{text-align:justify;margin: 9px;font-size: 16px;font-weight: normal;line-height: 24px;}

/* ===================================
   RSE - Marques employeurs
====================================== */
.introrse {text-align: left;margin:32px 0 32px 0px;padding: 2rem 0 0 0rem;}
.enveloppe-rse{margin: 3% 5% 0 4%;}

/* ===================================
   Bloc footer
====================================== */
.bloc-footer{display: grid;padding: 0px 5px 55px 0px;grid-gap: 2px 35px;grid-template-columns: 385px 340px 150px;margin-left: -2%;}
.bloc-footer-middle{display: grid;padding: 0px 5px 55px 0px;grid-gap: 2px 55px;grid-template-columns: 260px 265px 290px;margin-left: 1%;}
.btn-foot-communaute{padding: 6% 8%;margin-left:18%;width: 75%;border-radius: 1rem;display: inline-flex;flex-direction: row;background-color: #7592a6;color: #0b1028;font-size:14px;line-height: 1.1rem;justify-content: center;box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;font-weight: 700;}
.bloc-haut-d{display: grid;padding: 0px 5px;grid-gap: 2px 5px;grid-template-columns: 200px;margin-left: 0%;}
.bloc-footer-bas{display: grid;padding: 0px 5px ;grid-gap: 2px 5px;grid-template-columns: 305px 315px 280px;margin-left: 1%;}
.tit-footer {color: #323232;text-transform: uppercase;font-family: 'Raleway', sans-serif;font-weight: 700;margin-top: 16px;margin-bottom: 2px;font-size: 12px;letter-spacing: 1px;line-height: 12px;text-align: left;}
.serretextfoot{line-height: 17px;padding-bottom: 5px;}
.footer {background-color: #c8d1f7;color: #0b1028;width: 100%;display: block;padding-left: 2.3%;}
.footer hr {height: 1px;margin: 0 0 5% 2%;color: #69708f;background-color: #69708f;border: 0;}
.footerv2 hr {height: 1px;margin: 0 0 5% 2%;color: #69708f;background-color: #69708f;border: 0;}
.footerv2 {background-color: #c8d1f7;color: #0b1028;width: 100%;display: block;}
.copyright{padding-top:10px; padding-bottom:10px;text-align: center;}
.metier_footer{font-size: 9px;margin: -4px 0 12px 9px;line-height: 8px;font-weight: normal;}
.nuit{width: 50px;height: 50px;}
.jour{width: 30px;height: 30px;}
.open-modali{background-color: #7592a6;color: #0b1028;font-size: 10px;border-radius: 8px;padding:8px 20px 5px 10px;display: flex;align-items: center;justify-content: center;}
a.join-footer{font-size: 15px;font-weight: 700;font-family:arial;text-transform: uppercase;padding-left: 3px;line-height: 19px;}
a.join-footer:hover{color: #950e04;}
a.gras-lien-foot, a.gras-lien-foot:hover {line-height: 19px;}
a.join-footerbas{font-size: 20px;font-weight: 600;line-height: 1.6rem;font-family:arial;text-transform: uppercase;padding-left: 10px;color:#323232;}
a.join-footerbas:hover{color: #950e04;font-family:arial;text-transform: uppercase;padding-left: 10px;}
a.liefot{font-size: 13px;font-weight: 400;padding-left: 0px;color:#3c3434;font-family: 'Raleway', sans-serif;letter-spacing: 1px;}
a.liefot:hover{color: #950e04;}
a.texteavis{font-size: 13px;font-weight: 400;padding-left: 0px;color:#3c3434;font-family: 'Raleway', sans-serif;letter-spacing: 0px;}
a.texteavis:hover{color:#950e04;}

/* ===================================
Page Atelier découverte métier
====================================== */
.bloc-recherche-atelier{background-color: #c8d1f7;padding:15px 0 15px 30px;margin-left:0px;width:100%;margin-right:0px}
.ligne-atelier-bleu{display: grid;padding: 10px 5px 10px 0px;grid-gap: 2px 25px;grid-template-columns: 290px 270px 250px;}
/* Effet au survol et focus */
.ligne-atelier-goch select:hover,
.ligne-atelier-goch select:focus {border-color: #4F46E5;box-shadow: 0 0 10px rgba(99, 102, 241, 0.4);outline: none;}
/* Ajout d'une flèche personnalisée */
.ligne-atelier-goch::after {content: "";position: absolute;top: 68%;right: 10px;width: 30px;height: 50px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%236366F1'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-size: contain;background-repeat: no-repeat;transform: translateY(-50%);pointer-events: none;}
/* Effet au survol et focus */
.ligne-atelier-middle select:hover,
.ligne-atelier-middle select:focus {border-color: #4F46E5;box-shadow: 0 0 10px rgba(99, 102, 241, 0.4);outline: none;}
/* Ajout d'une flèche personnalisée */
.ligne-atelier-middle::after {content: "";position: absolute;top: 68%;right: 10px;width: 30px;height: 50px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%236366F1'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-size: contain;background-repeat: no-repeat;transform: translateY(-50%);pointer-events: none;}
#search-form-atelier {padding: 12px;width: 100%;background: #323232;color: white;font-size: 15px;margin-left: 0px;text-transform: uppercase;}
.motif-atelier{display: block;width: 100%;height: 34px;padding: 6px 12px;font-size: 14px;line-height: 1.42857143;color: #555;background-color: #fff;background-image: none;border: 1px solid #ccc;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);-webkit-transition: border-colorease-in-out .15s, -webkit-box-shadowease-in-out .15s;}
.bloc-atelier-contenu{display: grid;padding: 0px 5px 35px 0px;grid-gap: 2px 25px;grid-template-columns: 630px 250px;margin-left:0px;}
.bloc-atelier-formation{display: grid;padding: 0px 35px 35px 0px;grid-gap: 2px 35px;grid-template-columns: 460px;margin-left:0px;}
.block-formation-goch{width:100%;}
.avis-ligne-vote-atelier{display: flex;justify-content: space-between;align-items: center;width: 300px;margin: 50px 0 50px 0px;font-family: Arial, sans-serif;}
.avis-ligne-vote-atelier span {color: #007BFF;cursor: pointer;font-weight: bold;transition: 0.3s;}
.avis-ligne-vote-atelier span:hover {text-decoration: underline;}
.block-atelier-goch{width:630px;}
.cadre-atelier-titre{padding:15px;color:#fff;font-weight:700;font-size:17px;background-color:#7291a6;margin: 0px 15px 15px 0;}
.intitul-atelier{color:#466174;font-weight:700;font-size:18px;text-align: left;}
.text-atelier{font-size:15px;line-height: 24px;text-align: left;font-weight: normal;margin-bottom: 20px;}
.imgatelier-col-dr{width:302px; height:180px;}
.bloc-atelier-picto{display: grid;padding: 20px 5px 35px 0px;grid-gap: 30px 5px;grid-template-columns: 250px 350px;margin-left:0px;}
.atelier-picto-g{width:250px;text-align: left;font-size: 18px;font-weight: 700;color: #466174;}
.atelier-text-r{width:100%;text-align: left;font-size: 14px;font-weight: 500;color: #466174;}
.block-atelier-droit{width:310px;}
.text-donne-atelier{font-size: 14px;font-weight: 500;line-height: 22px;}
.gap-img-plan-atelier{margin-top:25px;margin-left: 5px;}
.bloc-coach-contenu{display: grid;padding: 0px 5px 35px 0px;grid-gap: 2px 35px;grid-template-columns: 555px; margin-left:5px;}
.block-principalg-coach	{width:100%;}
.block-principald-coach	{width:100%;text-align:left;}
.tit-coach{color:#002e3b; font-size:32px;font-weight:700;font-family: 'Anton', sans-serif;margin:15px 0;text-align:left;}
.tit-type-coach{color:#7291a6; font-size:25px;font-weight:700;font-family: cursive;margin:0  0 25px 0;text-align:left;}
.pres-type-coach{background-color: #7291a6;margin: 15px 0 15px 0;color: #fff;width: 50%;height: 8%;text-align: center;padding: 15px 0 10px 0;font-size: 18px;font-weight: 700;}
.text-coach{text-align:justify; font-size:15px;line-height: 24px;}
.block-aime-coach{display: grid;padding: 0px 5px 35px 0px;grid-gap: 2px 10px;grid-template-columns: 270px 315px; margin-left:0px;}
.aime-coach-g{width:270px;}
.aime-coach-d{width:315px;}
ul.jdm-list{list-style-type: none;overflow: auto;padding-left: 0px;white-space: nowrap;width: 102%;scrollbar-color: #7291a64f #ffeaea;scrollbar-width: thin;}
ul.coach-list{list-style-type: none;overflow-x: auto;padding: 0px 0px 5px 0;width: 100%;margin-left: 0px;}
li.stit-coach{color:#002e3b; font-size:22px;font-weight:700;margin-bottom:8px;font-family: 'Anton', sans-serif;text-align:left;}
li.coach-liste{color:#7291a6; font-size:13px;font-weight:500;font-family: arial;text-align:left;line-height: 1.2;}
li.coach-apropos{font-size:14px;line-height: 1.2;font-weight:normal;text-align:left;color: #323232;font-family: 'Raleway', sans-serif;display: flex;align-items: center; /* Alignement vertical */gap: 8px; /* Espacement entre l'icône et le texte */}
.cal-btn-topb{margin:25px 0 25px 0;}

/* ===================================
Barre progression difficultés Atelier
====================================== */
.progress-container {display: flex;align-items: center;justify-content: left;gap: 0px;}
.progress-bare {width: 250px;height: 20px;background: #ddd;border-radius: 10px;overflow: hidden;position: relative;}
.progress-bare .progress {height: 100%;width: 60%; /* Ajuste ce pourcentage selon le niveau */background-color: #2884ae;transition: width 0.5s ease-in-out;}
.helmet {font-size: 20px;padding: 0 15px;}

/* ===================================
Email Template
====================================== */
.email-container {max-width: 600px;margin: 20px auto;background-color: #ffffff;border: 1px solid #ddd;border-radius: 5px;overflow: hidden;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);}
.email-header {background-color: #7291a6;padding: 20px;text-align: center;}
.email-header h1 {color: #ffffff;margin: 0;font-size: 24px;}
.email-body {padding: 20px;color: #333333;line-height: 1.6;}
.email-body strong {color: #000000;}
.email-button {text-align: center;margin: 20px 0;}
.email-button a {background-color: #7291a6;color: #ffffff;text-decoration: none;padding: 10px 20px;border-radius: 5px;font-weight: bold;text-transform: uppercase;}
.email-footer {background-color: #f9f9f9;padding: 10px;text-align: center;font-size: 12px;color: #666666;}
.faq {font-size: 14px;margin-top: 20px;border-bottom: 1px solid #ddd;}
.faq p {margin: 10px 0;}.faq strong {display: block;margin-bottom: 5px;}
.remark {font-size: x-small;background: #eee;padding: 10px;}
.philosophie{border-bottom: 1px solid #ddd;font-size: small;}
.link_bloc {margin-top: 20px;font-size: small;border-bottom: 1px solid #ddd;}
.contact{font-size: small;}
.tit-page-templ-mel{font-family: Arial, sans-serif;margin: 0;padding: 0;font-size:20px;font-weight:700;text-transform: uppercase;}
.gapdatenaiss{margin-top:-2px;}
.cal-mel-foot{background-color:#7291a6; margin:10px 0 10px 0; padding:3px;}
.gap-icon-footer{margin:5px 0 0px 5px;}

/* ===================================
Block Espace Parent + Conseiller
====================================== */
.cards {display: grid;grid-template-columns: repeat(3, 350px);gap: 55px;max-width: 1100px;margin: 40px 0 40px 0;padding: 0 0px;}
.card {display: flex;flex-direction: column;align-items: center;text-decoration: none;border: 1px solid #d1d5db;border-radius: 12px;padding: 24px;transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;background: #fff;}
.card:hover,.card:focus-visible {transform: translateY(-2px);box-shadow: 0 8px 24px rgba(0,0,0,.08);border-color: #c5cad1;outline: none;}
.card img {display: block;width: 250px;height: auto;object-fit: cover;border-radius: 8px;margin-bottom: 14px;}
.card-title {font: 700 1.05rem/1.3 system-ui, -apple-system, Segoe UI, Roboto, sans-serif;color: #2563eb;text-align: center;}
}



@media (max-width: 992px) {
/* ===================================
ECRITURE RAJOUTEE PAR RADO 
====================================== */
.size-6 {width:40px;height:40px;}
.container-actu {padding-right: 0;padding-left: 5px;width: 800px;margin-left: 0% }
.containerhp {margin-left: 5% }
.containerorganisme {text-align: justify;font-size: 12px;line-height: 18px;margin-top: 10px }
.header {position: absolute;text-align: center;top: 0;z-index: 1000;color: #fff;width: 100%;background-color: #7291a6;height: 94px;transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;-o-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;-moz-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;-webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;position: fixed }	
.row {margin-left: 0 !important;margin-right: 0 !important }
.fas {display: inline-block;font: normal normal normal 14px/1 FontAwesome;font-size: 110%;text-rendering: auto;-webkit-font-smoothing: antialiased;margin-left: 0.0rem;margin-top: 10px; }
.text-col-devmentor {line-height: 20px;font-size: 13px;font-weight: 600;margin: 3% 0 0 19%;color: #888;letter-spacing: 1px;text-align: left }
.texteblanc {font-size: 25px !important;font-weight: 600;color: #FFF;text-align: center }
.textcoach {font-size: 25px;padding: 10px 5px 15px 5px;font-weight: 700;color: #535658 }
.textco {font-size: 14px;text-align: justify }
.text-intro-orienter {text-align: justify;line-height: 18px;font-size: 12px;font-weight: 300;letter-spacing: 1px;margin: 10px 0 10px 0;color: #181818 }
.spacer-15 {width: 100%;height: 35px }
.ptb-sm-30 {padding-top: 3%;padding-bottom: 18%;}
.ptb-sm-60 {padding-top: 60px;padding-bottom: 60px }
.fullscreen-carousel .overlay-hero .caption-hero {padding-left: 15px;padding-right: 15px }
.textblokcontg1 {text-align: justify;font-size: 17px;font-weight: bold;margin: 0 20px 2px 20px;line-height: 17px }
.textblokcontg2 {text-align: justify;font-size: 12px;margin: 10px 20px 11px 20px;line-height: 20px }
.title-orientationpro {font-size: 11px;font-weight: 500;text-transform: uppercase;color: #000;margin: 1em 0 0 0;line-height: 1em;position: relative;width: 100% }
.title-orientationpro .fonddescojob {background-color: #e6ae49;height: 19px;top: 50%;transform: translatey(-50%);left: 0;right: 0;position: absolute;z-index: 0 }
.title-descojob .fonddescojob {background-color: #e6ae49;height: 19px;top: 50%;transform: translatey(-50%);left: 0;right: 0;position: absolute;z-index: 0 }
.title-orientationpro .textdescojob {display: flex;justify-content: space-between;align-items: center;position: relative;z-index: 1 }
.title-orientationpro .title-orientation-professionnelle {background-color: #fff;transform: skewx(-10deg);padding: 15px 10px;margin-left: -6px;line-height: 1em }
.title-descojob .textdescojob {display: flex;justify-content: space-between;align-items: center;position: relative;z-index: 1 }
/************************* Doublons mais avec des attributs différents - A surveiller *************************/
.title-descojob .titredcjob {background-color: #fff;transform: skewx(-10deg);padding: 3px 10px;margin-left: -6px;line-height: 1em;font-size: 14px }
.title-descojob .titredcjob {background-color: #fff;transform: skewx(-10deg);padding: 3px 10px;margin-left: -6px;line-height: 2em;line-height: 2em;font-weight: 700;font-size: 13px }
/************************* Fin des Doublons *************************/
.title-descojob {font-size: 0.9em;font-weight: 600;text-transform: uppercase;color: #000;margin: 1em 0 0 0;line-height: 1em;position: relative;width: 100% }
.largdesc-or {width: 80%;margin-left: auto;margin-right: auto }
li.cadredevmentor {float: left;width: 99% }
li.colonrganisme {float: left;width: 32% }
ul.listorganism {list-style-type: none;margin: 0;padding: 0;overflow: hidden }
ul.colonrganis {list-style-type: none;margin: 0;padding: 0;overflow: hidden }
.desc-orang-10 {margin-right: auto;margin-left: auto;padding: 100px 0 100px 0 }
h1.titre-decouvrir {font-size: 26px;font-weight: 700;letter-spacing: 0;line-height: 22px;text-align: left;margin-top: 15px;padding-top: 15px;padding-left: 0;margin-bottom: 25px }
input[type="radio"], input[type="checkbox"] {border: 1px solid #ddd;border-radius: 0px;color: #888;font-weight: 400;font-size: 16px;padding: 10px 15px 10px;margin-bottom:20px;}
textarea {appearance: none;-webkit-appearance: none;border: 1px solid #ddd;-webkit-border-radius: 0px;border-radius: 0px;color: #888;outline: none;font-weight: 400;font-size: 13px;padding: 10px 15px 10px;transition: all 0.2s ease 0s;-moz-transition: all 0.2s ease 0s;-webkit-transition: all 0.2s ease 0s;-o-transition: all 0.2s ease 0s;display: inline-block;width:100%;} 
label {color: #323232;font-size: 15px;margin-bottom: 10px;padding-right: 23px;margin-top: 6px;font-weight: 500;font-family: 'Raleway', sans-serif;}
.labcontacmsg{color: #323232;font-size: 13px;margin-bottom: 1px;padding-right: 3px;margin-top: 26px;font-weight: 600;}
.color-text-liste{background-image: url(../assets/images/icon_fleche_bas.svg); background-size: 10px 10px; background-repeat: no-repeat; background-position-x: 96%; background-position-y: 14px; width:100%;height: 40px;padding: 0px 0 0 10px;margin-bottom: 20px;border: 1px solid #d3d3d3;border-radius: 5px;}

/* ===================================  FIN ECRITURE RAJOUTEE PAR RADO  ====================================== */

/* ===================================
   Bouton animé
====================================== */
@-webkit-keyframes topAnimation {from {transform: translate(0rem, 0);}to {transform: translate(0rem, 3.5rem);}}
@keyframes topAnimation {from {transform: translate(0rem, 0);}to {transform: translate(0rem, 3.5rem);}}
@-webkit-keyframes bottomAnimation {from {transform: translate(-11.5rem, 0);}to {transform: translate(0rem, 0);}}
@keyframes bottomAnimation {from {transform: translate(-11.5rem, 0);}to {transform: translate(0rem, 0);}}
a.btnne {text-transform: uppercase;text-decoration: none;font-weight: 600;border: 0;position: relative;letter-spacing: 0em;margin: 0 0 0 5px;padding: 5px 5px 0px 20px;background: transparent;outline: none;font-size: 11px;white-space: normal;color: #111111;transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.15s;display: inline-block; /* important pour les liens */}
a.btnne::after,
a.btnne::before {border: 0;content: "";position: absolute;height: 40%;width: 10%;transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);z-index: -2;border-radius: 50%;}
a.btnne::before {background-color: #c92918;top: -0.75rem;left: 0.5rem;animation: topAnimation 2s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.25s infinite alternate;}
a.btnne::after {background-color: #e74c3c;top: 2.5rem;left: 1rem;animation: bottomAnimation 2s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.5s infinite alternate;}
a.btnne:hover {color: white;}
a.btnne:hover::before,
a.btnne:hover::after {top: 0;height: 100%;width: 100%;border-radius: 0;animation: none;}
a.btnne:hover::after {left: 0rem;}
a.btnne:hover::before {top: 0.5rem;left: 0.35rem;}
a.btnne2 {text-transform: uppercase;text-decoration: none;font-weight: 700;border: 0;position: relative;letter-spacing: 0.15em;line-height: 18px;margin: 0 10px 1px 0;padding: 10px 18px 10px 15px;background: transparent;outline: none;font-size: 12px;white-space: normal;color: #111111;transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.15s;display: inline-block; /* important pour les liens */}
a.btnne2::after,
a.btnne2::before {border: 0;content: "";position: absolute;height: 40%;width: 10%;transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);z-index: -2;border-radius: 50%;}
a.btnne2::before {background-color: #c92918;top: -0.75rem;left: 0.5rem;animation: topAnimation 2s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.25s infinite alternate;}
a.btnne2::after {background-color: #e74c3c;top: 2.5rem;left: 1rem;animation: bottomAnimation 2s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.5s infinite alternate;}
a.btnne2:hover {color: white;}
a.btnne2:hover::before,
a.btnne2:hover::after {top: 0;height: 100%;width: 100%;border-radius: 0;animation: none;}
a.btnne2:hover::after {left: 0rem;}
a.btnne2:hover::before {top: 0.5rem;left: 0.35rem;}
a.btnne3 {text-transform: uppercase;text-decoration: none;font-weight: 700;border: 0;position: relative;letter-spacing: 0em;margin: 0 10px 40px 0;padding: 20px 18px 20px 25px;background: transparent;outline: none;font-size: 11px;white-space: normal;color: #111111;transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.15s;display: inline-block; /* important pour les liens */}
a.btnne3::after,
a.btnne3::before {border: 0;content: "";position: absolute;height: 40%;width: 10%;transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);z-index: -2;border-radius: 50%;}
a.btnne3::before {background-color: #c92918;top: -0.75rem;left: 0.5rem;animation: topAnimation 2s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.25s infinite alternate;}
a.btnne3::after {background-color: #e74c3c;top: 2.5rem;left: 1rem;animation: bottomAnimation 2s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.5s infinite alternate;}
a.btnne3:hover {color: white;}
a.btnne3:hover::before,
a.btnne3:hover::after {top: 0;height: 100%;width: 100%;border-radius: 0;animation: none;}
a.btnne3:hover::after {left: 0rem;}
a.btnne3:hover::before {top: 0.5rem;left: 0.35rem;}
.fond-blok-mov-btn {overflow: hidden; /* Pour empêcher les animations de déborder */max-width: 100%;margin:2px 0 2px 10px;}
.fond-blok-mov-btn2 {overflow: hidden; /* Pour empêcher les animations de déborder */max-width: 100%;margin:10px 0 40px 15px;}
.fond-blok-mov-btn3 {overflow: hidden; /* Pour empêcher les animations de déborder */max-width: 100%;margin:5px 0 5px 12px;}
.btn-new {position: relative;text-transform: uppercase;overflow: hidden;color: white;background-color: #09193b;padding: 0.75em 1.5em;border: none;border-radius: 8px;cursor: pointer;font-size: 1rem;transition: background-color 0.3s ease;display: inline-block;text-align: center;text-decoration: none;font-weight: 700;align-items: center;justify-content: center;}
.btn-new::before {content: "";position: absolute;top: 0;left: -75%;width: 50%;height: 100%;background: rgba(255, 255, 255, 0.3);transform: skewX(-20deg);transition: all 0.5s ease;}
.btn-new:hover {color: white; }
.btn-new:hover::before {left: 125%;}
#search-form-topes {padding: 12px;width: 100%;background: #323232;color: white;height: 68px;text-transform: uppercase;font-size: 15px;margin-right: 15px;}
/* ===================================
   Fin Bouton animé
====================================== */
	
/* ===================================
   Homepage
====================================== */
.page-breadcrumb {background: rgba(255, 255, 255, 0.9);padding: 4px 8px;display: inline-block;color: #323232;font-size: 12px;text-transform: uppercase;letter-spacing: 3px;border-radius: 3px;border: 1px solid #f1f1f1;margin-top: 20px;z-index: 2001;position: relative;opacity: 1;transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);}
.page-breadcrumb.behind {z-index: 999;opacity: 0.5;transform: translateY(-15px);box-shadow: 0 4px 10px rgba(0,0,0,0.1);transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);}
.page-breadcrumb:hover {background: rgba(255, 255, 255, 1);transform: translateY(-2px) scale(1.02);box-shadow: 0 6px 15px rgba(0,0,0,0.15);}
.leadparent{line-height: 24px;font-size: 16px;font-weight: 300;color: #000;}
.side-menu .sociallinke {list-style: none;margin-left: -15px;}
.img-inscrip-form{width: 80%;height: 65%;padding: 0% 0 0 0;margin: 25% auto;}
#intro{position: relative;overflow: hidden;width: 102%;}
.wrapper {position: relative;width: 100%;}
.ensemblebtn {position: relative;}
.bloc-je-suis-formation{display: grid;padding: 0px 5px;grid-gap: 2px 5px;grid-template-columns: 385px 350px;margin: 0 0 0 4.5%;}	
.bloc-je-suis-form-g{width:385px;margin-top: 5px;}
.bloc-je-suis-form-d{width:350px;}
.textgras-2tm{font-size: 24px;font-weight: 700;line-height: 25px;padding-bottom: 15%;}
.textgras-0tm{font-size: 40px;font-weight: 800;line-height: 35px;margin-top: 0%;margin-bottom: 25px;}
.textgras-1tm{font-size: 14px;font-weight: 600;line-height: 25px;margin: 5px 0 35px 0;}
.textgras-2tm{font-size: 18px;font-weight: 700;line-height: 20px;padding-bottom: 11%;}
.textgras-3tm{font-size: 12px;font-weight: 600;line-height: 18px;margin-bottom: 25px;}
.ensemblebtn {position: relative;display: inline-block;}
.salleclasse {display: block;width: 100%;height: auto;}
.btn-custom {position: absolute;padding: 12px;border-radius: 16px;font-weight: 700;text-decoration: none;color: white;display: flex;align-items: center;justify-content: center;}
.insp {background-color: #ca8a0f;top: 20%;left: 5%;width: 160px;height: 83px;font-size: 22px;line-height: 25px;}
.rejoin {background-color: #fff;color: #000;top: 70%;left: 60%;width: 140px;height: 53px;font-size: 15px;line-height: 15px;border-radius: 16px 0;}
.textgraspro-10tm, .textgraspro-20tm{font-size: 50px;font-weight: 800;line-height: 45px;margin:1% 0 1.5% 5.5%;}	
.bloc-je-suis-professionnelle{display: grid;padding: 0px 5px;grid-gap: 2px 5px;grid-template-columns: 350px 300px;margin: 0 0 5% 4.5%;}
.bloc-je-suis-prof-g{width:350px;margin-top: 0px;}
.bloc-je-suis-prof-d{width:300px;padding-left: 1%;margin-top: 1%;}
.imgtetedeco {margin: 20% 0 0 5%}	
.btn-community-hp {padding: 22px 10px;margin: 0% 0 10% 0%;width: 94%;font-weight: 700;text-transform: uppercase;background-color: #000;color: #fff;border-radius: 50px 50px 50px 0px;height: 25%;font-size: 18px;}
.bloc-fich-metier{display: grid;padding: 0px 5px;grid-gap: 2px 5px;grid-template-columns: 363px 360px;margin: 0 0 0 5%;}
.bloc-metier-fich-g{width:363px;margin-top: 10%;}
.bloc-metier-fich-d{width:360px;margin-top: -1%;margin-left: 2%;}
.textgrastemoignage{font-size: 41px;font-weight: 800;line-height: 45px;margin:6% 0 3.6% 0%;}
.textfichjob-1tm{font-size: 14px;font-weight: 700;line-height: 25px;margin: 0px 0 10px 5px;}
.textfichjob-2tm{font-size: 17px;font-weight: 700;line-height: 20px;padding-bottom: 4%;margin:0 0 0 3px;}
.textfichjob-3tm{font-size: 19px;font-weight: 700;line-height: 22px;padding-bottom: 5%;margin:0 0px 0 3px; color:#797d8d; text-align:justify;}
.textfichjob-4tm{font-size: 12px;font-weight: 700;line-height: 18px;margin:0 0 10px 3px;}
.textfichjob-5tm{font-size: 11px;font-weight: 700;line-height: 10px;margin-left:3px;}
.ficjob {position: relative;padding: 5px;background-color: #ca8a0f;border-radius: 16px;bottom: 10px;left: 103.3%;width: 172px;height: 85px;margin-top: -255px;font-size: 16px;line-height: 21px;font-weight: 700;}
.meetpro {position: relative;padding: 14px;background-color: #fff;border-radius: 29px 0 0 0;bottom: 10px;left: 55%;width: 170px;margin-top: -148px;height: 122px;font-size: 15px;line-height: 18px;text-align:justify;font-weight: 700;}
.textgrasficmet-10tm{font-size: 41px;font-weight: 800;line-height: 45px;margin:1% 0 -3.6% 5.2%;}	
.bloc-adopte-communaute{display: grid;padding: 0px 5px;grid-gap: 2px 5px;grid-template-columns: 410px 419px;margin: 0 0 0 5%;}
.bloc-adop-commu-g{width:363px;margin-top: 0px;}
.bloc-adop-commu-d{width:378px;margin-top: -1px ;margin-left: -55px;background-color: #e9eef5;}
.coulorangbar{background-color:#fdbe49; width:377px; height:35px;}
.textcommu-1tm{font-size: 14px;font-weight: 700;line-height: 25px;margin: 15px 0 0 25px;}
.textcommu-2tm{font-size: 13px;font-weight: 700;line-height: 15px;padding-bottom: 4%;margin:15px 3px 0 25px;}
.textcommu-3tm{font-size: 18px;font-weight: 700;line-height: 22px;padding-bottom: 0px;margin:0 15px 22px 25px; color:#797d8d; text-align:justify;}
.textcommu-4tm{font-size: 16px;font-weight: 700;line-height: 22px;margin: 15px 0 0 25px;}
.textcommu-5tm{font-size: 16px;font-weight: 700;line-height: 22px;margin:10px 0 0 35px}
.textcommu-6tm{font-size: 12px;font-weight: 700;line-height: 20px;margin:10px 0 0 35px}
.textcommu-7tm{font-size: 14px;font-weight: 700;line-height: 18px;margin:10px 0 10px 35px}
.textcommu-8tm{font-size: 16px;font-weight: 700;line-height: 21px;padding-bottom: 1%;margin:0 20px 45px 35px; color:#797d8d; text-align:justify;}
.text-mentor-bloc-ho{font-size: 11px;font-weight: normal;line-height:15px;padding:0px 5px 0 10px;}
.text-bloc-ho2{font-size: 12px;font-weight: normal;line-height: 15px;padding:0px 5px 0 10px;}	
.textgratemoin-10tm{font-size: 50px;font-weight: 800;line-height: 45px;margin:5% 0 2% 15.5%;}		
.bloc-deux-colonne-trois{display: grid;padding: 0px 5px;grid-gap: 2px 5px;grid-template-columns: 100%;margin-left: 0%;}
.cardev3[data-format="horizontal-s-fluid desktop-square"]{height:190px;width:190px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.cardev3{display:-webkit-box;display:-ms-flexbox;display:flex;cursor:pointer;overflow:hidden;border-radius:8px;-webkit-box-shadow:0 0 10px rgba(0,0,0,.1);box-shadow:0 0 10px rgba(0,0,0,.1);-webkit-transition:-webkit-transform .3s cubic-bezier(.16,1,.99,.99);transition:-webkit-transform .3s cubic-bezier(.16,1,.99,.99);-o-transition:transform cubic-bezier(.16,1,.99,.99) .3s;transition:transform .3s cubic-bezier(.16,1,.99,.99);transition:transform .3s cubic-bezier(.16,1,.99,.99),-webkit-transform .3s cubic-bezier(.16,1,.99,.99)}@supports not (width:clamp(1px,1vw,2px)){.cardv3{overflow:unset}}@supports (width:clamp(1px,1vw,2px)){.cardev3:hover{-webkit-transform:scale(1.03);-ms-transform:scale(1.03);transform:scale(1.03);-webkit-box-shadow:0 0 20px rgba(0,0,0,.2);box-shadow:0 0 20px rgba(0,0,0,.2)}
.cardev3:focus{outline:2px auto #666;-webkit-box-shadow:0 0 10px rgba(0,0,0,.1);box-shadow:0 0 10px rgba(0,0,0,.1)}
.cardev3[data-format="horizontal-s-fluid desktop-square"]{width:100%; background-color:#c8d1f7;height:420px;padding: 5px 0 0 0px;box-shadow:1px 1px 1px 3px rgba(0, 0, 255, .1)}}	
.bloc-haut-bloc{display: grid;padding: 0px 15px 50px 0px;grid-gap: 2px 37px;grid-template-columns: 220px 220px 220px;margin-left: 3.5%;}
.bloc-bas-bloc{display: grid;padding: 0px 15px 50px 0px;grid-gap: 2px 45px;grid-template-columns: 215px 215px 215px;margin-left: 3.5%;}
.titre-themem {font-size: 16px;letter-spacing: 0px;line-height: 20px;text-align: left;font-weight: 400;margin: 0px auto;width: 92%;padding: 0 0 35px 0px;}
.bloc-bouton-haut{display: grid;padding: 0px 5px;grid-gap: 2px 5px;grid-template-columns: 100%;margin: 3% 0 3% 2%;}
.ligne-btn-bleu{display: grid;padding: 0px 5px 0px 0px;grid-gap: 2px 16px;grid-template-columns: 160px 198px 239px 95px;margin: 1% 0 0 1%;}
.cardev4[data-format="horizontal-s-fluid desktop-square"]{height:190px;width:190px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.cardev4{display:-webkit-box;display:-ms-flexbox;display:flex;background-color: #7994a7;cursor:pointer;overflow:hidden;border-radius:8px;-webkit-box-shadow:0 0 10px rgba(0,0,0,.1);box-shadow:0 0 10px rgba(0,0,0,.1);-webkit-transition:-webkit-transform .3s cubic-bezier(.16,1,.99,.99);transition:-webkit-transform .3s cubic-bezier(.16,1,.99,.99);-o-transition:transform cubic-bezier(.16,1,.99,.99) .3s;transition:transform .3s cubic-bezier(.16,1,.99,.99);transition:transform .3s cubic-bezier(.16,1,.99,.99),-webkit-transform .3s cubic-bezier(.16,1,.99,.99)}@supports not (width:clamp(1px,1vw,2px)){.cardv4{overflow:unset}}@supports (width:clamp(1px,1vw,2px)){.cardev4:hover{-webkit-transform:scale(1.03);-ms-transform:scale(1.03);transform:scale(1.03);-webkit-box-shadow:0 0 20px rgba(0,0,0,.2);box-shadow:0 0 20px rgba(0,0,0,.2)}
.cardev4:focus{outline:2px auto #666;-webkit-box-shadow:0 0 10px rgba(0,0,0,.1);box-shadow:0 0 10px rgba(0,0,0,.1)}
.cardev4[data-format="horizontal-s-fluid desktop-square"]{width:100%; height:50px;font-size: 10px;font-weight: 700;padding: 13px 5px 0 8px;box-shadow:1px 1px 1px 3px rgba(0, 0, 255, .1)}}	
.bord-bas-orange{background-color: #fdbe49;width: 100%;height: 25px;margin-bottom: 0px;text-align: center;font-size: 14px;font-weight: 600;}
.txtbasbloc{margin: 10% 0 10% 5%;text-align: center;line-height: 15px;font-size: 14px;}	
.particle-deconstruct-container {display: flex;justify-content: center;align-items: center;height: 100vh;background: #c8d1f7;}
.particle-deconstruct-element {width: 300px;height: 200px;background: #c8d1f7;display: flex;justify-content: center;align-items: center;position: relative;overflow: hidden;}
.particle-deconstruct-element h2 {color: #0b1028;font-weight:700;line-height: 32px;margin-left:10%;font-size: 1.7rem;position: relative;z-index: 2;transition: all 0.5s ease;}
.particle-deconstruct-element::before,
.particle-deconstruct-element::after {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: repeating-radial-gradient(circle at center, #7e8d98 1px, transparent 2px, transparent 50px);opacity: 0;transition: all 0.5s ease;}
.particle-deconstruct-element:hover h2 {transform: scale(1.5) rotate(360deg);opacity: 0;}
.particle-deconstruct-element:hover::before {transform: scale(2) rotate(45deg);opacity: 0.3;}
.particle-deconstruct-element:hover::after {transform: scale(2) rotate(-45deg);opacity: 0.3;margin-left:-10px;}			
.btn_myespace-jts{background: #fff;color: #0b1028;font-size: 10px;border-radius: 8px;padding: 11px 10px;vertical-align: middle;}
.bloc-logo{display: grid;padding: 0px 5px;grid-gap: 2px 5px;grid-template-columns: 100%;margin: 0% 0 0 -5%;}
.ligne-logo-tm{display: grid;padding: 0px 5px 0px 0px;grid-gap: 2px 0px;grid-template-columns: 45px 330px 220px 160px 160px 30px;margin: 3.5% 0 0 0%;}
.btns-header {display: flex;align-items: flex-start;gap: 30px;margin-top: 3px;}
.gap-logo-new {display: inline-block; margin: 0;}
.btns-header button,.btns-header a {display: inline-flex;align-items: center;gap: 8px; padding: 10px 12px;border-radius: 8px;cursor: pointer;text-decoration: none;line-height: 1;font-size: 10px;transition: all 0.3s ease;width: 100%;}
.btn_myespace-jts {display: inline-flex;align-items: center;gap: 8px; background: #fff;color: #0b1028;border-radius: 8px;padding: 10px 12px;text-decoration: none;cursor: pointer;transition: all 0.3s ease;line-height: 1;width: 100%;}
.them-space, .btns-header button span {display: inline-block;white-space: nowrap;font-size: 12px;font-family: Arial, sans-serif;text-transform: uppercase;position: relative;z-index: 10;font-weight: 700;letter-spacing: 0.1px;}
.btns-header button:hover,.btns-header a:hover {background: #0b1028;color: #fff;}
.btns-header button * ,.btns-header a * {color: inherit;}
.nav-bar-icon {padding-top: 0px;}
.logo-dark{margin-left: -5%;}
.job{font-size: 21px;font-weight: bold;padding-top: 10px;color: #000;margin-left: 8px;text-align: left;}
.metier{font-size: 9px;margin-left: 8px;margin-top: -11px;color: #000;font-weight: normal;text-align: left;}
.to {font-size: 20px;font-weight: bold;color: #fff;position: absolute;}
.to2 {font-size: 20px;font-weight: bold;color: #fff;position: absolute;top: 35px;}
.see {position: relative;padding-left: 25px;top: -0.51px;}
.see2 {position: relative;padding-left: 25px;top: 0px;}
i{font-size: 16px;padding: 0 9px 0 9px;}
.side-menu .menu-close {padding: 3px 0px;border: 2px solid #fff;border-radius: 50%;float: right;margin: 10px 15px 0 0;height: 30px;width: 30px;}
.side-menu .menu-close:hover {background: url("../img/close-color.png");color: #e6ae49;}
.btn_menu_inscr-jts{background-color: #111111;color: #0b1028;border-radius: 10px 10px 10px 10px;padding: 10px 10px;width: 60%;}
.btn_menu_myespace-jts{background-color: #111111;color: #0b1028;border-radius: 10px 10px 10px 10px;padding: 8px 10px 8px 15px;width: 63%;}
.them-space{font-size: 12px;font-family:arial;text-transform: uppercase;padding-left: 0px;}
.icon-img,.iconfirst-img{display: none;}
.icon-intitu{display: block;}
.image-container picture,
.image-container img {display: block;width: 100%;height: auto;margin: 0;padding: 0;}
.image-container {position: relative;width: 100%;height: auto;margin: 0;padding: 0;aspect-ratio: 16 / 9; /* ou 4/3, selon ton image */display: block}
.lign-blockquote-hp {padding: 0 20px;max-width: 1150px;margin: 0% auto 0 auto;}
.blockqo-text-headr {border-left: 5px solid #fff;padding-left: 20px;color: #fff;font-style: normal;}
.text-intro-hp {font-size: 13px;font-weight: 600;letter-spacing: 0px;line-height: 19px;margin-top: 5px;text-align: justify;}
.overlay {position: absolute;top: 0; left: 0;width: 100%; height: 12%;color: white;display: flex;align-items: center;justify-content: center;text-align: left;}
.calage-blockqot{margin: 0% 2% 0 2%;}
.tit-platef-dec-job{margin: 18% 0 7% 0; font-size:25px; font-weight:700;color:#0b1028;padding-left: 6%;}
.blockqo-text-headr{border-color: #fff; height: 84%;margin: -12% 0 1% 2%;font-size: 16px;font-weight: 500;line-height: 26px;width: 92%;color:#fff;text-align: left;}
.text-headr-blan{font-size:25px; font-weight:700;color:#fff;letter-spacing: 0px;line-height: 20px;padding: 0px 0 5px 0;}
.bas-header-plus{font-size:18px; font-weight:700;color:#fff;background-color: #fff;margin: 1% 0 10% 0%;width: 40%;float: left;padding:0px;border-radius: 8px;box-shadow: 0 0 10px rgba(0, 0, 0, .9);}
.btn404{color: #fff;background: #323232;border: none;border-radius: 1rem;margin: 5px 0 20px 0;width: 26%;padding: 11px 0px 12px;touch-action: manipulation;cursor: pointer;display: inline-block;font-weight: 700;text-align: center;white-space: nowrap;}
.txttdescerror{margin-left: 36.5%;}
.esp-error{margin: 10% 0 0 -2%;}
a.boxbultxt{position: relative;z-index: 24;background-color: #fff;color: #323232;text-decoration: none;line-height: 18px;display: inline-block;font-weight: 700;background-image: url(../images/souligne_filet_jaune.png);background-position: bottom;background-repeat: repeat-x;}
a.boxbultxt:hover span{ /*the span will display just on :hover state*/display:block;position:absolute;top:2em; left:1em; width:20em;border:1px solid #ca8a0f;background-color:#fdbe49; color:#323232;text-align: justify;padding: 10px 10px;font-weight: 500;line-height: 15px;}	
a.boxbultxt:hover{z-index:25; background-color:#fff;height:0px;color: #323232;}
a.boxbultxt span{display: none}
a.boxbultxt2{position: relative;z-index: 24;background-color: #fff;color: #323232;text-decoration: none;line-height: 18px;display: inline-block;font-weight: 700;background-image: url(../images/souligne_filet_jaune.png);background-position: bottom;background-repeat: repeat-x;}
a.boxbultxt2:hover span{ /*the span will display just on :hover state*/display:block;position:absolute;top:2em; left:1em; width:16em;border:1px solid #ca8a0f;background-color:#fdbe49; color:#323232;text-align: justify;padding: 10px 10px;font-weight: 500;line-height: 15px;font-size:13px;}	
a.boxbultxt2:hover{z-index:25; background-color:#fff;height:0px;color: #323232;}
a.boxbultxt2 span{display: none}
.btn-top-droit{margin-top:-5px;margin-left:3px;}
.btn-top-droite{margin-top:0px;margin-left:0px;}
.bas-audessus-rejoind{margin-top: -34%;margin-left: 65%;z-index: 1000;position: absolute;}
a.menu-gauc-insc{font-size: 14px;font-weight: normal;font-family:arial;text-transform: uppercase;padding-left: 14px;color:#fff;}
a.menu-gauc-insc:hover{color: #950e04;font-family:arial;text-transform: uppercase;padding-left: 14px;}
a.menu-top-insc{font-size: 12px;font-weight: normal;font-family:arial;text-transform: uppercase;color:#0b1028;line-height: 18px;padding-left: 2px;}
a.menu-top-insc:hover{color: #950e04;font-family:arial;text-transform: uppercase;padding-left: 2px;line-height: 18px;}
a.accueil-rejoin-communi{font-size: 15px;font-weight: 700;font-family:arial;text-transform: uppercase;padding-left: 10px;color:#fff;vertical-align: middle;}
a.accueil-rejoin-communi:hover{color: #950e04;font-family:arial;text-transform: uppercase;padding-left: 10px;}
.temoig-text{font-size: 13px;font-weight: 600;color: #0b1028;letter-spacing: 1px;line-height: 21px;text-align: justify;}
a.gras-lien-inscip-pub:hover{font-weight: 700;font-size:15px;padding-left: 0px;}
a.gras-lien-foot, a.gras-lien-foot:hover {font-weight: 700;font-size:14px;padding-left: 5px;margin-top:8px;line-height: 20px;}

/* ===================================
   Page Connexion
====================================== */
.lign-connect{display: grid;padding: 0px 5px;grid-gap: 2px 15px;grid-template-columns: 330px 400px;margin: 0 0 5% 3%;}
.blocl-g-connec{width:100%;}
.blocl-d-connec{width:100%;}
.titre-connec{font-size: 22px;letter-spacing: 4px;line-height: 20px;text-align: left;margin-bottom: 20px;font-weight: 700;text-transform: uppercase;}
label.labconnec {color: #323232;font-size: 15px;margin-bottom: 1px; padding-right: 3px;margin-top: 6px;font-weight: 500;}
.box-connect{border: 1px solid #f1f1f1;padding: 0 10px;}
.slignbtncoonect {display: flex;justify-content: space-between;align-items: center;padding: 8px 0px;margin: 0;}
.slignbtn-g-connec,.slignbtn-d-connec {flex: 1;margin: 0 10px 0 0;}
.mdpconnect {text-decoration: underline;font-size: 0.8em;font-weight: normal;}

/* ===================================
   Page Contact
====================================== */
input[type="number"], input[type="radio"], input[type="checkbox"] {
border: 1px solid #ddd;border-radius: 0px;color: #888;font-weight: 400;font-size: 13px;padding: 10px 15px 10px;margin-bottom:20px;}
textarea {border: 1px solid #ddd;border-radius: 0px;color: #888;font-weight: 400;font-size: 13px;padding: 10px 15px 10px;margin-bottom:26px;}
.labcontacmsg{color: #323232;font-size: 13px;margin-bottom: 1px;padding-right: 3px;margin-top: 26px;font-weight: 600;}
.color-text-liste{background-image: url(../assets/images/icon_fleche_bas.svg); background-size: 10px 10px; background-repeat: no-repeat; background-position-x: 96%; background-position-y: 14px; width:100%;height: 40px;padding: 0px 0 0 10px;margin-bottom: 20px;border: 1px solid #d3d3d3;border-radius: 5px;}

/* ===================================
   Page Coach
====================================== */
.titre-coach{font-size: 22px;letter-spacing: 3px;text-transform: uppercase;font-weight: 700;line-height: 28px;text-align: left;margin: 50px 0 25px 5px;}
.bloc-deux-colonne-coach{display: grid;padding: 0px 5px;grid-gap: 2px 5px;grid-template-columns: 700px;margin-left:0%;}
.txtcoachtop{text-align: justify;margin-right: 0px;line-height: 24px;font-size: 16px;font-weight: 300;color: #000;}
.ptittextcoach{text-align: justify;font-size: 14px;font-weight: 300;}
blockquote.titi{font-style: normal;line-height: 18px;font-size: 16px;margin-left: 32px;font-family: Consolas, "Times New Roman", Verdana;border-left: 4px solid #e6727d;padding-left: 8px;letter-spacing: 0px;margin-bottom:45px;}
.int-jdm-gras{font-size: 20px;font-weight: 800;text-transform: none;letter-spacing: 0px;line-height: 20px;margin: 25px 0 15px 0px;}
h4.txtbloke {color: #323232;text-transform: uppercase;font-family: 'Raleway', sans-serif;font-weight: 600;margin-top: 0px;margin-bottom: 0px;text-align:left;}
.txtbloke {color: #575b6c;font-family: 'Raleway', sans-serif;font-weight: normal;margin-top: 0px;margin-bottom: 0px;text-align:left;font-size: 12px;line-height: 18px;}
.textcomparcoach{line-height: 15px;font-size: 12px;font-weight: 400;color: #000;text-align: left;}
h3.coaching{font-size: 19px;font-weight: 600;text-transform: none;letter-spacing: 0px;line-height: 20px;padding-left: 6px;}
.puce-synoni-coache{display: flex;margin-top: 10px;padding-left:6px;}
.puce-bleu-coaching{min-width: 6px;height: 6px;background-color: #00bcd4;border-radius: 50%;margin-right: 6px;margin-top: 6px;}
ul.pro-list{list-style-type: none;overflow: auto;padding-left: 0px;white-space: nowrap;width: 85%;scrollbar-color: #7291a64f #fff; /* Pour Firefox */scrollbar-width: thin; /* Pour Firefox */}/* Webkit (Chrome, Safari, Edge) */
ul.pro-list::-webkit-scrollbar {height: 8px; /* hauteur de la scrollbar horizontale */}
ul.pro-list::-webkit-scrollbar-track {background: #ffeaea; /* Couleur du fond de la scrollbar */}
ul.pro-list::-webkit-scrollbar-thumb {background-color: #002e3b; /* Couleur de la "poignée" */border-radius: 10px;border: 2px solid #ffeaea; /* Pour donner de l’espace autour */}
.lign-coach-faq-advice{display: grid;padding: 20px 5px;grid-gap: 2px 15px;grid-template-columns: 350px 390px;margin: 0 0 0 0;}
.lcfa-g,.ljdm-g {width:100%;}
.lcfa-d{width:100%;margin-top: -25px;}
.lign-jdm-faq{display: grid;padding: 20px 0px;grid-gap: 2px 20px;grid-template-columns: 330px 356px;margin: 0 0 0 0;}
.lign-jdm-parler{display: grid;padding: 20px 5px;grid-gap: 2px 20px;grid-template-columns: 300px 400px;margin: 0 0 0 0;}
.lign-btn-temoin{display: grid;padding: 20px 5px;grid-gap: 2px 20px;grid-template-columns: 300px 400px;margin: 0 0 0 0;}
.ljdm-d{width:100%;}
.ptb-sm-50 {padding: 2% 11.5% 1% 2%;}
.int-coachsco-gras{text-align:left;font-size: 20px;font-weight: 800;text-transform: none;letter-spacing: 0px;line-height: 20px; margin: 5px 0 5px 0px;}
.intitu-gras-temoign{font-size: 18px;font-weight: 800;text-transform: none;letter-spacing: 0px;line-height: 20px;margin: 25px 0 15px 19px;}
.textaccordeo{line-height: 24px;font-size: 12px;font-weight: 300;color: #696262;text-align:justify;}
.coachin-intitul-qui{font-size: 20px;font-weight: 800;text-transform: none;letter-spacing: 0px;line-height: 20px;margin: 25px 0 15px 27px;text-align:left;}
.fond-blok-decouv-job-coach{background-color: rgb(0, 0, 0);color: rgb(255, 255, 255);padding: 0.5rem;margin: 0px 0 0 15px; font-weight:700;border-radius: 8px;}
.titrcoacscol{font-size: 20px;font-weight: 800;text-transform: none;letter-spacing: 0px;line-height: 20px;margin: 35px 0 5px 27px;}
.caltabcoach{margin: 20px 0 30px 45px;width: 87%;}
.line-col-right-coach{display: grid;margin-right:0px;padding: 30px 0px 5px 0;grid-gap: 2px 5px;grid-template-columns: 45px 45px 45px;justify-content: center;align-items: center;}
.avis-ligne-vote-coach{display: flex;justify-content: space-between;align-items: center;width: 235px;margin: 30px 0 30px 0px;font-family: Arial, sans-serif;}
.avis-ligne-vote-coach span {color: #007BFF;cursor: pointer;font-weight: bold;transition: 0.3s;}
.avis-ligne-vote-coach span:hover {text-decoration: underline;}
.moyen-icon-coach{width: 55px;}
.huitcons{padding-bottom: 25px;}

/* ===================================
   Page Notation
====================================== */
.ligne-deux-colonne-avis{display: grid;padding: 0px 5px;grid-gap: 2px 14px;grid-template-columns: 535px 200px;margin: 20px 0 0 20px;}
.bloc-gauche-avis{width:100%;}
.bloc-droit-avis{width:100%;}
.fond-accroche-avis{padding:5px 0; background:#c8d1f7; margin:20px 0;border-radius: 0 0 40px 0px;}
.fond-accroche-mentor{padding:5px 20px; background:#c8d1f7; margin:30px 0;border-radius: 0 0 40px 0px;}
.accroche-avis{font-size:20px; padding: 5px 30px 0 30px;line-height: 24px;text-align: justify;font-weight:700;}
.bloc-bas-avis{width:535px;margin-bottom: 55px;margin-left: 4%;}
.bloc-bas-mentorat{width:100%;margin-bottom: 25px;margin-left: 0%;}
.txt-bas-avis{font-size:16px;font-weight:700;margin: 50px 0 5px 0;}
h1.titre-page{font-size: 19px;font-weight: bold;letter-spacing: 1px;line-height: 23px;text-align: justify;margin: 0 0 5px 0;padding-top: 0px;text-transform: uppercase;color: #323232;}

/* ===================================
   Page Actualité + détails
====================================== */
.actutest{padding: 40px 0 0 25px;width: 100%;margin: auto;}
h1.titre-actualite-jts{font-size: 21px;text-transform: uppercase;letter-spacing: 4px;line-height: 32px;text-align: left;font-weight: 700;}
.col-actud{width:65%;text-align: left;display: inline-block;vertical-align: top;}
.col-actug{width:30%;text-align: left;display: inline-block;vertical-align: top;margin-right: 20px;}
.ptb-sm-90 {padding: 20px 0 50px 0px;}
.ptb-sm-100 {padding: 20px 0 50px 0px;}
.biggrotitreactu {font-size: 18px;letter-spacing: 0px;line-height: 16px;text-align: left;font-weight:bold;}
.textactumt{font-size: 13px;font-weight: 300;line-height: 20px;text-align: justify;color: #323232;}
.pull-right{float:right;font-size:13px;}
.img-respon-metier{vertical-align: middle;display: block;max-width: 100%;height: auto;}
.border-box {border: 1px solid #f1f1f1;padding: 25px}
.lign-detail-actu{display:grid;padding:20px 0;grid-gap:32px 10px;grid-template-columns: 300px 440px;margin-left: 4%;}
.lign-detail-gauche{width:100%;}
.lign-detail-droit{width:100%;}
.metier-fiche-titre{color: #00bcd4;text-transform: uppercase;font-weight: 800;font-size: 28px;text-align: left;letter-spacing: 1px;line-height: 30px;margin: 45px 0 15px 3px;}
.epaisaccroch{line-height: 23px;font-size: 18px;font-weight: 700;}
.bloc-affi{display: grid;padding: 0px 5px;grid-gap: 2px 5px;grid-template-columns: 10px 95px 20px 60px 10px 100px;}	
.accordion {width: 124%;margin: 0 auto;background-color: transparent;padding: 0%;}
.accordion-item {background-color: #fff;color: #486d71;margin: 1rem 0 50px 0;border-radius: 0.5rem;width:100%;box-shadow: 0 2px 5px 0 rgba(0,0,0,0.25);}
.accordion-item-header {padding: 0.5rem 2.5rem 0.5rem 1rem;min-height: 6.5rem;line-height: 1.5rem;font-weight: bold;text-transform: uppercase;display: flex;align-items: center;position: relative;cursor: pointer;font-size: 16px;}
.accordion-item-header::after {content: "\002B";font-size: 2rem;position: absolute;right: 1rem;}
.accordion-item-header.active::after {content: "\2212";color:#0b2a0d;}
.accordion-item-body {max-height: 0;overflow: hidden;transition: max-height 0.2s ease-out;}
.accordion-item-body-content {padding: 10px 10px 0 10px;line-height: 0.1rem;border-top: 1px solid;border-image: linear-gradient(to right, transparent, #1a64b2, transparent) 1;font-family: Arial;font-size: 0.9rem;text-align: justify;color: #486d71;font-weight:500;}
h1.titre-actu{ font-size: 16px;letter-spacing: 0px;line-height: 17px;text-align: left;margin-top:0%;font-weight: 600;}
.lign-block-colg-actu{display: grid;padding: 0px 5px;grid-gap: 2px 5px;grid-template-columns: 230px;margin: 0 0 0 0;}
.block-g-jetrouve{width:100%;margin: 0 0 0px 10px;}
.block-d-pub{width:100%;margin: 0 0 10px -9px;}
.colgauactu{font-weight:500;font-size: 10px;padding: 5px 3px 0 10px;box-shadow: 0 2px 5px 0 rgba(0,0,0,0.25);border-radius: 0.5rem;margin: 1rem 0 25px 0;color: #486d71;}
a.boutactu{font-size: 13px;font-weight: 700;display: inline-block;color: #486d71;line-height: 18px;background-color: #fff;border: 2px solid rgb(124 194 212 / 70%);text-align: center;padding: 12px 8px;cursor: pointer;vertical-align: middle;text-decoration: none;border-radius: 15px;transition: all .2s linear;width: 100%;margin: 5% 5%;}
a.boutactu:hover{font-size: 13px;font-weight: 700;line-height: 18px;display: inline-block;color: #486d71;background-color: rgb(124 194 212 / 70%);border: 2px solid rgb(124 194 212 / 70%);text-align: center;padding: 12px 8px;cursor: pointer;vertical-align: middle;text-decoration: none;border-radius: 15px;transition: all .2s linear;width: 100%;margin: 5% 5%;}
.date{font-size: 12px;font-weight: 300;}
.titrcolgactu{font-weight:400;font-size: 12px;padding: 5px 0px 0 0px;text-align: center;}
.textactujts{text-align: justify;font-size: 15px; color:#000;line-height: 24px; font-weight: 300;}

/* Quiz test fiche metier */
.question {margin-bottom: 25px;border: 1px solid #cad1d6;border-radius: 5px;padding: 15px;width: 108%;}
.question p {font-weight: bold;margin-bottom: 10px;}
.quiz-block {display: inline-flex;/* Inline pour limiter la taille au contenu */align-items: center;padding: 15px;margin: 10px;border: 2px solid #ccc;border-radius: 8px;cursor: pointer;transition: background-color 0.3s, border-color 0.3s;background-color: white;       /* Fond de base */max-width: max-content;        /* Pour éviter que ça prenne toute la largeur */position: relative;            /* Pour positionner des éléments internes si besoin */}
.quiz-block input[type="radio"] {margin-right: 10px;}
.quiz-block input[type="radio"]:checked {/* Rien à faire ici, c'est invisible */}
.quiz-block input[type="radio"]:checked + span {background-color: #e1f0ff;border-radius: 5px;padding: 5px 10px;}
/* Si tu veux colorer tout le label quand coché */
.quiz-block input[type="radio"]:checked {outline: none;}
.quiz-block input[type="radio"]:checked ~ span {background-color: #e1f0ff;}
/* Si tu veux que tout le label change aussi */
.quiz-block input[type="radio"]:checked {/* rien, impossible d'appliquer sur le parent input */}
.quiz-block input[type="radio"]:checked ~ span {background-color: #e1f0ff;}
/* Pour colorer le label complet, utilise cette astuce */
.quiz-block input[type="radio"]:checked { /* on ne peut pas cibler le parent en CSS */}
/* Astuce : colorer le label via :has() (mais support limité) */
label.quiz-block:has(input[type="radio"]:checked) {background-color: #e1f0ff;border-color: #0078d7;}
#result {margin-top: 30px;padding: 20px;background: #dff0d8;border: 1px solid #d0e9c6;border-radius: 6px;display: none;}
.questquiz{font-size: 14px;line-height: 25px;font-weight: 700;}
.lignquiz{display: grid;padding: 0px 5px;grid-gap: 2px 5px;grid-template-columns: 140px 150px 150px 180px;margin: 0 0 0 0;}
button.quiz{display: block;width: 100%;background: #7291a6;color: white;font-size: 18px;padding: 12px;border: none;border-radius: 6px;cursor: pointer;margin-top: 15px;}
button.quiz:hover{background: #c8d1f7;color:#465079;font-weight:600;color:#7291a6;}
.titresponquiz{font-size: 19px;font-weight:700;}
.responquiz{font-size: 14px;text-align: justify;line-height: 24px;font-weight:600;}

/* ----------------------------------------------------------------------*/
/* Page Mdp  --------------------------------------------- */
/* ----------------------------------------------------------------------*/
.lign-mdp{display: grid;padding: 0px 5px;grid-gap: 2px 30px;grid-template-columns: 470px 260px ;margin: 2% 0 5% 2.5%;}
.col-mdp-g{width:100%;}
.col-mdp-g{width:100%;}
.motdepasse{font-size: 25px;letter-spacing: 4px;line-height: 32px;text-align: left;margin: 0% 2% 0 3%;font-weight: 700;text-transform: uppercase;}
.mtmdp{margin:40px 0 60px 10px;}
.textmdp{text-align:justify;line-height: 24px;font-size: 16px;font-weight: 300;color: #000;}
.souslign-mdp{display: grid;padding: 0px 5px;grid-gap: 2px 30px;grid-template-columns: 470px;margin: 2% 0 0% 0%;}
.lave{margin-top:5px;}
.input-container,.input-containerbis {position: relative;width: 100%;margin-bottom: 6px;font-weight: normal;}
.input-container i,.input-containerbis i {position: absolute;left: 10px;top: 55%;transform: translateY(-50%);color: #09193b8f;}
.input-container input,.input-containerbis input {width: 100%;padding: 10px 10px 10px 45px;border: 1px solid #ccc;border-radius: 5px;}
.mdpg{width:100%;height: 60px;padding-right: 37%;}
.mdpd{width:100%;}

/* ----------------------------------------------------------------------*/
/* Pagination Navigation   --------------------------------------------- */
/* ----------------------------------------------------------------------*/
.pagination-nav {width: 100%;display: block;position: relative;text-align: center;}
.pagination-nav ul {margin: 0px;padding: 0px;display: inline-block;}
.pagination-nav ul li {display: inline-block;margin: 0px 2px;}
.pagination-nav ul li a {display: block;background-color: #f7f7f7;height: 36px;width: 36px;line-height: 36px;text-align: center;font-size: 14px;}
.pagination-nav ul li.active a {background: #323232;color: #fff;}
.mtb-30 {margin-top: 30px;margin-bottom: 30px;}

/* ===================================
   Page 1er niveau - Ex devenir mentor
====================================== */
h2.actudescrip{font-size: 22px;font-weight:bold; text-align: left;line-height:27px; padding: 5px 0 0px 0; margin:25px 0px 7px 0px;text-transform: uppercase;color: #323232;}
h2.actusousdescrip{font-size: 15px;font-weight:bold; text-align: left;line-height:24px; padding: 5px 0 0px 0; margin:15px 0px 5px 0px;text-transform: uppercase;color: #323232;}
.puce-synoni-pati{display: flex;margin-top: 6px;}
.puce-bleu-metier{min-width: 6px;height: 6px;background-color: #00bcd4;border-radius: 50%;margin-right: 6px;margin-top: 5px;}
.btn-mentor{width: 20%;margin : auto;letter-spacing: 2px;text-transform: uppercase;padding: 15px;background-color: #e6ae49;font-weight: bold;font-size: 12px;color: #fff;}
.btn-mentor:hover {width: 20%;margin : auto;letter-spacing: 2px;text-transform: uppercase;padding: 10px;background-color: #e6ae49;font-weight: bold;font-size: 12px;color: #fff;}
.orange-bg {background-color: #f5be5c;background-image: url(http://dev.jobtosee.fr/home/assets/images/fond-marron-rond.png); background-position-y: -259.16px;background-size: cover;}
.largdesc-or{width:78%;margin-left: auto;margin-right: auto;}
.txt-fond-desc{font-weight: 700;font-size: 30px;line-height: 45px;color: #23233f;letter-spacing: -1px;}
.desc-orang-10 {margin-right: auto;margin-left: auto; padding:100px 10px 100px 10px;}
.vign-devenir-mentor{display:grid;padding:20px 0;grid-gap:32px 90px;grid-template-columns: 190px 190px 190px;margin-left: 3%;}
.bloc-dev-mentor{display: grid;padding: 0px 5px;grid-gap: 2px 40px;grid-template-columns: 200px 280px 200px;margin: 0 0 0 0%;}
.g-bloc-dev-mentor, .m-bloc-dev-mentor, .m-bloc-dev-mentor {width: 100%;margin: 15px;}
.spacer-90{width: 100%;height: 90px;}
ul.colonrganis {list-style-type: none;margin: 0;padding: 0;overflow: hidden;margin-left: 0%;}
.topbarrebleu{display: flex;margin-bottom: 22px;}
.barrebleu{padding: 14px;flex: 1;background-color:#f6f6f6;border-top: 4px solid #00bcd4;border-bottom-right-radius: 8px;border-bottom-left-radius: 8px;}
li.cadredevmentor{float: left;width:99%;}
.title-descojob{font-size: 1.2em;font-weight: 700;text-transform: uppercase;color: #000;margin: 1em 0 0 1em;line-height: 1em;position: relative;width:100%;}
.fonddescojob{background-color: #e6ae49;height: 19px;top: 50%;transform: translateY(-50%);left: 0;right: 0;position: absolute;z-index: 0;}
.titredcjob{background-color: #fff;transform: skewX(-10deg);padding: 3px 10px;margin-left: -6px;line-height: 1em;font-size: 14px;}
.textdescojob{display: flex;justify-content: space-between;align-items: center;position: relative;z-index: 1;}
ul.listorganism{list-style-type: none;margin: 0;padding: 0;overflow: hidden;}
.synoni-job{font-size: 16px;line-height: 18px;font-weight: 600;padding-bottom: 10px;}
.themmich{font-size: 13px;line-height: 16px;font-weight: 500;text-align: left;margin-top: 0px;}
.text-figure-img{font-size:10px;padding:2px 0 0px 0px;font-weight: 600; line-height: 22px;color:#999;}
.sommaire{font-size:20px;font-weight:700;letter-spacing: 1px;color:#192d66;padding-bottom: 10px;}
a.txtsommaire {display: inline-flex;align-items: center;text-decoration: none;color: #000;line-height: 1.4;font-size: 11px;}
a.txtsommaire:hover{color: #950e04;}
.iconsommaire{width: 15px; height: 15px;margin: -14px 8px 0 0;flex-shrink: 0; /* empêche le SVG de se déformer */}
.ligntab{display: grid;padding: 0px 5px;grid-gap: 2px 5px;grid-template-columns: 120px 160px 120px 120px 50px 150px ;margin: 0 0 0 0;}
.tab1, .tab2, .tab3, .tab4, .tab5, .tab6{width: 100%;background-color:#7291a6;text-align:center;font-weight: 700;}
.tab7, .tab8, .tab11{width: 100%;background-color:#c8d1f7;text-align:center;font-weight: 700;font-size: 10px;}
.tab13, .tab14, .tab15, .tab16, .tab17, .tab18, .tab19, .tab20, .tab21, .tab23, .tab24, .tab25, .tab26, .tab32, .tab33, .tab34, .tab35, .tab36{width: 100%;background-color:#dadcdd;font-size:11px;line-height: 14px;display: flex;align-items: center;height: 50px;padding-left: 5px;}
.tab27, .tab28, .tab29, .tab30, .tab31{width: 100%;background-color:#dadcdd;text-align:center;font-size: 9px;display: flex;align-items: center;height: 50px;padding-left: 5px;}
h2.sixdispo{font-size: 15px;font-weight: 600;text-transform: none;letter-spacing: 0px;line-height: 20px;margin-bottom: 10px;}
.tab12, .tab22{width: 100%;background-color:#dadcdd;font-size: 11px;line-height: 14px;display: flex;align-items: center;height: 50px;line-height: 15px;padding-left:5px;}
.tab9, .tab10{display: flex;align-items: center;height: 50px;line-height: 15px;}
/*********************** Encadré btn orange ******************************************/
.cadreannuaireformation{border: 1px solid #00000030;border-radius: 16px;box-shadow: 0 1px 1px rgb(0 0 0 / 5%);margin-bottom: 25px;}
1.intcadreaf{padding: 45px 15px 0px 15px;text-align: center;font-size: 14px;}
/*********************** Effet accordéons ******************************************/
.accordionfaq {width: 100%;margin: 0 auto;background-color: transparent;padding: 0%;}
.accordionfaq-item {background-color: #fff;color: #486d71;margin: 1rem 0 25px 2px;border-radius: 0.5rem;width:97%;box-shadow: 0 2px 5px 0 rgba(0,0,0,0.25);}
.accordionfaq-item-header {padding: 0.5rem 2.5rem 0.5rem 1rem;min-height: 2rem;line-height: 1.5rem;font-weight: 500;display: flex;align-items: center;position: relative;cursor: pointer;font-size: 14px;}
.accordionfaq-item-header::after {content: "\002B";font-size: 2rem;position: absolute;right: 1rem;}
.accordionfaq-item-header.active::after {content: "\2212";color:#0b2a0d;}
.accordionfaq-item-body {max-height: 0;overflow: hidden;transition: max-height 0.2s ease-out;}
.accordionfaq-item-body-content {padding: 10px 10px 10px 16px;line-height: 1.3rem;border-top: 1px solid;border-image: linear-gradient(to right, transparent, #1a64b2, transparent) 1;font-family: Arial;font-size: 0.9rem;text-align: justify;color: #486d71;font-weight:500;}
a.titseomenu{font-family:arial;font-size:16px;font-weight:500;color: #486d71;text-decoration: none;line-height: 1.9rem;}
a.titseomenu:hover{font-family:arial;font-size:16px;font-weight:500;color: #4298a1;text-decoration: underline;}
.txt-bon-devenir{text-align:left;font-size: 17px;font-weight: 700;margin: 5px 0 5px 0;margin-left: 4.5%;}
.puce-bleu-devmentor{min-width: 8px;height: 8px;background-color: #00bcd4;border-radius: 50%;margin-right: 6px;margin-top: 4px;}
ul.scroll-black-mentor{list-style-type: none;overflow: auto;padding-left: 0px;white-space: nowrap;width: 97%;scrollbar-color: #002e3b #ffeaea; /* Pour Firefox */scrollbar-width: thin; /* Pour Firefox */}/* Webkit (Chrome, Safari, Edge) */
ul.scroll-black-mentor::-webkit-scrollbar {height: 8px; /* hauteur de la scrollbar horizontale */}
ul.scroll-black-mentor::-webkit-scrollbar-track {background: #ffeaea; /* Couleur du fond de la scrollbar */}
ul.scroll-black-mentor::-webkit-scrollbar-thumb {background-color: #002e3b; /* Couleur de la "poignée" */border-radius: 10px;border: 2px solid #ffeaea; /* Pour donner de l’espace autour */}


/* ===================================
   Page Team
====================================== */
.sligne-team{display: grid;padding: 0px 5px;grid-gap: 2px 15px;grid-template-columns: 350px 200px;margin: 0 0 0 0;}
.team-g{width:100%;}
.team-d{width:100%;padding-top: 5px;}
.btn-teams{width: 100%;max-width: 100%;border-radius: 1rem;display: inline-flex;flex-direction: row;background-color: #09193b;color: #fff;line-height: 1.5rem;justify-content: center;min-height: 2rem;box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;font-weight: 600;margin: 8px 0 20px 0;height: auto;padding: 20px 0px 20px 5px;font-size: clamp(12px, 1vw, 5px);transition: all 0.3s ease-in-out;}
.btn-teamste{width: 100%;max-width: 100%;border-radius: 1rem;display: inline-flex;flex-direction: row;background-color: #09193b;color: #fff;line-height: 1.5rem;justify-content: center;min-height: 2rem;box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;font-weight: 600;margin: 38px 0 30px 0;height: auto;padding: 20px 35px 20px 35px;font-size: clamp(18px, 2vw, 15px);transition: all 0.3s ease-in-out;}
.img-taille{height: 300px;display: block;margin: 0 15px 0 0;}
a.btn-teame{color:#fff;font-weight: 600;display: inline-flex;padding-top: 0px;align-items: center;vertical-align: middle;gap: 5px;}
.col-fond-bleu-team{display: grid;padding: 0px 0px;grid-gap: 2px 45px;grid-template-columns: 350px 350px;margin: 0 0 0 0;}
.fond-accroche-team-g{width:100%;padding: 20px;background: #c8d1f7;margin: 30px 0 0 0px;}
.fond-accroche-team-d{width:100%;padding: 20px;background: #c8d1f7;margin: 30px 0 0 0px;}
.accroche-team{font-size: 20px;width: 139.3%;margin: 25px 0 -30px 0;padding: 30px 0 0 30px;line-height: 24px;text-align: justify;font-weight: 700;background: #c8d1f7;}
.textfondbleuteam{text-align: justify;margin: 0px 5px;font-size: 16px;font-weight: normal;line-height: 24px;}
.solution-team{font-size: 19px;width: 100%;margin: 25px 0 10px 0;padding: 20px 0 20px 10px;line-height: 24px;text-align: justify;font-weight: 700;background: #c8d1f7;}

/* ===================================
   Page reseau JTS
====================================== */
.souligne-de-col{display: grid;padding: 0px 5px;grid-gap: 2px 0px;grid-template-columns: 340px 190px;margin: 0 0 0 0%;}
.affi-gauc-savis{width:100%;}
.affi-droi-savis{width:100%;}
.txt-color-avis{color:#fff; font-size: 12px;font-weight: 700;text-transform: uppercase;}
.sous-sousdroit-avis{display: grid;padding:0 0 10px 0px;grid-gap: 2px 5px;grid-template-columns: 90px 85px;margin: 0 0 0 0%;}
.cadre-sous-avisg{height: 45px;width:100%;font-size: 9px;text-transform: uppercase;margin-left: 10px;text-align: center;margin-bottom: 8px;font-weight: 700;padding: 0px 8px;color: #595a5c;border-radius: 8px; box-shadow: 0 0 2px rgba(0, 0, 0, .9);}
.cadre-sous-avisd{height: 45px;width:100%;font-size: 9px;text-transform: uppercase;margin-left: 10px;text-align: center;font-weight: 700;padding: 0px 8px;color: #595a5c;border-radius: 8px; box-shadow: 0 0 2px rgba(0, 0, 0, .9);}
.noombavis{font-size: 15px;font-weight: 700;font-family: 'Anton', sans-serif;text-align: center;margin-top: 0px;}
.fond-blok-avis{background-color: rgb(39, 76, 196);color: rgb(255, 255, 255);padding: 0.3rem;margin: 27px 0 20px 10px; font-weight:700;border-radius: 8px;}
.fond-blok-avisbis{background-color: rgb(0, 0, 0);color: rgb(255, 255, 255);padding: 0.3rem;margin: 5px 0 0 10px; font-weight:700;border-radius: 8px;}
.taillefaavis{width: 1.5rem;height: 1.5rem;color: rgb(255, 255, 255);}
.textfondbleu{text-align:justify;margin: 0 28px 25px 28px;font-size: 16px;font-weight: normal;line-height: 24px;}
.txte-bas-poste{margin: 0px 0 30px 0;font-size: 16px;font-weight: 700;color: #607D8B;line-height: 22px;text-align: justify;}
.fintxt-bas-candidature{font-size: 15px;letter-spacing: 0px;line-height: 20px;text-align: justify;font-weight: 700;margin-bottom: 0px;}
.txt-bas-bas{font-size: 17px;font-weight: 700;margin: 35px 0 5px 0px;}
.txt-bas-bastester{font-size: 17px;font-weight: 700;margin: 35px 0 25px 0;}

/* ===================================
   Divers
====================================== */
.intitu-champ-contact{padding-left: 45px!important;}
.cal-btn-team{margin: 5px 0 45px 0;}
.intitule-visit-ent{font-size: 20px;text-align: center;margin: 50px 15px 10px 15px;font-weight: 700;line-height: 24px;color:#3f51b5;}
.date-visite{font-size: 16px;font-weight: 600;line-height: 20px;text-align: center;margin: 15px auto;color:#3f51b5;}
.nom-entrep-visite{font-size: 18px;font-weight: 600;line-height: 20px;text-align: center;color:#7291a6;margin: 20px auto;}
.img-vis-firm{border-radius: 8px;}
.cadreblue{background-color:#c8d1f7;margin:0 0 15px 0;padding: 9px 0 5px 20px;}
.textcadreblue{color:#09193b; font-size:14px;}
.txt-neutre{font-size: 17px;font-weight: 700;margin: 5px 0 5px 2px;line-height: 1;}
.fond-blok-mentor{background-color: rgb(39, 76, 196);color: rgb(255, 255, 255);padding: 0.5rem;margin: 10px 0 0 15px; font-weight:700;border-radius: 8px;}
.fond-blok-mentorbis{background-color: rgb(0, 0, 0);color: rgb(255, 255, 255);padding: 0.5rem;margin: 23px 0 0 15px; font-weight:700;border-radius: 8px;}
.fond-blok-decouv-job{background-color: rgb(0, 0, 0);color: rgb(255, 255, 255);padding: 0.5rem;margin: -33px 0 0 10px; font-weight:700;border-radius: 8px;}
.design-black{background-color:black;height: 15px;width: 89px;float: right;margin-top:-40px;}
.design-blackdecov{background-color:black;height: 17px;width: 90px;float: right;margin-top: -36px;}
.lig-mentor-deux-col{display: grid;padding: 40px 0px;grid-gap: 2px 40px;grid-template-columns: 350px 350px;margin: 0 0 -15% 0%;}
.col-mentor-g{width:100%;}
.col-mentor-d{width:100%;}
ul.mentor-list{list-style-type: none;overflow: hidden;padding-left: 0px;width: 100%;overflow-x: auto;}
li.mentor-liste{color: #0e2534;font-size: 15px;font-weight: normal;text-align: left;line-height: 18px;font-family: 'Raleway', sans-serif;display: flex;align-items: center;gap: 8px;padding-bottom:5px;}
.scroll-black-mentor {overflow-x: auto;list-style: none; white-space: nowrap;gap: 1rem;scroll-behavior: smooth;padding: 0;margin: 0 0 45px 0;}
.coach-list .eleme {min-width: 200px;flex-shrink: 0;display: flex;justify-content: left;font-weight: normal;height: 30px;overflow-x: auto;overflow-y: hidden;white-space: nowrap;scrollbar-color: #ffeaea #fff;scrollbar-width: thin;border-radius: 8px;padding-left: 5px;font-size: 14px;}
.puce-bleu-mentor{min-width: 8px;height: 8px;background-color: #00bcd4;border-radius: 50%;margin-right: 16px;margin-top: 8px;}
.puce-blanc-bas{min-width: 8px;height: 8px;background-color: #fff;border-radius: 50%;margin-right: 16px;margin-top: 0px;}
.elemebas{ min-width: 200px;height: 24px;font-weight: normal;background-color: transparent;flex-shrink: 0;display: flex;justify-content: left;align-items: center;border-radius: 8px;white-space: nowrap;margin-bottom: 5px;}
ul.coach-list {list-style-type: none;overflow-x: auto;overflow-y: hidden;padding: 0 0 5px 0;width: 100%;margin-left: 0;scrollbar-width: thin;scrollbar-color: #ffeaea #323232;}
.them-mentor{color: #002e3b;font-size: 22px;font-weight: 700;margin-bottom: 10px;font-family: 'Anton', sans-serif;text-align: left;}
.dim-icon-mentor,.dim-icon-testmetier{margin:0px 0 0 0;}
.dim-icon-mentor,.dim-icon-mentorbis,.dim-icon-testmetier svg {width: 24px;height: 24px;}
.dim-icon-mentorbis{margin:0px 0 0 0;}
.puce-bleu-metier{min-width: 6px;height: 6px;background-color: #00bcd4;border-radius: 50%;margin-right: 6px;margin-top: 10px;}
.bloc-bas-luc{display: grid;padding: 0px 0px;grid-gap: 2px 40px;grid-template-columns: 210px 150px 290px;margin: 0 0 0 2%;}
.luc-g{width:100%;font-weight: normal;line-height: 1.5;text-align: justify;padding-bottom: 25px;font-size: 16px}
.luc-m{width:100%;}
.luc-d{width:100%;font-weight: normal;line-height: 1.5;text-align: justify;padding-bottom: 25px;font-size: 16px}
.alig-img-portevoix{margin: 20px 0 30px -35px;font-weight: normal;line-height: 1.6;font-size: 15px;}
.gap-txt-bas-tester{margin: 35px 0 55px 0;}
.testjob-img {background-repeat: no-repeat;background-position: 1%;height: 423px;}
.cal-titre-testm{padding-left:45px;}
.decal-test-job{padding-left: 45px;width: 143%;}
.line-space-enseignant{display: grid;padding: 0px 0px;grid-gap: 2px 30px;grid-template-columns: 670px;margin: 0 0 0 0%;}
.line-space-enseignant-g{width:100%;}
.line-space-enseignant-d{width:100%;}
.gap-btn-bas-space-enseign{text-align: center;margin: 1% 0 9% 0;}
.txte-bas-enseignant{margin: 35px 0 5px 0;font-size: 14px;font-weight: 600;color: #607D8B;line-height: 20px;text-align: left;}
.gap-txt-bas-enseign{margin: 5px 0 55px 15px;}
.txt-bas-basenseign{font-size: 17px;font-weight: 700;margin: 5px 0 55px -15px;text-align: justify;}
.decal-message-enseign{width:92%;margin-left: 40px;}
ul.pro-list{list-style-type: none;overflow: auto;padding-left: 0px;width: 100%;white-space: nowrap;scrollbar-width: thin;margin-bottom: 40px;scrollbar-color: #7291a64f #fff;}
h2.txt-bas-pro{font-size: 17px;font-weight: 700;text-transform: none;letter-spacing: 0px;line-height: 20px;margin: 5px 0 5px 0;}
h2.txt-bas-parler{font-size: 17px;font-weight: 600;text-transform: none;letter-spacing: 0px;line-height: 20px;margin: 55px 0 5px 0;}
h3.faque{font-size: 15px;font-weight: 600;text-transform: none;letter-spacing: 0px;line-height: 20px;margin-bottom: 0rem;}
.pro-faque{color: #0e2534;font-size: 14px;font-weight: normal;text-align: left;line-height: 1.8;font-family: 'Raleway', sans-serif;display: flex;align-items: center;gap: 8px;}
.parler-pro-list{list-style-type: none;overflow: auto;padding-left: 0px;width: 100%;white-space: nowrap;padding: 5px 0 6px 0;scrollbar-width: thin;margin-bottom: 40px;scrollbar-color: #7291a64f #fff;}
.txt-bas-parler-pro{font-size: 17px;font-weight: 600;text-transform: none;letter-spacing: 0px;line-height: 20px;margin: 25px 0 5px 0;text-align: left;}
.line-bloc-jdm1{display: grid;padding: 0px 0px;grid-gap: 2px 40px;grid-template-columns: 330px 330px;margin: 0 0 0 0%;}
.discov-job-g{width:100%;}
.impli-me-d{width:100%;}
.line-btn-coach{display: grid;padding: 0px 0px;grid-gap: 2px 10px;grid-template-columns: 250px 330px;margin: 0 0 0 -8%;}
.line-btn-coachg{width:80%;}
.line-btn-coachd{width:100%;}
h3.titre-gras-rose{font-size: 15px;padding:25px 0 5px 0px;font-weight: 600;color: #e64958;letter-spacing: 0px;line-height: 22px;text-transform: uppercase;}
.difference-coach{display: grid;padding: 0px 0px;grid-gap: 2px 40px;grid-template-columns: 280px 320px;margin: 0 0 0 0%;margin: 10px 0 40px 4%;text-align: justify;font-weight: normal;}
.dif-coachg{width:100%;}
.dif-coachd{width:100%;}
.calage-spage{margin-top:15px;line-height: 24px;font-size: 16px;font-weight: 300;color: #000;text-align: justify;}
.affi-img-s-page{width: 530px;}
.ptb-80 {padding-top: 80px;padding-bottom: 80px;width: 100%;}
.text-imagev2{font-size:10px;padding:0px 0 0px 0px;font-weight: 600; color:#999;margin-top:-2px;}
.contain-button{width:10%; height:10%;}
.intitul-btn-pink{font-size: 12px;line-height: 12px;padding: 0px 180px 0 0;}
.intitul-btn-pink-decouv{font-size: 13px;line-height: 15px;padding: 0px 0px 0 0;}
h2.mthemlila{font-size:18px; padding:30px 30px 10px 28px;line-height: 24px;text-align: justify;font-weight:700;letter-spacing: 1px;text-transform: uppercase;}
h3.themiclila{font-size:15px; padding:30px 0 10px 0px;line-height: 14px;text-align: justify;font-weight:700;letter-spacing: 1px;text-transform: uppercase;}
.call-bloc-action{text-align: center;margin: 5% 0 4% 0;}
.fond-accroche-etudiant{margin: 0px 0 0px 13px;width:87.5%;}
.dark-bg {background: #323232;color: #fff;}
.testjob-img{background-repeat:no-repeat; background-position:80% 0%; height:423px;}
.fond-bas-etudiant{margin: 0 5% 0 5%;width:93%;}
.bloc-bas-them{margin: 0 1% 0 2.5%;}
.bloc-bas-team{margin: 0 1% 0 4.5%;}
.difference-etudiant{display: grid;padding: 10px 0px;grid-gap: 2px 50px;grid-template-columns: 345px 340px;margin: 10px 0 40px 1.5%;text-align: justify;font-weight: normal;font-size: 16px;}
.tit-student-gras{font-size: 20px;font-weight: 800;text-transform: none;letter-spacing: 0px;line-height: 20px;margin: 5px 0 5px 11px;}
.titre-luc{font-size: 20px;font-weight: 800;text-transform: none;letter-spacing: 0px;line-height: 20px; margin: 5px 0 5px 11px;}
.fond-bleu-etudiant{padding: 5px 0;background: #c8d1f7;margin: 40px 25px 30px 5px;border-radius: 0 0 40px 0px;}
.fond-bleu-enseignant{padding: 20px 20px;background: #c8d1f7;margin: 20px 0px 20px 5px;border-radius: 0 0 40px 0px;}
.caltab{margin: 20px 0 30px 35px;}
.fond-bleu-etude{padding: 5px 0;background: #c8d1f7;margin: 20px 30px 30px 40px;border-radius: 0 0 40px 0px;}
.fond-bleu-prof{padding: 5px 0;background: #c8d1f7;margin: 20px 20px 0px 0px;border-radius: 0 0 40px 0px;}
.breiz{margin:20px 3% 20px 5px;line-height: 24px;font-size: 16px;font-weight: 300;color: #000;text-align:justify;}
.ptb-sm-0 {padding-top: 0px;padding-bottom: 5px;margin: 0 0 20px 2%;}
.ptb-sm-t {padding-top: 50px;padding-bottom: 0px;margin:0 0% 0 4%;}
.ptb-sm-mt {padding-top: 0px;padding-bottom: 10px;}
.ptb-sm-80 {padding-top: 20px;padding-bottom: 20px }
.ptb-sm-200{padding-top: 40px;padding-bottom: 0px }
.titre-space-enseig{font-size: 17px;font-weight: 700;margin: 25px 0 5px 0;text-align:left;}
.accroche-enseignant{font-size: 20px;padding: 25px 0 25px 28px;line-height: 24px;text-align: justify;font-weight: 700;}
.ptb-sm-110 {padding: 2% 1% 1% 3.5%;}
h1.titre-confident {font-size: 25px;letter-spacing: 4px;line-height: 12px;text-align: left;margin: 45px 0 65px 0;font-weight: 700;text-transform: uppercase;}
.border-boxconf {border: 1px solid #f1f1f1;padding: 0px 0 25px 0;text-align: justify;margin: 5px 0 20px 0;font-size: 16px;font-weight: 300;line-height: 24px;}
.conf-arti{font-size: 17px;letter-spacing: 2px;line-height: 28px;color: #323232;text-transform: uppercase;font-family: 'Raleway', sans-serif;font-weight: 600;}
.numero-conf{font-size: 15px;letter-spacing: 2px;line-height: 23px;font-weight: 600;color: #323232;text-transform: uppercase; margin-top: 0px;margin-bottom: 0px;}
.titre-annuaire{font-size: 22px;letter-spacing: 2px;text-transform: uppercase;font-weight: 700;line-height: 24px;text-align: left;margin: 40px 0 5px 2px;}
.enveloppe-annuaire{margin: 3% 0% 0 4%;}
.line-cgu{display: grid;padding: 0px 15px 10px 0px;grid-gap: 2px 25px;grid-template-columns: 450px 280px;margin-left: 0%;}
.cgu-bloc-g{width:100%;}
.cgu-bloc-d{width:100%;}
.cgu-sidebar{margin-bottom: 50px;}
.cgu-sidebar ul li {list-style: none;font-weight: 400;}
.gapcadre {padding: 10px;margin: 10px;}
.titre-charte{font-size: 24px;text-transform: uppercase;font-weight: bold;letter-spacing: 1px;line-height: 24px;text-align: left;margin: 3% 0 2% 0%;padding-top: 1px;text-transform: uppercase;color: #323232;}
.gris-bg {background: #ddd;color: #000;padding-left: 20px;}
.col-charte{padding-right: 15px;padding-left: 0px;margin-top:25px;width: 49.5%;display: inline-block;vertical-align: top;}
.flotte {float:left;padding:0px 15px 0 0;}
.bloc-haut-page{display: grid;padding: 0px 1px 50px 0px;grid-gap: 2px 15px;grid-template-columns: 750px;margin-left: 0%;}
h2.bingo{font-size: 22px;font-weight:bold; text-align: left;line-height:24px; padding: 30px 0 5px 0;text-transform: uppercase;font-weight: 700;}
h3.tiptop{font-size: 20px;font-weight:bold; text-align: left;letter-spacing:1px;line-height:24px; padding: 45px 0 8px 0;text-transform: uppercase;font-weight: 700;}
h3.titre-bas-page{font-size: 20px;font-weight:bold; text-align: left;letter-spacing:1px;line-height:24px; padding: 45px 0 8px 10px;text-transform: uppercase;font-weight: 700;}
h4.decouvre{font-size: 19px;font-weight:bold; text-align: left;letter-spacing:1px;line-height:24px; padding: 45px 0 0px 4px;text-transform: uppercase;font-weight: 700;}
.text-page-secod{font-size: 16px;text-align: justify;line-height:20px; padding: 0 0 15px 0;font-weight: 300;}
.line-rond-prof{display: grid;padding: 40px 15px 40px 0px;grid-gap: 0px 10px;grid-template-columns: 180px 180px 180px;margin-left: 0%;}
.col-barre-rondleft{width: 15%; text-align: center; display: inline-block;vertical-align: top; float:none;}
.col-barre-rondright{width: 15%; text-align: center; display: inline-block;vertical-align: top; float:none;}
.circlegreen {background: #7cda9d;border-radius: 180px;line-height: 15px;color: #212d5b;font-size: 13px;padding-top: 30px;font-weight: normal;width: 160px;height: 160px;max-width: 160px;display: table;margin: 20px auto;}
.circlegreen i {font-size: 3.5em;margin-bottom: 5px;}
.circle {background: #7c8fda;border-radius: 180px;color: #212d5b;font-weight: normal;width: 150px;height: 150px;max-width: 150px;display: table;margin: 20px auto;margin: 20px auto;}
.circle i {font-size: 3em;margin-bottom: 5px;}
.rond-coulur{margin-top: 0px;margin-bottom: 1rem;}
.intitutrond{font-size: 15px;padding: 8px 15px;text-align: center;display: inline-block;font-weight: 700;line-height: 15px;}
.gapintibn{font-size: 17px;text-align: center;line-height:18px; padding: 0px 0 20px 0;font-weight: 600;}
.txt-pour-qui{font-size: 17px;font-weight: 700;text-transform: none;letter-spacing: 0px;line-height: 20px;margin: 25px 0 5px 0px;text-align: left;}
.txt-mdj-gras{font-size: 20px;font-weight: 700;margin: 25px 0 10px 30px;}
.decal-bloc-parler{width: 98%;padding-left: 4%;}
.dim-icon-coach{text-align: center;}
.calimgpage{margin:120px 0 0px 5px;max-width: 92%;}
/*********************** Annuaires ******************************************/
.intro-coach{text-align: justify;line-height: 18px;font-size: 14px;font-weight: 300;letter-spacing: 1px;margin: 2% 0.5% 2% 0%;color: #181818;}
h1.titre-coaching{font-size: 22px;letter-spacing: 2px;text-align:center;line-height: 32px;margin: 45px 0 25px 0;font-weight: 700;text-transform: uppercase;}
.bloc-recherche-ecole{background-color: #c8d1f7;padding:15px 0 15px 15px;margin-left: 0px;margin-right: 0%;}
.ligne-ecole-bleu{display: grid;padding: 10px 5px 10px 0px;grid-gap: 2px 8px;grid-template-columns: 185px 180px 150px 200px;}
.ligne-ecole-goch{width:100%;display: flex;justify-content: center;align-items: center;height: 8vh;color:#0b1028;font-weight: 700;font-size:16px;position: relative;display: inline-block;/* Stylisation du select */appearance: none; /* Supprime le style natif */padding: 12px 16px;border-radius: 8px;background-color: white;color: #333;cursor: pointer;transition: all 0.3s ease-in-out;}
.ligne-ecole-centregau{width:100%;display: flex;justify-content: center;align-items: center;height: 8vh;color:#0b1028;font-weight: 700;font-size:16px;position: relative;display: inline-block;/* Stylisation du select */appearance: none; /* Supprime le style natif */padding: 12px 16px;border-radius: 8px;background-color: white;color: #333;cursor: pointer;transition: all 0.3s ease-in-out;}
.ligne-ecole-middle{width:100%;display: flex;justify-content: center;align-items: center;height: 8vh;color:#fefefe;font-weight: 700;font-size:16px;position: relative;display: inline-block;/* Stylisation du select */appearance: none; /* Supprime le style natif */padding: 12px 16px;border-radius: 8px;background-color: white;color: #333;cursor: pointer;transition: all 0.3s ease-in-out;}
.ligne-ecole-droit{width:100%;display: flex;justify-content: center;align-items: center;height: 8vh;color:#fefefe;font-weight: 700;font-size:16px;position: relative;display: inline-block;}
.bg-grey {padding-top: 35px;padding-bottom: 35px;margin-bottom: 45px;padding-left: 0px;}
.grille-annuaire{display: grid;padding: 10px 5px 10px 0px;grid-gap: 2px 10px;grid-template-columns: 445px 110px 180px;}
.grille-annu-gauche{width:100%;padding-top:0px;}
.grille-annu-middle{width:100%;padding-top:0px;}
.grille-annu-droit{width:100%;padding-top:25px;}
.m-t4 {padding:0.5rem 0.5rem 1rem 0;}
.emt-4{padding:0.5rem 0.5rem 1rem 0;}
.btn-rouge-annu, .btn-rouge-annu:hover {background-color: #f7655a;font-size: 14px;width: 100px;color: #fff;margin-top: 25px;min-height: 245px;border-color: #f7655a;border-top-left-radius: 0;border-bottom-left-radius: 0;border-top-right-radius: 25px;border-bottom-right-radius: 25px;display: flex;justify-content: space-between;align-items: center;}
.cardi {width:100%;border: 1px solid #ddd;border-radius: 25px;box-shadow: 0 2px 4px rgba(0,0,0,0.1);transition: box-shadow 0.3s;padding: 14px 0 0 14px;;}
.cardi:hover {box-shadow: 0 4px 8px rgba(0,0,0,0.15);}
.cardi-body {display: flex;flex-direction: column;justify-content: space-between;height: 100%;}
.cardi-text{line-height: 21px;font-size: 16px;}
.schol-text{line-height: 17px;font-size: 13px;}
.btn-rouge-schol, .btn-rouge-schol:hover {background-color: #f7655a;font-size: 14px;width: 100px;color: #fff;margin-top: 25px;min-height: 292px;border-color: #f7655a;border-top-left-radius: 0;border-bottom-left-radius: 0;border-top-right-radius: 25px;border-bottom-right-radius: 25px;display: flex;justify-content: space-between;align-items: center;}
.cardi-coach-text{line-height: 20px;font-size: 14px;}
.grille-coach{display: grid;padding: 24px 5px 10px 5px;grid-gap: 2px 15px;grid-template-columns: 80px 335px;}
.logo-ecole{width:100%;}
.accordions {border: 1px solid #ddd;border-radius: 5px;overflow: hidden;max-width: 100%;}
.accordions-header {background-color: #eee;padding: 10px 15px;cursor: pointer;display: flex;justify-content: space-between;align-items: center;font-weight: bold;max-width: 100%;}
.accordions-icon {font-weight: bold;font-size: 18px;transition: transform 0.3s ease;}
.accordions-content {display: none;background-color: #eee; max-width: 100%; overflow-wrap: break-word;padding: 10px 10px 0 10px;line-height: 0.1rem;border-top: 1px solid;border-image: linear-gradient(to right, transparent, #1a64b2, transparent) 1;font-family: Arial;font-size: 0.9rem;text-align: justify;color: #486d71;font-weight: 500;}
.colon-list-depart{height: 16px;line-height: 13px;padding-bottom: 10px;margin: 10px 0 10px 0;white-space: nowrap;font-size: 14px;overflow: hidden;text-overflow: ellipsis;color: #486d71;}
.accordions-content.show {display: block;}
.accordions-header.active .accordions-icon {transform: rotate(45deg);}
.color-list-depart, .color-list-depart:hover{font-family: arial;font-size: 15px;font-weight: 500;color: #486d71;text-decoration: none;line-height: 0.9rem;}
.localization {display: flex;align-items: center;color: #7291a6;font-size: 12px;padding-bottom: 10px;line-height: 12px;}
.localization span {margin-right: 15px;}
.ttcoaching{color: #323232;font-size: 15px;letter-spacing: 1px;line-height: 23px;font-weight: 600;text-transform: uppercase;}
.bg-light{background-color: #eee;}

/* ===================================
   Block image bas de page découverte métier
====================================== */
.line-img-decouvrir{display: grid;padding: 0px 5px 5px 0px;grid-gap: 2px 20px;grid-template-columns: 360px 360px; margin-left:0px;}
.overlay-tik {position: absolute;top: 0;height: 100%;left: 0;background-color: rgba(8 8 8 / 80%);color: white;width: 40%;padding: 0 10px 10px 10px;box-sizing: border-box;display: flex;flex-direction: column;align-items: flex-start;justify-content: flex-start;gap: 0px;}
.container-local {position: relative;overflow: hidden;width: 100%;} 
.image-local {display: block;width: 100%;height: auto;max-height: 400px;object-fit: cover;}
.overlay-tik-title {font-size: 0.5rem;margin: 0;color:#fff;padding: 10px 0 0 0;line-height: 18px;letter-spacing: 2px;text-transform: uppercase;}
.separator-line {height: 1px;background-color: white;width: 100%;margin: 0;padding: 0;line-height: 0;opacity: 0.6;}
.overlay-tik-subtitle {font-size: 0.6rem;margin: 10px 0 2px 0;color:#fff;letter-spacing: 2px;text-transform: uppercase;line-height: 15px;text-align: left;}
.overlay-tik-description {font-size: 0.5rem;margin: 0;opacity: 0.65;line-height: 10px;text-align: left;}
.overlay-tik-link {position: absolute;bottom: 0px;font-size: 9px;left: 10px; display: inline-flex;align-items: center;gap: 6px;text-decoration: none;color: #fff;font-weight: 400;transition: color 0.3s ease;}
.overlay-tik-link:hover {color: #ffd700;}
.arrow {font-size: 1.2rem;}
.titreaccorde {font-weight: normal;text-align: left;line-height: 32px;color: #666768;font-size: 0.9rem;font-family: arial;letter-spacing: 0rem;margin: 0rem 0 0 0rem;text-transform: none;}
.cal-btn-jdm{margin: 0 20px 40px 0px;}
.accroche-jdm{font-size:20px; padding:10px 0 10px 0px;line-height: 24px;text-align: justify;font-weight:700;}

/* ===================================
   Page Decouvrir des métiers
====================================== */
.desco-mt{text-align:left;}
.grid-container {display: grid;grid-template-columns: repeat(2, 1fr);gap: 20px;max-width: 1000px;margin: 30px auto;}
.job-card {display: flex;flex-direction: row;background-color: #fff;border-radius: 12px;overflow: hidden;text-decoration: none;color: inherit;box-shadow: 0 2px 8px rgba(0,0,0,0.1);transition: transform 0.2s ease;}
.job-card:hover {transform: translateY(-4px);}
.job-image {width: 40%;height: 100%;object-fit: cover;}
.job-content {width: 60%;display: flex;justify-content: space-between;align-items: center;padding: 16px;background-color: white;transition: background-color 0.3s ease;}
.job-card:hover .job-content {background-color: #e0e0e0;}
.job-title {font-size: 18px;font-weight: bold;}
.arrow {font-size: 20px;transition: transform 0.3s ease;}
.job-card:hover .arrow {transform: translateX(5px);}


/* ===================================
   Page Offre de Stage
====================================== */
h2.offer-stage{font-size: 20px;padding: 5% 0 0% 0%;line-height: 20px;text-align: left;font-weight: 700;letter-spacing: 1px;color:#000;text-transform: uppercase;}
.offer-stage-bas{font-size: 20px;padding: 10px 0 0 0;line-height: 20px;text-align: left;font-weight: 700;letter-spacing: 1px;color:#fff;text-transform: uppercase;}
.bloc-offre-stag{display: grid;padding: 0px 15px 10px 0px;grid-gap: 2px 20px;grid-template-columns: 240px 240px 240px;margin-left: 0%;}
.bloffstag{width:100%;margin-bottom:8%;border: 1px solid #00000030;border-radius: 16px;box-shadow: 0 1px 1px rgb(0 0 0 / 5%);}
.pull-left{grid-column: 1; /* aligne sur la 1ère colonne */font-size: 16px;color: #000;margin-top: 10px;align-self: start;}
.block-text-offer-stag{padding:5px 5px 25px 0px;}
.pull-left .icon {margin-left: 5px;}
.cal-btn-offre{margin-bottom: 9%;margin-top: 10%;align-items: center;text-align: center;}
.text-intro-offre{padding:5px 5px 25px 0px;text-align: justify;margin: 0 28px 25px 0px;font-size: 16px;font-weight: normal;line-height: 24px;}
.logo-offer-stage{display: grid;place-items: center;}
.image-logo{margin-top:35px;}
.intitule-offer-stage{font-size: 20px;text-align: center;margin: 50px 0px 20px 0px;font-weight: 700;line-height: 25px;color:#d3dce1;}
.nom-entrep-stage{font-size: 15px;font-weight: 600;line-height: 20px;text-align: center;color:#7291a6;margin: 10px auto;}
.duree-stage{font-size: 18px;font-weight: 600;line-height: 20px;text-align: center;margin: 15px 0 35px 0;}
.text-offer-stage{font-size: 15px;font-weight: normal;line-height: 22px;text-align: justify;padding: 0px 0px 0 0px;height: 100%;}
.grid-child {display: grid;grid-template-rows: 100px 100px 50px 50px auto;gap: 5px;padding: 5px 0 25px 0;}


/* ===================================
   Style block exemple : communauté jeune
====================================== */
.bloffstag-link {display: block;width: 100%;height: 100%;}
.bloffstag {display: flex;flex-direction: column;justify-content: flex-start;width: 100%;height: 100%; border-radius: 15px;overflow: hidden;box-shadow: 0 4px 10px rgba(0,0,0,0.2);color: #fff;background-color: rgb(114 145 166);position: relative;transition: transform 0.3s ease, box-shadow 0.3s ease;}
.background-top {height: 100px;background-image: url('fond-stage.jpg');background-size: cover;background-position: center;transition: background-position 0.5s ease;}
.image-logo {width: 104px;height: 104px;border-radius: 50%;border: 2px solid #fff;position: absolute;top: 0px;left: 50%;transform: translateX(-50%);z-index: 2;transition: transform 0.3s ease;}
.content-frame {background: rgb(6 6 6);padding: 50px 20px 20px 20px;text-align: center;transition: background 0.3s ease, transform 0.3s ease;height: 100%;display: flex;flex-direction: column;justify-content: space-between;}
.content-framebis {background: rgb(255 255 255);padding: 50px 20px 20px 20px;text-align: center;transition: background 0.3s ease, transform 0.3s ease;height:100%;display: flex;flex-direction: column;justify-content: space-between;border-top: 5px dashed #4b5f6d;border-right: 1px solid #b8b4b4;border-left: 1px solid #b8b4b4;border-bottom: 1px solid #b8b4b4;}
.bloffstag-link:hover .bloffstag {transform: translateY(-5px) scale(1.02);box-shadow: 0 8px 20px rgba(0,0,0,0.4);}
.bloffstag-link:hover .image-logo {transform: translateX(-50%) scale(1.2) rotate(-5deg);}
.bloffstag-link:hover .background-top {background-position: center top;}
.bloffstag-link:hover .content-frame {background: rgba(0,0,0,0.85);transform: translateY(-3px);}
.bloffstag-link:hover .content-framebis {background: rgba(210 219 224);transform: translateY(-3px);}
.animate-on-scroll {opacity: 0;transform: translateY(40px) scale(0.95);transition: all 0.6s ease-out;}
.animate-on-scroll.visible {opacity: 1;transform: translateY(0) scale(1);}
.bloffstag-container {display: grid;grid-template-columns: repeat(2, 1fr);gap: 50px 50px;justify-items: stretch;align-items: stretch;width: 98%;margin: 0 auto;padding-left:0px;margin-left: -2px;}
.bottom-grid {margin-top: auto;display: grid;grid-template-columns: 1fr auto;gap: 10px;align-items: center;}
.bottom-grid img {width: 100%;height: auto;border-radius: 8px;object-fit: cover;}
.bottom-item {display: flex;align-items: center;gap: 8px;}
.bottom-item.left {justify-content: flex-start;}
.bottom-item.right {justify-content: flex-end;}
.bottom-item img {width: 32px;height: 32px;border-radius: 50%;object-fit: cover;border: 3px solid #ff6600;padding: 2px;background-color: #fff;}
.bottom-text {font-size: 12px;color: #fff;font-weight: normal;letter-spacing: 1px;}
.icon-circle {width: 32px;height: 32px;border-radius: 50%;border: 3px solid #fff;display: flex;align-items: center;justify-content: center;background-color: #000;color: #fff;font-size: 20px;}
.icon-circle svg {width: 20px;height: 20px;}

/* ===================================
   Style block bas de page avec image
====================================== */
.ligne-bas-page{display: grid;padding: 0px 15px 10px 0px;grid-gap: 2px 10px;grid-template-columns: 455px 310px;margin-left: 3%;}
.col-line-gbasp{width:100%;}
.col-line-dbasp{width:100%;}

/* ===================================
   Style du compteur
====================================== */
.member-counter {font-size: 14px;font-weight: bold;text-align: center;padding: 2px;color: #2f5e7d;}
#count {color: #2f5e7d;font-size: 18px;}

/* ===================================
   Slider - Témoignage
====================================== */
* {box-sizing:border-box}
/* Slideshow container */
.slideshow-container {max-width:790px;position: relative;margin: auto;padding-left:45px;}
/* Hide the images by default */
.mySlides {display: none;}
/* Next & previous buttons */
.prev, .next {cursor: pointer;position: absolute;top: 50%;width: auto;margin-top: -22px;padding: 16px;color: #607D8B;font-weight: bold;font-size: 18px;transition: 0.6s ease;border-radius: 0 3px 3px 0;user-select: none;}
/* Position the "next button" to the right */
.next {right: 0;border-radius: 3px 0 0 3px;}
/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {background-color: #ae9880;}
/* Caption text */
.text {color: #0b1028;font-size: 18px;padding: 8px0px;position: relative;bottom: 8px;width: 100%;text-align: left;line-height: 24px;}
/* The dots/bullets/indicators */
.doti {cursor: pointer;margin: 0 2px;background-color: #3498db;color: white;border-radius: 50%;display: inline-block;transition: background-color 0.6s ease;width: 50px;height: 50px; border: none;text-align: center;font-size: 16px;font-weight: bold;cursor: pointer;line-height: 50px;}
.doti.active, .doti:hover {background-color: #717171;}
/* Fading animation */
.fade {animation-name: fade;animation-duration: 34.5s;}
@keyframes fade {from {opacity: .4}to {opacity: 1}}
.bloc-slide-temoign{display: grid;padding: 0px 5px;grid-gap: 2px 5px;grid-template-columns: 300px 380px;margin-left: 0.5%;}
.bloc-slide-img{display: inline-block;width: 300px;}
.bloc-slide-text{font-weight: 700;line-height: 2px;text-align: left;margin: 0px 0 25px 0px;font-size: 16px;width: 370px;}

/* ===================================
   Modal - Page inscription
====================================== */
.modal {position: fixed;z-index: 1000;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);display: none; /* Caché par défaut */align-items: center;justify-content: center;}
/* Quand le modal est actif, on l'affiche */
.modal.active {display: flex;}
/* Quand le modal est actif, on ajuste son animation */
.modal-content {width: min(920px, 95%);max-width: 920px;}
.bloc-modal-trois-entrer {grid-template-columns: repeat(3, 1fr);gap: 20px;justify-content: center;width: 99%;flex-wrap: nowrap;margin-bottom: 2px;}
.bloc-goch-modal,.bloc-middle-modal,.bloc-drigh-modal {flex: 0 0 29%;max-width: 29%;min-width: auto;border-radius: 8px;transition: all 0.3s ease;box-shadow: 0 3px 10px rgba(0,0,0,0.1);transform: translateY(0);cursor: pointer;}
a.blc-link-insc{font-weight:700;font-size:15px; color:#fff;line-height: 17px;padding:15px 0 5px 0;align-items: center;text-align:center;}
a.blc-link-insc:hover{color:#950e04;}
a.menu-lien-g-modal{font-weight:700;font-size:15px; color:#000;line-height: 17px;align-items: center;text-align:center;padding:5px 0 5px 0;}
a.menu-lien-g-modal:hover{font-weight:700;font-size:15px; color:#950e04;line-height: 17px;align-items: center;text-align:center;padding:5px 0 5px 0;}
.bloc-middle-modal{background: #7994a7;backdrop-filter: blur(10px);border: 1px solid rgba(255,255,255,0.3);box-shadow: 0 5px 20px rgba(0,0,0,0.15);transition: all 0.3s ease;}
.bloc-goch-modal,.bloc-drigh-modal {background: rgb(200 209 247);backdrop-filter: blur(10px);border: 1px solid rgba(255,255,255,0.3);box-shadow: 0 5px 20px rgba(0,0,0,0.15);transition: all 0.3s ease;}
.bloc-goch-modal:hover,.bloc-middle-modal:hover,.bloc-drigh-modal:hover {transform: translateY(-5px);backdrop-filter: blur(15px);box-shadow: 0 8px 30px rgba(0,0,0,0.2);}
.bloc-goch-modal a,.bloc-middle-modal a,.bloc-drigh-modal a {display: block;font-weight: 700;margin-bottom: 8px;text-decoration: none;align-items: center;text-align: center;}
.text-parti-insc-popup,.text-pro-insc-popup,.text-conseil-insc-popup {position: static;padding: 0 15px;margin: 0;font-size: 12px;line-height: 1.2;text-align: justify;width: 100%;flex: 0 1 auto;color: #152c3d;font-weight: 500;}
a.gras-lien-block, a.gras-lien-block:hover{font-weight: 700;font-size:24px;padding-left: 0px;display: flex;align-items: center;text-align: center;margin-right: 15%;line-height: 30px;}
a.gras-lien-accuei, a.gras-lien-accuei:hover {font-weight: 700;font-size:14px;align-items: center;text-align: center;padding: 20px 0 10px 0;line-height: 1.3;}
.grasse-link-accueil { display: flex;flex-direction: column;align-items: center;justify-content: center;width: 100%;height: 100%;text-decoration: none;color: inherit;position: relative;z-index: 2;}
a.grasse-link-accueil,a.grasse-link-accueil:hover {font-weight: 700;font-size:12px;align-items: center;text-align: center;}
/* Bouton de fermeture */
.close {position: absolute;top: 10px;right: 15px;font-size: 20px;cursor: pointer;}
.open-modal{background-color: #111;color: #fff;border-radius: 10px;padding: 8px 44px 8px 14px;display: inline-flex;align-items: center;gap: 0px;text-decoration: none;cursor: pointer;transition: all 0.3s ease;text-transform: uppercase;font-size: 12px;letter-spacing: 1px;}
.open-modal:hover {color: #fff;}
.ouvrir-modal{background: #fff;color: #0b1028;font-size: 10px;border-radius: 8px;padding: 8px 0px 5px 10px;text-align: center;}
.open-modal2{background: #fff;color: #0b1028;font-size: 10px;border-radius: 8px;padding:8px 25px 5px 10px;}
.opening-modal {display: flex;align-items: center;  justify-content: center; gap: 2px; background-color: #7592a6;color: #000;border: none;border-radius: 10px;padding: 10px 9px;cursor: pointer;font-family: Arial, sans-serif;}
.opening-modal svg {width: 20px;height: 20px;flex-shrink: 0;transition: color 0.3s ease, background-color 0.3s ease;}
.opening-modal:hover {color: #950e04;}
.opening-modal .join-footer {text-transform: uppercase;font-size: 13px;font-weight: 700;color: inherit;pointer-events: none;line-height: 17px;}
.opening-modal svg {width: 30px;height: 30px;fill: currentColor;vertical-align: middle;}
/* Déroulement texte en savoir plus Modal */
.ligne-trois-cases-rgpd{display: grid;padding: 0px 5px;grid-gap: 2px 5px;grid-template-columns: 230px 150px 150px;}
.ligne-deux-cases-rgpd{display: grid;padding: 0px 5px;grid-gap: 2px 5px;grid-template-columns: 150px 150px;}
.tit-rgpd-sp{font-size:18px;font-weight: 700;}
.intitule-rgpd-sp{font-size:12px;font-weight: 700;margin: 15px 0 0 0;}
.scroll-container {width: 100%;height: 200px;overflow-y: auto;scrollbar-width: thin;}
.scroll-text {padding-bottom: 50px;}
.cacorgpd{vertical-align: middle;margin-top: -2px!important;margin-right: 15px!important;}
.accordionrgpd {width: 100%;margin: 0 auto;background-color: transparent;padding: 0%;}
.accordionrgpd-item {background-color: #fff;color: #486d71;margin: 1rem 0 25px 0;border-radius: 0.5rem;width:99%;box-shadow: 0 2px 5px 0 rgba(0,0,0,0.25);}
.accordionrgpd-item-header {padding: 0.5rem 2.5rem 0.5rem 1rem;min-height: 2rem;line-height: 1.5rem;font-weight: 500;display: flex;align-items: center;position: relative;cursor: pointer;font-size: 12px;}
.accordionrgpd-item-header::after {content: "\002B";font-size: 2rem;position: absolute;right: 1rem;}
.accordionrgpd-item-header.active::after {content: "\2212";color:#0b2a0d;}
.accordionrgpd-item-body {max-height: 0;overflow: hidden;transition: max-height 0.2s ease-out;}
.accordionrgpd-item-body-content {padding: 10px 10px 10px 16px;line-height: 1.1rem;border-top: 1px solid;border-image: linear-gradient(to right, transparent, #1a64b2, transparent) 1;font-family: Arial;font-size: 0.7rem;text-align: justify;color: #486d71;font-weight:500;}
.text-savplu-rgpd{padding: 10px 10px 10px 16px;line-height: 1.1rem;color: #486d71;font-size:11px;font-weight: normal;}
.intiproc-insc{color: #323232;font-weight: 700;font-size: 20px;letter-spacing: 1px;line-height: 30px;text-align: justify; margin: 1% 0 5% 0;}

/* ===================================
   Modal - Bandeau RGPD
====================================== */
#cookie-banner {position: fixed;bottom: 0;left: 50%;line-height: 18px;transform: translateX(-50%);width: 90%;max-width: 600px;background: rgba(0, 0, 0, 0.85);color: white;text-align: justify;padding: 20px 0 0 20px;border-radius: 10px;box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3);backdrop-filter: blur(8px);display: none;z-index: 1000;}
#cookie-banner p {margin: 0 0 15px;font-size: 14px;}
.cookie-buttons {display: flex;justify-content: left;gap: 10px;margin-top: 15px;}
/* Style des boutons */
button {padding: 10px 15px;border: none;border-radius: 5px;cursor: pointer;font-size: 14px;transition: 0.3s;}
#accept-cookies {background-color: #7291a6;color: white;text-transform: uppercase;}
#accept-cookies:hover {background-color: #c8d1f7;color: black;}
#reject-cookies {background-color: #d9534f;color: white;text-transform: uppercase;}
#reject-cookies:hover {background-color: #c9302c;}
#customize-cookies {background-color: #3498db;color: white;text-transform: uppercase;}
#customize-cookies:hover {background-color: #989595;}
/* Fenêtre modale */
#cookie-modal {display: none;position: fixed;top: 50%;height:300px;left: 50%;transform: translate(-50%, -50%);background: white;padding: 0px;width: 90%;max-width: 600px;border-radius: 10px;box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3);text-align: center;z-index: 2000;}
#cookie-modal h2 {margin-top: 0;font-size: 22px;padding-top: 5px;}
.cookie-options {text-align: left;margin: 15px 0;}
.cookie-options label {display: block;margin: 5px 0;}
/* Fond assombri derrière la modale */
#modal-overlay {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);z-index: 1500;}
/* Bouton de réouverture */
#open-banner-btn {position: fixed;bottom: 0px;left: 0px;background-color: unset;color: white;border: none;padding: 10px 15px;border-radius: 5px;cursor: pointer;font-size: 14px;transition: 0.3s;display: none;z-index: 1000;}
#open-banner-btn:hover {}
.bloc-pgpd{display: grid;padding: 0px 15px 10px 0px;grid-gap: 2px 3px;grid-template-columns: 350px 250px;margin-left: 0%;}
.content-gauc{width:350px}
.cont-img-cookies{width:200px;margin: 15px;}
.save-para{background-color: #111111;color: #fff;border-radius: 10px 10px 10px 10px;padding: 10px 10px;width: 52%;text-transform: uppercase;}

/* ===================================
Page Search atelier
====================================== */
.ligne-atelier-bleu-ter{display: grid;padding: 10px 5px 10px 0px;grid-gap: 20px 15px;grid-template-columns: 300px 300px;}
.ligne-atelier-goch{display: flex;justify-content: center;align-items: center;height: 16vh;color:#0b1028;font-weight: 700;font-size:16px;position: relative;display: inline-block;/* Stylisation du select */appearance: none; /* Supprime le style natif */width: 100%;padding: 12px 16px;border-radius: 8px;background-color: white;color: #333;cursor: pointer;transition: all 0.3s ease-in-out;}
.ligne-atelier-middle{display: flex;justify-content: center;align-items: center;height: 16vh;color:#fefefe;font-weight: 700;font-size:16px;position: relative;display: inline-block;/* Stylisation du select */appearance: none; /* Supprime le style natif */width: 100%;padding: 12px 16px;border-radius: 8px;background-color: white;color: #333;cursor: pointer;transition: all 0.3s ease-in-out;}
.ligne-atelier-droit{width:230px;display: flex;justify-content: center;height: 16vh;color:#0b1028;font-weight: 700;font-size:16px;padding:0% 5%;}

/* ===================================
Page Search formation
====================================== */
.select2-container {box-sizing: border-box;display: inline-block;margin: 0;position: relative;vertical-align: middle;margin-bottom: 20px;width: 265px!important;margin-left:15px;font-weight: 500;font-size: 14px;}
.bloc-recherche-formation{background-color: #c8d1f7;padding:15px 0 20px 45px;margin-left:20px;}
.ligne-formation-bleu{display: grid;padding: 10px 5px 10px 0px;grid-gap: 15px 15px;grid-template-columns: 300px 300px;}
.ligne-formation-middle{width:200px;display: flex;justify-content: center;align-items: center;height: 10vh;color:#fefefe;font-weight: 700;font-size:16px;position: relative;display: inline-block;/* Stylisation du select */appearance: none; /* Supprime le style natif */width: 100%;padding: 12px 16px;font-size: 16px;border-radius: 8px;background-color: white;color: #333;cursor: pointer;transition: all 0.3s ease-in-out;}
.ligne-formation-droite{width:315px;display: flex;justify-content: left;height: 10vh;color:#0b1028;font-weight: 700;font-size:16px;padding:0% 0%;}
.ligne-formation-goch{width:350px;display: flex;justify-content: center;align-items: center;height: 80%;color:#0b1028;font-weight: 700;font-size:16px;position: relative;display: inline-block;/* Stylisation du select */appearance: none; /* Supprime le style natif */width: 100%;padding: 12px 16px;font-size: 16px;border-radius: 8px;background-color: white;color: #333;cursor: pointer;transition: all 0.3s ease-in-out;}
/* Effet au survol et focus */
.ligne-formation-goch select:hover,
.ligne-formation-goch select:focus {border-color: #4F46E5;box-shadow: 0 0 10px rgba(99, 102, 241, 0.4);outline: none;}
/* Ajout d'une flèche personnalisée */
.ligne-formation-goch::after {content: "";position: absolute;top: 70%;right: 16px;width: 30px;height: 60px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%236366F1'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-size: contain;background-repeat: no-repeat;transform: translateY(-50%);pointer-events: none;}
.ligne-formation-middle{width:350px;display: flex;justify-content: center;align-items: center;height: 80%;color:#fefefe;font-weight: 700;font-size:16px;position: relative;display: inline-block;/* Stylisation du select */appearance: none; /* Supprime le style natif */width: 100%;padding: 12px 16px;font-size: 16px;border-radius: 8px;background-color: white;color: #333;cursor: pointer;transition: all 0.3s ease-in-out;}
/* Effet au survol et focus */
.ligne-formation-middle select:hover,
.ligne-formation-middle select:focus {border-color: #4F46E5;box-shadow: 0 0 10px rgba(99, 102, 241, 0.4);outline: none;}
/* Ajout d'une flèche personnalisée */
.ligne-formation-middle::after {content: "";position: absolute;top: 70%;right: 16px;width: 30px;height: 60px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%236366F1'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-size: contain;background-repeat: no-repeat;transform: translateY(-50%);pointer-events: none;}
.select2-results__option {font-size: 12px;}

/* ===================================
   Page atelier decouverte metier
====================================== */
.titre-atelier{font-size: 24px;font-weight: 700;text-transform: uppercase;letter-spacing: 4px;line-height: 28px;text-align: left;margin: 50px 0 25px 16px;}
.bloc-deux-colonne-atelier{display: grid;padding: 0px 5px;grid-gap: 2px 5px;grid-template-columns: 730px;margin-left:1%;}
.bloc-haut-atelier{display: grid;padding: 0px 15px 50px 0px;grid-gap: 2px 60px;grid-template-columns: 340px 340px;margin-left: 0%;}
.cardevatelier[data-format="horizontal-s-fluid desktop-square"]{height:190px;width:190px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.cardevatelier{display:-webkit-box;display:-ms-flexbox;display:flex;cursor:pointer;overflow:hidden;border-radius:8px;-webkit-box-shadow:0 0 10px rgba(0,0,0,.1);box-shadow:0 0 10px rgba(0,0,0,.1);-webkit-transition:-webkit-transform .3s cubic-bezier(.16,1,.99,.99);transition:-webkit-transform .3s cubic-bezier(.16,1,.99,.99);-o-transition:transform cubic-bezier(.16,1,.99,.99) .3s;transition:transform .3s cubic-bezier(.16,1,.99,.99);transition:transform .3s cubic-bezier(.16,1,.99,.99),-webkit-transform .3s cubic-bezier(.16,1,.99,.99)}@supports not (width:clamp(1px,1vw,2px)){.cardevatelier{overflow:unset}}@supports (width:clamp(1px,1vw,2px)){.cardevatelier:hover{-webkit-transform:scale(1.03);-ms-transform:scale(1.03);transform:scale(1.03);-webkit-box-shadow:0 0 20px rgba(0,0,0,.2);box-shadow:0 0 20px rgba(0,0,0,.2)}
.cardevatelier:focus{outline:2px auto #666;-webkit-box-shadow:0 0 10px rgba(0,0,0,.1);box-shadow:0 0 10px rgba(0,0,0,.1)}
.cardevatelier[data-format="horizontal-s-fluid desktop-square"]{width:100%; background-color:#c8d1f7;height:420px;font-weight: 700;padding: 5px 0 0 0px;box-shadow:1px 1px 1px 3px rgba(0, 0, 255, .1)}}
.textbpagev2{text-align:justify;font-size:16px; font-weight:300;color:#fff;letter-spacing: 1px;line-height: 24px;padding:15px 0 50px 5px;}
.titbpagev2{font-size:20px; font-weight:700;color:#fff;letter-spacing: 1px;line-height: 19px;text-align:left;padding: 0 0 15px 5px;}


/* ===================================
   Page Visite guidéé entreprise
====================================== */
.michel{position: relative;display: inline-block;width: fit-content; }
.michel img {display: block;width: 100%;height: auto;}
.text-michel{position: absolute;bottom: 6px;box-shadow: 0 4px 10px rgba(0,0,0,0.2);font-family: Arial, sans-serif;text-align: center;}  
.text-michel.gauche {left: 0px;border-top-right-radius: 12px;font-size:12px;background:#c80e66;color:#fff;padding: 5px 15px;}
.text-michel.droite {right: 0px;left: auto;background:#fff;color:#000;font-size:10px;padding: 5px 5px;border-top-left-radius: 12px;}
.size-michel{width:12px;height:12px;flex-shrink: 0; display: block;color: inherit;}
.txt-michel {display: flex;align-items: center;gap: 8px;}
.breizou {display: grid;grid-template-columns: 460px 350px;gap: 20px;align-items: start;margin: 20px 1% 20px 5px;}
.colonne-fixe {position: sticky;top: 20px;padding:0 10px  20px 20px;border-radius: 8px;top: 100px;height: fit-content;}
.txtfixe {background: #fff;padding: 0px;}
.bloc {background: #fff;margin-bottom: 15px;padding: 0 10px 0 0;border-radius: 6px;box-shadow: 0 2px 4px rgba(0,0,0,0.1);}
.enveloppe-visitguid{margin: 3% 0% 0 4%;}
.titre-visiteguider{font-family: Arial, sans-serif;font-size:26px;font-weight:700;color:#466174;padding-left: 8.1%;}
.colonne-rubrique {background: #49a3ea;color: #09193b;padding: 20px;border-radius: 8px;top: 100px;font-weight:700;}
.grappe-mt{font-size: 15px;font-weight: normal;line-height: 20px;text-align: justify;padding: 20px 0 0 0;height: 100%;}
.titgrasent{font-size: 24px;font-weight:700;text-transform: uppercase;margin:10px 0 20px 0;}
.pttitvitg{font-size:17px;font-weight:700;text-transform: uppercase;margin:10px 0 20px 0;}
.intituvisitguid{font-size: 24px;font-weight:700;padding-left: 6.3%;padding: 20px 0 0 55px;}
.textvisitguid{font-size: 16px;font-weight:normal;padding-left: 6.3%;padding: 8px 0 0 55px;line-height: 22px;}
.bloque{background-color: #fff;margin-bottom: 15px;padding: 0 12px 0 0;}
.bloquebleu{background-color: #c8d1f7;color: #0b1028;margin-bottom: 15px;padding: 0 12px 0 0;border-radius: 25px;margin-left: 55px;padding-bottom: 10px;}
.intituvisitguidbleu{font-size: 24px;font-weight:700;padding-left: 6.3%;padding: 20px 0 0 19px;}
.textvisitguidbleu{font-size: 16px;font-weight:normal;padding-left: 6.3%;padding: 8px 0 0 5px;line-height: 22px;}
.micro-taille{width:15px;height:15px;padding: 0 5px 0 0px;margin-left: 15px;}
.micro-moyen{width:22px;height:22px;margin: 10px 0 0 0;}
.line-tel-adres{display: grid;padding: 0px 5px;grid-gap: 2px 5px;grid-template-columns: 50px 50px;}
.line-label{display: grid;padding: 0px 5px;grid-gap: 2px 5px;grid-template-columns: 100px 100px;}
.taillelabel{width:95px; height:auto;}
.gaplabel{margin:0 0 30px 0;}
.rubrique-visit-guide{background-color: #c2e0e0;border-radius: 25px;}
.line-col-rubrique{display: grid;padding: 30px 25px;grid-gap: 2px 5px;grid-template-columns: 150px;margin:25px 0 25px 0;padding-left: 5.7%;}
.txtsimplevisit{font-size: 16px;font-weight:normal;}
.minitexte{font-size: 14px;}
.bloffstag-visitguide {display: grid;grid-template-columns: 200px 200px;gap: 0px 10px;justify-items: stretch;align-items: stretch;margin: 0 ;padding-left:0px;}
/* ========= Système Bulle d'aide sur icon tel =========== */
.phone-container {position: relative;display: inline-block;cursor: pointer;font-size: 30px;}
.phone-container:hover .tooltip:not(.show) {visibility: visible;opacity: 1;}
.tooltip.show {visibility: visible !important;opacity: 1 !important;}
.desktop-container {position: relative;display: inline-block;cursor: pointer;font-size: 30px;}
.tooltip {visibility: hidden;opacity: 0;background-color: #333;color: #fff;text-align: center;border-radius: 6px;padding: 5px 10px;position: absolute;bottom: 120%;left: 50%;transform: translateX(-50%);white-space: nowrap;transition: opacity 0.3s;font-size: 14px;z-index: 1;}
.tooltip::after {content: "";position: absolute;top: 100%;left: 50%;margin-left: -5px;border-width: 5px;border-style: solid;border-color: #333 transparent transparent transparent;}
.desktop-container:hover .tooltip {visibility: visible;opacity: 1;}
#prevBtn, #homeBtn, #nextBtn {position: relative;display: inline-block;margin: 10px;cursor: pointer;}
.tooltip.smetmich {min-width: auto;border-radius: 4px;}
#prevBtn:hover .tooltip,
#homeBtn:hover .tooltip,
#nextBtn:hover .tooltip {visibility: visible;opacity: 1;}


/* ========= Système btn complet =========== */
.container-complet {text-align: center;font-family: Arial, sans-serif;margin-left: 50px;padding: 5px 0 30px 0;text-align: left;}
.intitule-rose {background-color: #ff69b4;color: white;padding: 12px 24px;border-radius: 8px;font-size: 16px;display: inline-block;}
.formant {margin-top: 20px;clear: both;}
.formant input {width: 250px;padding: 10px;border: 1px solid #ccc;border-radius: 6px;margin-bottom: 12px;}
.btion-noir {background-color: #000;color: #fff;width: 100%;border: none;padding: 12px 24px;border-radius: 8px;font-size: 16px;cursor: pointer;transition: background 0.3s;}
.btion-noir:hover {background-color: #333;}
.select-datevisit {width: 250px;padding: 10px;border: 1px solid #ccc;border-radius: 6px;margin-bottom: 12px;margin-left: 55px;}
.date-selectvisit{margin: 10px 0 0 55px;}
.pied-de-page-visitguid {grid-template-columns: repeat(4, 1fr);padding: 50px 0 80px 15px;gap: 50px 20px;}
.vignette-pied-de-page-visitguid {width: 70px;height: 70px;margin-left: 25%;background-color: #2ec4b6;border-radius: 50%; display: flex;align-items: center;justify-content: center;transition: background 0.3s ease;}
.vignette-pied-de-page-visitguid img {width: 50px;height: 50px;transition: transform 0.3s ease;}
.vignette-pied-de-page-visitguid:hover img {animation: spin 0.6s linear infinite;}
@keyframes spin {from { transform: rotate(0deg); }to   { transform: rotate(360deg); }}
.mini-text-pied-de-page{font-size: 12px;font-weight:700;margin-left: 0%;line-height: 20px;}
.lilasnini{width: 20px;margin-right: 8px;}
/* ========= Système de navigation col fixe =========== */
.line-col-right-visit{display: grid;padding: 30px 25px 5px 0;grid-gap: 2px 5px;grid-template-columns: 30px 30px 30px;justify-content: center;align-items: center;}
.line-col-right-visit div {cursor: pointer;padding: 6px;border-radius: 50%;transition: background 0.3s, color 0.3s;display: flex;justify-content: center;align-items: center;}
[class^="line-col-right-"] svg {width: 24px;height: 24px;color: #333;transition: color 0.3s;}
[class^="line-col-right-"] div:hover svg {color: orange;}
/* ========= Block bleu type de visite =========== */
.blocbleu {background-color: #007BFF;color: white;padding: 20px;border-radius: 10px;width: 405px;font-family: Arial, sans-serif;}
.onglets {display: flex;gap: 20px;margin-bottom: 15px;}
.onglets button {background: transparent;border: none;color: white;font-weight: bold;cursor: pointer;padding: 8px 12px;border-bottom: 2px solid transparent;transition: 0.3s;}
.onglets button.actif {border-bottom: 2px solid yellow;}
.contenu {display: none;background: rgba(255,255,255,0.1);padding: 15px;border-radius: 8px;}
.contenu.actif {display: block;}	
/* ========= Slide simple Visite Guidée =========== */
.slidere {position: relative;width: 100%;max-width: 580px;aspect-ratio: 4 / 3;overflow: hidden;border-radius: 10px;margin: 0 auto;}
.slidere-container {display: flex;justify-content: center;align-items: center;gap: 15px;margin: 0px auto;}
.slides {display: flex;height: 100%;transition: transform 0.5s ease-in-out;will-change: transform;}
.slides img {width: 580px;height: 435px;object-fit: cover;flex-shrink: 0;}
.boutnne {width: 40px;height: 40px;background: gray;color: white;font-size: 24px;font-weight: bold;border: none;border-radius: 6px;cursor: pointer;display: flex;justify-content: center;align-items: center;opacity: 0.8;transition: 0.3s;}
.boutnne:hover {opacity: 1;}
.boutnne.left {left: 10px;}
.boutnne.right {right: 10px;}
.fondblupale{background-color:#c2e0e0;border-radius: 25px;padding: 10px 20px;font-family: Arial, sans-serif;}
.textvisitguide {display: flex;gap: 15px;justify-content: flex-start;align-items: center;padding: 20px 0 0 55px;}
.slidea {flex: 0 0 100%;display: flex;align-items: center;justify-content: center;}
.slidea img {width: 100%;height: 100%;object-fit: cover;}
/* ========= Notation - Donnez votre avis =========== */
/* Ligne principale */
.avis-ligne-vote {display: flex;justify-content: space-between;align-items: center;width: 410px;margin: 30px 0 30px 50px;font-family: Arial, sans-serif;}
.stars {color: gold;font-size: 14px;}
.avis-ligne-vote span {color: #007BFF;cursor: pointer;font-weight: bold;transition: 0.3s;}
.avis-ligne-vote span:hover {text-decoration: underline;}
/* MODAL */
.modalo {display: none;position: fixed;top: 0; left: 0; right: 0; bottom: 0;background: rgba(0,0,0,0.6);justify-content: center;align-items: center;z-index: 9999;}
.modalo-content {background: white;border-radius: 10px;padding: 20px;width: 400px;text-align: center;position: relative;}
.modalo-content h2 {margin-bottom: 15px;}
.rating-vote {display: flex;justify-content: center;gap: 10px;margin-bottom: 15px;font-size: 28px;cursor: pointer;}
.rating-vote .staring {color: #ccc;transition: color 0.3s;}
.rating-vote .staring.active {color: gold;}
.modalo input, .modalo textarea {width: 100%;margin: 8px 0;padding: 8px;border-radius: 6px;border: 1px solid #ccc;}
.modalo-buttons {margin-top: 15px;display: flex;justify-content: space-between;}
.modalo-buttons button {padding: 8px 15px;border: none;border-radius: 6px;cursor: pointer;font-weight: bold;}
.sending {background: #007BFF;color: white;}
.cancelling {background: #ccc;}
.titr-modalo{font-family: Arial, sans-serif;font-size: 17px;margin: 8px 0;font-weight: 700;}	
/* ===================================
   Page process Inscription
====================================== */
.btn-inscription:disabled {background-color: #ccc;color: #666;cursor: not-allowed;opacity: 0.7;}
.btn-inscription {position: relative;text-transform: uppercase;overflow: hidden;color: white;background-color: #09193b;padding: 0.75em 0.9em;border: none;border-radius: 8px;cursor: pointer;font-size: 1rem;transition: background-color 0.3s ease;display: inline-block;text-align: center;text-decoration: none;font-weight: 700;}
.btn-inscription::before {content: "";position: absolute;top: 0;left: -75%;width: 50%;height: 100%;background: rgba(255, 255, 255, 0.3);transform: skewX(-20deg);transition: all 0.5s ease;}
.btn-inscription:hover {color: white; }
.btn-inscription:hover::before {left: 125%;}
.tm1{margin-left: 1.1em;}
.button-groupie{display: grid;place-items: center;}
.ptb-sm-inscrip {padding-top: 10%;padding-bottom: 10px;margin-left:5%;}
.grostitre-insc{font-size: 24px;font-weight: 700;color:#000;text-transform: uppercase;letter-spacing: 2px;line-height: 2px;text-align: left;margin: 6% 0 3% 4%;}
.gapinscript{display: grid;padding: 0px 5px;grid-gap: 2px 5px;grid-template-columns: 800px;margin-left: 0%;}
.bloc-inscripv2{display: grid;padding: 0px 6px;grid-gap: 2px 5px;grid-template-columns: 550px 210px;}
.esp-vign-inscrip{width:100%;}
.titrinscripv2{color: #323232;font-weight: 700;font-size: 20px;letter-spacing: 1px;line-height: 30px;text-align: justify;margin: 10% 0 2% 0;}		
.presinscripv2{color: #09193b;font-weight: 500;font-size: 16px;letter-spacing: 2px;line-height: 19px;text-align: left;margin: 25px 0 30px 0;}
.presinscripv3{color: #09193b;font-weight: 500;font-size: 19px;letter-spacing: 2px;line-height: 12px;text-align: left;margin: 0px 0 45px 0;}
.presinscripv4{color: #09193b;font-weight: 500;font-size: 19px;letter-spacing: 2px;line-height: 20px;text-align: left;margin: 0px 0 45px 0;}
.bloc-4img{display: grid;padding: 0px 15px 50px 0px;grid-gap: 40px 13px;grid-template-columns: 230px 220px;margin-left: 0%;}
.box{display: inline-block;font-weight: 700;background-image: url(../images/souligne_filet_jaune.png);background-position: bottom;background-repeat: repeat-x;}
.boxbleu{display: inline-block;font-weight: 700;background-image: url(../images/souligne_filet_bleu.png);background-position: bottom;background-repeat: repeat-x;}
.deroulev2{margin:5% auto;}
.btn-inscripv2{width: auto;max-width: 100%;border-radius: 1rem;display: inline-flex;flex-direction: row;background-color: #09193b;color: #fff;line-height: 1.5rem;justify-content: center;min-height: 2rem;box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;font-weight: 700;margin-top: 25px;height: auto;padding: 30px 50px 20px 50px;font-size: clamp(25px, 2vw, 18px); /* Ajuste la taille du texte selon l'écran */transition: all 0.3s ease-in-out;}
.cal-btn-inscripv2{margin-top:25px; padding-right: 0px; text-align: center;}
.cardev2[data-format="horizontal-s-fluid desktop-square"]{height:190px;width:190px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.cardev2{display:-webkit-box;display:-ms-flexbox;display:flex;cursor:pointer;overflow:hidden;border-radius:8px;-webkit-box-shadow:0 0 10px rgba(0,0,0,.1);box-shadow:0 0 10px rgba(0,0,0,.1);-webkit-transition:-webkit-transform .3s cubic-bezier(.16,1,.99,.99);transition:-webkit-transform .3s cubic-bezier(.16,1,.99,.99);-o-transition:transform cubic-bezier(.16,1,.99,.99) .3s;transition:transform .3s cubic-bezier(.16,1,.99,.99);transition:transform .3s cubic-bezier(.16,1,.99,.99),-webkit-transform .3s cubic-bezier(.16,1,.99,.99)}@supports not (width:clamp(1px,1vw,2px)){.cardv2{overflow:unset}}@supports (width:clamp(1px,1vw,2px)){.cardev2:hover{-webkit-transform:scale(1.03);-ms-transform:scale(1.03);transform:scale(1.03);-webkit-box-shadow:0 0 20px rgba(0,0,0,.2);box-shadow:0 0 20px rgba(0,0,0,.2)}
.cardev2:focus{outline:2px auto #666;-webkit-box-shadow:0 0 10px rgba(0,0,0,.1);box-shadow:0 0 10px rgba(0,0,0,.1)}
.cardev2[data-format="horizontal-s-fluid desktop-square"]{width:220px; height:320px;font-weight: 600;padding: 15px 10px 0 20px;font-size: 16px;box-shadow:1px 1px 1px 3px rgba(0, 0, 255, .1)}}
.posiBv2{margin: 25px auto;width: 100%;padding-left: 20%;}
.posiBv2-droit{margin: 45px 0px;width: 100%;}
.pub_inscrip{margin: 25px 0px;}
.btnlinkedin{align-items: center;background-color: #fff;border-radius: 8px;display: flex;font-size: 14px;height: 48px;justify-content: left;padding: 0 14%;text-decoration: none;width: 90%;}
.LinkedinButton{color: #454845;padding: 0 10px;font-size: 10px;letter-spacing: 0px;}
.conectinscripv2{color: #ff3460;margin-left: 4px;}
.separatv2{align-items: center;color: #a3a3a5;display: flex;font-family: Lexend, sans-serif;font-size: 0.8rem;font-weight: 400;justify-content: left;letter-spacing: .4px;margin: 24px auto;width: 35%;}
.compinscripv2{display: flex;font-size: 12px;justify-content: center;margin-top: 30px;font-weight: 500;}
.btn-inscriprov2{padding: 6% 8%;width: 100%;border-radius: 1rem;display: inline-flex;flex-direction: row;background-color: #7592a6;color: #0b1028;font-size:12px;line-height: 1rem;justify-content: center;box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;font-weight: 700;margin: -3% 0 0 0;}
.btn-inscripcoachv2{padding: 6% 8%;width: 100%;border-radius: 1rem;display: inline-flex;flex-direction: row;background-color: #7592a6;color: #0b1028;font-size:14px;line-height: 1.1rem;justify-content: center;box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;font-weight: 700;}	
.publicite_page {margin: 4% 0 15% 16%;}
.content_inscripiton{padding: 25px; background: #f9f9f9;}
.progress {margin-bottom: 9%;width: 100%;margin-left: 0%;}
.step {display: none;}
.step.active {display: block;margin-right: 0px;}
.radio-group {display: flex;flex-direction: column;align-items: center;justify-content: space-between; border: 1px solid #ccc;padding: 15px;border-radius: 5px;cursor: pointer;transition: background-color 0.3s ease;text-align: center;flex: 1; min-height: 215px;}
.radio-group:hover {transform: scale(1.03); background-color: #f0f0f0;}
.radio-group label {font-weight: bold;margin-bottom: 10px;cursor: pointer;font-size: smaller;min-height: 65px;line-height: 15px;}
.radio-group input[type="radio"] {display: none;}
.radio-group input[type="radio"]:checked + label {color: #e6ae49;}
.radio-group.selected {border: 2px solid #007bff;background-color: #f0f8ff;transform: scale(1.05);transition: all 0.3s ease;}
.radio-group.selected span {color: #007bff;}
.radio-group:hover {background-color: #f5f5f5;}
.image-text-container {display: flex;align-items: center; gap: 15px;padding: 15px;background: aliceblue;}
.image-text-container img {width: 50px;height: 50px;border-radius: 50%;border: 3px solid green;padding: 5px;object-fit: cover;}
.image-text-container p {margin: 0;flex-grow: 1;}
.image-preview {max-width: 100%;height: auto;display: none;}
.crop-container {width: 100%;max-width: 500px;margin: 20px auto;}
.controls {margin-top: 20px;text-align: center;}
.controls button {margin: 5px;}
.btn-inscripv2 i {padding-left: 15px;margin-top: 5px;}
.error{color: black;}label#chk_cgv-error {color: red;}
label#chk_cgv-error {color: red;}	
.btn-inscrifootv2{padding: 8% 8%;width: 100%;border-radius: 1rem;display: inline-flex;flex-direction: row;background-color: #7592a6;color: #0b1028;font-size:11px;line-height: 0.9rem;justify-content: center;box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;font-weight: 700;text-transform: uppercase;}					
.hidden-btn{background-color: unset; display: none!important;}
.texte-majo-numer{padding: 15px;margin-bottom:25px; background: antiquewhite; font-size: small; color:black;line-height: 1.3rem;text-align: justify;font-weight: normal;}
.form-check{font-size: 10px;font-weight: 500;line-height: 8px;text-align: justify;display: flex;align-items: center; /* Centre verticalement */gap: 8px 4px; /* Espacement entre la case et le texte */}
.mt-30 {margin-top: 0rem;}
.alert-info {color: #382828;background-color: #f2dede;border-color: #ebccd1;padding: 10px;margin-bottom: 20px;border: 1px solid transparent;border-radius: 4px;gap: 10px;margin-left: 20px;font-size: 8.5px;}
.alert-icon {display: inline-block;width: 25px;height: 25px;background-color: #fcb1ae; border-radius: 50%;text-align: center;vertical-align: middle;margin-right: 5px;}
.alert-icon i {font-size: 15px;color: #fff;line-height: 25px;}
.check-radio{font-size: 15px;font-weight: 500;line-height: 16px;text-align: justify;display: flex;flex-wrap: nowrap;align-items: center;gap: 5px 4px;}
.check-radio {display: flex;align-items: center;gap: 8px;margin-bottom: 0px;}
.check-radio-input[type="radio"] {width: 18px;height: 18px;cursor: pointer;margin-bottom: 0px;accent-color: #7291a6; transition: transform 0.2s ease, box-shadow 0.2s ease;}
.check-radio-input:focus {box-shadow: 0 0 0 4px rgba(0, 123, 255, 0.25);}
.check-radio-input:active {transform: scale(0.9);}
.check-radio-label {cursor: pointer;font-weight: 500;color: #333;transition: color 0.2s ease;font-size: 13px;}
.check-radio-input:checked + .check-radio-label {color: #7291a6;}
.petitsmallinscript{background-color: #dcd2d2;padding: 15px 25px;margin-bottom: 55px;color: #5e6468;font-size: 12px;line-height: 20px;}
.form-checke label.accept{color: #323232;font-size: 12px;margin-bottom: 10px;padding-right: 10px;margin-top: 6px;font-weight: 500;font-family: 'Raleway', sans-serif;}
.check-radio-group {display: flex;gap: 20px;align-items: center;margin: 0 0 0px 20px;}
.form-labelle{margin: 0px 0px 0px 20px;font-size: 13px;}
.toto{margin-bottom: 3rem!important;}
.divider.is-lg { font-size: 0.6rem;   --gap: 1rem;  --line-thickness: 2px; }
.divider::before,
.divider::after {content: "";flex: 1 1 0;border-top: 2px solid #c3c3c3;min-width: 1rem;}
.divider {display: flex;align-items: center;gap: 1rem;width: 50%;margin: 0 auto;color: #999;letter-spacing: 0.08em;text-transform: uppercase;font-weight: 600;font-size: 0.85rem;}
.divider > span {display: inline-block;padding: 0.25rem 0.6rem;background: #ffffff;border-radius: 999px;line-height: 1.1;white-space: nowrap;}
.txt-end-inscrip{display: flex;align-items: center;justify-content: center;gap: 8px;margin: 10% auto;font-size: 13px;}
.textinscriptmt {font-size: 13px;}
.linkedin-logo {width: 40px;height: 40px;}
.carre {display:inline-grid;place-items:center;width:28px;  aspect-ratio:1;  border:2px solid #222;box-sizing:border-box;text-decoration:none;font-size:16px;line-height:1; font-weight:700;margin: 8px auto;float: right;}
.dimstep2{width: 108%;margin-left: 2px;margin-bottom: 10%;}
.input-envelop {position: relative;display: flex;align-items: center;}
.input-envelop i {position: absolute;left: 5px;top: 53px;color: #888;pointer-events: none;}
.input-envelop input {width: 100%;padding-left: 35px;}
input[type="email"] {border: 1px solid #ddd;border-radius: 0px;color: #888;font-weight: 400;font-size: 15px;padding: 10px 15px 10px 45px; margin-bottom:20px;width:100%;} 
input[type="password"] {border: 1px solid #ddd;border-radius: 0px;color: #888;font-weight: 400;font-size: 15px;padding: 10px 15px 10px 45px;margin-bottom:18px;width:100%;}
input[type="text"] {border: 1px solid #ddd;border-radius: 0px;color: #888;font-weight: 400;font-size: 15px;padding: 10px 15px 10px 15px;margin-bottom:20px;width:100%;}
.form-control.is-invalid, .was-validated .form-control:invalid,  .form-control, .form-control:hover, .form-control.is-invalid:focus
{border-color: #888;box-shadow: 0 0 0 .25rem rgba(108, 117, 125, .25);background-image: none;background-color: transparent;padding: 10px 15px 10px 15px;font-size: 15px;width: 100%;}
.form-checke {display: flex;align-items: flex-start;gap: 8px;font-size: 12px;font-weight: 500;line-height: 16px;text-align: justify;margin-left: 10px;}
.champ-email{border-color: #888;box-shadow: 0 0 0 .25rem rgba(108, 117, 125, .25);background-image: none;background-color: #c0bdbd;padding: 10px 40px;font-size: 15px;}
.champ-mail, .champ-mail:hover {border-color: #888;box-shadow: 0 0 0 .25rem rgba(108, 117, 125, .25);background-image: none;background-color:  transparent;padding: 10px 10px 10px 35px;font-size: 15px;margin: 0px}
.champ-mdp.is-invalid, .was-validated .champ-mdp:invalid, .champ-mdp, .champ-mdp:hover, .champ-mdp.is-invalid:focus
{border-color: #888;box-shadow: 0 0 0 .25rem rgba(108, 117, 125, .25);background-image: none;background-color: transparent;padding: 10px 15px 10px 15px;font-size: 15px;width: 100%;display: block;color: #888;}
.mdp-habit{font-size:12px; font-style: italic;color:#444b68;}
.color-bul-mdp{margin-top:55px;background-color: #c8d1f7;padding: 10px 20px 1px 20px;width: 100%;margin: 5px 0 50px 0px;}
.invalid-feedback {display: flex;}
.form-text-container {display: flex;flex-direction: column;}
.align-btn{display: grid;padding: 0px 5px 5px 0px;grid-gap: 2px 5px;grid-template-columns: 170px 200px;margin: 0 0 0 10px;}
.btn-ali-g{width:100%;}
.btn-ali-d{width:100%;}
.align-numerique{display: grid;padding: 0px 5px 5px 0px;grid-gap: 2px 5px;grid-template-columns: 150px 290px;margin: 0 0 0 0;}
.align-numeriqueambassadeur{display: grid;padding: 30px 5px 5px 0px;grid-gap: 2px 5px;grid-template-columns: 150px 300px;margin: 0 0 30px 0;}
.align-iscrip-profil{display: grid;padding: 0px 5px 5px 0px;grid-gap: 2px 5px;grid-template-columns: 170px 350px;margin: 0 0 0 13%;}
.btn-alinumerique-g{width:100%;}
.btn-alinumerique-d{width:100%;}
.btn-secondary{text-transform: uppercase;font-weight: 700;font-size: 1rem;padding: 11px 18px;}
.spacer-inscript{margin:25px 0 5px 0;}
.mb-40{margin-bottom: 2.5rem;}
/* petit compteur visuel */
#nombrerdv-habit-unique { display:flex; flex-direction:column; align-items:center; gap:10px; }
.tonne { font-size: 20px; margin: 25px; }
.nombrerdv { display:flex; align-items:center; gap:14px; padding:10px 16px; background:#f8f9fa; border-radius:18px; }
.btonne { width:40px; height:40px; border-radius:50%; border:none; font-size:20px; cursor:pointer; background:#7291a6; color:#fff; }
.count { min-width:52px; text-align:center; font-size:20px; font-weight:700; }
.btn-alinumerique-count{text-align: center;margin: 25px;}
/* CSS preload img */
.profile-upload {text-align: center;margin-bottom: 1px;}
/* Avatar container */
.avatar-wrapper {position: relative;width: 200px;height: 200px;border-radius: 50%;overflow: hidden;border: 3px solid #ddd;margin: 0 auto;margin-bottom: 25px;}
/* Photo de profil */
.profile-pic {width: 100%;height: 100%;object-fit: cover;border-radius: 50%;display: block;position: relative;z-index: 1;}
/* Icône appareil photo */
.upload-button {position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: 50%;background: rgba(114, 145, 166, 1);border: none;cursor: pointer;display: flex;justify-content: center;align-items: center;z-index: 2;}
.upload-button svg {width: 40px;height: 40px;color: #fff;}
.upload-button:hover {background: #0056b3;}
.avatar-wrapper:hover .upload-button {opacity: 1;}
/* Input caché */
.file-upload {display: none;}	
.select-btn, .continue-btn {margin: 10px;padding: 10px 20px;border: none;border-radius: 5px;cursor: pointer;color: #c8d1f7;background-color: #09193b;}
.img-container {position: relative;width: 250px; height: 250px;margin: 0 auto;border-radius: 50%;overflow: hidden;background: repeating-conic-gradient(#ccc 0% 25%,transparent 0% 50%) 0 / 20px 20px;display: flex;justify-content: center;align-items: center;}  
.img-container img {max-width: 100%;max-height: 100%;object-fit: cover;}
/* Styles pour le modal fallback - avec préfixe pour éviter les conflits */
.jts-modal {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.5);z-index: 1055;overflow: hidden;}  
.jts-modal.show {display: block;}    
.jts-modal-dialog {position: relative;width: auto;margin: 0.5rem;pointer-events: none;display: flex;justify-content: center;align-items: center;}  
.jts-modal-dialog-centered {display: flex;align-items: center;justify-content: center;min-height: calc(100% - 1rem);}   
.jts-modal-body {width: 280px;padding: 1rem;margin-top: -70px;border-radius: 50%;overflow: hidden;background: repeating-conic-gradient(#ccc 0% 25%,transparent 0% 50%) 0 / 20px 20px;}
.jts-modal-content {position: relative;width: 400px;height: 400px;border-radius: 50%;overflow: hidden;display: flex;flex-direction: column;justify-content: center;align-items: center;background-color: #fff;box-shadow: 0 0.5rem 1rem rgba(0,0,0,.5);pointer-events: auto;border: 3px solid #ddd;}
.jts-modal-header {display: flex;align-items: center;justify-content: space-between;padding: 1rem;border-bottom: 1px solid #dee2e6;margin-top: 5px;} 
.jts-modal-title {font-size: 0.75rem;margin:-35px 0 0 30px;font-weight: 700;z-index: 10;}  
.jts-btn-close {width: 28px;height: 28px;z-index: 10;border-radius: 50%;border: none;background: #2196F3;cursor: pointer;display: flex;align-items: center;justify-content: center;margin-left:-0rem;margin-top: 25px;transition: background 0.3s;}
.jts-btn-close:hover {background: #999;}
.jts-btn-close::before {content: "×"; /* croix */font-size: 20px;font-weight: bold;color: #040c3c;line-height: 1;}
.jts-modal-open {overflow: hidden;} 
/* S'assurer que le modal est visible */
.jts-modal-backdrop {z-index: 1040;}
.jts-modal-backdrop.show {opacity: 0.5;}
/* Ajout de styles pour assurer la visibilité du modal */
.jts-modal.faden {opacity: 1;transition: none;}  
.jts-modal.show .jts-modal-dialog {transform: none;}  
/* Loader styles */
.loader-overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);display: none;justify-content: center;align-items: center;z-index: 9999;}
.loader {border: 5px solid #f3f3f3;border-top: 5px solid #3498db;border-radius: 50%;width: 50px;height: 50px;animation: spin 1s linear infinite;}
@keyframes spin {0% { transform: rotate(0deg); }100% { transform: rotate(360deg); }}

/* ===================================
   Vibes - vidéos
====================================== */
.bloc-deux-colonne-vibes{display: grid;padding: 0px 5px 35px 0px;grid-gap: 2px 5px;grid-template-columns: 600px 600px;margin-left: 5.7%;}
.bloc-goch-vibes{width:100%;}
.bloc-droit-vibes{width:100%;}
.globe{width:100%;max-width:var(--container);}
.hero{display:grid;grid-template-columns:320px 170px 250px;gap:12px;align-items:center;margin:32px 0 32px 0px;}
 /*.kicker{display:inline-block;background:linear-gradient(90deg, rgba(40,110,240,0.12), rgba(255,159,67,0.08));color:var(--accent);padding:8px 12px;border-radius:999px;font-weight:600;font-size:13px;margin-bottom:12px;} */
h1.vibes, h2.vibes{font-size:35px;margin:0 0 12px 0;line-height:1.02;font-weight:800;letter-spacing:-0.02em;text-align: left;}
/* Visual placeholders (abstract graphics) */
.art{height:140px;display:flex;align-items:center;justify-content:center;}
.art svg{max-width:100%;height:100%}
.img-vibes{height: auto;max-width: 100%;border: none;}
/* Card sections */
.section-card{background:var(--card);border-radius:var(--radius);padding:28px 0 28px 0;display:grid;grid-template-columns: 500px 250px;gap:20px;align-items:center;box-shadow: 0 6px 20px rgba(15,23,36,0.04);margin:0px 0 100px 0px;}
.section-card.alt{grid-template-columns:250px 500px;text-align: right;margin:80px 0 80px 0px;}
.section-card.alt h2.vibes {text-align: left;margin-bottom: 8px;margin:0 0 10px 0;font-size:35px;line-height:1.02;font-weight:800;letter-spacing:-0.02em;}
.section-card.alt p {text-align: right;}
.section-card:hover {transform: translateY(-4px);box-shadow: 0 10px 24px rgba(15,23,36,0.10);transition: all 0.25s ease;}
.section-card {transition: all 0.25s ease;}
.media-card{display:grid;grid-template-columns: 1fr;gap:20px;align-items:center;padding:20px 0 20px 0;border-radius:12px;background: linear-gradient(180deg, rgba(40,110,240,0.04), rgba(255,159,67,0.03));width:100%;}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px;margin-top:12px;}
.feature{background:var(--card);padding:20px;border-radius:12px;box-shadow:0 6px 18px rgba(15,23,36,0.03);text-align: left;}
h3.inti-vibes-bas{margin-top:0;margin-bottom:8px;font-size:16px;font-weight:700;} 
.btn{padding:12px 18px;border-radius:10px;border:0;cursor:pointer;font-weight:600;}
.textvibes{text-align:justify;margin: 0 28px 25px 0px;font-size: 16px;font-weight: normal;line-height: 24px;}
.btn-pack-vibes {position: relative;text-transform: uppercase;overflow: hidden;color: white;background-color: #286ef0;padding: 0.75em 1.5em;border: none;border-radius: 8px;cursor: pointer;font-size: 1rem;transition: background-color 0.3s ease;display: inline-block;text-align: center;text-decoration: none;font-weight: 700;box-shadow:0 8px 24px rgba(40,110,240,0.18);}
.btn-pack-vibes::before {content: "";position: absolute;top: 0;left: -75%;width: 50%;height: 100%;background: rgba(255, 255, 255, 0.3);transform: skewX(-20deg);transition: all 0.5s ease;}
.btn-pack-vibes:hover {color: white; }
.btn-pack-vibes:hover::before {left: 125%;}
.cal-vibes-bnt{display:flex;gap:10px;align-items:center;margin:8px 0px 20px 20px;}

/* ===================================
   RSE - Marques employeurs
====================================== */
h2.rse {font-size:38px;margin:20px 0 12px 3px;line-height:1.02;font-weight:800;letter-spacing:-0.02em;text-align: left;}
h3.rse {font-size:30px;margin:20px 0 12px 0px;line-height:1.02;font-weight:800;letter-spacing:-0.02em;text-align: left;}
.introrse {text-align: left;margin:32px 0 32px 0px;}
.caltext-rse {flex: 1.5; /* un peu plus large */}
.visuel-rse {flex: 0.8; /* un peu moins large */}
.ctarse {text-align: left;margin:10% 0 10% 0px;}
.sac-rse {display: flex;padding: 15px;align-items: center;justify-content: space-between;background: white;border-radius: 15px;margin: 5rem 0;box-shadow: 0 4px 10px rgba(0,0,0,0.1);overflow: hidden;transition: all 0.3s ease;}
.sac-rse:hover {transform: translateY(-8px);box-shadow: 0 8px 20px rgba(0, 119, 182, 0.25);}
.sac-rse img {width: 45%;object-fit: cover;height: 300px;}
.sac-rse .texte {width: 55%;padding: 2rem;}
.sac-rse:nth-child(even) {flex-direction: row-reverse;}

/* ===================================
   Bloc footer
====================================== */
.bloc-footer{display: grid;padding: 0px 5px 55px 0px;grid-gap: 2px 5px;grid-template-columns: 350px 220px 100px;margin: -6% 0 0 -0.5%;}
.bloc-footer-middle{display: grid;padding: 0px 5px 55px 0px;grid-gap: 2px 5px;grid-template-columns: 200px 240px 240px;margin-left: 6%;}
.btn-foot-communaute{padding: 5% 0%;margin-left:12%;width: 75%;border-radius: 1rem;background-color: #7592a6;justify-content: center;box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}
.bloc-haut-d{display: grid;padding: 0px 5px;grid-gap: 2px 5px;grid-template-columns: 165px;margin-left: 0%;}
.bloc-footer-bas{display: grid;padding: 0px 5px ;grid-gap: 2px 5px;grid-template-columns: 200px 240px 240px;margin-left: 6%;}
.bloc-haut-g{display: grid;padding: 0px 5px;grid-gap: 2px 0px;grid-template-columns: 45px 300px;margin-left: 0%;}
.bloc-haut-c{display: grid;padding: 0px 5px;grid-gap: 2px 5px;grid-template-columns: 40px 150px;margin-left: 0%;}
.text-s-baselifoot{font-size: 11px;line-height: 1rem;padding-left: 7px;font-weight: normal;}
.footer hr {height: 1px;margin: 0 4% 5% 7%;color: #69708f;background-color: #69708f;border: 0;}
.footerv2 hr {height: 1px;margin: 0 4% 5% 7%;color: #69708f;background-color: #69708f;border: 0;}
.posi-btn-footm{margin: 15px 0 0 -25px;}
.gras-tit-foot-d{font-size: 15px;font-weight: 700;}
.tit-footer {color: #323232;text-transform: uppercase;font-family: 'Raleway', sans-serif;font-weight: 700;margin-top: 18px;margin-bottom: 2px;font-size: 12px;letter-spacing: 1px;line-height: 12px;text-align: left;}
.serretextfoot{line-height: 17px;padding-bottom: 5px;}
.pt-80{padding-top: 120px;}
.footer-logo {max-width: 100%;display: inline-block;width: 100%;margin-left:0px;}
.footer {background-color: #c8d1f7;color: #0b1028;width: 100%;display: block;padding-left: 2%;}
.footerv2 {background-color: #c8d1f7;color: #0b1028;width: 100%;display: block;}
.footerv2 {background-color: #c8d1f7;color: #0b1028;width: 101.7%;display: block;}
.copyright{padding-top:10px; padding-bottom:10px;text-align: center;}
.jobfooter {font-size: 21px;font-weight: bold;padding-top: 5px;margin-left: 8px;color: #000;}
.tofooter {font-size: 21px;font-weight: bold;color: #666;position: relative;left: 0px;}
.tosee {position: absolute;left: 11.3%;}
.metier_footer{font-size: 9px;margin: 0px 0 12px 10px;line-height: 8px;font-weight: normal;}
.nuit{width: 50px;height: 50px;margin-left: 5px;}
.jour{width: 40px;height: 40px;}
.open-modali{background-color: #7592a6;color: #0b1028;font-size: 10px;border-radius: 8px;padding:8px 10px 5px 10px;display: flex;align-items: center;justify-content: center;}
a.join-footer{font-size: 13px;font-weight: 600;font-family:arial;text-transform: uppercase;padding-left: 0px;line-height: 17px;}
a.join-footer:hover{color: #950e04;}
a.join-footerbas{font-size: 16px;font-weight: 700;line-height: 1.1rem;font-family:arial;text-transform: uppercase;padding-left: 10px;color:#323232;}
a.join-footerbas:hover{color: #950e04;font-family:arial;text-transform: uppercase;padding-left: 10px;}
a.liefot{font-size: 13px;font-weight: 400;padding-left: 0px;color:#3c3434;font-family: 'Raleway', sans-serif;letter-spacing: 1px;}
a.liefot:hover{color: #950e04;}
a.texteavis{font-size: 13px;font-weight: 400;padding-left: 0px;color:#3c3434;font-family: 'Raleway', sans-serif;letter-spacing: 0px;}
a.texteavis:hover{color:#950e04;}

/* ===================================
Page Atelier découverte métier
====================================== */
.bloc-recherche-atelier{background-color: #c8d1f7;padding:15px 0 15px 20px;margin-left:0px;width: 100%;}
.ligne-atelier-bleu{display: grid;padding: 10px 5px 10px 0px;grid-gap: 2px 15px;grid-template-columns: 250px 200px 100px;}
/* Effet au survol et focus */
.ligne-atelier-goch select:hover,
.ligne-atelier-goch select:focus {border-color: #4F46E5;box-shadow: 0 0 10px rgba(99, 102, 241, 0.4);outline: none;}
/* Ajout d'une flèche personnalisée */
.ligne-atelier-goch::after {content: "";position: absolute;top: 68%;right: 10px;width: 30px;height: 50px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%236366F1'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-size: contain;background-repeat: no-repeat;transform: translateY(-50%);pointer-events: none;}
/* Effet au survol et focus */
.ligne-atelier-middle select:hover,
.ligne-atelier-middle select:focus {border-color: #4F46E5;box-shadow: 0 0 10px rgba(99, 102, 241, 0.4);outline: none;}
/* Ajout d'une flèche personnalisée */
.ligne-atelier-middle::after {content: "";position: absolute;top: 68%;right: 10px;width: 30px;height: 50px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%236366F1'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-size: contain;background-repeat: no-repeat;transform: translateY(-50%);pointer-events: none;}
#search-form-atelier {padding: 12px;width: 100%;background: #323232;color: white;font-size: 15px;margin-left: 0px;text-transform: uppercase;font-weight: 700;}
.motif-atelier{display: block;width: 100%;height: 34px;padding: 6px 12px;font-size: 14px;line-height: 1.42857143;color: #555;background-color: #fff;background-image: none;border: 1px solid #ccc;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);-webkit-transition: border-colorease-in-out .15s, -webkit-box-shadowease-in-out .15s;}
.bloc-atelier-contenu{display: grid;padding: 0px 5px 35px 0px;grid-gap: 2px 5px;grid-template-columns: 500px 230px;margin-left:0px;}
.block-atelier-goch{width:500px;}
.cadre-atelier-titre{padding:15px;color:#fff;line-height: 22px;font-weight:700;font-size:16px;background-color:#7291a6;margin: 0px 15px 15px 0;}
.intitul-atelier{color:#466174;font-weight:700;font-size:16px;text-align: left;padding: 15px 0 0 0;}
.text-atelier{font-size:15px;line-height: 24px;text-align: left;font-weight: normal;margin-bottom: 20px;}
.imgatelier-col-dr{width:245px; height:180px;}
.avis-ligne-vote-atelier{display: flex;justify-content: space-between;align-items: center;width: 245px;margin: 30px 0 40px 0px;font-family: Arial, sans-serif;}
.avis-ligne-vote-atelier span {color: #007BFF;cursor: pointer;font-weight: bold;transition: 0.3s;}
.avis-ligne-vote-atelier span:hover {text-decoration: underline;}
.line-col-right-atelier{display: grid;margin-right: 0px;margin-left: 15px;padding: 30px 10px 5px 0;grid-gap: 2px 5px;grid-template-columns: 45px 45px 45px;justify-content: center;align-items: center;}
.bloc-atelier-picto{display: grid;padding: 20px 5px 35px 0px;grid-gap: 30px 5px;grid-template-columns: 210px 240px;margin-left:0px;}
.atelier-picto-g{width:250px;text-align: left;font-size: 18px;font-weight: 700;color: #466174;}
.atelier-text-r{width:100%;text-align: left;font-size: 14px;font-weight: 500;color: #466174;}
.block-atelier-droit{width:245px;}
.text-donne-atelier{font-size: 14px;font-weight: 500;line-height: 22px;text-align: left;}
.gap-img-plan-atelier{margin-top:25px;}
.bloc-coach-contenu{display: grid;padding: 0px 5px 35px 0px;grid-gap: 2px 35px;grid-template-columns: 460px; margin-left:0px;}
.block-principalg-coach	{width:100%;}
.block-principald-coach	{width:100%;text-align:left;}
.tit-coach{color:#002e3b; font-size:27px;font-weight:700;font-family: 'Anton', sans-serif;margin:15px 0;text-align:left;}
.tit-type-coach{color:#7291a6; font-size:25px;font-weight:700;font-family: cursive;margin:0  0 25px 0;text-align:left;}
.pres-type-coach{background-color: #7291a6;margin: 15px 0 15px 0;color: #fff;width: 70%;height: 5%;text-align: center;padding: 15px 0 40px 0;font-size: 18px;font-weight: 700;}
.pres-type-coachbis{background-color: #7291a6;margin: 15px 0 15px 0;color: #fff;width: 100%;height: 0%;text-align: center;padding: 15px 0 40px 0;font-size: 18px;font-weight: 700;}
.text-coach{text-align:justify; font-size:16px;line-height: 24px;}
.block-aime-coach{display: grid;padding: 0px 5px 5px 0px;grid-gap: 2px 0px;grid-template-columns: 400px; margin-left:0px;}
.aime-coach-g{width:100%;}
.aime-coach-d{width:100%;}
ul.jdm-list{list-style-type: none;overflow-x: auto;padding: 0px 0px 5px 0;width: 100%;margin-left: 0px;}
li.stit-coach{color:#002e3b; font-size:22px;font-weight:700;margin-bottom:15px;font-family: 'Anton', sans-serif;text-align:left;}
li.coach-liste{color:#7291a6; font-size:14px;font-weight:700;text-align:left;line-height: 1.2;font-family: 'Raleway', sans-serif;display: flex;align-items: center; /* Alignement vertical */gap: 8px; /* Espacement entre l'icône et le texte */}
li.coach-apropos{font-size:14px;font-weight:normal;text-align:left;color: #323232;font-family: 'Raleway', sans-serif;display: flex;align-items: center; /* Alignement vertical */gap: 8px; /* Espacement entre l'icône et le texte */}
.cal-btn-topb{margin:25px 0 25px 0;}

/* ===================================
Barre progression difficultés Atelier
====================================== */
.progress-container {display: flex;align-items: center;justify-content: left;gap: 0px;}
.progress-bare {width: 250px;height: 20px;background: #ddd;border-radius: 10px;overflow: hidden;position: relative;}
.progress-bare .progress {height: 100%;width: 60%; /* Ajuste ce pourcentage selon le niveau */background-color: #2884ae;transition: width 0.5s ease-in-out;}
.helmet {font-size: 20px;padding: 0 15px;}

/* ===================================
Email Template
====================================== */
.email-container {max-width: 600px;margin: 20px auto;background-color: #ffffff;border: 1px solid #ddd;border-radius: 5px;overflow: hidden;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);}
.email-header {background-color: #7291a6;padding: 20px;text-align: center;}
.email-header h1 {color: #ffffff;margin: 0;font-size: 24px;}
.email-body {padding: 20px;color: #333333;line-height: 1.6;}
.email-body strong {color: #000000;}
.email-button {text-align: center;margin: 20px 0;}
.email-button a {background-color: #7291a6;color: #ffffff;text-decoration: none;padding: 10px 20px;border-radius: 5px;font-weight: bold;text-transform: uppercase;}
.email-footer {background-color: #f9f9f9;padding: 10px;text-align: center;font-size: 12px;color: #666666;}
.faq {font-size: 14px;margin-top: 20px;border-bottom: 1px solid #ddd;}
.faq p {margin: 10px 0;}.faq strong {display: block;margin-bottom: 5px;}
.remark {font-size: x-small;background: #eee;padding: 10px;}
.philosophie{border-bottom: 1px solid #ddd;font-size: small;}
.link_bloc {margin-top: 20px;font-size: small;border-bottom: 1px solid #ddd;}
.contact{font-size: small;}
.tit-page-templ-mel{font-family: Arial, sans-serif;margin: 0;padding: 0;font-size:20px;font-weight:700;text-transform: uppercase;}
.gapdatenaiss{margin-top:-2px;}
.cal-mel-foot{background-color:#7291a6; margin:10px 0 10px 0; padding:3px;}
.gap-icon-footer{margin:5px 0 0px 5px;}

/* ===================================
Block Espace Parent + Conseiller
====================================== */
.cards {display: grid;grid-template-columns: repeat(2, 1fr);gap: 55px;max-width: 1100px;margin: 40px 0 40px 0;padding: 0 0px;}  
.card {display: flex;flex-direction: column;align-items: center;text-decoration: none;border: 1px solid #d1d5db;border-radius: 12px;padding: 24px;transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;background: #fff;}
.card:hover,.card:focus-visible {transform: translateY(-2px);box-shadow: 0 8px 24px rgba(0,0,0,.08);border-color: #c5cad1;outline: none;}
.card img {display: block;width: 250px;height: auto;object-fit: cover;border-radius: 8px;margin-bottom: 14px;}
.card-title {font: 700 1.05rem/1.3 system-ui, -apple-system, Segoe UI, Roboto, sans-serif;color: #2563eb;text-align: center;}
}


@media only screen and (max-width:600px) and (min-device-width :768px),only screen and (max-device-width:480px) and (orientation:portrait),only screen and (max-device-width:480px) and (orientation:landscape)
{
/* =================================== Ecriture rajoutée par Rado pour journee_decouverte.php ====================================== */
.title-descojob {font-size: 1.2em;font-weight: 700;text-transform: uppercase;color: #000;margin: 1em 0 0 0;line-height: 1em;position: relative;width: 100% }
.container-actu {padding-right: 0;padding-left: 35px;width: 900px;margin-left: 3% }
/************************ Fin pour journee_decouverte.php *****************/	
	
/* ===================================
   Homepage
====================================== */
.size-6{width:40px;height:40px;}
.page-breadcrumb {width: 80%;background: rgba(255, 255, 255, 0.9);padding: 4px 8px;display: inline-block;color: #323232;font-size: 12px;text-transform: uppercase;letter-spacing: 3px;border-radius: 3px;border: 1px solid #f1f1f1;margin-top: 5px;z-index: 2001;position: relative;opacity: 1;transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);}
.page-breadcrumb.behind {z-index: 999;opacity: 0.5;transform: translateY(-15px);box-shadow: 0 4px 10px rgba(0,0,0,0.1);transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);}
.page-breadcrumb:hover {background: rgba(255, 255, 255, 1);transform: translateY(-2px) scale(1.02);box-shadow: 0 6px 15px rgba(0,0,0,0.15);}
.leadparent{line-height: 24px;font-size: 15px;font-weight: 300;color: #000;text-align: justify;margin: 0px 0px 0 0px;}
.btn_menu_inscr-jts{background-color: #111111;color: #0b1028;border-radius: 10px 10px 10px 10px;padding: 10px 10px;width: 60%;}
.btn_menu_myespace-jts{background-color: #111111;color: #0b1028;border-radius: 10px 10px 10px 10px;padding: 8px 10px 8px 11px;width: 63.5%;}
i{font-size: 16px;padding: 0 9px 0 9px;}
.img-inscrip-form{width: 80%;height: 65%;padding: 0% 0 0 0;margin: 25% auto;}
.header {position: absolute;text-align: center;top: 0px;z-index: 1000;color: #fff;width: 100%;background-color: #7291a6;height: 79px;transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;-o-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;-moz-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;-webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;}
.wrapper {position: relative;width: 100%;}
#intro{position: relative;overflow: hidden;width: 102%;}
.bloc-je-suis-formation{display: grid;padding: 0px 5px;grid-gap: 2px 5px;grid-template-columns: 100%;margin: 0 0 5% 3.6%;}	
.bloc-je-suis-form-g{width:350px;margin-top: 15px;}
.bloc-je-suis-form-d{width:345px;margin-bottom: 0%;}
.ensemblebtn {position: relative;display: inline-block;}
.salleclasse {display: block;width: 100%;height: auto;}
.btn-custom {position: absolute;padding: 12px;border-radius: 16px;font-weight: 700;text-decoration: none;color: white;display: flex;align-items: center;justify-content: center;}
.insp {background-color: #ca8a0f;top: 20%;left: 5%;width: 160px;height: 83px;font-size: 22px;line-height: 25px;}
.rejoin {background-color: #fff;color: #000;top: 70%;left: 60%;width: 140px;height: 53px;font-size: 15px;line-height: 15px;border-radius: 16px 0;}
.textgras-0tm{font-size: 40px;font-weight: 800;line-height: 35px;margin-top: 10%;}
.textgras-1tm{font-size: 14px;font-weight: 600;line-height: 25px;margin: 0px 0 45px 0;}
.textgras-2tm{font-size: 22px;font-weight: 700;line-height: 25px;padding-bottom: 10%;}
.textgras-3tm{font-size: 14px;font-weight: 600;line-height: 18px;margin-bottom: 25px;}
.textgraspro-10tm{font-size: 50px;font-weight: 800;line-height: 38px;margin:0% 0 5% 8%;}
.textgraspro-20tm{font-size: 39px;font-weight: 800;line-height: 38px;margin:0% 0 5% 8%;}	
.bloc-je-suis-professionnelle{display: grid;padding: 0px 5px;grid-gap: 2px 5px;grid-template-columns: 350px;margin: 0 0 5% 7%;}
.bloc-je-suis-prof-g{width:350px;margin-top: 13px;}
.bloc-je-suis-prof-d{width:350px;}
.imgtetedeco {margin: 0 0 0 5%}	
.debut-fiches-metier{margin: 20% 0 20% 0;}
.bloc-fich-metier{display: grid;padding: 0px 5px;grid-gap: 2px 5px;grid-template-columns: 340px;margin: 0 0 5% 2.2%;}
.bloc-metier-fich-g{width:100%;margin-top: 15%;margin-bottom: 28%;}
.bloc-metier-fich-d{width:100%;margin-bottom: 15%;margin-left: 0%;}
.textgrastemoignage{font-size: 50px;font-weight: 800;line-height: 45px;margin:6% 0 3.6% 0%;}
.textfichjob-1tm{font-size: 14px;font-weight: 700;line-height: 25px;margin: 0px 0 20px 12px;}
.textfichjob-2tm{font-size: 19px;font-weight: 700;line-height: 25px;padding-bottom: 4%;margin:0 20px 0 12px;}
.textfichjob-3tm{font-size: 24px;font-weight: 700;line-height: 29px;padding-bottom: 10%;margin:0 5px 0 12px; color:#797d8d; text-align:justify;}
.textfichjob-4tm{font-size: 13px;font-weight: 700;line-height: 15px;margin:0 0 20px 12px;}
.textfichjob-5tm{font-size: 16px;font-weight: 700;line-height: 22px;margin-left:20px;}
.ficjob {position: relative;padding: 16px 2px;background-color: #ca8a0f;border-radius: 16px 16px 0 16px;bottom: 10px;left: 0%;width: 184px;height: 122px;margin-top: -301px;font-size: 18px;line-height: 18px;font-weight: 700;}
.meetpro {position: relative;padding: 12px;background-color: #fff;border-radius: 29px 0 0 0;bottom: 10px;left: 55%;width: 170px;margin-top: -178px;height: 101px;font-size: 16px;line-height: 16px;text-align:justify;font-weight: 700;}
.textgrasficmet-10tm{font-size: 50px;font-weight: 800;line-height: 45px;margin:10% 0 -3.6% 5.5%;}		
.debut-communaute{margin: 20% 0 20% 0;}
.bloc-adopte-communaute{display: grid;padding: 0px 0px;grid-gap: 2px 5px;grid-template-columns: 382px;margin: 0 0 5% 0%;}
.bloc-adop-commu-g{width:100%;padding:1px 20px 15px 15px;}
.bloc-adop-commu-d{width:100%;margin-top: 15px;background-color: #e9eef5;margin-left: 0px;}
.coulorangbar{background-color:#fdbe49; width:100%; height:35px;}
.textcommu-1tm{font-size: 14px;font-weight: 700;line-height: 25px;margin: 25px 0 0 10%;}
.textcommu-2tm{font-size: 19px;font-weight: 700;line-height:25px;padding-bottom: 7%;margin:20px 20px 0 10%;}
.textcommu-3tm{font-size: 24px;font-weight: 700;line-height: 32px;padding-bottom: 8%;margin:0 25px 0 10%; color:#797d8d; text-align:justify;}
.textcommu-4tm{font-size: 16px;font-weight: 700;line-height: 22px;margin-left:5%;}
.textcommu-5tm{font-size: 16px;font-weight: 700;line-height: 22px;margin:10px 0 0 35px}
.textcommu-6tm{font-size: 11px;font-weight: 700;line-height: 14px;margin:20px 10px 0 55px}
.textcommu-7tm{font-size: 15px;font-weight: 700;line-height: 22px;margin:20px 50px 20px 55px}
.textcommu-8tm{font-size: 18px;font-weight: 700;line-height: 25px;padding-bottom: 5%;margin:0 32px 0 57px; color:#797d8d; text-align:justify;}
.text-mentor-bloc-ho{font-size: 15px;font-weight: normal;line-height: 22px;padding:15px 0px 20px 0px;}
.text-bloc-ho2{font-size: 13px;font-weight: normal;line-height: 15px;padding:0px 0px 0 10px;}	
.textgratemoin-10tm{font-size: 50px;font-weight: 800;line-height: 45px;margin:5% 0 2% 15.5%;}		
.bloc-deux-colonne-trois{display: grid;padding: 0px 5px;grid-gap: 2px 5px;grid-template-columns: 100%;margin-left: 1.5%;margin-bottom: 35px;}
.cardev3[data-format="horizontal-s-fluid desktop-square"]{height:190px;width:190px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.cardev3{display:-webkit-box;display:-ms-flexbox;display:flex;cursor:pointer;overflow:hidden;border-radius:8px;-webkit-box-shadow:0 0 10px rgba(0,0,0,.1);box-shadow:0 0 10px rgba(0,0,0,.1);-webkit-transition:-webkit-transform .3s cubic-bezier(.16,1,.99,.99);transition:-webkit-transform .3s cubic-bezier(.16,1,.99,.99);-o-transition:transform cubic-bezier(.16,1,.99,.99) .3s;transition:transform .3s cubic-bezier(.16,1,.99,.99);transition:transform .3s cubic-bezier(.16,1,.99,.99),-webkit-transform .3s cubic-bezier(.16,1,.99,.99)}@supports not (width:clamp(1px,1vw,2px)){.cardv3{overflow:unset}}@supports (width:clamp(1px,1vw,2px)){.cardev3:hover{-webkit-transform:scale(1.03);-ms-transform:scale(1.03);transform:scale(1.03);-webkit-box-shadow:0 0 20px rgba(0,0,0,.2);box-shadow:0 0 20px rgba(0,0,0,.2)}
.cardev3:focus{outline:2px auto #666;-webkit-box-shadow:0 0 10px rgba(0,0,0,.1);box-shadow:0 0 10px rgba(0,0,0,.1)}
.cardev3[data-format="horizontal-s-fluid desktop-square"]{width:99%; background-color:#c8d1f7;height:420px;margin-left: 5px;padding: 5px 0 0 0px;box-shadow:1px 1px 1px 3px rgba(0, 0, 255, .1)}}	
.bloc-haut-bloc{display: grid;padding: 0px 15px 5px 0px;grid-gap: 2px 0px;grid-template-columns: 349px;margin-left: 1.5%;}
.bloc-bas-bloc{display: grid;padding: 0px 15px 5px 0px;grid-gap: 2px 0px;grid-template-columns: 349px;margin-left: 1.5%;}
.titre-themem {font-size: 16px;letter-spacing: 0px;line-height: 20px;text-align: justify;font-weight: 400;margin: 0px auto;width: 92%;padding: 0px 0px 35px 4px;}
.bloc-bouton-haut{display: grid;padding: 0px 5px;grid-gap: 2px 5px;grid-template-columns: 100%;margin: 10% 0 5% 0%;}
.ligne-btn-bleu{display: grid;padding: 0px 5px 0px 0px;grid-gap: 12px 10px;grid-template-columns: 80px 80px 80px 80px;margin: 0.1% 0 0 3.5%;}
.cardev4[data-format="horizontal-s-fluid desktop-square"]{height:190px;width:190px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.cardev4{display:-webkit-box;display:-ms-flexbox;display:flex;background-color: #7994a7;cursor:pointer;overflow:hidden;border-radius:8px;-webkit-box-shadow:0 0 10px rgba(0,0,0,.1);box-shadow:0 0 10px rgba(0,0,0,.1);-webkit-transition:-webkit-transform .3s cubic-bezier(.16,1,.99,.99);transition:-webkit-transform .3s cubic-bezier(.16,1,.99,.99);-o-transition:transform cubic-bezier(.16,1,.99,.99) .3s;transition:transform .3s cubic-bezier(.16,1,.99,.99);transition:transform .3s cubic-bezier(.16,1,.99,.99),-webkit-transform .3s cubic-bezier(.16,1,.99,.99)}@supports not (width:clamp(1px,1vw,2px)){.cardv4{overflow:unset}}@supports (width:clamp(1px,1vw,2px)){.cardev4:hover{-webkit-transform:scale(1.03);-ms-transform:scale(1.03);transform:scale(1.03);-webkit-box-shadow:0 0 20px rgba(0,0,0,.2);box-shadow:0 0 20px rgba(0,0,0,.2)}
.cardev4:focus{outline:2px auto #666;-webkit-box-shadow:0 0 10px rgba(0,0,0,.1);box-shadow:0 0 10px rgba(0,0,0,.1)}
.cardev4[data-format="horizontal-s-fluid desktop-square"]{width:96%; height:50px;font-weight: 800;font-size: 9px;line-height: 11px;padding: 5px 0px 0 5px;margin-left: 1%;box-shadow:1px 1px 1px 3px rgba(0, 0, 255, .1)}}	
.bord-bas-orange{background-color: #fdbe49;width: 100%;height: 30px;text-align: center;font-size: 14px;font-weight: 600;}
.txtbasbloc{margin: 0px auto;text-align: center;padding-left: 6%;font-size: 14px;}	
.particle-deconstruct-container {display: flex;justify-content: center;align-items: center;height: 100vh;background: #c8d1f7;}
.particle-deconstruct-element {width: 300px;height: 200px;background: #c8d1f7;display: flex;justify-content: center;align-items: center;position: relative;overflow: hidden;}
.particle-deconstruct-element h2 {color: #0b1028;font-weight:700;line-height: 32px;margin-left:0%;font-size: 2rem;position: relative;z-index: 2;transition: all 0.5s ease;}
.particle-deconstruct-element::before,
.particle-deconstruct-element::after {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: repeating-radial-gradient(circle at center, #7e8d98 1px, transparent 2px, transparent 50px);opacity: 0;transition: all 0.5s ease;}
.particle-deconstruct-element:hover h2 {transform: scale(1.5) rotate(360deg);opacity: 0;}
.particle-deconstruct-element:hover::before {transform: scale(2) rotate(45deg);opacity: 0.3;}
.particle-deconstruct-element:hover::after {transform: scale(2) rotate(-45deg);opacity: 0.3;margin-left:-10px;}		
.item{margin-bottom: 35px;margin-left: -1%;}
.rond-insc{border:#666 1px solid;margin:2px;font-size:24px;cursor:pointer;width:50px;height:50px;border-radius:50%;}		
.btn_myespace-jts{background: #fff;color: #0b1028;font-size: 10px;border-radius: 50%;padding: 10px 10px;}
.bloc-logo{display: grid;padding: 0px 0px;grid-gap: 2px 5px;grid-template-columns: 100%;margin: 5% 0 0 0;}
.ligne-logo-tm{display: grid;padding: 0px 5px 0px 0px;grid-gap: 2px 0px;grid-template-columns: 52px 220px 58px 20px 20px 30px;margin: 0 0 0 0;}
.logo-dark{margin-left: -12%;}
.job{font-size: 21px;font-weight: bold;padding-top: 10px;color: #000;margin-left: 8px;text-align: left;}
.metier{font-size: 9px;margin-left: 9px;margin-top: -11px;color: #000;font-weight: normal;text-align: left;}
.to {font-size: 20px;font-weight: bold;color: #fff;position: absolute;}
.to2 {font-size: 20px;font-weight: bold;color: #fff;position: absolute;top: 26px;}
.see {position: relative;padding-left: 25px;top: -0.1px;}
.see2 {position: relative;padding-left: 25px;top: -0.1px;}
.side-menu .menu-close {padding: 4px 0 7px 0;border: 2px solid #fff;border-radius: 50%;float: right;margin: 5px 15px 0 0;}
.side-menu .menu-close:hover {background: url("../img/close-color.png");color: #e6ae49;}
.gap-logo-new{margin-top: 10px;display: none;}
.gap-surl-title{margin-top: 5px;display: block;}	
.icon-img{display: block;margin-top: 0px;}
.iconfirst-img{display: block;margin-top: 2px;}
.ion-ios-copy {font-weight: 800;font-size: 39px;line-height: 11px;margin-left: 12px;color: #1a224a;}
.ion-ios-compose,.ion-ios-person,.ion-ios-people {font-weight: 800;font-size: 39px;line-height: 11px;margin-left: 9px;color: #1a224a;}
.cardev4-link {display: flex;flex-direction: column;align-items: center;justify-content: center;width: 100%;height: 100%;text-decoration: none;color: inherit;position: relative;z-index: 2;}
.calage-blockqot{margin: 45% 0 0 8%;}
.icon-intitu{display: none;}
.image-container picture,
.image-container img {display: block;width: 100%;height: auto;margin: 0;padding: 0;aspect-ratio: 4 / 6;}
.image-container {position: relative;width: 100%;height: auto;margin: 0;padding: 0;aspect-ratio: 4 / 6;display: block}
.lign-blockquote-hp {padding: 0 20px;max-width: 1150px;margin: 100% auto 0 auto;}
.blockqo-text-headr {border-left: 5px solid #fff;padding-left: 20px;color: #fff;font-style: normal;}
.text-intro-hp {font-size: 14px;font-weight: normal;letter-spacing: 1px;line-height: 18px;margin: 0 18px 0 0;text-align: justify;}
.overlay {position: absolute;top: 0; left: 0;width: 100%; height: 0%;color: white;display: flex;align-items: center;justify-content: center;text-align: left;}
.tit-platef-dec-job{margin-top: 36%; font-size:25px; font-weight:700;color:#fff;padding-left: 8%;}
.blockqo-text-headr{border-color: #fff; height: 0%;margin: 0px;font-size: 13px;font-weight: 500;line-height: 10px;width: 100%;color:#fff;text-align: justify;margin-top:100%;margin-left: 10px;}
.text-headr-blan{font-size:25px; font-weight:700;color:#fff;letter-spacing: 0px;line-height: 25px;padding: 0px 20px 25px 0;}
.bas-header-plus{font-size:18px; font-weight:700;color:#0b1028;background-color: #fff;text-align: center;margin: 25px auto;margin-left: 0%;width: 93%;float: left;padding: 15px 20px;border-radius: 8px;box-shadow: 0 0 10px rgba(0, 0, 0, .9);}
.btn404{color: #fff;background: #323232;border: none;border-radius: 1rem;margin: 5px 0 20px 50px;width: 85%;padding: 11px 0px 12px;touch-action: manipulation;cursor: pointer;display: inline-block;font-weight: 700;text-align: center;white-space: nowrap;}
.txttdescerror{margin-left: 0%;}
.esp-error{margin-top: 10%;}
a.boxbultxt{position: relative;z-index: 24;background-color: #fff;color: #323232;text-decoration: none;line-height: 18px;display: inline-block;font-weight: 700;background-image: url(../images/souligne_filet_jaune.png);background-position: bottom;background-repeat: repeat-x;}
a.boxbultxt:hover span{ /*the span will display just on :hover state*/display:block;position:absolute;top:2em; left:1em; width:22em;border:1px solid #ca8a0f;background-color:#fdbe49; color:#323232;text-align: justify;padding: 10px 10px;font-weight: 500;font-size:11px;line-height: 15px;}	
a.boxbultxt:hover{z-index:25; background-color:#fff;height:0px;color: #323232;}
a.boxbultxt span{display: none}
a.boxbultxt2{position: relative;z-index: 24;background-color: #fff;color: #323232;text-decoration: none;line-height: 18px;display: inline-block;font-weight: 700;background-image: url(../images/souligne_filet_jaune.png);background-position: bottom;background-repeat: repeat-x;}
a.boxbultxt2:hover span{ /*the span will display just on :hover state*/display:block;position:absolute;top:2em; left:1em; width:16em;border:1px solid #ca8a0f;background-color:#fdbe49; color:#323232;text-align: justify;padding: 10px 10px;font-weight: 500;line-height: 15px;}	
a.boxbultxt2:hover{z-index:25; background-color:#fff;height:0px;color: #323232;}
a.boxbultxt2 span{display: none}
.btn-top-droit{margin-top:-4px;margin-left: -10px;}
.btn-top-droite{margin-top:-4px;margin-left: 18px;}
a.menu-gauc-insc{font-size: 14px;font-weight: normal;font-family:arial;text-transform: uppercase;padding-left: 15px;color:#fff;}
a.menu-gauc-insc:hover{color: #950e04;font-family:arial;text-transform: uppercase;padding-left: 10px;}
.temoig-text{font-size: 13px;font-weight: 600;color: #0b1028;letter-spacing: 1px;line-height: 19px;text-align: justify;padding:0 5% 0 0;}
a.gras-lien-block, a.gras-lien-block:hover{font-weight: 700;font-size:28px;padding-left: 2px;display: flex;align-items: center;text-align: center;margin-right: 0%;line-height: 32px;}
a.accueil-rejoin-communi{font-size: 15px;font-weight: 700;font-family:arial;text-transform: uppercase;padding-left: 15px;color:#fff;margin-left:5px;}
a.accueil-rejoin-communi:hover{color: #950e04;font-family:arial;text-transform: uppercase;padding-left: 15px;}
a.gras-lien-foot, a.gras-lien-foot:hover {font-weight: 700;font-size:16px;margin-top:8px;line-height: 20px;}


/* ===================================
   Page Connexion
====================================== */
.lign-connect{display: grid;padding: 0px 5px;grid-gap: 2px 30px;grid-template-columns: 350px;margin: 0 0 5% 3.3%;}
.blocl-g-connec{width:100%;}
.blocl-d-connec{width:100%;}
.titre-connec{font-size: 25px;letter-spacing: 4px;line-height: 32px;text-align: left;margin-bottom: 25px;margin-top: 45px;font-weight: 700;text-transform: uppercase;}
label.labconnec {color: #323232;font-size: 14px;margin-bottom: 1px; padding-right: 3px;margin-top: 6px;font-weight: 500;}
.box-connect{border: 1px solid #f1f1f1;padding: 0 10px;}
.slignbtncoonect {display: flex;justify-content: space-between;align-items: center;padding: 0 5px;margin: 0;}
.slignbtn-g-connec,.slignbtn-d-connec {flex: 1;margin: 0 10px 0 0;}
.mdpconnect {text-decoration: underline;font-size: 0.8em;}
.textcomparcoach{line-height: 15px;font-size: 12px;font-weight: 300;color: #000;text-align: left;}
h3.coaching{font-size: 19px;font-weight: 600;text-transform: none;letter-spacing: 0px;line-height: 20px;padding-left: 6px;}
.puce-synoni-coache{display: flex;margin-top: 10px;padding-left:6px;}
.puce-bleu-coaching{min-width: 6px;height: 6px;background-color: #00bcd4;border-radius: 50%;margin-right: 6px;margin-top: 6px;}

/* ===================================
   Page Contact
====================================== */
input[type="number"], input[type="radio"] {
border: 1px solid #ddd;border-radius: 0px;color: #888;font-weight: 400;font-size: 13px;padding: 10px 15px 10px;margin-bottom:20px;width: 100%;}
input[type="checkbox"]{width: 0%;}
textarea {border: 1px solid #ddd;border-radius: 0px;color: #888;font-weight: 400;font-size: 13px;padding: 10px 15px 10px;margin-bottom:26px;}
.labcontacmsg{color: #323232;font-size: 13px;margin-bottom: 1px;padding-right: 3px;margin-top: 26px;font-weight: 600;}

/* ===================================
   Page Coach
====================================== */
.titre-coach{font-size: 20px;letter-spacing: 4px;text-transform: uppercase;font-weight: 700;line-height: 28px;text-align: left;margin: 50px 0 25px 0px;}
.bloc-deux-colonne-coach{display: grid;padding: 0px 5px;grid-gap: 2px 5px;grid-template-columns: 330px;margin-left:0%;}
.txtcoachtop{text-align: justify;margin-right: 0px;line-height: 21px;font-size: 16px;font-weight: 300;color: #000;}
.ptittextcoach{text-align: justify;font-size: 14px;font-weight: 300;}
blockquote.titi{font-style: normal;line-height: 18px;font-size: 16px;margin-left: 32px;font-family: Consolas, "Times New Roman", Verdana;border-left: 4px solid #e6727d;padding-left: 8px;letter-spacing: 0px;margin-bottom:45px;}
.textcomparcoach{line-height: 20px;font-size: 16px;font-weight: 300;color: #000;text-align: left;}
h3.coaching{font-size: 19px;font-weight: 600;text-transform: none;letter-spacing: 0px;line-height: 20px;padding-left: 22px;margin-top:30px;}
.puce-synoni-coache{display: flex;margin-top: 10px;padding-left:22px;}
.puce-bleu-coaching{min-width: 8px;height: 8px;background-color: #00bcd4;border-radius: 50%;margin-right: 6px;margin-top: 6px;}
ul.pro-list{list-style-type: none;overflow: auto;padding-left: 0px;white-space: nowrap;width: 85%;scrollbar-color: #7291a64f #fff; /* Pour Firefox */scrollbar-width: thin; /* Pour Firefox */}/* Webkit (Chrome, Safari, Edge) */
ul.pro-list::-webkit-scrollbar {height: 8px; /* hauteur de la scrollbar horizontale */}
ul.pro-list::-webkit-scrollbar-track {background: #ffeaea; /* Couleur du fond de la scrollbar */}
ul.pro-list::-webkit-scrollbar-thumb {background-color: #002e3b; /* Couleur de la "poignée" */border-radius: 10px;border: 2px solid #ffeaea; /* Pour donner de l’espace autour */}
.lign-coach-faq-advice{display: grid;padding: 20px 5px;grid-gap: 2px 5px;grid-template-columns: 345px;margin: 30px 0 0 15px;}
.lcfa-g{width:100%;margin: 0 18px 35px 0px;}
.lcfa-d{width:100%;margin: 0 18px 35px 0px;}
.lign-jdm-faq{display: grid;padding: 20px 5px;grid-gap: 2px 60px;grid-template-columns: 345px;margin: 0 0 0 14px;}
.ljdm-g{width:100%;}
.ljdm-d{width:100%;}
.lign-jdm-parler{display: grid;padding: 20px 0px;grid-gap: 2px 60px;grid-template-columns: 340px;margin: 0 0 0 0px;}
.lign-btn-temoin{display: grid;padding: 20px 0px;grid-gap: 2px 60px;grid-template-columns: 340px;margin: 0 0 0 0px;}
.ptb-sm-50 {padding: 2% 0% 0% 3%;}
.int-coachsco-gras{text-align:left;font-size: 20px;font-weight: 800;text-transform: none;letter-spacing: 0px;line-height: 20px; margin: 5px 0 5px 0px;}
.intitu-gras-temoign{font-size: 20px;font-weight: 800;text-transform: none;letter-spacing: 0px;line-height: 20px;margin: 25px 0 15px 20px;}
.textaccordeo{line-height: 24px;font-size: 12px;font-weight: 300;color: #696262;text-align:justify;}
.coachin-intitul-qui{font-size: 20px;font-weight: 800;text-transform: none;letter-spacing: 0px;line-height: 20px;margin: 25px 0 15px 27px;text-align:left;}
.fond-blok-decouv-job-coach{background-color: rgb(0, 0, 0);color: rgb(255, 255, 255);padding: 1.5rem;margin: 0px 0 0 15px; font-weight:700;border-radius: 8px;}
.titrcoacscol{font-size: 20px;font-weight: 800;text-transform: none;letter-spacing: 0px;line-height: 20px;margin: 35px 0 5px 17px;}
.caltabcoach{margin: 20px 0 30px 20px;width: 90%;}
.line-col-right-coach{display: grid;margin-left:20px;padding: 30px 0px 5px 0;grid-gap: 2px 5px;grid-template-columns: 45px 45px 45px;justify-content: center;align-items: center;}
.avis-ligne-vote-coach{display: flex;justify-content: space-between;align-items: center;width: 319px;margin: 30px 0 30px 8px;font-family: Arial, sans-serif;}
.avis-ligne-vote-coach span {color: #007BFF;cursor: pointer;font-weight: bold;transition: 0.3s;}
.avis-ligne-vote-coach span:hover {text-decoration: underline;}
.moyen-icon-coach{width: 55px;}
.huitcons{padding-bottom: 25px;}

/* ===================================
   Bouton animé
====================================== */
@-webkit-keyframes topAnimation {from {transform: translate(0rem, 0);}to {transform: translate(0rem, 3.5rem);}}
@keyframes topAnimation {from {transform: translate(0rem, 0);}to {transform: translate(0rem, 3.5rem);}}
@-webkit-keyframes bottomAnimation {from {transform: translate(-11.5rem, 0);}to {transform: translate(0rem, 0);}}
@keyframes bottomAnimation {from {transform: translate(-11.5rem, 0);}to {transform: translate(0rem, 0);}}
a.btnne {text-transform: uppercase;text-decoration: none;font-weight: 700;border: 0;position: relative;letter-spacing: 0.15em;margin: 1rem 0 0 0;padding: 1rem 1rem;background: transparent;outline: none;font-size: 18px;white-space: normal;color: #111111;transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.15s;display: inline-block; /* important pour les liens */}
a.btnne::after,
a.btnne::before {border: 0;content: "";position: absolute;height: 40%;width: 10%;transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);z-index: -2;border-radius: 50%;}
a.btnne::before {background-color: #c92918;top: -0.75rem;left: 0.5rem;animation: topAnimation 2s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.25s infinite alternate;}
a.btnne::after {background-color: #e74c3c;top: 2.5rem;left: 1rem;animation: bottomAnimation 2s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.5s infinite alternate;}
a.btnne:hover {color: white;}
a.btnne:hover::before,
a.btnne:hover::after {top: 0;height: 100%;width: 100%;border-radius: 0;animation: none;}
a.btnne:hover::after {left: 0rem;}
a.btnne:hover::before {top: 0.5rem;left: 0.35rem;}
a.btnne2 {text-transform: uppercase;text-decoration: none;font-weight: 700;border: 0;position: relative;letter-spacing: 0.15em;margin: 0 10px 0 0;padding: 20px 18px 20px 55px;background: transparent;outline: none;font-size: 14px;white-space: normal;color: #111111;transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.15s;display: inline-block; /* important pour les liens */}
a.btnne2::after,
a.btnne2::before {border: 0;content: "";position: absolute;height: 40%;width: 10%;transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);z-index: -2;border-radius: 50%;}
a.btnne2::before {background-color: #c92918;top: -0.75rem;left: 0.5rem;animation: topAnimation 2s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.25s infinite alternate;}
a.btnne2::after {background-color: #e74c3c;top: 2.5rem;left: 1rem;animation: bottomAnimation 2s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.5s infinite alternate;}
a.btnne2:hover {color: white;}
a.btnne2:hover::before,
a.btnne2:hover::after {top: 0;height: 100%;width: 100%;border-radius: 0;animation: none;}
a.btnne2:hover::after {left: 0rem;}
a.btnne2:hover::before {top: 0.5rem;left: 0.35rem;}
a.btnne3 {text-transform: uppercase;text-decoration: none;font-weight: 700;border: 0;position: relative;letter-spacing: 0.15em;margin: 0 10px 0 0;padding: 20px 18px 20px 55px;background: transparent;outline: none;font-size: 14px;white-space: normal;color: #111111;transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.15s;display: inline-block; /* important pour les liens */}
a.btnne3::after,
a.btnne3::before {border: 0;content: "";position: absolute;height: 40%;width: 10%;transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);z-index: -2;border-radius: 50%;}
a.btnne3::before {background-color: #c92918;top: -0.75rem;left: 0.5rem;animation: topAnimation 2s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.25s infinite alternate;}
a.btnne3::after {background-color: #e74c3c;top: 2.5rem;left: 1rem;animation: bottomAnimation 2s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.5s infinite alternate;}
a.btnne3:hover {color: white;}
a.btnne3:hover::before,
a.btnne3:hover::after {top: 0;height: 100%;width: 100%;border-radius: 0;animation: none;}
a.btnne3:hover::after {left: 0rem;}
a.btnne3:hover::before {top: 0.5rem;left: 0.35rem;}
.fond-blok-mov-btn {overflow: hidden; /* Pour empêcher les animations de déborder */max-width: 100%;margin:2px 0 2px 15px;}
.fond-blok-mov-btn2 {overflow: hidden; /* Pour empêcher les animations de déborder */max-width: 100%;margin:30px 0 25px 15px;}
.fond-blok-mov-btn3 {overflow: hidden; /* Pour empêcher les animations de déborder */max-width: 100%;margin:20px 0 20px 15px;}
.btn-new {position: relative;text-transform: uppercase;overflow: hidden;color: white;background-color: #09193b;padding: 0.75em 1.5em;border: none;border-radius: 8px;cursor: pointer;font-size: 1rem;transition: background-color 0.3s ease;display: inline-block;text-align: center;text-decoration: none;font-weight: 700;}
.btn-new::before {content: "";position: absolute;top: 0;left: -75%;width: 50%;height: 100%;background: rgba(255, 255, 255, 0.3);transform: skewX(-20deg);transition: all 0.5s ease;}
.btn-new:hover {color: white; }
.btn-new:hover::before {left: 125%;}
#search-form-topes {padding: 12px;width: 100%;background: #323232;color: white;height: 67px;text-transform: uppercase;font-size: 15px;margin-right: 15px;}
/* ===================================
   Fin Bouton animé
====================================== */

/* ===================================
   Page Notation
====================================== */
.ligne-deux-colonne-avis{display: grid;padding: 0px 5px;grid-gap: 2px 45px;grid-template-columns: 340px;margin: 0 0 0 4.5%;}
.bloc-gauche-avis{width:340px;}
.bloc-droit-avis{width:340px;margin: 25px 0 35px 0;}
.fond-accroche-avis{padding:5px 0; background:#c8d1f7;margin: 20px 3px 35px 3px;border-radius: 0 0 40px 0px;}
.fond-accroche-them{padding:5px 0; background:#c8d1f7;margin: 20px 18px 35px 18px;border-radius: 0 0 40px 0px;}
.fond-accroche-mentor{padding:5px 20px; background:#c8d1f7; margin:30px 0;border-radius: 0 0 40px 0px;}
.accroche-avis{font-size:20px; padding:30px 30px 0px 25px;line-height: 24px;text-align: justify;font-weight:700;}
.bloc-bas-avis{width:340px;margin-bottom: 55px;}
.txt-bas-avis{font-size:17px;font-weight:700;margin: 5px 0 5px 0;line-height: 1;}
h1.titre-page{font-size: 22px;font-weight: bold;letter-spacing: 0px;line-height: 24px;text-align: justify;margin: 0px 0;padding-bottom: 10px;text-transform: uppercase;color: #323232;}

/* ===================================
   Page Actualité + détails
====================================== */
.actutest{padding: 40px 0 0 10px;width: 100%;margin: auto;}
h1.titre-actualite-jts{font-size: 21px;text-transform: uppercase;letter-spacing: 4px;line-height: 32px;text-align: left;font-weight: 700;margin-left: 25px;}
.col-actud{width:100%;text-align: left;display: inline-block;vertical-align: top;}
.col-actug{width:100%;text-align: left;display: inline-block;vertical-align: top;margin-right: 20px;}
.ptb-sm-90 {padding: 20px 0 50px 1px;}
.ptb-sm-100 {padding: 20px 0 50px 15px;}
.biggrotitreactu {font-size: 18px;letter-spacing: 0px;line-height: 16px;text-align: left;font-weight:bold;margin: 20px 0 15px 0;}
.textactumt{font-size: 15px;font-weight: 300;line-height: 24px;text-align: justify;color: #323232;}
.pull-right{float:right;font-size:13px;}
.img-respon-metier{vertical-align: middle;display: block;max-width: 100%;height: auto;}
.border-box {border: 1px solid #f1f1f1;padding: 25px}
.lign-detail-actu{display:grid;padding:20px 0;grid-gap:32px 10px;grid-template-columns: 340px;margin-left: 5px;}
.lign-detail-gauche{width:100%;}
.lign-detail-droit{width:100%;}
.metier-fiche-titre{color: #00bcd4;text-transform: uppercase;font-weight: 800;font-size: 28px;text-align: left;letter-spacing: 1px;line-height: 30px;margin: 45px 0 15px 3px;}	
.epaisaccroch{line-height: 23px;font-size: 18px;font-weight: 700;}
.bloc-affi{display: grid;padding: 0px 5px;grid-gap: 2px 5px;grid-template-columns: 10px 95px 20px 60px 10px 100px;}
.accordion {width: 124%;margin: 0 auto;background-color: transparent;padding: 0%;}
.accordion-item {background-color: #fff;color: #486d71;margin: 1rem 0 50px 0;border-radius: 0.5rem;width:100%;box-shadow: 0 2px 5px 0 rgba(0,0,0,0.25);}
.accordion-item-header {padding: 0.5rem 2.5rem 0.5rem 1rem;min-height: 6.5rem;line-height: 1.5rem;font-weight: bold;text-transform: uppercase;display: flex;align-items: center;position: relative;cursor: pointer;font-size: 16px;}
.accordion-item-header::after {content: "\002B";font-size: 2rem;position: absolute;right: 1rem;}
.accordion-item-header.active::after {content: "\2212";color:#0b2a0d;}
.accordion-item-body {max-height: 0;overflow: hidden;transition: max-height 0.2s ease-out;}
.accordion-item-body-content {padding: 10px 10px 0 10px;line-height: 0.1rem;border-top: 1px solid;border-image: linear-gradient(to right, transparent, #1a64b2, transparent) 1;font-family: Arial;font-size: 0.9rem;text-align: justify;color: #486d71;font-weight:500;}
.lign-block-colg-actu{display: grid;padding: 0px 5px;grid-gap: 2px 30px;grid-template-columns: 330px;margin: 0 0 5px -27px;}
h1.titre-actu{ font-size: 16px;letter-spacing: 0px;line-height: 17px;text-align: left;margin-top:0%;font-weight: 700;}
.block-g-jetrouve{width:100%;margin: 0 0 0px 0px;}
.block-d-pub{width:100%;}
.colgauactu{font-weight:600;padding: 5px 28px;box-shadow: 0 2px 5px 0 rgba(0,0,0,0.25);border-radius: 0.5rem;margin: 1rem 0 25px 0;color: #486d71;}
a.boutactu{font-size: 14px;display: inline-block;color: #486d71;background-color: #fff;font-weight: 700;line-height: 1rem;border: 2px solid rgb(124 194 212 / 70%);text-align: center;padding: 12px 20px;cursor: pointer;vertical-align: middle;text-decoration: none;border-radius: 15px;transition: all .2s linear;width: 90%;margin: 5% 5%;}
a.boutactu:hover{font-size: 14px;display: inline-block;color: #486d71;background-color: rgb(124 194 212 / 70%);font-weight: 700;line-height: 1rem;border: 2px solid rgb(124 194 212 / 70%);text-align: center;padding: 12px 20px;cursor: pointer;vertical-align: middle;text-decoration: none;border-radius: 15px;transition: all .2s linear;width: 90%;margin: 5% 5%;}
.date{font-size: 12px;font-weight: 300;}
.titrcolgactu{font-weight:600;font-size: 14px;padding: 5px 3px 0 0px;}
.textactujts{text-align: justify;font-size: 15px; color:#000;line-height: 24px; font-weight: 300;}

/* Quiz test fiche metier */
.question {margin-bottom: 25px;border: 1px solid #cad1d6;border-radius: 5px;padding: 15px;width: 100%;}
.question p {font-weight: bold;margin-bottom: 10px;}
.quiz-block {display: inline-flex;/* Inline pour limiter la taille au contenu */align-items: center;padding: 15px;margin: 10px;border: 2px solid #ccc;border-radius: 8px;cursor: pointer;transition: background-color 0.3s, border-color 0.3s;background-color: white;       /* Fond de base */max-width: max-content;        /* Pour éviter que ça prenne toute la largeur */position: relative;            /* Pour positionner des éléments internes si besoin */}
.quiz-block input[type="radio"] {margin-right: 10px;}
.quiz-block input[type="radio"]:checked {/* Rien à faire ici, c'est invisible */}
.quiz-block input[type="radio"]:checked + span {background-color: #e1f0ff;border-radius: 5px;padding: 5px 10px;}
/* Si tu veux colorer tout le label quand coché */
.quiz-block input[type="radio"]:checked {outline: none;}
.quiz-block input[type="radio"]:checked ~ span {background-color: #e1f0ff;}
/* Si tu veux que tout le label change aussi */
.quiz-block input[type="radio"]:checked {/* rien, impossible d'appliquer sur le parent input */}
.quiz-block input[type="radio"]:checked ~ span {background-color: #e1f0ff;}
/* Pour colorer le label complet, utilise cette astuce */
.quiz-block input[type="radio"]:checked { /* on ne peut pas cibler le parent en CSS */}
/* Astuce : colorer le label via :has() (mais support limité) */
label.quiz-block:has(input[type="radio"]:checked) {background-color: #e1f0ff;border-color: #0078d7;}
#result {margin-top: 30px;padding: 20px;background: #dff0d8;border: 1px solid #d0e9c6;border-radius: 6px;display: none;}
.questquiz{font-size: 14px;line-height: 25px;font-weight: 700;}
.lignquiz{display: grid;padding: 0px 5px;grid-gap: 2px 5px;grid-template-columns: 330px;margin: 0 0 0 0;}
button.quiz{display: block;width: 100%;background: #7291a6;color: white;font-size: 18px;padding: 12px;border: none;border-radius: 6px;cursor: pointer;margin-top: 15px;}
button.quiz:hover{background: #c8d1f7;color:#465079;font-weight:600;color:#7291a6;}
.titresponquiz{font-size: 19px;font-weight:700;}
.responquiz{font-size: 14px;text-align: justify;line-height: 24px;font-weight:600;}

/* ----------------------------------------------------------------------*/
/* Page Mdp  --------------------------------------------- */
/* ----------------------------------------------------------------------*/
.lign-mdp{display: grid;padding: 0px 5px;grid-gap: 2px 30px;grid-template-columns: 340px ;margin: 2% 0 5% 2%;}
.col-mdp-g{width:100%;}
.col-mdp-g{width:100%;}
.motdepasse{font-size: 25px;letter-spacing: 4px;line-height: 32px;text-align: left;margin: 0% 2% 0 3%;font-weight: 700;text-transform: uppercase;}
.mtmdp{margin:40px 0 60px 10px;}
.textmdp{text-align:justify;line-height: 24px;font-size: 16px;font-weight: 300;color: #000;}
.souslign-mdp{display: grid;padding: 0px 5px;grid-gap: 2px 30px;grid-template-columns: 340px ;margin: 2% 0 5% 0%;}
.lave{margin-top:5px;}
.input-container {position: relative;width: 100%;margin-bottom: 12px;}
.input-container i {position: absolute;left: 10px;top: 55%;transform: translateY(-50%);color: #09193b8f;}
.input-container input {width: 100%;padding: 10px 10px 10px 45px;border: 1px solid #ccc;border-radius: 5px;}
.input-containerbis {position: relative;width: 100%;margin-bottom: 42px;}
.input-containerbis i {position: absolute;left: 10px;top: 55%;transform: translateY(-50%);color: #09193b8f;}
.input-containerbis input {width: 100%;padding: 10px 10px 10px 45px;border: 1px solid #ccc;border-radius: 5px;}
.mdpg{width:100%;}
.mdpd{width:100%;}

/* ----------------------------------------------------------------------*/
/* Pagination Navigation   --------------------------------------------- */
/* ----------------------------------------------------------------------*/
.pagination-nav {width: 100%;display: block;position: relative;text-align: center;}
.pagination-nav ul {margin: 0px;padding: 0px;display: inline-block;}
.pagination-nav ul li {display: inline-block;margin: 0px 2px;}
.pagination-nav ul li a {display: block;background-color: #f7f7f7;height: 36px;width: 36px;line-height: 36px;text-align: center;font-size: 14px;}
.pagination-nav ul li.active a {background: #323232;color: #fff;}
.mtb-30 {margin-top: 30px;margin-bottom: 30px;}

/* ===================================
   Page 1er niveau - Ex devenir mentor
====================================== */
h2.actudescrip{font-size: 25px;font-weight:bold; text-align: left;line-height:17px; padding: 5px 0 0px 0; margin:25px 0px 5px 0px;text-transform: uppercase;color: #323232;}
h2.actusousdescrip{font-size: 15px;font-weight:bold; text-align: left;line-height:24px; padding: 5px 0 0px 0; margin:15px 0px 5px 0px;text-transform: uppercase;color: #323232;}
.puce-synoni-pati{display: flex;margin-top: 6px;}
.puce-bleu-metier{min-width: 6px;height: 6px;background-color: #00bcd4;border-radius: 50%;margin-right: 6px;margin-top: 10px;}
.btn-mentor{width: 20%;margin : auto;letter-spacing: 2px;text-transform: uppercase;padding: 15px;background-color: #e6ae49;font-weight: bold;font-size: 12px;color: #fff;}
.btn-mentor:hover {width: 20%;margin : auto;letter-spacing: 2px;text-transform: uppercase;padding: 10px;background-color: #e6ae49;font-weight: bold;font-size: 12px;color: #fff;}
.orange-bg {background-color: #f5be5c;background-image: url(http://dev.jobtosee.fr/home/assets/images/fond-marron-rond.png); background-position-y: -259.16px;background-size: cover;}
.largdesc-or{width:78%;margin-left: auto;margin-right: auto;}
.txt-fond-desc{font-weight: 700;font-size: 30px;line-height: 45px;color: #23233f;letter-spacing: -1px;}
.desc-orang-10 {margin-right: auto;margin-left: auto; padding:100px 10px 100px 10px;}
.vign-devenir-mentor{display:grid;padding:20px 0;grid-gap:32px 110px;grid-template-columns: 330px;margin-left: 10%;}
.bloc-dev-mentor{display: grid;padding: 0px 5px;grid-gap: 2px 60px;grid-template-columns: 330px;margin: 0 0 0 2%;}
.g-bloc-dev-mentor, .m-bloc-dev-mentor, .m-bloc-dev-mentor {width: 100%;margin: 0px;}
.gap-txt-actu{height: 5px;}
ul.colonrganis {list-style-type: none;margin: 0;padding: 0;overflow: hidden;margin-left: 6%;}
.topbarrebleu{display: flex;margin-bottom: 22px;margin-left: 15px;}
.barrebleu{padding: 14px;flex: 1;background-color:#f6f6f6;border-top: 4px solid #00bcd4;border-bottom-right-radius: 8px;border-bottom-left-radius: 8px;}
li.cadredevmentor{float: left;width:99%;}
.title-descojob{font-size: 1.2em;font-weight: 700;text-transform: uppercase;color: #000;margin: 1em 0 0 0em;line-height: 1em;position: relative;width:100%;}
.fonddescojob{background-color: #e6ae49;height: 19px;top: 50%;transform: translateY(-50%);left: 0;right: 0;position: absolute;z-index: 0;}
.titredcjob{background-color: #fff;transform: skewX(-10deg);padding: 3px 10px;margin-left: -6px;line-height: 1em;font-size: 14px;}
.textdescojob{display: flex;justify-content: space-between;align-items: center;position: relative;z-index: 1;}
ul.listorganism{list-style-type: none;margin: 0;padding: 0;overflow: hidden;}
.synoni-job{font-size: 16px;line-height: 18px;font-weight: 600;padding-bottom: 10px;}
.themmich{font-size: 15px;line-height: 16px;font-weight: 500;text-align: left;padding-top: 0px;padding-left: 5px;}
.text-figure-img{font-size:10px;padding:2px 0 0px 0px;font-weight: 600; line-height: 22px;color:#999;}
.sommaire{font-size:20px;font-weight:700;letter-spacing: 1px;color:#192d66;padding-bottom: 10px;}
a.txtsommaire {display: inline-flex;align-items: center;text-decoration: none;color: #000;line-height: 1.4;font-size: 13px;}
a.txtsommaire:hover{color: #950e04;}
.spacer-90{width: 100%;height: 0px;}
.iconsommaire{width: 15px; height: 15px;margin-right: 8px;margin-top: 2px;flex-shrink: 0; /* empêche le SVG de se déformer */}
.ligntab{display: grid;padding: 0px 5px;grid-gap: 2px 5px;grid-template-columns: 330px ;margin: 0 0 0 0;}
.tab1, .tab2, .tab3, .tab4, .tab5, .tab6{width: 100%;background-color:#7291a6;text-align:center;font-weight: 700;}
.tab7, .tab8, .tab9, .tab10, .tab11{width: 100%;background-color:#c8d1f7;text-align:center;font-weight: 700;display: flex;align-items: center;height: 30px;line-height: 15px;padding-left:5px;}
.tab12, .tab13, .tab14, .tab15, .tab16, .tab17, .tab18, .tab19, .tab20, .tab21, .tab22, .tab23, .tab24, .tab25, .tab26, .tab32, .tab33, .tab34, .tab35, .tab36{width: 100%;background-color:#dadcdd;padding:0 0 0 10px;display: flex;align-items: center;height: 30px;line-height: 15px;}
.tab27, .tab28, .tab29, .tab30, .tab31{width: 100%;background-color:#dadcdd;text-align:center;display: flex;align-items: center;height: 30px;line-height: 15px;}
h2.sixdispo{font-size: 15px;font-weight: 600;text-transform: none;letter-spacing: 0px;line-height: 20px;margin-bottom: 10px;}
/*********************** Encadré btn orange ******************************************/
.cadreannuaireformation{border: 1px solid #00000030;border-radius: 16px;box-shadow: 0 1px 1px rgb(0 0 0 / 5%);margin-bottom: 25px;}
.intcadreaf{padding: 45px 15px 0px 15px;text-align: center;font-size: 15px;font-weight: 700;}
.leadbtnmentor{margin: 8% 0 9% 0;}
/*********************** Effet accordéons ******************************************/
.accordionfaq {width: 100%;margin: 0 auto;background-color: transparent;padding: 0%;}
.accordionfaq-item {background-color: #fff;color: #486d71;margin: 1rem 0 25px 5px;border-radius: 0.5rem;width:97%;box-shadow: 0 2px 5px 0 rgba(0,0,0,0.25);}
.accordionfaq-item-header {padding: 0.5rem 3.5rem 0.5rem 1rem;min-height: 2rem;line-height: 0.8rem;font-weight: 500;display: flex;align-items: center;position: relative;cursor: pointer;font-size: 11px;}
.accordionfaq-item-header::after {content: "\002B";font-size: 2rem;position: absolute;right: 1rem;}
.accordionfaq-item-header.active::after {content: "\2212";color:#0b2a0d;}
.accordionfaq-item-body {max-height: 0;overflow: hidden;transition: max-height 0.2s ease-out;}
.accordionfaq-item-body-content {padding: 10px 10px 10px 16px;line-height: 1rem;border-top: 1px solid;border-image: linear-gradient(to right, transparent, #1a64b2, transparent) 1;font-family: Arial;font-size: 12px;text-align: justify;color: #486d71b0;font-weight:lighter;}
a.titseomenu{font-family:arial;font-size:12px;font-weight:500;color: #486d71;text-decoration: none;line-height: 2.2rem;}
a.titseomenu:hover{font-family:arial;font-size:16px;font-weight:600;color: #4298a1;text-decoration: underline;}
h4.txtbloke{color: #323232;text-transform: uppercase;font-family: 'Raleway', sans-serif;font-weight: 600;margin-top: 0px;margin-bottom: 0px;text-align:left;font-size: 12px;}
.txtbloke {color: #575b6c;font-family: 'Raleway', sans-serif;font-weight: normal;margin-top: 0px;margin-bottom: 0px;text-align:left;font-size: 12px;line-height: 18px;}

/* ===================================
   Page Team
====================================== */
.sligne-team{display: grid;padding: 0px 0px;grid-gap: 2px 18px;grid-template-columns: 340px;margin: 0 0 0 0;}
.team-g{width:100%;}
.team-d{width:100%;padding-top: 5px;}
.btn-teamste{width: 100%;max-width: 100%;border-radius: 1rem;display: inline-flex;flex-direction: row;background-color: #09193b;color: #fff;line-height: 1.5rem;justify-content: center;min-height: 2rem;box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;font-weight: 600;margin: 8px 0 20px 0;height: auto;padding: 20px 35px 20px 35px;font-size: clamp(18px, 2vw, 15px);transition: all 0.3s ease-in-out;}
.img-taille{height: 400px;width:340px;display: block;margin: 0 15px 0 0;}
a.btn-teame{color:#fff;font-weight: 600;display: inline-flex;padding-top: 0px;align-items: center;vertical-align: middle;gap: 12px;}
.col-fond-bleu-team{display: grid;padding: 0px 0px;grid-gap: 2px 48px;grid-template-columns: 340px;margin: 0 0 0 0;}
.fond-accroche-team-g{width:101%;padding: 20px;background: #c8d1f7;margin: 30px 0 0 0px;}
.fond-accroche-team-d{width:100%;padding: 20px;background: #c8d1f7;margin: 30px 0 0 0px;}
.accroche-team{font-size: 20px;width: 101%;margin: 25px 0 -30px 0;padding: 40px 0 0 28px;line-height: 24px;text-align: justify;font-weight: 700;background: #c8d1f7;}
.textfondbleuteam{text-align: justify;margin: 0px 5px;font-size: 16px;font-weight: normal;line-height: 24px;}
.solution-team{font-size: 12px;width: 100%;margin: 25px 0 10px 0;padding: 20px 10px 20px 10px;line-height: 18px;text-align: justify;font-weight: 700;background: #c8d1f7;}

/* ===================================
   Page reseau JTS
====================================== */
.souligne-de-col{display: grid;padding: 0px 0px;grid-gap: 2px 0px;grid-template-columns: 340px;margin: 0 0 0 0%;}
.affi-gauc-savis{width:100%;}
.affi-droi-savis{width:100%;}
.txt-color-avis{color:#fff; font-size: 14px;font-weight: 700;text-transform: uppercase;}
.sous-sousdroit-avis{display: grid;padding: 8px 0px;grid-gap: 2px 5px;grid-template-columns: 155px 169px;margin: 0 0 0 0%;}
.cadre-sous-avisg{height: 65px;width:100%;font-size: 10px;text-transform: uppercase;margin-left: 0px;margin-top: 10px;font-weight: normal;padding: 10px 25px;color: #595a5c;border-radius: 8px; box-shadow: 0 0 2px rgba(0, 0, 0, .9);}
.cadre-sous-avisd{height: 65px;width:100%;font-size: 10px;text-transform: uppercase;margin:10px 0 9px 10px;font-weight: normal;padding: 10px 25px;color: #595a5c;border-radius: 8px; box-shadow: 0 0 2px rgba(0, 0, 0, .9);}
.noombavis{font-size: 19px;font-weight: 700;font-family: 'Anton', sans-serif;text-align: center;margin-top: 0px;}
.fond-blok-avis{background-color: rgb(39, 76, 196);color: rgb(255, 255, 255);padding: 1rem 0 1rem 1.5rem;margin: 0px 0 0 0; font-weight:700;border-radius: 8px;}
.fond-blok-avisbis{background-color: rgb(0, 0, 0);color: rgb(255, 255, 255);padding: 1rem 0 1rem 1.5rem;margin: 15px 0 0 0; font-weight:700;border-radius: 8px;}
.taillefaavis{width: 2rem;height: 2rem;color: rgb(255, 255, 255);}
.textfondbleu{text-align:justify;margin: 9px 20px 30px 20px;font-size: 16px;font-weight: normal;line-height: 24px;}
.txte-bas-poste{margin: 20px 0px 25px 0px;font-size: 15px;font-weight: 700;line-height: 22px;color: #607D8B;text-align: justify;}
.fintxt-bas-candidature{font-size: 15px;letter-spacing: 1px;line-height: 20px;text-align: justify;font-weight: 700;margin: 25px 10px 20px 0px;}
.txt-bas-bas{font-size: 17px;font-weight: 700;margin: 35px 0 5px 0;}
.txt-bas-bastester{font-size: 17px;font-weight: 700;margin: 35px 0 25px 0;}

/* ===================================
   Divers
====================================== */
.intitu-champ-contact{padding-left: 45px;}
.bloc-btn-temoin{margin: 2% 0 0 6%;}
.money{font-size:11px;}
.cal-btn-team{margin: 45px 0 45px 0;}
.intitule-visit-ent{font-size: 20px;text-align: center;margin: 50px 15px 10px 15px;font-weight: 700;line-height: 24px;color:#3f51b5;}
.date-visite{font-size: 16px;font-weight: 600;line-height: 20px;text-align: center;margin: 15px auto;color:#3f51b5;}
.nom-entrep-visite{font-size: 18px;font-weight: 600;line-height: 20px;text-align: center;color:#7291a6;margin: 20px auto;}
.img-vis-firm{border-radius: 8px;}
.cadreblue{background-color:#c8d1f7;margin:0 0 15px 0;padding: 9px 0 5px 20px;}
.textcadreblue{color:#09193b; font-size:14px;}
.txt-neutre{font-size: 17px;font-weight: 700;margin: 5px 0 5px 28px;line-height: 1;}
.fond-blok-mentor{background-color: rgb(39, 76, 196);color: rgb(255, 255, 255);padding: 0.5rem;margin: 10px 0 0 0px; font-weight:700;border-radius: 8px;}
.fond-blok-mentorbis{background-color: rgb(0, 0, 0);color: rgb(255, 255, 255);padding: 0.5rem;margin: 8px 0 0 0px; font-weight:700;border-radius: 8px;}
.fond-blok-decouv-job{background-color: rgb(0, 0, 0);color: rgb(255, 255, 255);padding: 0.5rem;margin: 0px 0 0 0px; font-weight:700;border-radius: 8px;}
.design-black{background-color:black;height: 15px;width: 89px;float: right;}
.design-blackdecov{background-color:black;height: 17px;width: 92px;float: right;margin-top: -40px;}
.lig-mentor-deux-col{display: grid;padding: 0px 0px;grid-gap: 2px 40px;grid-template-columns: 340px;margin: 0 0 0 0%;}
.col-mentor-g{width:100%; margin-bottom:15%;}
.col-mentor-d{width:100%; margin-bottom:15%;}
ul.mentor-list{list-style-type: none;overflow-x: auto;padding-left: 0px;width: 100%;}
li.mentor-liste{color: #0e2534;font-size: 12px;font-weight: normal;text-align: left;line-height: 1.4;font-family: 'Raleway', sans-serif;display: flex;align-items: center;gap: 8px;margin: 0px 18px 0 0px;}
.scroll-black-mentor {overflow-x: auto;list-style: none; white-space: nowrap;gap: 1rem;scroll-behavior: smooth;padding: 0;margin: 0 0 45px 0;}
.puce-bleu-mentor{min-width: 8px;height: 8px;background-color: #00bcd4;border-radius: 50%;margin-right: 16px;margin-top: 8px;}
.them-mentor{color: #002e3b;font-size: 22px;font-weight: 700;margin-bottom: 10px;font-family: 'Anton', sans-serif;text-align: left;}
.dim-icon-mentor{margin:0px 0 0 0;}
.dim-icon-mentor,.dim-icon-mentorbis svg {width: 16px;height: 16px;vertical-align: top;}
.dim-icon-testmetier{margin:0px 0 0 0;}
.dim-icon-mentorbis{margin:-5px 0 0 0;}
.bloc-bas-luc{display: grid;padding: 0px 0px;grid-gap: 2px 0px;grid-template-columns: 340px;margin: 0 0 0 3%;}
.luc-g{width:100%;font-weight: normal;line-height: 1.5;text-align: justify;padding-bottom: 25px;font-size: 16px}
.luc-m{width:100%;}
.luc-d{width:100%;font-weight: normal;line-height: 1.5;text-align: justify;padding-bottom: 25px;font-size: 16px}
.alig-img-portevoix{margin: 20px 0 0 0px;font-weight: normal;line-height: 1.5;}
.gap-txt-bas-tester{margin: 35px 0 55px 0;}
.cal-titre-testm{padding-left:0px;}
.decal-test-job{padding-left:0px;width: 100%;}
.line-space-enseignant{display: grid;padding: 0px 0px;grid-gap: 2px 30px;grid-template-columns: 300px;margin: 0 0 0 0%;}
.line-space-enseignant-g{width:100%;}
.line-space-enseignant-d{width:100%;}
.gap-btn-bas-space-enseign{text-align: center;margin: 1% 0 29% 0;}
.txte-bas-enseignant{margin: 35px 0 5px 0;font-size: 16px;font-weight: 700;color: #607D8B;line-height: 22px;text-align: justify;}
.gap-txt-bas-enseign{margin: 5px 0 55px 15px;}
.txt-bas-basenseign{font-size: 17px;font-weight: 700;margin: 5px 0 55px -15px;text-align: justify;}
.decal-message-enseign{width:90%;margin: 20px 0px 0 20px;}
ul.pro-list{list-style-type: none;overflow: auto;padding-left: 0px;width: 98%;white-space: nowrap;padding: 15px 0 15px 0;}
h3.faque{font-size: 12px;font-weight: 700;}
h2.txt-bas-pro{font-size: 17px;font-weight: 600;text-transform: none;letter-spacing: 0px;line-height: 20px;margin: 5px 0 5px 0;}
h2.txt-bas-parler{font-size: 17px;font-weight: 600;text-transform: none;letter-spacing: 0px;line-height: 20px;margin: 55px 0 5px 0;}
.pro-faque{color: #0e2534;font-size: 13px;font-weight: normal;text-align: left;line-height: 1.8;font-family: 'Raleway', sans-serif;display: flex;align-items: center;gap: 8px;}
.parler-pro-list{list-style-type: none;overflow: auto;padding-left: 0px;width: 100%;white-space: nowrap;padding: 5px 0 6px 0;}
.txt-bas-parler-pro{font-size: 17px;font-weight: 700;text-transform: none;letter-spacing: 0px;line-height: 20px;margin: 25px 0 5px 5px;text-align: left;}
.int-jdm-gras{font-size: 20px;font-weight: 800;text-transform: none;letter-spacing: 0px;line-height: 20px;margin: 5px 0 5px 0;}
.line-bloc-jdm1{display: grid;padding: 0px 0px;grid-gap: 2px 40px;grid-template-columns: 340px;margin: 0 0 0 5%;}
.discov-job-g{width:100%;}
.impli-me-d{width:100%;}
.line-btn-coach{display: grid;padding: 0px 0px;grid-gap: 2px 40px;grid-template-columns: 330px;margin: 0 0 0 0%;}
.line-btn-coachg{width:80%;}
.line-btn-coachd{width:100%;}
h3.titre-gras-rose{font-size: 15px;font-weight: 600;color: #e64958;letter-spacing: 0px;line-height: 22px;text-transform: uppercase;padding:25px 0 5px 0px;}
.difference-coach{display: grid;padding: 0px 0px;grid-gap: 2px 40px;grid-template-columns: 330px;margin: 0 0 0 0%;margin: 10px 0 40px 0%;text-align: justify;font-weight: normal;font-size: 16px;}
.dif-coachg{width:99%;}
.dif-coachd{width:100%;}
.calage-spage{margin-top:2px;line-height: 24px;font-size: 16px;font-weight: 300;color: #000;text-align: justify;}
.affi-img-s-page{width: 340px;}
.ptb-80 {padding-top: 80px;padding-bottom: 80px;width: 100%;}
.text-imagev2{font-size:9px;padding:0px 0 0px 0px;font-weight: 600; color:#999;margin: -2px 0 0 0px;}
.contain-button{width:50%; height:50%;}
.intitul-btn-pink{font-size: 22px;line-height: 28px;padding: 0px 180px 0 0;}
h2.mthemlila{font-size:18px; padding:10px 25px;line-height: 24px;text-align: justify;font-weight:700;letter-spacing: 1px;text-transform: uppercase;}
h3.themiclila{font-size:15px; padding:20px 20px 0 0px;line-height: 18px;text-align: justify;font-weight:700;letter-spacing: 1px;margin-left: 0px;text-transform: uppercase;}
.call-bloc-action{text-align: center;margin: 7% 0 4% 0;}
.fond-accroche-etudiant{margin: 0px 0 0px 13px;width:87.5%;}
.dark-bg {background: #323232;color: #fff;}
.testjob-img{background-repeat:no-repeat; background-position:80% 0%; height:423px;}
.fond-bas-etudiant{margin: 0 0 0 5%;width:91%;}
.bloc-bas-them{margin: 0 0px 0 0px;}
.bloc-bas-theme{margin: 0 0px 0 20px;}
.bloc-bas-team{margin: 0 20px 0 22px;}
.difference-etudiant{display: grid;padding: 10px 0px;grid-gap: 2px 50px;grid-template-columns: 340px;margin: 10px 0 40px 3%;text-align: justify;font-weight: normal;font-size: 16px;}
.tit-student-gras{font-size: 20px;font-weight: 800;text-transform: none;letter-spacing: 0px;line-height: 20px;margin: 5px 0 5px 11px;}
.titre-luc{font-size: 20px;font-weight: 800;text-transform: none;letter-spacing: 0px;line-height: 20px; margin: 5px 0 5px 6px;}
.fond-bleu-etudiant{padding: 5px 0px 0 5px;background: #c8d1f7;margin: 20px 0px 0 5px;border-radius: 0 0 40px 0px;}
.fond-bleu-enseignant{padding: 0px 0px 10px 0;background: #c8d1f7;margin: 30px 0px 0px 5px;border-radius: 0 0 40px 0px;}
.caltab{margin: 20px 0 30px 20px;}
.fond-bleu-etude{padding: 5px 0;background: #c8d1f7;margin: 20px 22px 30px 20px;border-radius: 0 0 40px 0px;}
.fond-bleu-prof{padding: 5px 0;background: #c8d1f7;margin: 20px 22px 30px 20px;border-radius: 0 0 40px 0px;}
.breiz{margin:20px 3% 20px 5px;line-height: 24px;font-size: 16px;font-weight: 300;color: #000;text-align:justify;}
.ptb-sm-0 {padding-top: 0px;padding-bottom: 5px;margin: 0 0 20px 35px;}
.ptb-sm-t {padding-top: 50px;padding-bottom: 0px;margin:0 3.5% 0 4%;}
.ptb-sm-mt {padding-top: 0px;padding-bottom: 10px;}
.accroche-enseignant{font-size: 20px;padding: 30px 10px 20px 20px;line-height: 24px;text-align: justify;font-weight: 700;}
.titre-space-enseig{font-size: 17px;font-weight: 700;margin: 25px 0 5px 22px;text-align:left;}
.ptb-sm-110 {padding: 2% 4% 1% 5%;}
h1.titre-confident {font-size: 20px;letter-spacing: 4px;line-height: 28px;text-align: center;margin: 45px 0 65px 0px;font-weight: 700;text-transform: uppercase;}
.border-boxconf {border: 1px solid #f1f1f1;padding: 0px 0 25px 0;text-align: justify;margin: 5px 0 20px 0;font-size: 16px;font-weight: 300;line-height: 24px;}
.conf-arti{font-size: 16px;letter-spacing: 0px;line-height: 20px;color: #323232;text-transform: uppercase;font-family: 'Raleway', sans-serif;font-weight: 600;}
.numero-conf{font-size: 15px;letter-spacing: 0px;line-height: 20px;font-weight: 600;color: #323232;text-transform: uppercase; margin-top: 0px;margin-bottom: 0px;}
.titre-annuaire{font-size: 18px;letter-spacing: 1px;text-transform: uppercase;font-weight: 700;line-height: 24px;text-align: left;margin: 40px 0 0px 15px;}
.enveloppe-annuaire{margin: 25px 0 0 25px;}
.line-cgu{display: grid;padding: 0px 15px 10px 0px;grid-gap: 2px 30px;grid-template-columns: 340px;margin-left: 0%;}
.cgu-bloc-g{width:100%;}
.cgu-bloc-d{width:100%;}
.cgu-sidebar{margin-bottom: 50px;}
.cgu-sidebar ul li {list-style: none;font-weight: 400;}
.gapcadre {padding: 10px;margin: 10px;}
.titre-charte{font-size: 20px;font-weight: bold;letter-spacing: 0px;line-height: 24px;text-align: left;margin: 3% 0 2% 0%;padding-top: 1px;text-transform: uppercase;color: #323232;}
.gris-bg {background: #ddd;color: #000;padding-left: 15px;}
.col-charte{padding-right: 15px;padding-left: 0px;margin-top:25px;width: 100%;display: inline-block;vertical-align: top;}
.flotte {float:left;padding:0px 15px 0 0;}
.bloc-haut-page{display: grid;padding: 0px 1px 50px 0px;grid-gap: 2px 15px;grid-template-columns: 340px;margin-left: 0%;}
h2.bingo{font-size: 22px;font-weight:bold; text-align: left;line-height:24px; padding: 30px 0 5px 0;text-transform: uppercase;font-weight: 700;}
h3.tiptop{font-size: 20px;font-weight:bold; text-align: left;letter-spacing:1px;line-height:24px; padding: 45px 0 8px 0;text-transform: uppercase;font-weight: 700;}
h3.titre-bas-page{font-size: 20px;font-weight:bold; text-align: left;letter-spacing:1px;line-height:24px; padding: 45px 0 8px 10px;text-transform: uppercase;font-weight: 700;}
h4.decouvre{font-size: 19px;font-weight:bold; text-align: left;letter-spacing:1px;line-height:24px; padding: 45px 0 0px 10px;text-transform: uppercase;font-weight: 700;}
.text-page-secod{font-size: 15px;text-align: justify;line-height:17px; padding: 0 0 10px 0;font-weight: 300;}
.line-rond-prof{display: grid;padding: 40px 15px 40px 0px;grid-gap: 2px 40px;grid-template-columns: 150px 150px;margin-left: 0%;}
.col-barre-rondleft{width: 100%; text-align: center; display: inline-block;vertical-align: top; float:none;}
.col-barre-rondright{width: 100%; text-align: center; display: inline-block;vertical-align: top; float:none;}
.circlegreen {background: #7cda9d;border-radius: 180px;line-height: 25px;color: #212d5b;font-size: 18px;padding-top: 30px;font-weight: normal;width: 150px;height: 150px;max-width: 150px;display: table;margin: 20px auto;}
.circlegreen i {font-size: 2em;margin-bottom: 11px;}
.circle {background: #7c8fda;border-radius: 180px;color: #212d5b;font-size: 18px;line-height: 25px;padding-top: 30px;font-weight: normal;width: 150px;height: 150px;max-width: 150px;display: table;margin: 20px auto;}	
.circle i {font-size: 2em;margin-bottom: 11px;}
.intitutrond{font-size: 15px;padding: 0 15px;text-align: center;display: inline-block;font-weight: 700;line-height: 15px;}
.gapintibn{font-size: 17px;text-align: center;line-height:18px; padding: 0px 0 20px 0;font-weight: 600;}
.txt-pour-qui{font-size: 17px;font-weight: 700;text-transform: none;letter-spacing: 0px;line-height: 20px;margin: 25px 0 5px 25px;text-align: left;}
.txt-mdj-gras{font-size: 19px;font-weight: 700;margin: 20px 0 5px 18px;}
.ptb-sm-80 {padding-top: 20px;padding-bottom: 5px;}
.mtpra {padding-top: 0px;padding-bottom: 5%;margin-left: 8%;margin-right: 7%;}
.ptb-sm-70 {margin:20px 30px 30px 30px;}
.ptb {padding-top: 50px;}
.decal-bloc-parler{width: 93%;padding-left: 6%;}
.calimgpage{margin:30px 0 30px 0;max-width: 100%;}
.elemebas{ min-width: 200px;height: 32px;font-weight: normal;background-color: transparent;flex-shrink: 0;display: flex;justify-content: left;align-items: center;border-radius: 8px;white-space: nowrap;margin-bottom: 0px;}
ul.coach-list {list-style-type: none;overflow-x: auto;overflow-y: hidden;padding: 0 0 5px 0;width: 90%;margin-left: 10px;scrollbar-width: thin;scrollbar-color: #ffeaea #323232;}
/*********************** Annuaires ******************************************/
.intro-coach{text-align: justify;line-height: 18px;font-size: 14px;font-weight: 300;letter-spacing: 1px;margin: 9% 3.5% 9% 2%;color: #181818;}
h1.titre-coaching{font-size: 19px;letter-spacing: 2px;line-height: 24px;text-align: left;margin-bottom: 25px;font-weight: 700;text-transform: uppercase;}
.bloc-recherche-ecole{background-color: #c8d1f7;padding:15px 0 15px 0px;margin-left: 0px;margin-right: 0;}
.ligne-ecole-bleu{display: grid;padding: 10px 5px 10px 0px;grid-gap: 2px 25px;grid-template-columns: 330px;}
.ligne-ecole-goch{width:100%;display: flex;justify-content: center;align-items: center;height: 8vh;color:#0b1028;font-weight: 700;font-size:16px;position: relative;display: inline-block;/* Stylisation du select */appearance: none; /* Supprime le style natif */padding: 12px 16px;border-radius: 8px;background-color: white;color: #333;cursor: pointer;transition: all 0.3s ease-in-out;}
.ligne-ecole-centregau{width:100%;display: flex;justify-content: center;align-items: center;height: 8vh;color:#0b1028;font-weight: 700;font-size:16px;position: relative;display: inline-block;/* Stylisation du select */appearance: none; /* Supprime le style natif */padding: 12px 16px;border-radius: 8px;background-color: white;color: #333;cursor: pointer;transition: all 0.3s ease-in-out;}
.ligne-ecole-middle{width:100%;display: flex;justify-content: center;align-items: center;height: 8vh;color:#fefefe;font-weight: 700;font-size:16px;position: relative;display: inline-block;/* Stylisation du select */appearance: none; /* Supprime le style natif */padding: 12px 16px;border-radius: 8px;background-color: white;color: #333;cursor: pointer;transition: all 0.3s ease-in-out;}
.ligne-ecole-droit{width:100%;display: flex;justify-content: center;align-items: center;height: 8vh;color:#fefefe;font-weight: 700;font-size:16px;position: relative;display: inline-block;}
.bg-grey {background-color: rgb(247, 247, 247) !important;padding-top: 35px;padding-bottom: 35px;margin-bottom: 45px;padding-left: 0px;}
.grille-annuaire{display: grid;padding: 10px 5px 10px 10px;grid-gap: 2px 25px;grid-template-columns: 330px;}
.grille-annu-gauche{width:100%;padding-top:0px;}
.grille-annu-middle{width:100%;padding-top:0px;}
.grille-annu-droit{width:100%;padding-top:0px;}
.btn-rouge-annu, .btn-rouge-annu:hover {background-color: #f7655a;color: #fff;margin-top: 25px;min-height: 40px;border-color: #f7655a;border-top-left-radius: 0;border-bottom-left-radius: 0;border-top-right-radius: 25px;border-bottom-right-radius: 25px;display: flex;justify-content: space-between;align-items: center;width: 100% !important;}
.cardi {border: 1px solid #ddd;border-radius: 25px;box-shadow: 0 2px 4px rgba(0,0,0,0.1);transition: box-shadow 0.3s;padding: 0;}
.cardi:hover {box-shadow: 0 4px 8px rgba(0,0,0,0.15);}
.cardi-body {display: flex;flex-direction: column;justify-content: space-between;height: 100%;}
.cardi-text{line-height: 21px;font-size: 16px;}
.schol-text{line-height: 17px;font-size: 13px;}
.btn-rouge-schol, .btn-rouge-schol:hover {background-color: #f7655a;font-size: 14px;width: 100px;color: #fff;margin-top: 25px;min-height: 292px;border-color: #f7655a;border-top-left-radius: 0;border-bottom-left-radius: 0;border-top-right-radius: 25px;border-bottom-right-radius: 25px;display: flex;justify-content: space-between;align-items: center;}
.cardi-coach-text{line-height: 25px;font-size: 16px;}
.grille-coach{display: grid;padding: 24px 5px 10px 5px;grid-gap: 2px 25px;grid-template-columns: 330px;}
.logo-ecole{width:100%;}
.accordions {border: 1px solid #ddd;border-radius: 5px;overflow: hidden;max-width: 100%;}
.accordions-header {background-color: #eee;padding: 10px 15px;cursor: pointer;display: flex;justify-content: space-between;align-items: center;font-weight: bold;max-width: 100%;}
.accordions-icon {font-weight: bold;font-size: 18px;transition: transform 0.3s ease;}
.accordions-content {display: none;background-color: #eee; max-width: 100%; overflow-wrap: break-word;padding: 10px 10px 0 10px;line-height: 0.1rem;border-top: 1px solid;border-image: linear-gradient(to right, transparent, #1a64b2, transparent) 1;font-family: Arial;font-size: 0.9rem;text-align: justify;color: #486d71;font-weight: 500;}
.colon-list-depart{height: 16px;line-height: 13px;padding-bottom: 10px;margin: 10px 0 10px 0;white-space: nowrap;font-size: 14px;overflow: hidden;text-overflow: ellipsis;color: #486d71;}
.accordions-content.show {display: block;}
.accordions-header.active .accordions-icon {transform: rotate(45deg);}
.color-list-depart, .color-list-depart:hover{font-family: arial;font-size: 15px;font-weight: 500;color: #486d71;text-decoration: none;line-height: 0.9rem;}
.localization {display: flex;align-items: center;color: #7291a6;font-size: 12px;padding-bottom: 10px;}
.localization span {margin-right: 15px;}
.ttcoaching{color: #323232;font-size: 14px;letter-spacing: 0px;line-height: 21px;font-weight: 600;text-transform: uppercase;}
.bg-light{background-color: #eee;}
.m-t4 {padding:1.4rem 1rem;}
.emt-4{padding:1.4rem 1rem;}

/* ===================================
   Block image bas de page découverte métier
====================================== */
.line-img-decouvrir{display: grid;padding: 0px 5px 15px 0px;grid-gap: 2px 0px;grid-template-columns: 340px; margin-left:0px;}
.overlay-tik {position: absolute;top: 0;height: 100%;left: 0;background-color: rgba(8 8 8 / 80%);color: white;width: 40%;padding: 0 5px 0 10px;box-sizing: border-box;display: flex;flex-direction: column;align-items: flex-start;justify-content: flex-start;gap: 0px;}
.container-local {position: relative;overflow: hidden;width: 100%;} 
.image-local {display: block;width: 100%;height: auto;max-height: 400px;object-fit: cover;}
.overlay-tik-title {font-size: 0.4rem;margin: 0;color:#fff;padding: 0;letter-spacing: 0.1rem;}
.separator-line {height: 1px;background-color: white;width: 100%;margin: 0;padding: 0;line-height: 0;opacity: 0.6;}
.overlay-tik-subtitle {font-size: 0.6rem;margin: 10px 0 1px 0;color:#fff;letter-spacing: 2px;text-transform: uppercase;line-height: 11px;text-align: left;}
.overlay-tik-description {font-size: 0.5rem;margin: 0;opacity: 0.65;line-height: 1.42857;text-align: left;}
.overlay-tik-link {position: absolute;bottom: 0px;left: 10px; display: inline-flex;align-items: center;gap: 6px;text-decoration: none;color: #fff;font-weight: normal;font-size: 8px;transition: color 0.3s ease;}
.overlay-tik-link:hover {color: #ffd700;}
.arrow {font-size: 1.2rem;}
.titreaccorde {font-weight: normal;text-align: left;line-height: 22px;color: #666768;font-size: 0.8rem;font-family: arial;letter-spacing: 0rem;margin: 0rem 0 0 0rem;text-transform: none;}
.cal-btn-jdm{margin: 0 20px 50px 20px;}
.accroche-jdm{font-size:20px; padding:10px 0 10px 18px;line-height: 24px;text-align: justify;font-weight:700;}

/* ===================================
   Page Decouvrir des métiers
====================================== */
.desco-mt{text-align:left;margin: 0 18px;}
.grid-container {display: grid;grid-template-columns: 1fr;gap: 20px;max-width: 350px;margin: 30px auto;}
.job-card {display: flex;flex-direction: column;background-color: #fff;border-radius: 12px;overflow: hidden;text-decoration: none;color: inherit;box-shadow: 0 2px 8px rgba(0,0,0,0.1);transition: transform 0.2s ease;}
.job-card:hover {transform: translateY(-4px);}
.job-image {width: 100%;object-fit: cover;height: 200px;}
.job-content {width: 100%;display: flex;justify-content: space-between;align-items: center;padding: 16px;background-color: white;transition: background-color 0.3s ease;}
.job-card:hover .job-content {background-color: #e0e0e0;}
.job-title {font-size: 18px;font-weight: bold;}
.arrow {font-size: 20px;transition: transform 0.3s ease;}
.job-card:hover .arrow {transform: translateX(5px);}


/* ===================================
   Page Offre de Stage
====================================== */
h2.offer-stage{font-size: 17px;padding: 15% 0 0% 3%;line-height: 20px;text-align: left;font-weight: 700;letter-spacing: 1px;color:#000;text-transform: uppercase;}
.offer-stage-bas{font-size: 20px;padding: 10px 0 0 0;line-height: 20px;text-align: left;font-weight: 700;letter-spacing: 1px;color:#fff;text-transform: uppercase;}
.bloc-offre-stag{display: grid;padding: 0px 15px 10px 0px;grid-gap: 2px 30px;grid-template-columns: 330px;margin-left: 2%;}
.bloffstag{width:100%;margin-bottom:8%;border: 1px solid #00000030;border-radius: 16px;box-shadow: 0 1px 1px rgb(0 0 0 / 5%);}
.pull-left{grid-column: 1; /* aligne sur la 1ère colonne */font-size: 16px;color: #000;margin-top: 10px;align-self: start;text-align:left;}
.block-text-offer-stag{padding:5px 1px 25px 0px;}
.pull-left .icon {margin-left: 5px;}
.cal-btn-offre{margin: 20% 7% 15% 0%;align-items: center;text-align: center;}
.text-intro-offre{padding:5px 5px 25px 0px;text-align: justify;margin: 20px 28px 25px 10px;font-size: 16px;font-weight: normal;line-height: 24px;}
.text-intro-annuai-orient{padding:5px 5px 25px 0px;text-align: justify;margin: -10px 28px 25px 10px;font-size: 16px;font-weight: normal;line-height: 22px;}
.logo-offer-stage{display: grid;place-items: center;}
.image-logo{margin-top:35px;}
.intitule-offer-stage{font-size: 20px;text-align: center;margin: 50px 5px 3px 5px;font-weight: 700;line-height: 24px;color:#d3dce1;}
.nom-entrep-stage{font-size: 16px;font-weight: 600;line-height: 20px;text-align: center;color:#7291a6;margin: 20px auto;}
.duree-stage{font-size: 18px;font-weight: 600;line-height: 20px;text-align: center;margin: 5px auto;}
.text-offer-stage{font-size: 15px;font-weight: normal;line-height: 20px;text-align: justify;padding: 30px 5px 0 5px;}
.grid-child {display: grid;grid-template-rows: 100px 100px 50px 50px auto;gap: 5px;padding: 5px 0 25px 0;}

/* ===================================
   Style block exemple : communauté jeune
====================================== */
.bloffstag-link {display: block;width: 100%;height: 100%;}
.bloffstag {display: flex;flex-direction: column;justify-content: flex-start;width: 100%;height: 100%; border-radius: 15px;overflow: hidden;box-shadow: 0 4px 10px rgba(0,0,0,0.2);color: #fff;background-color: rgb(114 145 166);position: relative;transition: transform 0.3s ease, box-shadow 0.3s ease;}
.background-top {height: 100px;background-image: url('fond-stage.jpg');background-size: cover;background-position: center;transition: background-position 0.5s ease;}
.image-logo {width: 114px;height: 114px;border-radius: 50%;border: 2px solid #fff;position: absolute;top: 0px;left: 50%;transform: translateX(-50%);z-index: 2;transition: transform 0.3s ease;}
.content-frame {background: rgb(6 6 6);padding: 50px 20px 20px 20px;text-align: center;transition: background 0.3s ease, transform 0.3s ease;height: 100%;display: flex;flex-direction: column;justify-content: space-between;}
.content-framebis {background: rgb(255 255 255);padding: 50px 20px 20px 20px;text-align: center;transition: background 0.3s ease, transform 0.3s ease;height:100%;display: flex;flex-direction: column;justify-content: space-between;border-top: 5px dashed #4b5f6d;}
.bloffstag-link:hover .bloffstag {transform: translateY(-5px) scale(1.02);box-shadow: 0 8px 20px rgba(0,0,0,0.4);}
.bloffstag-link:hover .image-logo {transform: translateX(-50%) scale(1.2) rotate(-5deg);}
.bloffstag-link:hover .background-top {background-position: center top;}
.bloffstag-link:hover .content-frame {background: rgba(0,0,0,0.85);transform: translateY(-3px);}
.bloffstag-link:hover .content-framebis {background: rgba(210 219 224);transform: translateY(-3px);}
.animate-on-scroll {opacity: 0;transform: translateY(40px) scale(0.95);transition: all 0.6s ease-out;}
.animate-on-scroll.visible {opacity: 1;transform: translateY(0) scale(1);}
.bloffstag-container {display: grid;grid-template-columns: 1fr;gap: 50px;justify-items: stretch;align-items: stretch;width: 93%;margin: 0;}
.bottom-grid {margin-top: auto;display: grid;grid-template-columns: 1fr auto;gap: 10px;align-items: center;}
.bottom-grid img {width: 100%;height: auto;border-radius: 8px;object-fit: cover;}
.bottom-item {display: flex;align-items: center;gap: 8px;}
.bottom-item.left {justify-content: flex-start;}
.bottom-item.right {justify-content: flex-end;}
.bottom-item img {width: 32px;height: 32px;border-radius: 50%;object-fit: cover;border: 3px solid #ff6600;padding: 2px;background-color: #fff;}
.bottom-text {font-size: 11px;color: #fff;font-weight: normal;letter-spacing: 1px;}
.icon-circle {width: 32px;height: 32px;border-radius: 50%;border: 3px solid #fff;display: flex;align-items: center;justify-content: center;background-color: #000;color: #fff;font-size: 20px;}
.icon-circle svg {width: 20px;height: 20px;}

/* ===================================
   Style block bas de page avec image
====================================== */
.ligne-bas-page{display: grid;padding: 0px 1px 10px 0px;grid-gap: 2px 30px;grid-template-columns: 350px;margin-left: 5%;}
.col-line-gbasp{width:100%;}
.col-line-dbasp{width:100%;}

/* ===================================
   Style du compteur
====================================== */
.member-counter {font-size: 14px;font-weight: bold;text-align: center;padding: 2px;color: #2f5e7d;}
#count {color: #2f5e7d;font-size: 18px;}

/* ===================================
   Slider - Témoignage
====================================== */
* {box-sizing:border-box}

/* Slideshow container */
.slideshow-container {max-width:750px;position: relative;margin: auto;padding-left:23px;}
/* Hide the images by default */
.mySlides {display: none;}
/* Next & previous buttons */
.prev, .next {cursor: pointer;position: absolute;top: 50%;width: auto;margin-top: -22px;margin-left: -18px;padding: 16px;color: #607D8B;font-weight: bold;font-size: 18px;transition: 0.6s ease;border-radius: 0 3px 3px 0;user-select: none;}
/* Position the "next button" to the right */
.next {right: 0;border-radius: 3px 0 0 3px;}
/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {background-color: #ae9880;}
/* Caption text */
.text {color: #0b1028;font-size: 15px;padding: 8px 0 20px 0px;margin-left: -5px;line-height: 20px;position: relative;bottom: 8px;width: 98%;text-align: center;}
/* The dots/bullets/indicators */
.doti {cursor: pointer;margin: 0 2px;background-color: #3498db;color: white;border-radius: 50%;display: inline-block;transition: background-color 0.6s ease;width: 50px;height: 50px; border: none;text-align: center;font-size: 16px;font-weight: bold;cursor: pointer;line-height: 50px;}
.doti.active, .doti:hover {background-color: #717171;}
/* Fading animation */
.fade {animation-name: fade;animation-duration: 34.5s;}
@keyframes fade {from {opacity: .4}to {opacity: 1}}
.bloc-slide-temoign{display: grid;padding: 0px 5px;grid-gap: 2px 5px;grid-template-columns: 700px;margin-left: 0%;}
.bloc-slide-img{display: inline-block;width: 300px;}
.bloc-slide-text{font-weight: 700;line-height: 2px;text-align: left;margin: 50px 0 25px 0px;font-size: 16px;width: 350px;}


/* ===================================
   Modal - Page inscription
====================================== */
.modal {position: fixed;z-index: 1000;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);display: none;align-items: center;justify-content: center;}
.modal.active {display: flex; margin-left: 0px;}
.modal-content {background: white;padding: 5px;border-radius: 8px;margin-left: 2px;width: 335px;text-align: center;position: relative;transform: scale(0.8);opacity: 0;transition: transform 0.3s ease, opacity 0.3s ease;}
.bloc-goch-modal,.bloc-middle-modal,.bloc-drigh-modal {font-size: 0.9rem;padding: 10px;}
/* Quand le modal est actif, on ajuste son animation */
.modal.active .modal-content {transform: scale(1);opacity: 1;}
/* Bouton de fermeture */
.close {position: absolute;top: 10px;right: 15px;font-size: 20px;cursor: pointer;}
.open-modal{background-color: #111;color: #fff;border-radius: 10px;padding: 8px 52px 8px 10px;display: inline-flex;align-items: center;gap: 0px;text-decoration: none;cursor: pointer;transition: all 0.3s ease;text-transform: uppercase;font-size: 12px;letter-spacing: 1px;}
.open-modal:hover {color: #fff;}
.ouvrir-modal{background: #fff;color: #0b1028;font-size: 10px;border-radius: 8px;padding: 8px 0px 5px 10px;text-align: center;}
.open-modal2{background: #fff;color: #0b1028;font-size: 10px;border-radius: 8px;padding:8px 25px 5px 10px;}
.opening-modal {display: flex;align-items: center;  justify-content: center; gap: 8px; background-color: #7592a6;color: #000;border: none;border-radius: 10px;padding: 15px 5px 10px 5px;cursor: pointer;font-family: Arial, sans-serif;}
.opening-modal svg {width: 20px;height: 20px;flex-shrink: 0;transition: color 0.3s ease, background-color 0.3s ease;}
.opening-modal:hover {color: #950e04;}
.opening-modal .join-footer {text-transform: uppercase;font-size: 14px;font-weight: 700;color: inherit;pointer-events: none;line-height: 20px;}
.opening-modal svg {width: 30px;height: 30px;fill: currentColor;vertical-align: middle;}
/* Déroulement texte en savoir plus Modal */
.ligne-trois-cases-rgpd{display: grid;padding: 0px 5px;grid-gap: 2px 5px;grid-template-columns: 230px 150px 150px;}
.ligne-deux-cases-rgpd{display: grid;padding: 0px 5px;grid-gap: 2px 5px;grid-template-columns: 150px 150px;}
.tit-rgpd-sp{font-size:18px;font-weight: 700;}
.intitule-rgpd-sp{font-size:12px;font-weight: 700;margin: 15px 0 0 0;}
.scroll-container {width: 100%;height: 200px;overflow-y: auto;scrollbar-width: thin;}
.scroll-text {padding-bottom: 50px;}
.cacorgpd{vertical-align: middle;margin-top: -2px!important;margin-right: 15px!important;}
.accordionrgpd {width: 100%;margin: 0 auto;background-color: transparent;padding: 0%;}
.accordionrgpd-item {background-color: #fff;color: #486d71;margin: 1rem 0 25px 0;border-radius: 0.5rem;width:99%;box-shadow: 0 2px 5px 0 rgba(0,0,0,0.25);}
.accordionrgpd-item-header {padding: 0.5rem 2.5rem 0.5rem 1rem;min-height: 2rem;line-height: 1.5rem;font-weight: 500;display: flex;align-items: center;position: relative;cursor: pointer;font-size: 12px;}
.accordionrgpd-item-header::after {content: "\002B";font-size: 2rem;position: absolute;right: 1rem;}
.accordionrgpd-item-header.active::after {content: "\2212";color:#0b2a0d;}
.accordionrgpd-item-body {max-height: 0;overflow: hidden;transition: max-height 0.2s ease-out;}
.accordionrgpd-item-body-content {padding: 10px 10px 10px 16px;line-height: 1.1rem;border-top: 1px solid;border-image: linear-gradient(to right, transparent, #1a64b2, transparent) 1;font-family: Arial;font-size: 0.7rem;text-align: justify;color: #486d71;font-weight:500;}
.text-savplu-rgpd{padding: 10px 10px 10px 16px;line-height: 1.1rem;color: #486d71;font-size:13px;font-weight: normal;}
.intiproc-insc{color: #323232;font-weight: 700;font-size: 20px;letter-spacing: 1px;line-height: 30px;text-align: justify; margin: 1% 0 5% 0;}
.avatar-wrapper {width: 120px;height: 120px;}
.btn {width: 90%;}

/* ===================================
   Modal - Bandeau RGPD
====================================== */
#cookie-banner {position: fixed;bottom: 0;left: 50%;line-height: 18px;transform: translateX(-50%);width: 89%;max-width: 600px;background: rgba(0, 0, 0, 0.85);color: white;text-align: justify;padding: 20px 0 0 20px;border-radius: 10px;box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3);backdrop-filter: blur(8px);display: none;z-index: 1000;}
#cookie-banner p {margin: 0 0 15px;font-size: 14px;}
.cookie-buttons {display: flex;justify-content: left;gap: 10px;margin-top: 15px;}
/* Style des boutons */
button {padding: 10px 8px;border: none;border-radius: 5px;cursor: pointer;font-size: 14px;transition: 0.3s;}
#accept-cookies {background-color: #7291a6;color: white;text-transform: uppercase;}
#accept-cookies:hover {background-color: #c8d1f7;color: black;}
#reject-cookies {background-color: #d9534f;color: white;text-transform: uppercase;}
#reject-cookies:hover {background-color: #c9302c;}
#customize-cookies {background-color: #3498db;color: white;text-transform: uppercase;}
#customize-cookies:hover {background-color: #989595;}
/* Fenêtre modale */
#cookie-modal {display: none;position: fixed;top: 50%;height:97%;left: 49%;transform: translate(-50%, -50%);background: white;padding: 20px;width: 90%;max-width: 600px;border-radius: 10px;box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3);text-align: center;z-index: 2000;}
#cookie-modal h2 {margin-top: 0;font-size: 18px;padding-top: 5px;}
.cookie-options {text-align: left;margin: 15px 0;}
.cookie-options label {display: block;margin: 5px 0;}
/* Fond assombri derrière la modale */
#modal-overlay {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);z-index: 1500;}
/* Bouton de réouverture */
#open-banner-btn {position: fixed;bottom: 0px;left: -20px;background-color: unset;color: white;border: none;padding: 10px 15px;border-radius: 5px;cursor: pointer;font-size: 14px;transition: 0.3s;display: none;z-index: 1000;}
#open-banner-btn:hover {}
.bloc-pgpd{display: grid;padding: 0px 15px 10px 0px;grid-gap: 2px 3px;grid-template-columns: 300px;margin-left: 0%;}
.content-gauc{width:314px}
.cont-img-cookies{width:300px;margin: 15px;}
.save-para{background-color: #111111;color: #fff;border-radius: 10px 10px 10px 10px;padding: 10px 10px;width: 82%;text-transform: uppercase;margin-top:25px;}

/* ===================================
Page Search atelier
====================================== */
.bloc-recherche-atelier{background-color: #c8d1f7;padding:15px 0 15px 45px;margin-left:20px;}
.ligne-atelier-bleu-ter{display: grid;padding: 10px 5px 10px 0px;grid-gap: 2px 15px;grid-template-columns: 300px;}
.ligne-atelier-goch{width:100%;display: flex;justify-content: center;align-items: center;height: 8vh;color:#0b1028;font-weight: 700;font-size:16px;position: relative;display: inline-block;/* Stylisation du select */appearance: none; /* Supprime le style natif */padding: 12px 16px;border-radius: 8px;background-color: white;color: #333;cursor: pointer;transition: all 0.3s ease-in-out;}
.ligne-atelier-droite{width:100%;display: flex;justify-content: left;height: 8vh;color:#0b1028;font-weight: 700;font-size:16px;padding:0% 0%;}
.ligne-atelier-middle{width:100%;display: flex;justify-content: center;align-items: center;height: 8vh;color:#fefefe;font-weight: 700;font-size:16px;position: relative;display: inline-block;/* Stylisation du select */appearance: none; /* Supprime le style natif */padding: 12px 16px;font-size: 16px;border-radius: 8px;background-color: white;color: #333;cursor: pointer;transition: all 0.3s ease-in-out;}

/* ===================================
Page Search formation
====================================== */
.select2-container {box-sizing: border-box;display: inline-block;margin: 0;position: relative;vertical-align: middle;margin-bottom: 20px;margin-left:15px;width: 200px!important;font-weight: 500;font-size: 14px;}
.bloc-recherche-formation{background-color: #c8d1f7;padding:15px 0 15px 45px;margin:20px 0;}
.ligne-formation-bleu{display: grid;padding: 10px 5px 10px 0px;grid-gap: 20px 15px;grid-template-columns: 235px;}
.ligne-formation-goch{width:200px;display: flex;justify-content: center;align-items: center;height: 8vh;color:#0b1028;font-weight: 700;font-size:16px;position: relative;display: inline-block;/* Stylisation du select */appearance: none; /* Supprime le style natif */width: 100%;padding: 12px 16px;font-size: 16px;border-radius: 8px;background-color: white;color: #333;cursor: pointer;transition: all 0.3s ease-in-out;}
/* Effet au survol et focus */
.ligne-formation-goch select:hover,
.ligne-formation-goch select:focus {border-color: #4F46E5;box-shadow: 0 0 10px rgba(99, 102, 241, 0.4);outline: none;}
/* Ajout d'une flèche personnalisée */
.ligne-formation-goch::after {content: "";position: absolute;top: 68%;right: 10px;width: 30px;height: 50px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%236366F1'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-size: contain;background-repeat: no-repeat;transform: translateY(-50%);pointer-events: none;}
.ligne-formation-middle{width:200px;display: flex;justify-content: center;align-items: center;height: 8vh;color:#fefefe;font-weight: 700;font-size:16px;position: relative;display: inline-block;/* Stylisation du select */appearance: none; /* Supprime le style natif */width: 100%;padding: 12px 16px;font-size: 16px;border-radius: 8px;background-color: white;color: #333;cursor: pointer;transition: all 0.3s ease-in-out;}
/* Effet au survol et focus */
.ligne-formation-middle select:hover,
.ligne-formation-middle select:focus {border-color: #4F46E5;box-shadow: 0 0 10px rgba(99, 102, 241, 0.4);outline: none;}
/* Ajout d'une flèche personnalisée */
.ligne-formation-middle::after {content: "";position: absolute;top: 68%;right: 10px;width: 30px;height: 50px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%236366F1'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-size: contain;background-repeat: no-repeat;transform: translateY(-50%);pointer-events: none;}
.ligne-formation-droite{width:235px;display: flex;justify-content: left;height: 8vh;color:#0b1028;font-weight: 700;font-size:16px;padding:0% 0%;}
#search-form-topes {padding: 12px;width: 100%;background: #323232;color: white;height: 68px;text-transform: uppercase;font-size: 15px;margin-right: 0px;}
.select2-results__option {font-size: 12px;}

/* ===================================
   Page Visite guidée entreprise
====================================== */
.michel{position: relative;display: inline-block;width: fit-content; }
.michel img {display: block;width: 100%;height: auto;}
.text-michel{position: absolute;bottom: 6px;box-shadow: 0 4px 10px rgba(0,0,0,0.2);font-family: Arial, sans-serif;text-align: center;}  
.text-michel.gauche {left: 0px;border-top-right-radius: 12px;font-size:12px;background:#c80e66;color:#fff;padding: 5px 15px;}
.text-michel.droite {right: 0px;left: auto;background:#fff;color:#000;font-size:10px;padding: 5px 5px;border-top-left-radius: 12px;}
.size-michel{width:12px;height:12px;flex-shrink: 0; display: block;color: inherit;}
.txt-michel {display: flex;align-items: center;gap: 8px;}
.breizou {display: flex;flex-direction: column;}
.colonne-fixe {order: 1;position: relative;top: auto;width: 100%;padding: 0 20px 20px 0px;}
.layoutte {order: 2;}
.txtfixe {background: #fff;padding: 0px;margin-top: 0px;overflow-y: auto; max-height: calc(100vh - 160px);overflow-y: scroll;-ms-overflow-style: none;scrollbar-width: none;}
.bloc {background: #fff;margin-bottom: 15px;padding: 0 10px 0 0;border-radius: 6px;box-shadow: 0 2px 4px rgba(0,0,0,0.1);}
.txt-containeres {order: 2;width: 100%;}
.titre-visiteguider{font-size: 20px;letter-spacing: 2px;text-transform: uppercase;font-weight: 700;line-height: 24px;text-align: left;margin: 20px 0 0px 2px;}
.enveloppe-visitguid{margin: 3% 5% 0 6%;}
.titre-visiteguider{font-family: Arial, sans-serif;font-size:24px;font-weight:700;color:#466174;}
.colonne-rubrique {background: #49a3ea;color: #09193b;padding: 20px;border-radius: 8px;top: 100px;font-weight:700;}
.grappe-mt{font-size: 15px;font-weight: normal;line-height: 20px;text-align: justify;padding: 20px 0 0 10px;height: 100%;}
.titgrasent{font-size: 24px;font-weight:700;text-transform: uppercase;margin:10px 0 20px 0;}
.pttitvitg{font-size:17px;font-weight:700;text-transform: uppercase;margin:10px 0 20px 0;}
.intituvisitguid{font-size: 24px;font-weight:700;padding-left: 6.3%;padding: 20px 0 0 5px;}
.textvisitguid{font-size: 16px;font-weight:normal;padding-left: 6.3%;padding: 8px 0 0 5px;line-height: 22px;}
.bloque{background-color: #fff;margin-bottom: 15px;padding: 0 12px 0 0;}
.bloquebleu{background-color: #c8d1f7;color: #0b1028;margin-bottom: 15px;margin-right: 15px;padding: 0 12px 0 0;border-radius: 25px;margin-left: 5px;padding-bottom: 10px;}
.intituvisitguidbleu{font-size: 24px;font-weight:700;padding-left: 6.3%;padding: 20px 0 0 19px;}
.textvisitguidbleu{font-size: 16px;font-weight:normal;padding-left: 6.3%;padding: 8px 0 0 5px;line-height: 22px;}
.micro-taille{width:15px;height:15px;padding: 0 5px 0 0px;margin-left: 15px;}
.micro-moyen{width:22px;height:22px;margin: 10px 0 0 0;}
.rubrique-visit-guide{background-color: #c2e0e0;border-radius: 25px;}
.line-col-rubrique{display: grid;padding: 30px 25px;grid-gap: 2px 5px;grid-template-columns: 120px 120px 120px;margin:25px 0 25px 0;}
.txtsimplevisit{font-size: 16px;font-weight:normal;}
.line-tel-adres{display: grid;padding: 0px 5px;grid-gap: 2px 5px;grid-template-columns: 50px 50px;}
.line-label{display: grid;padding: 0px 5px;grid-gap: 2px 5px;grid-template-columns: 110px 110px;}
.taillelabel{width:95px; height:auto;}
.gaplabel{margin:0 0 30px 0;}
.minitexte{font-size: 12px;}
.bloffstag-visitguide {display: grid;grid-template-columns: 320px;gap: 50px 10px;justify-items: stretch;align-items: stretch;margin: 0 ;padding-left:0px;}
/* ========= Système btn complet =========== */
.container-complet {text-align: center;font-family: Arial, sans-serif;margin-left: 5px;padding: 5px 0 30px 0;text-align: left;}
.intitule-rose {background-color: #ff69b4;color: white;padding: 12px 24px;border-radius: 8px;font-size: 16px;display: inline-block;}
.formant {margin-top: 20px;clear: both;}
.formant input {width: 250px;padding: 10px;border: 1px solid #ccc;border-radius: 6px;margin-bottom: 12px;}
.btion-noir {background-color: #000;color: #fff;border: none;padding: 12px 24px;width: 95%;margin-right: 20px;border-radius: 8px;font-size: 16px;cursor: pointer;transition: background 0.3s;}
.btion-noir:hover {background-color: #333;}
.select-datevisit {width: 250px;padding: 10px;border: 1px solid #ccc;border-radius: 6px;margin-bottom: 12px;margin-left: 5px;}
.date-selectvisit{margin: 10px 0 0 5px;}
.pied-de-page-visitguid {display: grid; grid-template-columns: repeat(3, 1fr); gap: 35px 5px;padding: 50px 0 50px 5px;}
.vignette-pied-de-page-visitguid {width: 70px;height: 70px;margin-left: 20%;background-color: #2ec4b6;border-radius: 50%; display: flex;align-items: center;justify-content: center;transition: background 0.3s ease;}
.vignette-pied-de-page-visitguid img {width: 50px;height: 50px;transition: transform 0.3s ease;}
.vignette-pied-de-page-visitguid:hover img {animation: spin 0.6s linear infinite;}
@keyframes spin {from { transform: rotate(0deg); }to   { transform: rotate(360deg); }}
.mini-text-pied-de-page{font-size: 12px;font-weight:700;margin-left: 30%;line-height: 14px;margin-top: 10px;}
.lilasnini{width: 20px;margin-right: 8px;}
/* ========= Système de navigation col fixe =========== */
.line-col-right-visit{display: grid;padding: 30px 30px 5px 0;grid-gap: 2px 5px;grid-template-columns: 30px 30px 30px;justify-content: center;align-items: center;}
.line-col-right-visit div {cursor: pointer;padding: 6px;border-radius: 50%;transition: background 0.3s, color 0.3s;display: flex;justify-content: center;align-items: center;}
.line-col-right-visit svg {width: 24px;height: 24px; color: #333; transition: color 0.3s;}
.line-col-right-visit div:hover svg {color: orange;}
/* ========= Block bleu type de visite =========== */
.blocbleu {background-color: #007BFF;color: white;padding: 20px;border-radius: 10px;width: 320px;font-family: Arial, sans-serif;}
.onglets {display: flex;gap: 20px;margin-bottom: 15px;}
.onglets button {background: transparent;border: none;color: white;font-weight: bold;cursor: pointer;padding: 8px 12px;border-bottom: 2px solid transparent;transition: 0.3s;}
.onglets button.actif {border-bottom: 2px solid yellow;}
.contenu {display: none;background: rgba(255,255,255,0.1);padding: 15px;border-radius: 8px;}
.contenu.actif {display: block;}
/* ========= Slide simple Visite Guidée =========== */
.slidere {position: relative;width: 100%;max-width: 580px;aspect-ratio: 4 / 3;overflow: hidden;border-radius: 10px;margin: 0 auto;}
.slidere-container {display: flex;justify-content: center;align-items: center;gap: 15px;margin: 0px auto;}
.slides {display: flex;height: 100%;transition: transform 0.5s ease-in-out;will-change: transform;}
.boutnne {width: 40px;height: 40px;background: gray;color: white;font-size: 24px;font-weight: bold;border: none;border-radius: 6px;cursor: pointer;display: flex;justify-content: center;align-items: center;opacity: 0.8;transition: 0.3s;}
.boutnne:hover {opacity: 1;}
.boutnne.left {left: 10px;}
.boutnne.right {right: 10px;}
.fondblupale{background-color:#c2e0e0;border-radius: 25px;padding: 10px 20px;font-family: Arial, sans-serif;}
.textvisitguide {display: flex;gap: 15px;justify-content: flex-start;align-items: center;padding: 20px 0 0 5px;}
.slidea {flex: 0 0 100%;display: flex;align-items: center;justify-content: center;}
.slidea img {width: 100%;height: 100%;object-fit: cover;}
/* ========= Notation - Donnez votre avis =========== */
/* Ligne principale */
.avis-ligne-vote {display: flex;justify-content: space-between;align-items: center;width: 320px;margin: 30px 0 30px 0;font-family: Arial, sans-serif;}
.stars {color: gold;font-size: 14px;}
.avis-ligne-vote span {color: #007BFF;cursor: pointer;font-weight: bold;transition: 0.3s;}
.avis-ligne-vote span:hover {text-decoration: underline;}
/* MODAL */
.modalo {display: none;position: fixed;top: 0; left: 0; right: 0; bottom: 0;background: rgba(0,0,0,0.6);justify-content: center;align-items: center;z-index: 9999;}
.modalo-content {background: white;border-radius: 10px;padding: 20px;width: 330px;text-align: center;position: relative;}
.modalo-content h2 {margin-bottom: 15px;}
.rating-vote {display: flex;justify-content: center;gap: 10px;margin-bottom: 15px;font-size: 28px;cursor: pointer;}
.rating-vote .staring {color: #ccc;transition: color 0.3s;}
.rating-vote .staring.active {color: gold;}
.modalo input, .modalo textarea {width: 100%;margin: 8px 0;padding: 8px;border-radius: 6px;border: 1px solid #ccc;}
.modalo-buttons {margin-top: 15px;display: flex;justify-content: space-between;}
.modalo-buttons button {padding: 8px 15px;border: none;border-radius: 6px;cursor: pointer;font-weight: bold;}
.sending {background: #007BFF;color: white;}
.cancelling {background: #ccc;}
.titr-modalo{font-family: Arial, sans-serif;font-size: 17px;margin: 8px 0;font-weight: 700;}
/* ===================================
   Page process Inscription
====================================== */
.btn-inscription:disabled {background-color: #ccc;color: #666;cursor: not-allowed;opacity: 0.7;width:100%;font-size: 1rem;}
.btn-inscription {position: relative;text-transform: uppercase;overflow: hidden;color: white;background-color: #09193b;padding: 0.69em 0.5em;border: none;border-radius: 8px;cursor: pointer;font-size: 1rem;transition: background-color 0.3s ease;display: inline-block;text-align: center;text-decoration: none;font-weight: 700;width:100%;}
.btn-inscription::before {content: "";position: absolute;top: 0;left: -75%;width: 50%;height: 100%;background: rgba(255, 255, 255, 0.3);transform: skewX(-20deg);transition: all 0.5s ease;}
.btn-inscription:hover {color: white; }
.btn-inscription:hover::before {left: 125%;}
.tm1{margin-left: 1.1em;}
.button-groupie{display: grid;place-items: center;}
.ptb-sm-inscrip {padding-top: 25%;padding-bottom: 10px;margin-left:5%;}
.bloc-modal-trois-entrer {grid-template-columns: 330px;gap: 20px;justify-content: center;width: 100%;margin-left: 1%;}
.bloc-goch-modal,.bloc-middle-modal,.bloc-drigh-modal {flex: 0 0 90%;max-width: 90%;min-width: auto;margin: 10px 0 20px 12px;border-radius: 8px;transition: all 0.3s ease;box-shadow: 0 3px 10px rgba(0,0,0,0.1);transform: translateY(0);cursor: pointer;}
.bloc-middle-modal{background: #7994a7;backdrop-filter: blur(10px);border: 1px solid rgba(255,255,255,0.3);box-shadow: 0 5px 20px rgba(0,0,0,0.15);transition: all 0.3s ease;}
.bloc-goch-modal,.bloc-drigh-modal {background: rgb(200 209 247);backdrop-filter: blur(10px);border: 1px solid rgba(255,255,255,0.3);box-shadow: 0 5px 20px rgba(0,0,0,0.15);transition: all 0.3s ease;}
.bloc-goch-modal:hover,.bloc-middle-modal:hover,.bloc-drigh-modal:hover {transform: translateY(-5px);backdrop-filter: blur(15px);box-shadow: 0 8px 30px rgba(0,0,0,0.2);}
.bloc-goch-modal a,.bloc-middle-modal a,.bloc-drigh-modal a {display: block;font-weight: 700;margin-bottom: 8px;text-decoration: none;}
.text-parti-insc-popup,.text-pro-insc-popup,.text-conseil-insc-popup {position: static; padding: 0 15px;color:#152c3d;margin: 0;font-size: 13px;line-height: 1.2;text-align: justify;width: 100%;flex: 0 1 auto;}  
a.blc-link-insc{font-weight:700;font-size:15px; color:#fff;line-height: 17px;padding:5px 0 5px 0;align-items: center;text-align:center;}
a.blc-link-insc:hover{font-weight:700;font-size:15px; color:#950e04;line-height: 17px;padding:5px 0 5px 0;align-items: center;text-align:center;}
a.menu-lien-g-modal{font-weight:700;font-size:15px; color:#000;line-height: 17px;align-items: center;text-align:center;padding:5px 0 5px 0;}
a.menu-lien-g-modal:hover{font-weight:700;font-size:15px; color:#950e04;line-height: 17px;align-items: center;text-align:center;padding:5px 0 5px 0;}
.grostitre-insc{font-size: 19px;font-weight: 700;color:#000;text-transform: uppercase;letter-spacing: 1px;line-height: 20px;text-align: center;margin: 15% 0 6% 0;}
.gapinscript{display: grid;padding: 0px 5px;grid-gap: 2px 5px;grid-template-columns: 350px;margin-left: 0%;}
.esp-vign-inscrip{width:100%;margin-bottom: 25px;}
.bloc-inscripv2{display: grid;padding: 0px 5px;grid-gap: 2px 5px;grid-template-columns:350px;margin-left: 0%;}
.titrinscripv2{color: #323232;font-weight: 700;font-size: 20px;letter-spacing: 0px;line-height: 25px;text-align: justify;}		
.presinscripv2{color: #09193b;font-weight: 500;font-size: 16px;letter-spacing: 2px;line-height: 19px;text-align: justify;margin: 25px 0 30px 0;}
.presinscripv3{color: #09193b;font-weight: 500;font-size: 19px;letter-spacing: 2px;line-height: 12px;text-align: left;margin: 0px 0 45px 0;}
.presinscripv4{color: #09193b;font-weight: 500;font-size: 19px;letter-spacing: 2px;line-height: 20px;text-align: left;margin: 0px 0 45px 0;}
.bloc-4img{display: grid;padding: 0px 15px 0px 0px;grid-gap: 0px 0px;grid-template-columns: 320px;margin-bottom: 25px;}
.box{display: inline-block;font-weight: 700;background-image: url(../images/souligne_filet_jaune.png);background-position: bottom;background-repeat: repeat-x;}
.boxbleu{display: inline-block;font-weight: 700;background-image: url(../images/souligne_filet_bleu.png);background-position: bottom;background-repeat: repeat-x;}
.deroulev2{margin:5% auto;}
.btn-inscripv2{width: auto;max-width: 100%;border-radius: 1rem;display: inline-flex;flex-direction: row;background-color: #09193b;color: #fff;line-height: 1.5rem;justify-content: center;min-height: 2rem;box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;font-weight: 700;height: auto;padding: 20px 20px 20px 20px;font-size: clamp(22px, 2vw, 18px); /* Ajuste la taille du texte selon l'écran */transition: all 0.3s ease-in-out;}
.cal-btn-inscripv2{margin-top:25px; padding-right: 0px; text-align: center;}
.cardev2[data-format="horizontal-s-fluid desktop-square"]{height:190px;width:190px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.cardev2{display:-webkit-box;display:-ms-flexbox;display:flex;cursor:pointer;overflow:hidden;border-radius:8px;-webkit-box-shadow:0 0 10px rgba(0,0,0,.1);box-shadow:0 0 10px rgba(0,0,0,.1);-webkit-transition:-webkit-transform .3s cubic-bezier(.16,1,.99,.99);transition:-webkit-transform .3s cubic-bezier(.16,1,.99,.99);-o-transition:transform cubic-bezier(.16,1,.99,.99) .3s;transition:transform .3s cubic-bezier(.16,1,.99,.99);transition:transform .3s cubic-bezier(.16,1,.99,.99),-webkit-transform .3s cubic-bezier(.16,1,.99,.99)}@supports not (width:clamp(1px,1vw,2px)){.cardv2{overflow:unset}}@supports (width:clamp(1px,1vw,2px)){.cardev2:hover{-webkit-transform:scale(1.03);-ms-transform:scale(1.03);transform:scale(1.03);-webkit-box-shadow:0 0 20px rgba(0,0,0,.2);box-shadow:0 0 20px rgba(0,0,0,.2)}
.cardev2:focus{outline:2px auto #666;-webkit-box-shadow:0 0 10px rgba(0,0,0,.1);box-shadow:0 0 10px rgba(0,0,0,.1)}
.cardev2[data-format="horizontal-s-fluid desktop-square"]{width:310px; height:380px;font-weight: 700;font-size:18px;padding: 25px 0 0 20px;box-shadow:1px 1px 1px 3px rgba(0, 0, 255, .1)}}
.posiBv2{margin: 52px auto;width: 100%;margin-left: 0%;padding-left: 0;}
.posiBv2-droit{margin: 15% 0 20% 5%;width: 92%;}
.btnlinkedin{align-items: center;background-color: #fff;border-radius: 8px;display: flex;font-size: 14px;height: 48px;justify-content: center;padding: 0 0%;text-decoration: none;}
.LinkedinButton{color: #454845;padding: 0 10px;font-size: 10px;letter-spacing: 0px;}
.conectinscripv2{color: #ff3460;margin-left: 4px;}
.separatv2{align-items: center;color: #a3a3a5;display: flex;font-family: Lexend, sans-serif;font-size: 0.8rem;font-weight: 400;justify-content: center;letter-spacing: .4px;margin: 24px auto;width: 50%;}
.compinscripv2{display: flex;font-size: 12px;justify-content: center;margin-top: 30px;}
.btn-inscriprov2{padding: 6% 5%;width: 100%;margin: 0px 0px 5px 0;border-radius: 1rem;display: inline-flex;flex-direction: row;background-color: #7592a6;color: #0b1028;font-size:14px;line-height: 1.1rem;justify-content: center;box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;font-weight: 700;}
.btn-inscripcoachv2{padding: 2.5% 8%;width: 100%;border-radius: 1rem;display: inline-flex;flex-direction: row;background-color: #7592a6;color: #0b1028;font-size:14px;line-height: 1.1rem;justify-content: center;box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;font-weight: 700;}	
.content_inscripiton{padding: 25px 10px 25px 20px; background: #f9f9f9;}
.progress {margin-bottom: 50px;width: 100%;}
.step {display: none;}
.step.active {display: block;}
.radio-group {display: flex;flex-direction: column;align-items: center;justify-content: space-between; border: 1px solid #ccc;padding: 15px;border-radius: 5px;cursor: pointer;transition: background-color 0.3s ease;text-align: center;flex: 1; min-height: 215px;}
.radio-group:hover {transform: scale(1.03); background-color: #f0f0f0;}
.radio-group label {font-weight: bold;margin-bottom: 0px;cursor: pointer;font-size: 14px;min-height: 0px;line-height: 15px;}
.radio-group input[type="radio"] {display: none;}
.radio-group input[type="radio"]:checked + label {color: #e6ae49;}
.radio-group.selected {border: 2px solid #007bff;background-color: #f0f8ff;transform: scale(1.05);transition: all 0.3s ease;}
.radio-group.selected span {color: #007bff;}
.radio-group:hover {background-color: #f5f5f5;}
.image-text-container {display: flex;align-items: center; gap: 15px;padding: 15px;background: aliceblue;}
.image-text-container img {width: 50px;height: 50px;border-radius: 50%;border: 3px solid green;padding: 5px;object-fit: cover;}
.image-text-container p {margin: 0;flex-grow: 1;}
.image-preview {max-width: 100%;height: auto;display: none;}
.crop-container {width: 100%;max-width: 500px;margin: 20px auto;}
.controls {margin-top: 20px;text-align: center;}
.controls button {margin: 5px;}
.btn-inscripv2 i {padding-left: 15px;margin-top: 5px;}
.error{color: black;}label#chk_cgv-error {color: red;}
label#chk_cgv-error {color: red;}
.posit-img-pub{display: flex;justify-content: center;}
.btn-inscrifootv2{padding: 10% 4%;width: 95%;border-radius: 1rem;display: inline-flex;flex-direction: row;background-color: #7592a6;color: #0b1028;font-size:12px;line-height: 0.9rem;justify-content: center;box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;font-weight: bolder;text-transform: uppercase;}
.hidden-btn{background-color: unset; display: none!important;}
.texte-majo-numer{padding: 15px; margin-bottom:25px; background: antiquewhite; font-size: 12px; color:black;line-height: 1.3rem;text-align: justify;font-weight: normal;}
.form-check{font-size: 8px;font-weight: 500;line-height: 8px;text-align: justify;display: flex;flex-wrap: wrap;align-items: center; /* Centre verticalement */gap: 7px 4px; /* Espacement entre la case et le texte */}
.alert-info {color: #382828;background-color: #f2dede;border-color: #ebccd1;padding: 10px;margin-bottom: 20px;border: 1px solid transparent;border-radius: 4px;gap: 10px;margin-left: 20px;font-size: 8.5px;}
.alert-icon {display: inline-block;width: 25px;height: 25px;background-color: #fcb1ae; border-radius: 50%;text-align: center;vertical-align: middle;margin-right: 5px;}
.alert-icon i {font-size: 15px;color: #fff;line-height: 25px;}
.check-radio{font-size: 15px;font-weight: 500;line-height: 16px;text-align: justify;display: flex;flex-wrap: nowrap;align-items: center;gap: 5px 4px;}
.check-radio {display: flex;align-items: center;gap: 8px;margin-bottom: 0px;}
.check-radio-input[type="radio"] {width: 14px;height: 14px;cursor: pointer;margin-bottom: 0px;accent-color: #7291a6; transition: transform 0.2s ease, box-shadow 0.2s ease;}
.check-radio-input:focus {box-shadow: 0 0 0 4px rgba(0, 123, 255, 0.25);}
.check-radio-input:active {transform: scale(0.9);}
.check-radio-label {cursor: pointer;font-weight: 500;color: #333;transition: color 0.2s ease;}
.check-radio-input:checked + .check-radio-label {color: #7291a6;}
.petitsmallinscript{background-color: #dcd2d2;padding: 15px 25px;margin-bottom: 55px;color: #5e6468;font-size: 12px;line-height: 20px;}
.form-checke label.accept{color: #323232;font-size: 12px;margin-bottom: 10px;padding-right: 10px;margin-top: 6px;font-weight: 500;font-family: 'Raleway', sans-serif;}
.check-radio-group {display: flex;gap: 20px;align-items: center;margin: 0 0 0px 20px;}
.form-labelle{margin: 0px 0px 0px 20px;line-height: 15px;}
.toto{margin-bottom: 3rem!important;}
.intitu-titre-page{margin:20px 18px 20px 18px;}
.divider.is-lg { font-size: 0.6rem;   --gap: 1rem;  --line-thickness: 2px; }
.divider::before,
.divider::after {content: "";flex: 1 1 0;border-top: 2px solid #c3c3c3;min-width: 1rem;}
.divider {display: flex;align-items: center;gap: 1rem;width: 50%;margin: 0 auto;color: #999;letter-spacing: 0.08em;text-transform: uppercase;font-weight: 600;font-size: 0.85rem;}
.divider > span {display: inline-block;padding: 0.25rem 0.6rem;background: #ffffff;border-radius: 999px;line-height: 1.1;white-space: nowrap;}
.carre {display:inline-grid;place-items:center;width:28px;  aspect-ratio:1;  border:2px solid #222;box-sizing:border-box;text-decoration:none;font-size:16px;line-height:1; font-weight:700;margin: 8px 0 0 -20px;}
.dimstep2{width: 111%;margin-left: 2px;margin-bottom: 10%;}
.input-envelop {position: relative;display: flex;align-items: center;}
.input-envelop i {position: absolute;left: 5px;top: 52px;color: #888;pointer-events: none;}
.input-envelop input {width: 100%;padding-left: 35px;}
input[type="email"] {border: 1px solid #ddd;border-radius: 0px;color: #888;font-weight: 400;font-size: 15px;padding: 10px 15px 10px 50px; margin-bottom:20px;width:100%;} 
input[type="password"] {border: 1px solid #ddd;border-radius: 0px;color: #888;font-weight: 400;font-size: 15px;padding: 10px 15px 10px 50px;margin-bottom:18px;width:100%;}
input[type="text"] {border: 1px solid #ddd;border-radius: 0px;color: #888;font-weight: 400;font-size: 15px;padding: 10px 15px 10px 10px;margin-bottom:20px;width:100%;}
.form-control.is-invalid, .was-validated .form-control:invalid,  .form-control, .form-control:hover, .form-control.is-invalid:focus
{border-color: #888;box-shadow: 0 0 0 .25rem rgba(108, 117, 125, .25);background-image: none;background-color: transparent;padding: 10px 15px 10px 10px;font-size: 15px;width: 100%;}
.form-checke {display: flex;align-items: flex-start;gap: 8px;font-size: 12px;font-weight: 500;line-height: 16px;text-align: justify;margin-left: 10px;}
.champ-email{border-color: #888;box-shadow: 0 0 0 .25rem rgba(108, 117, 125, .25);background-image: none;background-color: #c0bdbd;padding: 10px 40px;font-size: 15px;width: 100%;}
.champ-mail, .champ-mail:hover {border-color: #888;box-shadow: 0 0 0 .25rem rgba(108, 117, 125, .25);background-image: none;background-color:  transparent;padding: 10px 10px 10px 35px;font-size: 15px;margin: 0px}
.champ-mdp.is-invalid, .was-validated .champ-mdp:invalid, .champ-mdp, .champ-mdp:hover, .champ-mdp.is-invalid:focus
{border-color: #888;box-shadow: 0 0 0 .25rem rgba(108, 117, 125, .25);background-image: none;background-color: transparent;padding: 10px 15px 10px 10px;font-size: 15px;width: 100%;display: block;color: #888;}
.mdp-habit{font-size:12px; font-style: italic;color:#444b68;}
.color-bul-mdp{margin-top:55px;background-color: #c8d1f7;padding: 10px 20px 1px 20px;width: 100%;margin: 5px 0 50px 0px;}
.invalid-feedback {display: flex;}
.form-text-container {display: flex;flex-direction: column;}
.align-btn{display: grid;padding: 0px 0px 5px 0px;grid-gap: 2px 0px;grid-template-columns: 160px 160px;margin: 0 0 0 0px;}
.btn-ali-g{width:100%;}
.btn-ali-d{width:100%;}
.align-numerique{display: grid;padding: 0px 5px 5px 0px;grid-gap: 2px 5px;grid-template-columns: 160px 180px;margin: 0 0 0 0;}
.align-numeriqueambassadeur{display: grid;padding: 30px 5px 5px 0px;grid-gap: 2px 5px;grid-template-columns: 150px 170px;margin: 0 0 0px 0;}
.align-iscrip-profil{display: grid;padding: 0px 5px 5px 0px;grid-gap: 30px 2px;grid-template-columns: 160px 160px;margin: 0 0 0 0%;}
.btn-alinumerique-g{width:100%;}
.btn-alinumerique-d{width:100%;}
.btn-secondary{text-transform: uppercase;font-weight: 700;font-size: 0.955rem;padding: 10px 1px;}
.spacer-inscript{margin:30px 0 5px 0;}
.mb-40{margin-bottom: 2.5rem;}
.mb-3 {margin-bottom: 0.1rem}
/* petit compteur visuel */
#nombrerdv-habit-unique { display:flex; flex-direction:column; align-items:center; gap:10px; }
.tonne { font-size: 20px; margin: 25px; }
.nombrerdv { display:flex; align-items:center; gap:14px; padding:10px 16px; background:#f8f9fa; border-radius:18px; }
.btonne { width:40px; height:40px; border-radius:50%; border:none; font-size:20px; cursor:pointer; background:#7291a6; color:#fff; }
.count { min-width:52px; text-align:center; font-size:20px; font-weight:700; }
.btn-alinumerique-count{text-align: center;margin: 25px;}
/* CSS preload img */
.profile-upload {text-align: center;margin-bottom: 10px;}
/* Avatar container */
.avatar-wrapper {position: relative;width: 180px;height: 180px;border-radius: 50%;overflow: hidden;border: 3px solid #ddd;margin: 0 auto;margin-bottom: 25px;}
/* Photo de profil */
.profile-pic {width: 100%;height: 100%;object-fit: cover;border-radius: 50%;display: block;position: relative;z-index: 1;}
/* Icône appareil photo */
.upload-button {position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: 50%;background: rgba(114, 145, 166, 1);border: none;cursor: pointer;display: flex;justify-content: center;align-items: center;z-index: 2;}
.upload-button svg {width: 30px;height: 30px;color: #fff;}
.upload-button:hover {background: #0056b3;}
.avatar-wrapper:hover .upload-button {opacity: 1;}
/* Input caché */
.file-upload {display: none;}	
.select-btn, .continue-btn {font-size: 0.85rem;margin: 10px;padding: 8px 15px;border: none;border-radius: 5px;cursor: pointer;color: #c8d1f7;background-color: #09193b;}
.img-container {position: relative;width: 200px; height: 200px;margin: 0 auto;border-radius: 50%;overflow: hidden;background: repeating-conic-gradient(#ccc 0% 25%,transparent 0% 50%) 0 / 20px 20px;display: flex;justify-content: center;align-items: center;}  
.img-container img {max-width: 100%;max-height: 100%;object-fit: cover;}
/* Styles pour le modal fallback - avec préfixe pour éviter les conflits */
.jts-modal {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.5);z-index: 1055;overflow: hidden;}  
.jts-modal.show {display: block;}    
.jts-modal-dialog {position: relative;width: auto;margin: 0.5rem;pointer-events: none;display: flex;justify-content: center;align-items: center;}  
.jts-modal-dialog-centered {display: flex;align-items: center;justify-content: center;min-height: calc(100% - 1rem);}   
.jts-modal-body {width: 240px;padding: 1rem;margin-top: -80px;border-radius: 50%;overflow: hidden;background: repeating-conic-gradient(#ccc 0% 10%,transparent 0% 50%) 0 / 20px 20px;}
.jts-modal-content {position: relative;width: 300px;height: 300px;border-radius: 50%;overflow: hidden;display: flex;flex-direction: column;justify-content: center;align-items: center;background-color: #fff;box-shadow: 0 0.5rem 1rem rgba(0,0,0,.5);pointer-events: auto;border: 3px solid #ddd;}
.jts-modal-header {display: flex;align-items: center;justify-content: space-between;padding: 1rem;border-bottom: 1px solid #dee2e6;} 
.jts-modal-title {font-size: 0.7rem;margin: 20px 0 0 5px;font-weight: 600;z-index: 10;}  
.jts-btn-close {width: 25px;height: 25px;z-index: 10;border-radius: 50%;border: none;background: #2196F3;cursor: pointer;display: flex;align-items: center;justify-content: center;margin-left: 0.5rem;margin-top: 20px;transition: background 0.3s;}
.cropper-modal {background-color: transparent;opacity: .5;}
.jts-btn-close:hover {background: #999;}
.jts-btn-close::before {content: "×"; /* croix */font-size: 20px;font-weight: bold;color: #040c3c;line-height: 1;}
.jts-modal-open {overflow: hidden;} 
/* S'assurer que le modal est visible */
.jts-modal-backdrop {z-index: 1040;}
.jts-modal-backdrop.show {opacity: 0.5;}
/* Ajout de styles pour assurer la visibilité du modal */
.jts-modal.faden {opacity: 1;transition: none;}  
.jts-modal.show .jts-modal-dialog {transform: none;}  
/* Loader styles */
.loader-overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);display: none;justify-content: center;align-items: center;z-index: 9999;}
.loader {border: 5px solid #f3f3f3;border-top: 5px solid #3498db;border-radius: 50%;width: 50px;height: 50px;animation: spin 1s linear infinite;}
@keyframes spin {0% { transform: rotate(0deg); }100% { transform: rotate(360deg); }}

/* ===================================
   Vibes - vidéos
====================================== */
.bloc-deux-colonne-vibes{display: grid;padding: 0px 5px 35px 0px;grid-gap: 2px 5px;grid-template-columns: 340px;margin-left: 5.7%;}
.bloc-goch-vibes{width:100%;}
.bloc-droit-vibes{width:100%;}
.globe{width:100%;max-width:var(--container);}
.hero{display:grid;grid-template-columns:350px;gap:32px;align-items:center;margin:32px 0 32px 0px;}
 /*.kicker{display:inline-block;background:linear-gradient(90deg, rgba(40,110,240,0.12), rgba(255,159,67,0.08));color:var(--accent);padding:8px 12px;border-radius:999px;font-weight:600;font-size:13px;margin-bottom:12px;} */
h1.vibes, h2.vibes{font-size:30px;margin:0 0 12px 10px;line-height:1.02;font-weight:800;letter-spacing:-0.02em;text-align: left;}
/* Visual placeholders (abstract graphics) */
.art{display: none;}
.art svg{max-width:100%;height:100%}
.img-vibes{height: auto;max-width: 100%;border: none;}
/* Card sections */
.section-card{background:var(--card);border-radius:var(--radius);padding:28px 0 28px 0;display:grid;grid-template-columns: 340px;gap:20px;align-items:center;box-shadow: 0 6px 20px rgba(15,23,36,0.04);margin:0px 0 0px 0px;}
.section-card.alt{grid-template-columns:340px;text-align: right;margin:50px 0 0px 0px;}
.section-card.alt h2.vibes {text-align: left;margin-bottom: 8px;margin:60px 0 10px 10px;font-size:30px;line-height:1.02;font-weight:800;letter-spacing:-0.02em;}
.section-card.alt p {text-align: right;}
.section-card:hover {transform: translateY(-4px);box-shadow: 0 10px 24px rgba(15,23,36,0.10);transition: all 0.25s ease;}
.section-card {transition: all 0.25s ease;}
.media-card{display:grid;grid-template-columns: 1fr;gap:20px;align-items:center;padding:20px 0 20px 0;border-radius:12px;background: linear-gradient(180deg, rgba(40,110,240,0.04), rgba(255,159,67,0.03));width:100%;}
.grid-2{display:grid;grid-template-columns:1fr;gap:0px;margin-bottom:18px;margin-top:12px;}
.feature{background:var(--card);padding:20px;border-radius:12px;box-shadow:0 6px 18px rgba(15,23,36,0.03);text-align: left;}
h3.inti-vibes-bas{margin-top:0;margin-bottom:8px;font-size:16px;font-weight:700;} 
.btn{padding:12px 18px;border-radius:10px;border:0;cursor:pointer;font-weight:600;}
.textvibes{text-align:justify;margin: 9px 20px 30px 10px;font-size: 16px;font-weight: normal;line-height: 24px;}
.btn-pack-vibes {position: relative;margin-top: 15px;text-transform: uppercase;overflow: hidden;color: white;background-color: #286ef0;padding: 0.75em 1.5em;border: none;border-radius: 8px;cursor: pointer;font-size: 1rem;transition: background-color 0.3s ease;display: inline-block;text-align: center;text-decoration: none;font-weight: 700;box-shadow:0 8px 24px rgba(40,110,240,0.18);width:100%;}
.btn-pack-vibes::before {content: "";position: absolute;top: 0;left: -75%;width: 50%;height: 100%;background: rgba(255, 255, 255, 0.3);transform: skewX(-20deg);transition: all 0.5s ease;}
.btn-pack-vibes:hover {color: white; }
.btn-pack-vibes:hover::before {left: 125%;}
.cal-vibes-bnt{display:flex;gap:10px;align-items:center;margin:8px 10px 50px 15px;flex-wrap:wrap;}
.section-card.alt .cal-vibes-img, .section-card.alt .media-card{order: 2;}

/* ===================================
   RSE - Marques employeurs
====================================== */
h2.rse {font-size:38px;margin:20px 0 12px 3px;line-height:1.02;font-weight:800;letter-spacing:-0.02em;text-align: left;}
h3.rse {font-size:27px;margin:20px 0 12px 0px;line-height:1.02;font-weight:800;letter-spacing:-0.02em;text-align: left;}
.introrse {margin:32px 0 32px 0px;flex-direction: column;text-align: center;}
.caltext-rse {width: 100%;margin: 50px 0px;}
.visuel-rse {width: 80%;margin: 1rem auto 0;}
.ctarse {text-align: left;margin:10% 0 10% 0px;}
.sac-rse {display: flex;flex-direction: column;align-items: center;justify-content: space-between;background: white;border-radius: 15px;margin: 2rem 0;box-shadow: 0 4px 10px rgba(0,0,0,0.1);overflow: hidden;transition: all 0.3s ease;}
.sac-rse:hover {transform: translateY(-8px);box-shadow: 0 8px 20px rgba(0, 119, 182, 0.25);}
.sac-rse img {width: 45%;object-fit: cover;height: 300px;}
.sac-rse .texte {width: 100%;padding: 2rem;}
.sac-rse:nth-child(even) {flex-direction: column;}
.enveloppe-rse{margin: 3% 5% 0 10%;}
 
/* ===================================
   Bloc footer
====================================== */
.bloc-footer{display: grid;padding: 0px 5px 5px 0px;grid-gap: 2px 5px;grid-template-columns: 100%;margin: -16% 0 0 0;}
.bloc-footer-middle{display: grid;padding: 0px 5px 5px 0px;grid-gap: 2px 5px;grid-template-columns: 100%;margin-left: 13%;}
.btn-foot-communaute{padding: 3% 0%;margin: 0 0% 10% 9%;width: 82%;border-radius: 1rem;display: inline-flex;flex-direction: row;background-color: #7592a6;color: #0b1028;font-size:14px;line-height: 1.1rem;justify-content: center;box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;font-weight: 700;}
.bloc-haut-d{display: grid;padding: 15px 5px;grid-gap: 2px 5px;grid-template-columns: 248px 70px;margin-left: 12%;}
.bloc-footer-bas{display: grid;padding: 0px 5px ;grid-gap: 2px 5px;grid-template-columns: 100%;margin-left: 12%;}
.bloc-haut-g{display: grid;padding: 0px 5px;grid-gap: 2px 5px;grid-template-columns: 70px 287px;margin-left: -2%;}
.bloc-haut-c{display: grid;padding: 0px 5px;grid-gap: 2px 5px;grid-template-columns: 70px 282px;margin-left: 0%;}
.text-s-baselifoot{font-size: 11px;line-height: 1rem;margin: 6px 0 25px -14px;font-weight: normal;}
.footer hr {height: 1px;margin: 5% 2% 0% 14%;color: #69708f;background-color: #69708f;border: 0;}
.footerv2 hr {height: 1px;margin: 5% 2% 0% 14%;color: #69708f;background-color: #69708f;border: 0;}
.posi-btn-footm{margin: 39px 0 0 -15px;}
.gras-tit-foot-d{font-size: 15px;font-weight: 700;margin-left: 15px;}
.jobfooter {font-size: 21px;font-weight: bold;margin-top: -9px;margin-left: -8px!important;color: #000;}
.texteavis {margin-left: -15px;line-height: 8px;font-size: 12px;}
.tit-footer {color: #323232;text-transform: uppercase;font-family: 'Raleway', sans-serif;font-weight: 700;margin-top: 30px;margin-bottom: 2px;font-size: 12px;letter-spacing: 1px;line-height: 12px;text-align: left;}
.serretextfoot{line-height: 17px;}
.footer-logo {max-width: 100%;display: inline-block;width: 100%;margin-left:7px;}
.footer {background-color: #c8d1f7;color: #0b1028;width: 100%;display: block;}
.footerv2 {background-color: #c8d1f7;color: #0b1028;width: 100%;display: block;}
.copyright{padding-top:10px; padding-bottom:10px;text-align: center;}
.jobfooter {font-size: 21px;font-weight: bold;padding-top: 20px;margin-left: 8px;color: #000;}
.tofooter {font-size: 21px;font-weight: bold;color: #666;position: relative;left: 0px;}
.tosee {position: absolute;left: 11.3%;}
.to {font-size: 20px;font-weight: bold;color: #fff;position: absolute;}
.metier_footer{font-size: 9px;margin: -4px 0 12px -7px;line-height: 8px;font-weight: normal;}
.gap-logo-footer{margin-top: 1px;display: block;}
.nuit{width: 35px;height: 35px;margin-left: 0px;}
.jour{width: 30px;height: 30px;}
.open-modali{background-color: #7592a6;color: #0b1028;font-size: 10px;border-radius: 8px;padding:8px 10px 5px 10px;display: flex;align-items: center;justify-content: center;}
a.join-footer{font-size: 17px;font-weight: 700;font-family:arial;text-transform: lowercase;padding-left: 10px;line-height: 18px;}
a.join-footer:hover{color: #950e04;}
a.join-footerbas{font-size: 16px;font-weight: 700;line-height: 1.2rem;font-family:arial;text-transform: uppercase;padding-left: 0px;color:#323232;}
a.join-footerbas:hover{color: #950e04;font-family:arial;text-transform: uppercase;padding-left: 0px;}
a.liefot{font-size: 13px;font-weight: 400;padding-left: 0px;color:#3c3434;font-family: 'Raleway', sans-serif;letter-spacing: 1px;}
a.liefot:hover{color: #950e04;}
a.texteavis{font-size: 13px;font-weight: 400;padding-left: 0px;color:#3c3434;font-family: 'Raleway', sans-serif;letter-spacing: 0px;}
a.texteavis:hover{color:#950e04;}

/* ===================================
Page Atelier découverte métier
====================================== */
.bloc-recherche-atelier{background-color: #c8d1f7;padding:15px 0 15px 35px;margin:0px 15px 0 15px;width: 319px;}
.ligne-atelier-bleu{display: grid;padding: 10px 5px 10px 0px;grid-gap: 20px 25px;grid-template-columns: 250px;}
/* Effet au survol et focus */
.ligne-atelier-goch select:hover,
.ligne-atelier-goch select:focus {border-color: #4F46E5;box-shadow: 0 0 10px rgba(99, 102, 241, 0.4);outline: none;}
/* Ajout d'une flèche personnalisée */
.ligne-atelier-goch::after {content: "";position: absolute;top: 68%;right: 10px;width: 30px;height: 55px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%236366F1'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-size: contain;background-repeat: no-repeat;transform: translateY(-50%);pointer-events: none;}
/* Effet au survol et focus */
.ligne-atelier-middle select:hover,
.ligne-atelier-middle select:focus {border-color: #4F46E5;box-shadow: 0 0 10px rgba(99, 102, 241, 0.4);outline: none;}
/* Ajout d'une flèche personnalisée */
.ligne-atelier-middle::after {content: "";position: absolute;top: 68%;right: 10px;width: 30px;height: 55px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%236366F1'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-size: contain;background-repeat: no-repeat;transform: translateY(-50%);pointer-events: none;}
.ligne-atelier-droit{width:100%;display: flex;justify-content: center;height: 8vh;color:#0b1028;font-weight: 700;font-size:16px;padding:0;}
.ligne-atelier-droit .btn-new {width: 100%; padding: 14px; font-size: 18px; border-radius: 6px;display: flex;align-items: center;justify-content: center;}
#search-form-atelier {padding: 12px;width: 100%;background: #323232;color: white;font-size: 15px;margin-left: 0px;text-transform: uppercase;}
.motif-atelier{display: block;width: 100%;height: 34px;padding: 6px 12px;font-size: 14px;line-height: 1.42857143;color: #555;background-color: #fff;background-image: none;border: 1px solid #ccc;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);-webkit-transition: border-colorease-in-out .15s, -webkit-box-shadowease-in-out .15s;}
.bloc-atelier-contenu{display: grid;padding: 0px 5px 35px 0px;grid-gap: 2px 5px;grid-template-columns: 340px;margin-left:0px;}
.block-atelier-goch{width:100%;}
.cadre-atelier-titre{padding:15px;color:#fff;font-weight:700;font-size:16px;background-color:#7291a6;margin: 15px 5px 15px 0;}
.intitul-atelier{color:#466174;font-weight:700;font-size:18px;text-align: left;padding: 15px 0 0 0;}
.text-atelier{font-size:16px;line-height: 24px;text-align: justify;font-weight: normal;margin: 0px 20px 20px 0;}
.imgatelier-col-dr{width:319px; height:220px;margin-left: 12px;}
.bloc-atelier-picto{display: grid;padding: 20px 5px 5px 0px;grid-gap: 30px 5px;grid-template-columns: 120px 220px;margin-left:0px;margin-bottom:0px;}
.atelier-picto-g{width:120px;text-align: left;font-size: 14px;font-weight: 700;color: #466174;line-height: 1.2;}
.atelier-text-r{width:220px;text-align: left;font-size: 14px;font-weight: 500;color: #466174;}
.block-atelier-droit{width:100%;}
.text-donne-atelier{font-size: 14px;font-weight: 500;line-height: 22px;}
.gap-img-plan-atelier{margin-top:25px;width: 325px;margin-left: 0px;}
.bloc-coach-contenu{display: grid;padding: 0px 5px 5px 0px;grid-gap: 2px 35px;grid-template-columns: 350px; margin-left:0px;}
.block-principalg-coach	{width:100%;}
.block-principald-coach	{width:99%;text-align:left;margin-left: 9px;}
.tit-coach{color:#002e3b; font-size:24px;font-weight:700;font-family: 'Anton', sans-serif;margin:15px 0 5px 0;text-align:left;}
.tit-type-coach{color:#7291a6; font-size:22px;font-weight:700;font-family: cursive;margin:0  0 25px 0;text-align:left;}
.pres-type-coach{background-color: #7291a6;margin: 15px 0 15px 0;color: #fff;width: 100%;height: 5%;text-align: center;padding: 15px 0 10px 0;font-size: 18px;font-weight: 700;}
.text-coach{text-align:justify; font-size:14px;line-height: 25px;padding-right: 10px;}
.block-aime-coach{display: grid;padding: 0px 5px 35px 0px;grid-gap: 2px 30px;grid-template-columns: 350px; margin-left:0px;}
.aime-coach-g{width:100%;}
.aime-coach-d{width:100%;margin-top: 15px;}
ul.jdm-list{list-style-type: disc;padding-left: 20px;margin-left: 10px;width: 93%;}
.eleme{min-width: 200px;height: 30px;font-weight: normal;background-color: #fff;flex-shrink: 0;display: flex;justify-content: left;border-radius: 8px;white-space: nowrap;overflow-x: auto;overflow-y: hidden;scrollbar-width: thin;scrollbar-color: #ffeaea #fff;}
.coach-list {list-style-type: disc;padding-left: 20px;margin-left: 20px;}
.coach-list .eleme {overflow-x: auto;white-space: nowrap;padding: 5px 0;margin-bottom: 5px;overflow-y: hidden;scrollbar-color: #ffeaea #fff;scrollbar-width: unset;border-radius: 4px;padding-left: 5px;font-size: 14px;} 
li.stit-coach{color:#002e3b; font-size:22px;font-weight:700;margin-bottom:15px;font-family: 'Anton', sans-serif;text-align:left;}
li.coach-liste{color:#7291a6; font-size:14px;font-weight:700;text-align:left;line-height: 1.2;font-family: 'Raleway', sans-serif;display: flex;align-items: center; /* Alignement vertical */gap: 8px; /* Espacement entre l'icône et le texte */}
li.coach-apropos{font-size:14px;line-height: 1.2;margin-bottom: 10px;font-weight:normal;text-align:left;color: #323232;font-family: 'Raleway', sans-serif;display: flex;align-items: center; /* Alignement vertical */gap: 8px; /* Espacement entre l'icône et le texte */}
.cal-btn-topb{margin:25px 0 25px 0;}
.titre-atelier{font-size: 21px;font-weight: 700;text-transform: uppercase;letter-spacing: 1px;line-height: 28px;text-align: justify;margin: 70px 0 25px -5px;}
.bloc-deux-colonne-atelier{display: grid;padding: 0px 5px;grid-gap: 2px 5px;grid-template-columns: 345px;margin-left:-4%;}
.bloc-haut-atelier{display: grid;padding: 0px 15px 50px 0px;grid-gap: 2px 35px;grid-template-columns: 330px;margin-left: 0%;}
.cardevatelier[data-format="horizontal-s-fluid desktop-square"]{height:190px;width:190px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.cardevatelier{display:-webkit-box;display:-ms-flexbox;display:flex;cursor:pointer;overflow:hidden;border-radius:8px;-webkit-box-shadow:0 0 10px rgba(0,0,0,.1);box-shadow:0 0 10px rgba(0,0,0,.1);-webkit-transition:-webkit-transform .3s cubic-bezier(.16,1,.99,.99);transition:-webkit-transform .3s cubic-bezier(.16,1,.99,.99);-o-transition:transform cubic-bezier(.16,1,.99,.99) .3s;transition:transform .3s cubic-bezier(.16,1,.99,.99);transition:transform .3s cubic-bezier(.16,1,.99,.99),-webkit-transform .3s cubic-bezier(.16,1,.99,.99)}@supports not (width:clamp(1px,1vw,2px)){.cardevatelier{overflow:unset}}@supports (width:clamp(1px,1vw,2px)){.cardevatelier:hover{-webkit-transform:scale(1.03);-ms-transform:scale(1.03);transform:scale(1.03);-webkit-box-shadow:0 0 20px rgba(0,0,0,.2);box-shadow:0 0 20px rgba(0,0,0,.2)}
.cardevatelier:focus{outline:2px auto #666;-webkit-box-shadow:0 0 10px rgba(0,0,0,.1);box-shadow:0 0 10px rgba(0,0,0,.1)}
.cardevatelier[data-format="horizontal-s-fluid desktop-square"]{width:100%; background-color:#c8d1f7;height:420px;font-weight: 700;padding: 5px 0 0 0px;box-shadow:1px 1px 1px 3px rgba(0, 0, 255, .1)}}
.textbpagev2{text-align:justify;font-size:16px; font-weight:300;color:#fff;letter-spacing: 1px;line-height: 24px;padding:15px 7px 0 10px;}
.titbpagev2{font-size:20px; font-weight:700;color:#fff;letter-spacing: 1px;line-height: 19px;text-align:left;padding: 0 0 15px 10px;}
.avis-ligne-vote-atelier{display: flex;justify-content: space-between;align-items: center;width: 320px;margin: 30px 0 40px 10px;font-family: Arial, sans-serif;}
.avis-ligne-vote-atelier span {color: #007BFF;cursor: pointer;font-weight: bold;transition: 0.3s;}
.avis-ligne-vote-atelier span:hover {text-decoration: underline;}

/* ===================================
Barre progression difficultés Atelier
====================================== */
.progress-container {display: flex;align-items: center;justify-content: left;margin: 0 0 0 -20px;}
.progress-bare {width: 250px;height: 20px;background: #ddd;border-radius: 10px;overflow: hidden;position: relative;}
.progress-bare .progress {height: 100%;width: 60%; /* Ajuste ce pourcentage selon le niveau */background-color: #2884ae;transition: width 0.5s ease-in-out;}
.helmet {font-size: 20px;padding: 0 15px;}

/* ===================================
Email Template
====================================== */
.email-container {max-width: 600px;margin: 20px auto;background-color: #ffffff;border: 1px solid #ddd;border-radius: 5px;overflow: hidden;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);}
.email-header {background-color: #7291a6;padding: 20px;text-align: center;}
.email-header h1 {color: #ffffff;margin: 0;font-size: 24px;}
.email-body {padding: 20px;color: #333333;line-height: 1.6;}
.email-body strong {color: #000000;}
.email-button {text-align: center;margin: 20px 0;}
.email-button a {background-color: #7291a6;color: #ffffff;text-decoration: none;padding: 10px 20px;border-radius: 5px;font-weight: bold;text-transform: uppercase;}
.email-footer {background-color: #f9f9f9;padding: 10px;text-align: center;font-size: 12px;color: #666666;}
.faq {font-size: 14px;margin-top: 20px;border-bottom: 1px solid #ddd;}
.faq p {margin: 10px 0;}.faq strong {display: block;margin-bottom: 5px;}
.remark {font-size: x-small;background: #eee;padding: 10px;}
.philosophie{border-bottom: 1px solid #ddd;font-size: small;}
.link_bloc {margin-top: 20px;font-size: small;border-bottom: 1px solid #ddd;}
.contact{font-size: small;}
.tit-page-templ-mel{font-family: Arial, sans-serif;margin: 0;padding: 0;font-size:20px;font-weight:700;text-transform: uppercase;text-align: center;}
.gapdatenaiss{margin-top:-2px;}
.cal-mel-foot{background-color:#7291a6; margin:10px 0 10px 0; padding:3px;}
.gap-icon-footer{margin:5px 0 0px 5px;}

/* ===================================
Block Espace Parent + Conseiller
====================================== */
.cards {display: grid;grid-template-columns: 1fr;gap: 55px;max-width: 1100px;margin: 40px 0 40px 0;padding: 0 0px;}
.card {display: flex;flex-direction: column;align-items: center;text-decoration: none;border: 1px solid #d1d5db;   border-radius: 12px;padding: 24px;transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;background: #fff;}
.card:hover,.card:focus-visible {transform: translateY(-2px);box-shadow: 0 8px 24px rgba(0,0,0,.08);border-color: #c5cad1;outline: none;}
.card img {display: block;width: 250px;height: auto;object-fit: cover;border-radius: 8px;margin-bottom: 14px;}
.card-title {font: 700 1.05rem/1.3 system-ui, -apple-system, Segoe UI, Roboto, sans-serif;color: #2563eb;text-align: center;}

}


/* ===================================
ECRITURE RAJOUTEE PAR RADO POUR L'ENSEMBLE DE CE MEDIA 
====================================== */
@media (max-width: 767px) {
.wrapper--coque {padding-left: 3%}
.metier-proche {position: absolute;width: 200px;height: 10px;z-index: 2;text-align: left;margin: 0;margin-top: 125px }
.metier-proche-syn {position: absolute;width: 200px;height: 10px;z-index: 2;text-align: left;margin-left: 70px;margin-top: 17px }
.metier-patissier {color: #00bcd4;text-transform: uppercase;font-weight: 600;font-size: 14px;text-align: left;letter-spacing: 1px;line-height: 20px;margin: 5px 0 20px 0 }
.containerhp {margin-left: 0 !important }
.containerorganisme {text-align: justify;font-size: 12px;line-height: 18px;margin-right: 15px }
.tosee {left: 21% }
.inner-intro .container {width: 100%;max-width: 720px;text-align: center }
/*********************** pour le header ******************************************/
.container--game .iframe-img img {width: 100%;min-height: 200px }
/*********************** pour le menu ******************************************/
.footer .social, .contact .social {font-size: 17px}
.side-menu {background: #323232 !important;z-index: 2005 !important;color: #fff;padding: 16px 0;overflow-y: auto;position: relative}
/*********************** Fin pour le menu ******************************************/
/************************ pour le footer **********************************/
.rowdescojob {width: 90% }
.rowurldescojob {width: 95% }
.fas {display: inline-block;font: normal normal normal 14px/1 FontAwesome;font-size: 130%;text-rendering: auto;-webkit-font-smoothing: antialiased;margin-left: 0.5rem !important }
.mb-60 {margin-bottom: 20px }
.footer ul {list-style: none;margin: 0;padding: 0;line-height: 15px;width: 100% !important;text-align: left }
.row-societe {margin: 25px 5px 5px 0;width: 100% }
.scroll-top {opacity: 0;visibility: hidden }.row-fluid {width: 150%;margin-left: -55px }
.container--game .iframe-img img {width: 100%;min-height: 200px }
/*********************** Fin pour le footer ******************************************/
.text-patisserie-gris {color: #999;text-transform: uppercase;font-weight: 500;font-size: 13px;line-height: 16px;margin: 2px 0 10px 0 }
.title-orientationpro .textdescojob {display: flex;justify-content: space-between;align-items: center;position: relative;z-index: 1 }
.title-descojob .textdescojob {display: flex;justify-content: space-between;align-items: center;position: relative;z-index: 1 }
.title-orientationpro {font-size: 11px;font-weight: 500;text-transform: uppercase;color: #000;margin: 1em 0 0 0;line-height: 1em;position: relative;width: 100%;text-align: left }
.title-orientationpro .fonddescojob {background-color: #e6ae49;height: 19px;top: 50%;transform: translatey(-50%);left: 0;right: 0;position: absolute;z-index: 0 }
.title-orientationpro .textdescojob {display: flex;justify-content: space-between;align-items: center;position: relative;z-index: 1 }
.title-orientationpro .title-orientation-professionnelle {background-color: #fff;transform: skewx(-10deg);padding: 15px 10px;margin-left: -6px;line-height: 1em }
.title-descojob .fonddescojob {background-color: #e6ae49;height: 17px;top: 50%;transform: translatey(-50%);left: 0;right: 0;position: absolute;z-index: 0 }
.title-descojob .textdescojob {display: flex;justify-content: space-between;align-items: center;position: relative;z-index: 1 }
.title-descojob .titredcjob {background-color: #fff;transform: skewx(-10deg);padding: 3px 10px;margin-left: -1px !important;line-height: 1.4em !important;font-weight: 800 !important;font-size: 10px !important;text-align: left;padding: 3px 2px !important }
.title-descojob {font-size: 0.9em;font-weight: 600;text-transform: uppercase;color: #000;margin: 1em 0 0 0;line-height: 1em;position: relative;width: 100% }
.text-col-devmentor {line-height: 17px !important;font-size: 13px;font-weight: 600;margin: 1% 0 0 31% !important;color: #888;letter-spacing: 1px;text-align: justify !important }
.textblokcontg1 {text-align: justify;font-size: 14px !important;font-weight: bold;margin: 1px 10px 2px 10px !important;line-height: 17px !important }
.textblokcontg2 {text-align: justify;font-size: 12px !important;margin: 10px 10px 11px 10px !important;line-height: 17px !important }
.texteblanc {font-size: 25px !important;font-weight: 600;color: #FFF;text-align: center }
li.textlicoach {font-size: 10px;line-height: 12px;padding-bottom: 1px;letter-spacing: 0;font-weight: 700 }
.textcoach {font-size: 18px;padding: 10px 5px 15px 5px;font-weight: 700;color: #535658 }
.textco {font-size: 14px;text-align: justify }
.text-intro-orienter {text-align: justify;line-height: 18px;font-size: 12px;font-weight: 300;letter-spacing: 1px;margin: 10px 0 10px 0;color: #181818 }
.text-dark {margin-left: 5px }
.text-white-form {font-weight: 700;font-size: 16px;color: #fff }
.spacer-15 {width: 100%;height: 25px }
.ptb-60 {padding-top: 10px;padding-bottom: 0 }
.ptb-95 {padding-top: 50px;padding-bottom: 20px }
.ptbien {padding-top: 50px;padding-bottom: 0 }
.ptb-xs-30 {padding-top: 30px;padding-bottom: 30px }
.ptb-xs-60 {padding-top: 60px;padding-bottom: 60px }
.fullscreen-carousel .text-left {text-align: center }
.row-fluid {width: 150%;margin-left: -55px }
.page-breadcrumb span {display: inline-block;padding-left: 1px;padding-right: 1px;line-height: 12px }
.page-breadcrumb {background: rgba(255, 255, 255, 0.9);padding: 4px 8px;display: inline-block;color: #323232;font-size: 12px;text-transform: uppercase;letter-spacing: 3px;border-radius: 3px;border: 1px solid #f1f1f1;margin-top: 5px;z-index: 2001;position: relative;opacity: 1;transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);}
.page-breadcrumb.behind {z-index: 999;opacity: 0.5;transform: translateY(-15px);box-shadow: 0 4px 10px rgba(0,0,0,0.1);transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);}
.page-breadcrumb:hover {background: rgba(255, 255, 255, 1);transform: translateY(-2px) scale(1.02);box-shadow: 0 6px 15px rgba(0,0,0,0.15);}
.dark-bg {padding-top: 0px;padding-bottom: 0px;}
.inner-intro .container {width: 100%;max-width: 720px;text-align: center }
/************************* Doublons mais avec des attributs différents - A surveiller *************************/
ul.listorganism {list-style-type: none;margin: 0;padding: 0;overflow: hidden;margin-left: 4%;width: 100% !important }
ul.listorganism {list-style-type: none;margin: 0;padding: 0;overflow: hidden }
/************************* Fin des Doublons *************************/
.btn-mentor {width: 100%;margin: auto;letter-spacing: 2px;text-transform: uppercase;padding: 15px;background-color: #e6ae49;font-weight: bold;font-size: 14px;color: #fff }
.leadbtnmentor {margin: 25% 0 25% 0 }
.orange-bg {background-color: #f5be5c;background-image: url(http://dev.jobtosee.fr/home/assets/images/fond-marron-rond.png);background-position-y: -259.16px;background-size: cover }
.desc-orang-10 {margin-right: auto;margin-left: auto;padding: 100px 10px 100px 10px }
.txt-fond-desc {font-weight: 700;font-size: 21px;line-height: 32px;color: #23233f;letter-spacing: -1px }
.largdesc-or {width: 100% !important;margin-left: auto;margin-right: auto }
.rowdescojob {width: 90% }
.rowurldescojob {width: 95% }
li.cadredevmentor {float: left;width: 99% }
ul.colonrganis {list-style-type: none;margin: 0;padding: 0;overflow: hidden }
li.colonrganisme {float: left;width: 100% !important;padding-bottom: 25px !important }
.elementheme {height: 100%;width: 12.6875rem }
.elementheme__title {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;text-align: center;height: 100%;width: 100%;padding: 0 0.9375rem }
.elementheme__title p {font-size: 0.875rem;line-height: 1.25rem;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;display: -webkit-box;visibility: visible;word-break: break-word }
.elementheme .active, .elementheme__title:hover {font-family: arial;border-bottom: 0.25rem solid var(--selector-theme) }
/********************** Ecriture rajoutée par Rado pour la page connexion ***************************/
.btn-mdp-connect {color: #fff;background: #323232;border: none;margin: 5px 0 20px 0 !important;width: 92%;display: inline-block;font-weight: 700;text-align: center;white-space: nowrap;cursor: pointer;padding: 15px }
.form-full {width: 92% !important }
a.txtrg, .txtrg {color: #f00;font-size: 11px;letter-spacing: 0 }
.form-connect input {margin-bottom: 20px;width: 97% }
.border-box {border: 1px solid #f1f1f1;margin: 10% 0 0 0;padding: 20px 20px }
.float-right {float: right;font-size: 8px }
.inner-intro .container {width: 100%;max-width: 720px;text-align: center }
.btn-mdp-connect {color: #fff;background: #323232;border: none;margin: 5px 0 20px 0 !important;width: 42%;display: inline-block;font-weight: 700;text-align: center;white-space: nowrap;cursor: pointer;padding: 15px}
h1.titre-decouvrir {font-size: 24px;letter-spacing: 4px;line-height: 22px;text-align: left;margin-bottom: 25px}
/********************** Fin ecriture Rado pour la page connexion ***************************/
}


/* ===================================
Ecriture rajoutée par Rado pour l'ensemble de ce Média
====================================== */
@media (max-width: 480px) {
/************************ pour le footer **********************************/
.containerhp {width: 100% }
/*********************** Fin pour le footer ******************************************/
.fullscreen-carousel .overlay-hero .caption-hero .inner-caption {padding-left: 15px;padding-right: 15px }}

/* ===================================
Ecriture rajoutée par Rado pour l'ensemble de ce Média
====================================== */
@media screen and (orientation: landscape) {
/************************ pour le footer **********************************/
.containerhp {width: 88% }}

/* ===================================
Ecriture rajoutée par Rado pour l'ensemble de ce Média
====================================== */
/************************ pour le footer **********************************/
@media (max-width: 1280px) {.footer .link a {font-size: 10px }}

/* ===================================
Ecriture rajoutée par Rado pour l'ensemble de ce Média
====================================== */
/************************ pour le header **********************************/
@media all and (min-width: 1025px) {.header.header-prepare .nav-menu ul.nav-menu-inner > li > a {color: #323232 }}

@media (min-width: 576px) {.jts-modal-dialog {max-width: 500px;margin: 1.75rem auto;}}