@charset "utf-8";

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: normal;}
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: normal;}
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;}
a.gras-lien-accuei, a.gras-lien-accuei:hover{font-weight: 700;}


@media (min-width: 1024px) {
	
/* ===================================
   Homepage
====================================== */
.lign-blockquote-hp{display: grid;padding: 0px 5px;grid-gap: 2px 5px;grid-template-columns: 1px 1150px;margin: 2% 0 0 2%;}
.blockquote-hpg{width:100%;margin-left:1px;margin-top:-9px;}
.text-blockquote-hpd{width:100%;}
.text-intro-hp{font-size: 20px;font-weight: 600;color: #fff;letter-spacing: 1px;line-height: 30px;padding: 15px 0 0 35px;text-align:justify;}
.overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;color: white;display: flex;align-items: center;justify-content: center;text-align: center;}

.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: 658px 550px;margin: 0 0 0 12.5%;}
.ensemblebtn {position: relative;}
.salleclasse {width: 534px; height: 472px;}
.insp {position: absolute;padding: 16px;background-color: #ca8a0f;border-radius: 16px;bottom: 10px;left: 3%;width: 250px;top: 108px;height: 85px;font-size: 32px;line-height: 38px;}
.rejoin {position: absolute;padding: 12px;background-color: #fff;border-radius: 29px 0 0 0;bottom: 10px;left: 58.5%;width: 220px;top: 332px;height: 80px;font-size: 22px;line-height: 20px;}
.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% 13.7%;}
.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;}
.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: 17%;}
.textgras-3tm{font-size: 14px;font-weight: 600;line-height: 22px;}
.textgraspro-10tm, .textgraspro-20tm{font-size: 50px;font-weight: 800;line-height: 45px;margin:0 0 2% 13%;}
.bloc-je-suis-professionnelle{display: grid;padding: 0px 5px;grid-gap: 2px 5px;grid-template-columns: 550px 550px;margin: 0 0 5% 12.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: 550px 685px;margin: 0 0 0 13%;}
.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: 35px;font-weight: 700;line-height: 37px;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: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: 35px;font-weight: 700;line-height: 37px;padding-bottom: 1%;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 7px 0 13px;}
.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: 642px 530px;margin: 0 0 0 13%;}
.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: 103%;width: 250px;height: 85px;margin-top: -400px;font-size: 20px;line-height: 24px;}
.meetpro {position: relative;padding: 12px;background-color: #fff;border-radius: 29px 0 0 0;bottom: 10px;left: 65%;width: 200px;margin-top: -190px;height: 80px;font-size: 17px;line-height: 20px;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;font-weight: 700;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 60px;grid-template-columns: 350px 350px 350px;margin-left: 8%;}
.bloc-bas-bloc{display: grid;padding: 0px 15px 50px 0px;grid-gap: 2px 60px;grid-template-columns: 350px 350px 350px;margin-left: 8%;}
.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 5px;}
.bloc-bouton-haut{display: grid;padding: 0px 5px;grid-gap: 2px 5px;grid-template-columns: 1200px;margin: 7% 0 0 11%;}
.ligne-btn-bleu{display: grid;padding: 0px 5px 0px 0px;grid-gap: 2px 35px;grid-template-columns: 245px 300px 355px 160px;margin: -4% 0 0 4%;}
.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;}
.txtbasbloc{margin: 0px auto;text-align: center;line-height: 18px;}	
.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:10%;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;}
.btn_myespace-jts{background: #fff;color: #0b1028;font-size: 10px;border-radius: 8px;padding: 10px 10px;}
.bloc-logo{display: grid;padding: 0px 5px;grid-gap: 2px 5px;grid-template-columns: 1200px;margin: 8.5% 0 0 0%;}
.ligne-logo-tm{display: grid;padding: 0px 5px 0px 0px;grid-gap: 2px 0px;grid-template-columns: 45px 220px 575px 150px 150px 40px;margin: -6% 0 0 0%;}
.logo-dark{margin-left: -5%;}
.logo-light{margin-left: -5%;}
.job{font-size: 21px;font-weight: bold;padding-top: 9px;color: #000;margin-left: 8px;text-align: left;}
.metier{font-size: 9px;margin-left: 7px;margin-top: -11px;color: #000;font-weight: normal;}
.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;}
.gap-logo-new{margin-top: 5px;display: block;}	
i{font-size: 16px;}
.side-menu .menu-close {padding: 6px 9px;border: 2px solid #fff;border-radius: 50%;float: right;margin: 12px 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: 52%;}
.icon-img{display: none;}
.icon-intitu{display: block;}
.them-space{font-size: 12px;font-family:arial;text-transform: uppercase;padding-left: 10px;}
.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:14px 0 35px 3px;}
.bas-header-plus{font-size:18px; font-weight:700;color:#0b1028;background-color: #fff;margin: 45px 0 0 4%;width: 26%;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: 700;font-family:arial;text-transform: uppercase;padding-left: 10px;color:#323232;}
a.menu-gauc-insc:hover{color: #950e04;font-family:arial;text-transform: uppercase;padding-left: 10px;}
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: 0px;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.menu-lien-g-modal{font-weight:700!important;font-size:17px!important; color:#0b1028!important;}
a.menu-lien-g-modal:hover{font-weight:700!important;font-size:17px!important; color:#323232!important;}
a.blc-link-insc{font-weight:700!important;font-size:17px!important; color:#fefefe!important;}
a.blc-link-insc:hover{font-weight:700!important;font-size:17px!important; color:#950e04!important;}

/* ===================================
   Page Notation
====================================== */
.ligne-deux-colonne-avis{display: grid;padding: 0px 5px;grid-gap: 2px 30px;grid-template-columns: 800px 350px;margin: 0 0 0 14%;}
.bloc-gauche-avis{width:800px;}
.bloc-droit-avis{width:350px;}
.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;line-height: 24px;text-align: justify;font-weight:700;}
.bloc-bas-avis{width:100%;margin-bottom: 55px;}
.txt-bas-avis{font-size:17px;font-weight:700;margin: 5px 0 5px 0;}
h1.titre-page{font-size: 20px;font-weight: bold;letter-spacing: 1px;line-height: 24px;text-align:left;margin: 0 0 15px 0;padding-top: 1px;}

/* ===================================
   Page Team
====================================== */
.sligne-team{display: grid;padding: 0px 0px;grid-gap: 2px 26px;grid-template-columns: 600px 200px;margin: 0 0 0 0;}
.team-g{width:100%;}
.team-d{width:100%;padding-top: 5px;}
.btn-team{width: 77%;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: -68px 0 20px 0;height: auto;padding: 20px 35px 20px 35px;font-size: clamp(22px, 2vw, 15px);transition: all 0.3s ease-in-out;}
a.btn-teame{color:#fff;font-weight: 600;display: inline-flex;}
.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-teamst{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;}
.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;}
.col-fond-bleu-team{display: grid;padding: 0px 0px;grid-gap: 2px 48px;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: 101%;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: 101%;margin: 25px 0 10px 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 0px;grid-template-columns: 550px 270px;margin: 0 0 0 0%;}
.affi-gauc-savis{width:550px;}
.affi-droi-savis{width:270px;}
.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 25px;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 0 35px 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: 45px 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: 16px;letter-spacing: 1px;line-height: 22px;text-align: justify;font-weight: 700;}
.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
====================================== */
.fond-blok-mov-btn{margin:2px 0 2px -30px;}
.fond-blok-mentor{background-color: rgb(39, 76, 196);color: rgb(255, 255, 255);padding: 1.5rem;margin: 15px 0 11px 15px; font-weight:700;border-radius: 8px;}
.fond-blok-mentorbis{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;}
.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: 144px;float: right;margin-top: -26px;}
.design-blackdecov{background-color:black;height: 17px;width: 145px;float: right;margin-top: -26px;}
a.veux {font-weight: 700;}
.lig-mentor-deux-col{display: grid;padding: 40px 0px;grid-gap: 2px 40px;grid-template-columns: 370px 370px;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: 130%;}
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;}
.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: 26px;font-weight: normal;background-color: #fff;flex-shrink: 0;display: flex;justify-content: left;border-radius: 8px;}
.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;}
.puce-bleu-metier{min-width: 6px;height: 6px;background-color: #00bcd4;border-radius: 50%;margin-right: 6px;margin-top: 5px;}
.bloc-bas-luc{display: grid;padding: 20px 0px;grid-gap: 2px 40px;grid-template-columns: 440px 150px 490px;margin: 0 0 0 1.5%;}
.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 20px;font-weight: normal;line-height: 1.7;width: 50%;font-size: 16px;font-weight: normal;}
.cal-titre-testm{padding-left:25px;}
.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: 350px 350px;margin: 0 0 0 0%;}
.line-space-enseignant-g{width:100%;}
.line-space-enseignant-d{width:100%;}
.btn-space-enseign{margin: auto;letter-spacing: 2px;text-transform: uppercase;padding: 15px 16px;background-color: #7291a6;font-weight: bold;font-size: 12px;color: #fff;border-radius: 8px;}
.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 0px;}
.txt-bas-basenseign{font-size: 17px;font-weight: 700;margin: 5px 0 55px 0;text-align: justify;}
.decal-message-enseign{width:70%;padding-left: 15px;}
ul.pro-list{list-style-type: none;overflow: auto;padding-left: 0px;width: 145%;white-space: nowrap;}
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: 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;}
.txt-bas-parler-pro{font-size: 17px;font-weight: 600;text-transform: none;letter-spacing: 0px;line-height: 20px;margin: 25px 0 5px 0;}
.int-jdm-gras{font-size: 20px;font-weight: 800;text-transform: none;letter-spacing: 0px;line-height: 20px;margin: 5px 0 5px 9px;}
.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%;}
h2.titre-gras-rose{font-size:18px;padding:25px 0 5px 0px;font-weight: 600; color:#e64958;}
.difference-coach{display: grid;padding: 10px 0px;grid-gap: 2px 35px;grid-template-columns: 365px 365px;margin: 10px 0 0px 0%;text-align: justify;font-weight: normal;font-size: 16px;}
.dif-coachg{width:100%;}
.dif-coachd{width:100%;}
.calage-spage{margin-top:45px;line-height: 24px;font-size: 16px;font-weight: 300;color: #000;}
.affi-img-s-page{width: 800px;}
.ptb-80 {padding-top: 80px;padding-bottom: 80px;width: 100%;}
.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}
h3.themiclila{font-size:16px; padding:10px;line-height: 24px;text-align: justify;font-weight:700;letter-spacing: 1px}
.text-imagev2{font-size: 12px;padding: 2px 0 0px 0px;font-weight: 600;color: #999;}
a.btn-call-action{float: left;letter-spacing: 2px;text-transform: uppercase;padding: 15px 20px;background-color: #e6ae49;font-weight: bold;font-size: 12px;color: #fff;}
a.btn-call-action:hover{color: #950e04;font-weight: bold;}
.call-bloc-action{text-align: center;margin: 5% 0 17% 0;}

/* ===================================
   Style des pages 1er niveau
====================================== */

.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: 18px; font-size: 13px}
a.txtsommaire:hover{color: #950e04;}
.iconsommaire{width: 25px; height: 25px;margin: -20px 8px 0 0;}
.ligntab{display: grid;padding: 0px 5px;grid-gap: 2px 5px;grid-template-columns: 160px 350px 190px 200px 80px 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;}

/* ===================================
   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: 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 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: 550px;}


/* ===================================
   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: #fff;color: #0b1028;font-size: 10px;border-radius: 8px;padding:8px 10px;}

/* ===================================
   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;}
		
/* ===================================
   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 83px;grid-template-columns: 540px 540px;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 24px;}
.titbpagev2{font-size:20px; font-weight:700;color:#fff;letter-spacing: 1px;line-height: 19px;text-align:left;padding: 0 0 15px 24px;}
	
/* ===================================
   Page process Inscription <!-- Couleur background color du button =>> #09193b -->
====================================== */
.bloc-deux-colonne-atelier{display: grid;padding: 0px 5px;grid-gap: 2px 5px;grid-template-columns: 1200px;margin-left:1.6%;}
.bloc-modal-trois-entrer{display: grid;padding: 0px 36px;grid-gap: 2px 5px;grid-template-columns: 260px 260px 260px;height: 45vh; }
.bloc-goch-modal{width:250px;display: flex;justify-content: center;align-items: center;height: 25vh; background-color: #7994a7;color:#0b1028;font-weight: 700;border-radius:25px;font-size:16px;padding:2% 5%;}
.bloc-middle-modal{width:250px;display: flex;justify-content: center;align-items: center;height: 25vh;background-color: #4d5162;color:#fefefe;font-weight: 700;border-radius:25px;font-size:16px;padding:2% 5%;}
.bloc-drigh-modal{width:250px;display: flex;justify-content: center;align-items: center;height: 25vh;background-color: #7994a7;color:#0b1028;font-weight: 700;border-radius:25px;font-size:16px;padding:2% 5%;}
.text-parti-insc-popup{font-size: 12px;font-weight: 600;color:#000;margin-top: 35%;position: absolute;text-align: justify;line-height: 19px;width: 250px;top:-13px}
.text-pro-insc-popup{font-size: 12px;font-weight: 600;color: #000;margin-top: 35%;position: absolute;width: 250px;text-align: justify;line-height: 19px;}
.text-conseil-insc-popup{font-size: 12px;font-weight: 600;color:#000;margin-top: 35%;position: absolute;text-align: justify;line-height: 19px;width: 250px;top:-13px}
.grostitre-insc{font-size: 24px;font-weight: 700;color:#000;text-transform: uppercase;letter-spacing: 4px;line-height: 2px;text-align: left;margin: 5% 0 5% 5%;}
.titrinscripv2{color: #323232;font-weight: 700;font-size: 22px;letter-spacing: 2px;line-height: 32px;text-align: left;margin-left: 1%;}
.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: 900px 300px;}
.esp-vign-inscrip{width:100%;}
.presinscripv2{color: #09193b;font-weight: 600;font-size: 19px;letter-spacing: 2px;line-height: 22px;text-align: left;margin: 25px 0;}
.bloc-4img{display: grid;padding: 0px 15px 50px 0px;grid-gap: 2px 35px;grid-template-columns: 180px 180px 180px 180px;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;}
.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: 25px 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: 75px;text-align: center;width:250px;}
.content_inscripiton{padding: 25px; background: #f9f9f9;}
.progress {margin-bottom: 20px;}
.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: 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 */}
.intitu-titre-page{margin:0 18px 0 18px;}

/* ===================================
   Bloc footer
====================================== */
.bloc-footer{display: grid;padding: 0px 5px 35px 0px;grid-gap: 2px 5px;grid-template-columns: 500px 415px 400px;margin-left: 0%;}
.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: 2%;}
.bloc-footer-bas{display: grid;padding: 0px 5px ;grid-gap: 2px 5px;grid-template-columns: 460px 410px 300px;margin-left: 4%;}
.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;}
.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;}
a.join-footer{font-size: 14px;font-weight: 700;font-family:arial;text-transform: uppercase;padding-left: 10px;color:#323232;}
a.join-footer:hover{color: #950e04;font-family:arial;text-transform: uppercase;padding-left: 10px;}
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;}

/* ===================================
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-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 */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-middle{width:250px;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-droite{width:250px;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: 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%;}
#search-form-topes {padding: 12px;width: 100%;background: #323232;color: white;height: 68px;text-transform: uppercase;font-size: 15px;}
.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:20px;}
.ligne-atelier-bleu{display: grid;padding: 10px 5px 10px 0px;grid-gap: 2px 25px;grid-template-columns: 350px 350px 300px;}
.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 */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-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: 70%;right: 16px;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-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 */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-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: 70%;right: 16px;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-atelier-droit{width:300px;display: flex;justify-content: center;height: 8vh;color:#0b1028;font-weight: 700;font-size:16px;padding:0% 5%;}
#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 35px;grid-template-columns: 775px 350px;margin-left:20px;}
.block-atelier-goch{width:775px;}
.cadre-atelier-titre{padding:15px;color:#fff;font-weight:700;font-size:16px;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:280px;}
.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:300px;text-align: left;font-size: 18px;font-weight: 700;color: #466174;}
.atelier-text-r{width:350px;text-align: left;font-size: 14px;font-weight: 500;color: #466174;}
.block-atelier-droit{width:350px;text-align: left;}
.text-donne-atelier{font-size: 14px;font-weight: 500;line-height: 22px;}
.gap-img-plan-atelier{margin-top: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); /* Ajuste la taille du texte selon l'écran */transition: all 0.3s ease-in-out;}

.bloc-coach-contenu{display: grid;padding: 0px 5px 35px 0px;grid-gap: 2px 35px;grid-template-columns: 775px 340px; margin-left:20px;}
.block-principalg-coach	{width:775px;}
.block-principald-coach	{width:340px;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: 4%;text-align: center;padding-top: 15px;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 30px;grid-template-columns: 330px 450px; margin-left:0px;}
.aime-coach-g{width:330px;}
.aime-coach-d{width:450px;}
ul.coach-list{list-style-type: none;overflow-x:  auto;padding-left: 0px;white-space: nowrap;}
li.stit-coach{color:#002e3b; font-size:22px;font-weight:700;margin-bottom:10px;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.6;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 */}
.dim-icon-coach svg {width: 24px; /* Ajuste la taille de l'icône */height: 24px;}

/* ===================================
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;}
}




@media (min-width: 600px) and (max-width: 1024px) {
	
/* ===================================
   Homepage
====================================== */
.lign-blockquote-hp{display: grid;padding: 0px 5px;grid-gap: 2px 5px;grid-template-columns: 1px 910px;margin: 5% 0 0 2%;}
.blockquote-hpg{width:100%;margin-left:1px;margin-top:-20px;}
.text-blockquote-hpd{width:100%;}
.text-intro-hp{font-size: 20px;font-weight: 600;color: #fff;letter-spacing: 1px;line-height: 30px;padding: 15px 0 0 35px;text-align:justify;}
.overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;color: white;display: flex;align-items: center;justify-content: center;text-align: center;}

.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;}
.insp {position: absolute;padding: 16px;background-color: #ca8a0f;border-radius: 16px;bottom: 10px;left: 2%;width: 220px;top: 115px;height: 85px;font-size: 28px;line-height: 30px;}
.textgras-2tm{font-size: 28px;font-weight: 700;line-height: 28px;padding-bottom: 15%;}
.textgras-1tm{font-size: 14px;font-weight: 600;line-height: 25px;margin: 2px 0 35px 0;}
.rejoin {position: absolute;padding: 12px;background-color: #fff;border-radius: 29px 0;bottom: 10px;left: 60%;width: 205px;top: 330px;height: 90px;font-size: 28px;font-weight:700;line-height: 20px;}
.textgraspro-10tm, .textgraspro-20tm{font-size: 50px;font-weight: 800;line-height: 45px;margin:1% 0 2% 5%;}	
.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% 0%;}
.textfichjob-1tm{font-size: 14px;font-weight: 700;line-height: 25px;margin: 0px 0 20px 5px;}
.textfichjob-2tm{font-size: 19px;font-weight: 700;line-height: 35px;padding-bottom: 4%;margin:0 20px 0 3px;}
.textfichjob-3tm{font-size: 24px;font-weight: 700;line-height: 32px;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: 10px;left: 104%;width: 200px;height: 85px;margin-top: -380px;font-size: 17px;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: -170px;height: 80px;font-size: 14px;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: 19px;font-weight: 700;line-height: 22px;padding-bottom: 7%;margin:0 20px 0 35px;}
.textcommu-3tm{font-size: 24px;font-weight: 700;line-height: 32px;padding-bottom: 9%;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: 26px;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 0px 0 10px;}
.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;font-weight: 700;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: 270px 270px 270px;margin-left: 5.5%;}
.bloc-bas-bloc{display: grid;padding: 0px 15px 50px 0px;grid-gap: 2px 49px;grid-template-columns: 270px 270px 270px;margin-left: 5.5%;}
.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 13px;}
.bloc-bouton-haut{display: grid;padding: 0px 5px;grid-gap: 2px 5px;grid-template-columns: 100%;margin: 7% 0 0 4%;}
.ligne-btn-bleu{display: grid;padding: 0px 5px 0px 0px;grid-gap: 2px 14px;grid-template-columns: 205px 250px 300px 115px;margin: -3.5% 0 0 1.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: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;}
.txtbasbloc{margin: 0px auto;text-align: center;line-height: 16px;}	
.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.5rem;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: 10px 10px;}
.bloc-logo{display: grid;padding: 0px 5px;grid-gap: 2px 5px;grid-template-columns: 100%;margin: 8.5% 0 0 -4%;}
.ligne-logo-tm{display: grid;padding: 0px;grid-gap: 2px 0px;grid-template-columns: 45px 220px 360px 140px 140px 40px;margin: -6% 0 0 -1.5%;}
.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: 7px;margin-top: -11px;color: #000;font-weight: normal;}
.to {font-size: 20px;font-weight: bold;color: #fff;position: absolute;top: 28px;}
.to2 {font-size: 20px;font-weight: bold;color: #fff;position: absolute;top: 30.5px;}
.see {position: relative;padding-left: 25px;top: -0.51px;}
.see2 {position: relative;padding-left: 25px;top: 0px;}
.gap-logo-new{margin-top: 10px;display: block;}
i{font-size: 16px;}
.side-menu .menu-close {padding: 6px 9px;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;}
.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: 52%;}
.them-space{font-size: 12px;font-family:arial;text-transform: uppercase;padding-left: 10px;}
.icon-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:35px; font-weight:700;color:#fff;letter-spacing: 0px;line-height: 49px;padding: 0 0 50px 0;}
.bas-header-plus{font-size:18px; font-weight:700;color:#0b1028;background-color: #fff;margin: 25px 0 0 35px;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: 700;font-family:arial;text-transform: uppercase;padding-left: 10px;color:#323232;}
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: 0px;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: 10px;color:#fff;}
a.accueil-rejoin-communi:hover{color: #950e04;font-family:arial;text-transform: uppercase;padding-left: 10px;}
.temoig-text{font-size: 12px;font-weight: 600;color: #0b1028;letter-spacing: 1px;line-height: 22px;text-align: justify;}

/* ===================================
   Page Notation
====================================== */
.ligne-deux-colonne-avis{display: grid;padding: 0px 5px;grid-gap: 2px 41px;grid-template-columns: 575px 340px;margin: 0 0 0 4.5%;}
.bloc-gauche-avis{width:575px;}
.bloc-droit-avis{width:340px;}
.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;line-height: 24px;text-align: justify;font-weight:700;}
.bloc-bas-avis{width:100%;margin-bottom: 55px;}
.txt-bas-avis{font-size:17px;font-weight:700;margin: 5px 0 5px 0;}
h1.titre-page{font-size: 20px;font-weight: bold;letter-spacing: 1px;line-height: 24px;text-align:left;margin: 0 0 15px 0;padding-top: 1px;}

/* ===================================
   Page Team
====================================== */
.sligne-team{display: grid;padding: 0px 5px;grid-gap: 2px 20px;grid-template-columns: 390px 200px;margin: 0 0 0 0;}
.team-g{width:100%;}
.team-d{width:100%;padding-top: 5px;}
.btn-team{width: 104%;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: 10px 0 15px 0;height: auto;padding: 20px 15px 20px 15px;font-size: clamp(22px, 2vw, 15px);transition: all 0.3s ease-in-out;}
.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;}
.col-fond-bleu-team{display: grid;padding: 0px 0px;grid-gap: 2px 21px;grid-template-columns: 280px 280px;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: 101%;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 0px;grid-template-columns: 340px 256px;margin: 0 0 0 0%;}
.affi-gauc-savis{width:340px;}
.affi-droi-savis{width:256px;}
.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 10px;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: 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: 10px 0 12px 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: 24px;text-align: justify;font-weight: 700;}
.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
====================================== */
.fond-blok-mov-btn{margin:-15px 0 0px -30px;height: 85px;}
.fond-blok-mentor{background-color: rgb(39, 76, 196);color: rgb(255, 255, 255);padding: 0.5rem;margin: 10px 0 20px 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: 0px 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: 0px 0 0 15px; font-weight:700;border-radius: 8px;}
.design-black{background-color:black;height: 17px;width: 89px;float: right;margin-top: -22px;}
.design-blackdecov{background-color:black;height: 17px;width: 89px;float: right;margin-top: -21px;}
a.veux {font-weight: 700;}
.lig-mentor-deux-col{display: grid;padding: 40px 0px;grid-gap: 2px 0px;grid-template-columns: 580px;margin: 0 0 -8% 0%;}
.col-mentor-g{width:100%;}
.col-mentor-d{width:100%;}
ul.mentor-list{list-style-type: none;overflow: hidden;padding-left: 0px;width: 164%;}
li.mentor-liste{color: #0e2534;font-size: 15px;font-weight: normal;text-align: left;line-height: 1.5;font-family: 'Raleway', sans-serif;display: flex;align-items: center;gap: 8px;}
.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: 26px;font-weight: normal;background-color: #fff;flex-shrink: 0;display: flex;justify-content: left;border-radius: 8px;}
.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 5px 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: 5px;}
.bloc-bas-luc{display: grid;padding: 10px 0px;grid-gap: 2px 40px;grid-template-columns: 300px 150px 420px;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}
.cal-titre-testm{padding-left:0px;margin-left: -25px;}
.alig-img-portevoix{margin: 20px 0 30px -19px;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: 220px 270px;margin: 0 0 0 0%;}
.line-space-enseignant-g{width:100%;}
.line-space-enseignant-d{width:100%;}
.btn-space-enseign{margin: auto;letter-spacing: 2px;text-transform: uppercase;padding: 15px 6px;background-color: #7291a6;font-weight: bold;font-size: 9px;color: #fff;border-radius: 8px;}
.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:70%;margin-left: -50px;}
ul.pro-list{list-style-type: none;overflow: auto;padding-left: 0px;width: 165%;white-space: nowrap;}
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;}
.int-jdm-gras{font-size: 20px;font-weight: 800;text-transform: none;letter-spacing: 0px;line-height: 20px;margin: 5px 0 5px 10px;}
.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: 230px 320px;margin: 0 0 0 0%;}
.line-btn-coachg{width:80%;margin-left: 40px;}
.line-btn-coachd{width:100%;}
h2.titre-gras-rose{font-size:18px;padding:25px 0 5px 0px;font-weight: 600; color:#e64958;}
.difference-coach{display: grid;padding: 0px 0px;grid-gap: 2px 40px;grid-template-columns: 265px 265px;margin: 0 0 0 0%;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:45px;line-height: 24px;font-size: 16px;font-weight: 300;color: #000;}
.affi-img-s-page{width: 575px;}
.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}
h3.themiclila{font-size:15px; padding:10px;line-height: 24px;text-align: justify;font-weight:700;letter-spacing: 1px}
a.btn-call-action{float: left;letter-spacing: 2px;text-transform: uppercase;padding: 15px 20px;background-color: #e6ae49;font-weight: bold;font-size: 12px;color: #fff;}
a.btn-call-action:hover{color: #950e04;font-weight: bold;}
.call-bloc-action{text-align: center;margin: 5% 0 22% 0;}

/* ===================================
   Style des pages 1er niveau
====================================== */

.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: 20px; height: 20px;margin: -14px 8px 0 0;}
.ligntab{display: grid;padding: 0px 5px;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;}

/* ===================================
   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;}
/* 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: #fff;color: #0b1028;font-size: 10px;border-radius: 8px;padding:7.8px 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;}

/* ===================================
   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: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;}
.ligne-atelier-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;}
.ligne-atelier-droite{width:240px;display: flex;justify-content: left;height: 8vh;color:#0b1028;font-weight: 700;font-size:16px;padding:0% 0%;}

/* ===================================
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%;}
#search-form-topes {padding: 12px;width: 100%;background: #323232;color: white;height: 68px;text-transform: uppercase;font-size: 15px;margin-right: 15px;}
.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 60px;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: -5%;}
.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: -5%;}
	
/* ===================================
   Page process Inscription
====================================== */

.bloc-modal-trois-entrer{display: grid;padding: 0px 36px;grid-gap: 2px 5px;grid-template-columns: 260px 260px 260px;height: 45vh; }
.bloc-goch-modal{width:250px;display: flex;justify-content: center;align-items: center;height: 25vh; background-color: #7994a7;color:#0b1028;border-radius}
.bloc-middle-modal{width:250px;display: flex;justify-content: center;align-items: center;height: 25vh;background-color: #4d5162;color:#fefefe;border-radius}
.bloc-drigh-modal{width:250px;display: flex;ustify-content: center;align-items: center;height: 25vh;background-color: #7994a7;color:#0b1028;border-radius}
.text-parti-insc-popup{font-size: 12px;font-weight: 600;color:#000;margin-top: 35%;position: absolute;text-align: justify;line-height: 19px;width: 250px;top:-13px}
.text-pro-insc-popup{font-size: 12px;font-weight: 600;color: #000;margin-top: 35%;position: absolute;width: 250px;text-align: justify;line-height: 19px;}
.text-conseil-insc-popup{font-size: 12px;font-weight: 600;color:#000;margin-top: 35%;position: absolute;text-align: justify;line-height: 19px;width: 250px;top:-13px}
.grostitre-insc{font-size: 24px;font-weight: 700;color:#000;text-transform: uppercase;letter-spacing: 4px;line-height: 2px;text-align: left;margin: 5% 0 5% 5%;}
.gapinscript{display: grid;padding: 0px 5px;grid-gap: 2px 5px;grid-template-columns: 930px;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: 670px 250px;margin-left: 0%;}
.titrinscripv2{color: #323232;font-weight: 700;font-size: 18px;letter-spacing: 2px;line-height: 12px;text-align: left;margin-left: -3%;}		
.presinscripv2{color: #323232;font-weight: 600;font-size: 15px;letter-spacing: 2px;line-height: 22px;text-align: left;margin-top: 25px;}
.bloc-4img{display: grid;padding: 0px 15px 50px 0px;grid-gap: 40px 45px;grid-template-columns: 260px 260px;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;}
.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: 25px 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; background: #f9f9f9;}
.progress {margin-bottom: 20px;}
.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: 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 */}

/* ===================================
   Bloc footer
====================================== */
.bloc-footer{display: grid;padding: 0px 5px 55px 0px;grid-gap: 2px 35px;grid-template-columns: 385px 290px 200px;margin-left: -5.5%;}
.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 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;}
a.join-footer{font-size: 14px;font-weight: 700;font-family:arial;text-transform: uppercase;padding-left: 15px;color:#323232;}
a.join-footer:hover{color: #950e04;font-family:arial;text-transform: uppercase;padding-left: 15px;}
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;}

/* ===================================
Page Atelier découverte métier
====================================== */
.bloc-recherche-atelier{background-color: #c8d1f7;padding:15px 0 15px 30px;margin-left:-35px;width:110%;}
.ligne-atelier-bleu{display: grid;padding: 10px 5px 10px 0px;grid-gap: 2px 25px;grid-template-columns: 290px 270px 250px;}
.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 */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-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: 70%;right: 16px;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-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;}
/* 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: 70%;right: 16px;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-atelier-droit{width:270px;display: flex;justify-content: center;height: 8vh;color:#0b1028;font-weight: 700;font-size:16px;padding:0% 5%;}
#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:-35px;}
.block-atelier-goch{width:630px;}
.cadre-atelier-titre{padding:15px;color:#fff;font-weight:700;font-size:14px;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:280px; height:180px;}
.bloc-atelier-picto{display: grid;padding: 20px 5px 35px 0px;grid-gap: 30px 5px;grid-template-columns: 250px 450px;margin-left:0px;}
.atelier-picto-g{width:250px;text-align: left;font-size: 18px;font-weight: 700;color: #466174;}
.atelier-text-r{width:450px;text-align: left;font-size: 14px;font-weight: 500;color: #466174;}
.block-atelier-droit{width:280px;}
.text-donne-atelier{font-size: 14px;font-weight: 500;line-height: 22px;}
.gap-img-plan-atelier{margin-top: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 50px 0;height: auto;padding: 20px 35px 20px 35px;font-size: clamp(22px, 2vw, 15px); /* Ajuste la taille du texte selon l'écran */transition: all 0.3s ease-in-out;}

.bloc-coach-contenu{display: grid;padding: 0px 5px 35px 0px;grid-gap: 2px 35px;grid-template-columns: 560px 340px; margin-left:-35px;}
.block-principalg-coach	{width:560px;}
.block-principald-coach	{width:340px;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: 4%;text-align: center;padding-top: 15px;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.coach-list{list-style-type: none;overflow: auto;padding-left: 0px;white-space: nowrap;width: 920px;}
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:12px;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 */}
.dim-icon-coach svg {width: 24px; /* Ajuste la taille de l'icône */height: 24px;}


/* ===================================
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;}
}


@media (max-width: 992px) {
	
/* ===================================
   Homepage
====================================== */
.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%;}
.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: 8%;}
.textgras-3tm{font-size: 12px;font-weight: 600;line-height: 18px;margin-bottom: 25px;}
.insp {position: relative;padding: 12px;background-color: #ca8a0f;border-radius: 16px;left: 5px;width: 180px;margin-top: -102%;height: 70px;font-size: 22px;line-height: 25px;font-weight: 700;}
.rejoin {position: absolute;padding: 12px;background-color: #fff;border-radius: 16px 0;left: 60%;width: 140px;margin-top: -35%;height: 61px;font-size: 15px;line-height: 15px;font-weight: 700;}	
.textgraspro-10tm, .textgraspro-20tm{font-size: 50px;font-weight: 800;line-height: 45px;margin:1% 0 0 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: -265px;font-size: 14px;line-height: 17px;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: 111px;font-size: 12px;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: 25px;padding-bottom: 0px;margin:0 15px 0 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 0 35px; color:#797d8d; text-align:justify;}
.text-mentor-bloc-ho{font-size: 11px;font-weight: normal;line-height:15px;padding:0px 5px 0 5px;}
.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;font-weight: 700;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 45px;grid-template-columns: 215px 215px 215px;margin-left: 5.5%;}
.bloc-bas-bloc{display: grid;padding: 0px 15px 50px 0px;grid-gap: 2px 45px;grid-template-columns: 215px 215px 215px;margin-left: 5.5%;}
.titre-themem {font-size: 18px;letter-spacing: 0px;line-height: 22px;text-align: left;font-weight: 400;margin: 0px auto;width: 92%;padding: 0 0 35px 5px;}
.bloc-bouton-haut{display: grid;padding: 0px 5px;grid-gap: 2px 5px;grid-template-columns: 100%;margin: 3% 0 0 4%;}
.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;}
.txtbasbloc{margin: 10% 0 10% 5%;text-align: center;line-height: 15px;}	
.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.3rem;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: 12px 10px;}
.bloc-logo{display: grid;padding: 0px 5px;grid-gap: 2px 5px;grid-template-columns: 100%;margin: 9.5% 0 0 -0.5%;}
.ligne-logo-tm{display: grid;padding: 0px 5px 0px 0px;grid-gap: 2px 0px;grid-template-columns: 45px 220px 120px 160px 160px 30px;margin: -6% 0 0 0%;}
.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: 7px;margin-top: -11px;color: #000;font-weight: normal;}
.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: 25px;top: -0.51px;}
.see2 {position: relative;padding-left: 25px;top: 0px;}
.gap-logo-new{margin-top: 10px;display: block;}
i{font-size: 16px;padding: 0 9px 0 9px;}
.side-menu .menu-close {padding: 5px 0 7px 0;border: 2px solid #fff;border-radius: 50%;float: right;margin: 12px 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: 60%;}
.btn_menu_myespace-jts{background-color: #111111;color: #0b1028;border-radius: 10px 10px 10px 10px;padding: 10px 10px;width: 56%;}
.them-space{font-size: 12px;font-family:arial;text-transform: uppercase;padding-left: 10px;}
.icon-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{display: grid;padding: 0px 5px;grid-gap: 2px 5px;grid-template-columns: 1px 700px;margin: 4% 0 0 2%;}
.blockquote-hpg{width:100%;margin-left:1px;margin-top: 80px;padding-top: 70px;}
.text-blockquote-hpd{width:100%;margin-top:20%;}
.text-intro-hp{font-size: 12px;font-weight: 600;color: #fff;letter-spacing: 1px;line-height: 16px;padding: 10px 0 0 35px;text-align:justify;}
.overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;color: white;display: flex;align-items: center;justify-content: center;text-align: center;}
.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: 0 0 1% 0;font-size: 16px;font-weight: 500;line-height: 26px;width: 100%;color:#fff;text-align: left;}
.text-headr-blan{font-size:22px; font-weight:700;color:#fff;letter-spacing: 0px;line-height: 20px;padding: 4px 0 5px 0;}
.bas-header-plus{font-size:18px; font-weight:700;color:#fff;background-color: #fff;margin: 5px 0 10% 7%;width: 45%;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 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:-6px;margin-left:3px;}
.btn-top-droite{margin-top:0px;margin-left:0px;}
.bas-audessus-rejoind{margin-top: -25%;margin-left: 65%;z-index: 1000;position: absolute;}
a.menu-gauc-insc{font-size: 14px;font-weight: 700;font-family:arial;text-transform: uppercase;padding-left: 10px;color:#323232;}
a.menu-gauc-insc:hover{color: #950e04;font-family:arial;text-transform: uppercase;padding-left: 10px;}
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.menu-lien-g-modal{font-weight:700!important;font-size:17px!important; color:#0b1028!important;}
a.menu-lien-g-modal:hover{font-weight:700!important;font-size:17px!important; color:#323232!important;}
a.blc-link-insc{font-weight:700!important;font-size:17px!important; color:#fefefe!important;}
a.blc-link-insc:hover{font-weight:700!important;font-size:17px!important; color:#950e04!important;}

/* ===================================
   Page Notation
====================================== */
.ligne-deux-colonne-avis{display: grid;padding: 0px 5px;grid-gap: 2px 9px;grid-template-columns: 535px 200px;margin: 0 0 0 4.5%;}
.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;line-height: 24px;text-align: justify;font-weight:700;}
.bloc-bas-avis{width:535px;margin-bottom: 55px;}
.txt-bas-avis{font-size:17px;font-weight:700;margin: 5px 0 5px 0;}
h1.titre-page{font-size: 20px;font-weight: bold;letter-spacing: 1px;line-height: 23px;text-align: justify;margin: 0 0 25px 0;padding-top: 0px;}

/* ===================================
   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-team{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: 15px 0 5px 0;height: auto;padding: 20px 5px 20px 5px;font-size: clamp(22px, 2vw, 15px);transition: all 0.3s ease-in-out;}
.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-teamst{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;}
.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: 300px;display: block;margin: 0 15px 0 0;}
a.btn-teame{color:#fff;font-weight: 600;display: inline-flex;}
.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: 20px;width: 101%;margin: 25px 0 10px 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 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 0px;grid-template-columns: 178px;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: 0px 0 0 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 25px 25px 25px;font-size: 16px;font-weight: normal;line-height: 24px;}
.txte-bas-poste{margin: 1px 0 25px 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: 22px;text-align: justify;font-weight: 700;}
.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
====================================== */
.fond-blok-mov-btn{margin:-21px 0 0px 10px;height: 110px;}
.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:-24px;}
.design-blackdecov{background-color:black;height: 17px;width: 90px;float: right;margin-top: -26px;}
a.veux {font-weight: 700;}
.lig-mentor-deux-col{display: grid;padding: 40px 0px;grid-gap: 2px 40px;grid-template-columns: 600px;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: 130%;overflow-x: auto;}
li.mentor-liste{width: 130%;color: #0e2534;font-size: 14px;font-weight: normal;text-align: left;line-height: 1.6;font-family: 'Raleway', sans-serif;display: flex;align-items: center;gap: 8px;}
.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: 26px;font-weight: normal;background-color: #fff;flex-shrink: 0;display: flex;justify-content: left;border-radius: 8px;}
.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;margin: 2px 0 2px 0;}
.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: 5px;}
.bloc-bas-luc{display: grid;padding: 0px 0px;grid-gap: 2px 40px;grid-template-columns: 200px 150px 290px;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}
.alig-img-portevoix{margin: 20px 0 30px 10px;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: 480px;margin: 0 0 0 0%;}
.line-space-enseignant-g{width:100%;}
.line-space-enseignant-d{width:100%;}
.btn-space-enseign{margin: auto;letter-spacing: 2px;text-transform: uppercase;padding: 15px 16px;background-color: #7291a6;font-weight: bold;font-size: 12px;color: #fff;border-radius: 8px;}
.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 15px;}
.txt-bas-basenseign{font-size: 17px;font-weight: 700;margin: 5px 0 55px -15px;text-align: justify;}
.decal-message-enseign{width:72%;margin-left: 15px;}
ul.pro-list{list-style-type: none;overflow: auto;padding-left: 0px;width: 135%;white-space: nowrap;}
h2.txt-bas-pro{font-size: 17px;font-weight: 700;text-transform: none;letter-spacing: 0px;line-height: 20px;margin: 5px 0 5px 0;}
h3.faque{font-size: 15px;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: 5px 0 5px 0;}
.int-jdm-gras{font-size: 20px;font-weight: 800;text-transform: none;letter-spacing: 0px;line-height: 20px;margin: 5px 0 5px 25px;}
.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: 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%;}
h2.titre-gras-rose{font-size:18px;padding:25px 0 5px 0px;font-weight: 600; color:#e64958;}
.difference-coach{display: grid;padding: 0px 0px;grid-gap: 2px 40px;grid-template-columns: 330px 345px;margin: 0 0 0 0%;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:45px;line-height: 24px;font-size: 16px;font-weight: 300;color: #000;}
.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:10px;line-height: 24px;text-align: justify;font-weight:700;letter-spacing: 1px}
h3.themiclila{font-size:15px; padding:10px;line-height: 24px;text-align: justify;font-weight:700;letter-spacing: 1px}
a.btn-call-action{float: left;letter-spacing: 2px;text-transform: uppercase;padding: 15px 20px;background-color: #e6ae49;font-weight: bold;font-size: 12px;color: #fff;}
a.btn-call-action:hover{color: #950e04;font-weight: bold;}
.call-bloc-action{text-align: center;margin: 5% 0 24% 0;}

/* ===================================
   Style des pages 1er niveau
====================================== */

.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: 15px; font-size: 11px}
a.txtsommaire:hover{color: #950e04;}
.iconsommaire{width: 25px; height: 25px;margin: -14px 2px 0 0;}
.ligntab{display: grid;padding: 0px 5px;grid-gap: 2px 5px;grid-template-columns: 110px 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;}


/* ===================================
   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;}
/* Contenu du modal avec animation */
.modal-content {background: white;padding: 20px;border-radius: 8px;width: 700px;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: #fff;color: #0b1028;font-size: 13px;border-radius: 8px;padding:7.8px 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:11px;font-weight: normal;}

/* ===================================
   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
====================================== */
.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: 20px 15px;grid-template-columns: 300px 300px;}
.ligne-atelier-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-atelier-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-atelier-droite{width:240px;display: flex;justify-content: left;height: 9vh;color:#0b1028;font-weight: 700;font-size:16px;padding:0% 0%;}

/* ===================================
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;}
#search-form-topes {padding: 12px;width: 100%;background: #323232;color: white;height: 67px;text-transform: uppercase;font-size: 15px;margin-right: 15px;}
.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 35px;grid-template-columns: 350px 350px;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 10px;}
.titbpagev2{font-size:20px; font-weight:700;color:#fff;letter-spacing: 1px;line-height: 19px;text-align:left;padding: 0 0 15px 10px;}
.img-bas-article{width:50%;display: block;margin: auto;}	
	
/* ===================================
   Page process Inscription
====================================== */

.bloc-modal-trois-entrer{display: grid;padding: 0px 6px;grid-gap: 2px 10px;grid-template-columns: 200px 200px 200px;height: 45vh; }
.bloc-goch-modal{width:200px;margin-top: -5px;display: flex;justify-content: center;align-items: center;height: 23vh; background-color: #7994a7;color:#0b1028;font-weight: 700;border-radius:25px;font-size:10px;padding:0 5%;line-height: 15px;}
.bloc-middle-modal{width:200px;margin-top: -5px;display: flex;justify-content: center;align-items: center;height: 23vh;background-color: #4d5162;color:#fefefe;font-weight: 700;border-radius:25px;font-size:10px;padding:0 5%;line-height: 15px;}
.bloc-drigh-modal{width:200px;margin-top: -5px;display: flex;justify-content: center;align-items: center;height: 23vh;background-color: #7994a7;color:#0b1028;font-weight: 700;border-radius:25px;font-size:10px;padding:0 5%;line-height: 15px;}
.text-parti-insc-popup{font-size: 11px;font-weight: 600;color:#000;margin-top: 21%;position: absolute;text-align: justify;line-height: 13px;width: 180px;top:0px}
.text-pro-insc-popup{font-size: 11px;font-weight: 600;color:#000;margin-top: 21%;position: absolute;text-align: justify;line-height: 13px;width: 190px;top:0px}
.text-conseil-insc-popup{font-size: 11px;font-weight: 600;color:#000;margin-top: 21%;position: absolute;text-align: justify;line-height: 13px;width: 190px;top:0px}
.grostitre-insc{font-size: 24px;font-weight: 700;color:#000;text-transform: uppercase;letter-spacing: 4px;line-height: 2px;text-align: left;margin: 2% 0 5% 5%;}
.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: 500px 250px;}
.esp-vign-inscrip{width:100%;}
.titrinscripv2{color: #323232;font-weight: 700;font-size: 18px;letter-spacing: 2px;line-height: 21px;text-align: justify;margin-left: -8px;}		
.presinscripv2{color: #323232;font-weight: 500;font-size: 14px;letter-spacing: 2px;line-height: 19px;text-align: left;margin: 25px 0 25px 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;}
.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: 25px 0px;width: 100%;}
.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: 20px;}
.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: 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 */}

/* ===================================
   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 -1%;}
.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;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: 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;}
.footer-logo {max-width: 100%;display: inline-block;width: 100%;margin-left:0px;}
.footer {background-color: #c8d1f7;color: #0b1028;width: 100%;display: block;}
.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;}
a.join-footer{font-size: 11px;font-weight: 600;line-height: 0.9rem;font-family:arial;text-transform: uppercase;padding-left: 10px;color:#323232;}
a.join-footer:hover{color: #950e04;font-family:arial;text-transform: uppercase;padding-left: 10px;}
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;}

/* ===================================
Page Atelier découverte métier
====================================== */
.bloc-recherche-atelier{background-color: #c8d1f7;padding:15px 0 15px 20px;margin-left:20px;width: 100%;}
.ligne-atelier-bleu{display: grid;padding: 10px 5px 10px 0px;grid-gap: 2px 15px;grid-template-columns: 250px 200px 100px;}
.ligne-atelier-goch{width:350px;display: flex;justify-content: center;align-items: center;height: 18vh;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-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: 70%;right: 16px;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-atelier-middle{width:350px;display: flex;justify-content: center;align-items: center;height: 18vh;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-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: 70%;right: 16px;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-atelier-droit{width:230px;display: flex;justify-content: center;height: 18vh;color:#0b1028;font-weight: 700;font-size:16px;padding:0% 5%;}
#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: 500px 230px;margin-left:20px;}
.block-atelier-goch{width:500px;}
.cadre-atelier-titre{padding:0px;color:#fff;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:230px; height:180px;}
.bloc-atelier-picto{display: grid;padding: 20px 5px 35px 0px;grid-gap: 30px 5px;grid-template-columns: 250px 450px;margin-left:0px;}
.atelier-picto-g{width:250px;text-align: left;font-size: 18px;font-weight: 700;color: #466174;}
.atelier-text-r{width:450px;text-align: left;font-size: 14px;font-weight: 500;color: #466174;}
.block-atelier-droit{width:230px;}
.text-donne-atelier{font-size: 14px;font-weight: 500;line-height: 22px;text-align: left;}
.gap-img-plan-atelier{margin-top: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-top: 25px;height: auto;padding: 20px 35px 20px 35px;font-size: clamp(22px, 2vw, 15px); /* Ajuste la taille du texte selon l'écran */transition: all 0.3s ease-in-out;}
.bloc-coach-contenu{display: grid;padding: 0px 5px 35px 0px;grid-gap: 2px 35px;grid-template-columns: 455px 250px; margin-left:20px;}
.block-principalg-coach	{width:455px;}
.block-principald-coach	{width:250px;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: 70%;height: 4%;text-align: center;padding-top: 15px;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 35px 0px;grid-gap: 2px 30px;grid-template-columns: 300px 400px; margin-left:0px;}
.aime-coach-g{width:300px;}
.aime-coach-d{width:400px;}
ul.coach-list{list-style-type: none;overflow-x: auto;padding-left: 0px;width: 680px;}
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 */}
.dim-icon-coach svg {width: 24px; /* Ajuste la taille de l'icône */height: 24px;}

/* ===================================
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;}
}



@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)
{

/* ===================================
   Homepage
====================================== */
.leadparent{line-height: 24px;font-size: 15px;font-weight: 300;color: #000;text-align: justify;}
.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: 10px 10px;width: 56%;}
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%;}
.insp {position: absolute;padding: 12px;background-color: #ca8a0f;border-radius: 16px;left: 5px;width: 180px;margin-top: 19%;height: 70px;font-size: 22px;line-height: 25px;font-weight: 700;}
.rejoin {position: relative;padding: 12px;background-color: #fff;border-radius: 16px 0;left: 59%;width: 150px;margin-top: -29%;height: 61px;font-size: 18px;line-height: 15px;font-weight: 700;}
.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: 100%;margin: 0 0 5% 2.2%;}
.bloc-metier-fich-g{width:360px;margin-top: 15%;margin-bottom: 28%;}
.bloc-metier-fich-d{width:342px;margin-bottom: 15%;margin-left: 3.7%;}
.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;background-color: #ca8a0f;border-radius: 16px 16px 0 16px;bottom: 10px;left: 3.5%;width: 184px;height: 122px;margin-top: -311px;font-size: 14px;line-height: 15px;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: 98px;font-size: 12px;line-height: 15px;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 5px;grid-gap: 2px 5px;grid-template-columns: 100%;margin: 0 0 5% 3.6%;}
.bloc-adop-commu-g{width:345px;margin-top: 1px;margin-bottom: 15%;}
.bloc-adop-commu-d{width:425px;margin-top: 15px ;margin-left: -55px;background-color: #e9eef5;}
.coulorangbar{background-color:#fdbe49; width:425px; height:35px;}
.textcommu-1tm{font-size: 14px;font-weight: 700;line-height: 25px;margin: 25px 0 0 15%;}
.textcommu-2tm{font-size: 19px;font-weight: 700;line-height:25px;padding-bottom: 7%;margin:20px 20px 0 15%;}
.textcommu-3tm{font-size: 24px;font-weight: 700;line-height: 32px;padding-bottom: 8%;margin:0 25px 0 15%; color:#797d8d; text-align:justify;}
.textcommu-4tm{font-size: 16px;font-weight: 700;line-height: 22px;margin-left:15%;}
.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: 2.8%;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;font-weight: 700;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: 345px;margin-left: 1.5%;}
.bloc-bas-bloc{display: grid;padding: 0px 15px 5px 0px;grid-gap: 2px 0px;grid-template-columns: 345px;margin-left: 1.5%;}
.titre-themem {font-size: 18px;letter-spacing: 0px;line-height: 22px;text-align: left;font-weight: 400;margin: 0px auto;width: 95%;padding: 20px 0px 35px 1px;}
.bloc-bouton-haut{display: grid;padding: 0px 5px;grid-gap: 2px 5px;grid-template-columns: 100%;margin: 10% 0 0 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 4.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;}
.txtbasbloc{margin: 0px auto;text-align: center;padding-left: 6%;}	
.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: 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 5px;grid-gap: 2px 5px;grid-template-columns: 100%;margin: 11% 0 0 -5.5%;}
.ligne-logo-tm{display: grid;padding: 0px 5px 0px 0px;grid-gap: 2px 0px;grid-template-columns: 52px 220px 62px 30px 30px 30px;margin: -6% 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: 7px;margin-top: -11px;color: #000;font-weight: normal;}
.to {font-size: 20px;font-weight: bold;color: #fff;position: absolute;top: 26px;}
.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: 5px 0 7px 0;border: 2px solid #fff;border-radius: 50%;float: right;margin: 12px 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-left: -9px;}
.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{display: grid;padding: 0px 5px;grid-gap: 2px 5px;grid-template-columns: 1px 310px;margin: 0 0 0 0%;}
.blockquote-hpg{width:100%;margin-left:22px;margin-top:50px;padding-top:70px;}
.text-blockquote-hpd{width:100%;margin-top: 30%;}
.text-intro-hp{font-size: 13px;font-weight: 600;color: #fff;letter-spacing: 1px;line-height: 20px;padding: 0px 0 0 20px;text-align:justify;}
.overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;color: white;display: flex;align-items: center;justify-content: center;text-align: center;}
.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: 95%;margin: 0px;font-size: 13px;font-weight: 500;line-height: 20px;width: 117%;color:#fff;text-align: justify;}
.text-headr-blan{font-size:25px; font-weight:700;color:#fff;letter-spacing: 0px;line-height: 25px;padding: 14px 0 25px 0;}
.bas-header-plus{font-size:18px; font-weight:700;color:#0b1028;background-color: #fff;text-align: center;margin: 25px auto;margin-left: 6%;width: 93%;float: left;padding: 10px;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: 700;font-family:arial;text-transform: uppercase;padding-left: 10px;color:#323232;}
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.menu-lien-g-modal{font-weight:700!important;font-size:17px!important; color:#0b1028!important;}
a.menu-lien-g-modal:hover{font-weight:700!important;font-size:17px!important; color:#323232!important;}
a.blc-link-insc{font-weight:700!important;font-size:17px!important; color:#fefefe!important;}
a.blc-link-insc:hover{font-weight:700!important;font-size:17px!important; color:#950e04!important;}
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;}

/* ===================================
   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:30px 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:30px;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: 17px;font-weight: bold;letter-spacing: 0px;line-height: 24px;text-align: justify;margin: 30px 0;padding-top: 10px;}

/* ===================================
   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-team{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: 25px 0 10px 0;height: auto;padding: 20px 5px 20px 5px;font-size: clamp(12px, 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: 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;}
.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: 20px;width: 101%;margin: 25px 0 10px 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 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 25px;font-size: 16px;font-weight: normal;line-height: 24px;}
.txte-bas-poste{margin: 1px 0 25px 0;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: 22px;text-align: justify;font-weight: 700;}
.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
====================================== */
.fond-blok-mov-btn{margin:20px;height: 110px;}
.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: -26px;}
a.veux {font-weight: 700;}
.lig-mentor-deux-col{display: grid;padding: 40px 0px;grid-gap: 2px 40px;grid-template-columns: 340px;margin: 0 0 0 0%;}
.col-mentor-g{width:100%;}
.col-mentor-d{width:100%;}
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.5;font-family: 'Raleway', sans-serif;display: flex;align-items: center;gap: 8px;width: 2800px;}
.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: 26px;font-weight: normal;background-color: #fff;flex-shrink: 0;display: flex;justify-content: left;border-radius: 8px;}
.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;}
.dim-icon-testmetier{margin:0px 0 0 0;}
.dim-icon-mentorbis{margin:-5px 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 0px;grid-template-columns: 340px;margin: 0 0 0 0%;}
.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%;}
.btn-space-enseign{margin: auto;letter-spacing: 0px;text-transform: uppercase;padding: 15px 15px;background-color: #7291a6;font-weight: normal;font-size: 11px;color: #fff;border-radius: 8px;}
.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:100%;margin-left: 0px;}
ul.pro-list{list-style-type: none;overflow: auto;padding-left: 0px;width: 100%;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;}
.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: 600;text-transform: none;letter-spacing: 0px;line-height: 20px;margin: 25px 0 5px 0;}
.int-jdm-gras{font-size: 20px;font-weight: 800;text-transform: none;letter-spacing: 0px;line-height: 20px;margin: 25px 5px 5px 25px;}
.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: 340px;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: 330px;margin: 0 0 0 0%;}
.line-btn-coachg{width:80%;}
.line-btn-coachd{width:100%;}
h2.titre-gras-rose{font-size:18px;padding:25px 0 5px 0px;font-weight: 600; color:#e64958;}
.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:100%;}
.dif-coachd{width:100%;}
.calage-spage{margin-top:45px;line-height: 24px;font-size: 16px;font-weight: 300;color: #000;}
.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}
h3.themiclila{font-size:15px; padding:10px 25px;line-height: 24px;text-align: justify;font-weight:700;letter-spacing: 1px}
a.btn-call-action{float: left;line-height: 20px;letter-spacing: 2px;text-transform: uppercase;padding: 15px 20px;background-color: #e6ae49;font-weight: bold;font-size: 12px;color: #fff;}
a.btn-call-action:hover{color: #950e04;font-weight: bold;line-height: 20px;}
.call-bloc-action{text-align: center;margin: 7% 0 40% 0;}

/* ===================================
   Style des pages 1er niveau
====================================== */

.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: 18px; font-size: 14px}
a.txtsommaire:hover{color: #950e04;}
.iconsommaire{width: 20px; height: 20px;margin: -10px 8px 0 0;}
.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;}


/* ===================================
   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;}
.modal-content {background: white;padding: 20px;border-radius: 8px;margin-left: -5px;width: 355px;text-align: center;position: relative;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: #fff;color: #0b1028;font-size: 10px;border-radius: 8px;padding:7.8px 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;}

/* ===================================
   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 */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-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 */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-droite{width:100%;display: flex;justify-content: left;height: 8vh;color:#0b1028;font-weight: 700;font-size:16px;padding:0% 0%;}


/* ===================================
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: 70%;right: 16px;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: 70%;right: 16px;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 atelier decouverte metier
====================================== */
.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:-3%;}
.bloc-haut-atelier{display: grid;padding: 0px 15px 50px 0px;grid-gap: 2px 35px;grid-template-columns: 345px;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 10px;}
.titbpagev2{font-size:20px; font-weight:700;color:#fff;letter-spacing: 1px;line-height: 19px;text-align:left;padding: 0 0 15px 10px;}
.img-bas-article{width:100%}

	
/* ===================================
   Page process Inscription
====================================== */
.bloc-modal-trois-entrer{display: grid;padding: 0px 26px;grid-gap: 2px 5px;grid-template-columns:300px;height: 70vh; }
.bloc-goch-modal{width:250px;display: flex;justify-content: center;align-items: center;height: 20vh; background-color: #7994a7;color:#0b1028;font-weight: 700;border-radius:25px;font-size:15px;padding:11%;line-height: 21px;}
.bloc-middle-modal{width:250px;display: flex;justify-content: center;align-items: center;height: 20vh;background-color: #4d5162;color:#fefefe;font-weight: 700;border-radius:25px;font-size:15px;padding:11%;line-height: 21px;}
.bloc-drigh-modal{width:250px;display: flex;justify-content: center;align-items: center;height: 20vh;background-color: #7994a7;color:#0b1028;font-weight: 700;border-radius:25px;font-size:15px;padding:11%;line-height: 21px;}
.text-parti-insc-popup{font-size: 12px;font-weight: 600;color:#000;margin-top: 35%;position: absolute;text-align: justify;line-height: 19px;width: 250px;top:-13px;display: none;}
.text-pro-insc-popup{font-size: 12px;font-weight: 600;color: #000;margin-top: 35%;position: absolute;width: 250px;text-align: justify;line-height: 19px;display: none;}
.text-conseil-insc-popup{font-size: 12px;font-weight: 600;color:#000;margin-top: 35%;position: absolute;text-align: justify;line-height: 19px;width: 250px;top:-13px;display: none;}
.grostitre-insc{font-size: 24px;font-weight: 700;color:#000;text-transform: uppercase;letter-spacing: 4px;line-height: 28px;text-align: left;margin: 5% 0 5% 5%;}
.gapinscript{display: grid;padding: 0px 5px;grid-gap: 2px 5px;grid-template-columns: 350px;margin-left: 0%;}
.esp-vign-inscrip{width:100%;}
.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: 18px;letter-spacing: 2px;line-height: 20px;text-align: justify;}		
.presinscripv2{color: #323232;font-weight: 500;font-size: 15px;letter-spacing: 1px;line-height: 19px;text-align: justify;margin-top: 25px;}
.bloc-4img{display: grid;padding: 0px 15px 0px 0px;grid-gap: 0px 0px 25px 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;}
.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: 25px auto;width: 70%;}
.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; background: #f9f9f9;}
.progress {margin-bottom: 20px;}
.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{margin: 25px auto;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 */}
.intitu-titre-page{margin:20px 18px 20px 18px;}

/* ===================================
   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% 4%;width: 92%;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: 232px 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: -8%;}
.bloc-haut-c{display: grid;padding: 0px 5px;grid-gap: 2px 5px;grid-template-columns: 70px 282px;margin-left: -6%;}
.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;}
.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;top: 26px;}
.metier_footer{font-size: 9px;margin: -4px 0 12px -7px;line-height: 8px;font-weight: normal;}
.gap-logo-footer{margin-top: 1px;display: block;}
a.join-footer{font-size: 14px;font-weight: 700;font-family:arial;text-transform: uppercase;padding-left: 10px;color:#323232;}
a.join-footer:hover{color: #950e04;font-family:arial;text-transform: uppercase;padding-left: 10px;}
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;}

/* ===================================
Page Atelier découverte métier
====================================== */
.bloc-recherche-atelier{background-color: #c8d1f7;padding:15px 0 15px 40px;margin-left:0px;}
.ligne-atelier-bleu{display: grid;padding: 10px 5px 10px 0px;grid-gap: 20px 25px;grid-template-columns: 260px;}
.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;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-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: 70%;right: 16px;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-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;}
/* 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: 70%;right: 16px;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% 0%;}
#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:325px; height:220px;}
.bloc-atelier-picto{display: grid;padding: 20px 5px 35px 0px;grid-gap: 30px 5px;grid-template-columns: 120px 220px;margin-left:0px;margin-bottom:55px;}
.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;}
.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: 700;margin: 0 25px 0 0 ;height: auto;padding: 20px 10px 20px 10px;font-size: clamp(16px, 2vw, 15px); /* Ajuste la taille du texte selon l'écran */transition: all 0.3s ease-in-out;}

.bloc-coach-contenu{display: grid;padding: 0px 5px 35px 0px;grid-gap: 2px 35px;grid-template-columns: 350px; margin-left:0px;}
.block-principalg-coach	{width:100%;}
.block-principald-coach	{width:100%;text-align:left;margin-left: -8px;}
.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: 70%;height: 3%;text-align: center;padding-top: 15px;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.coach-list{list-style-type: none;overflow: auto;padding-left: 0px;width:300px;}
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 */}
.dim-icon-coach svg {width: 24px; /* Ajuste la taille de l'icône */height: 24px;}

/* ===================================
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;}
}