.njt-nofi-container {
z-index: 999;
width: 100%;
}
.njt-nofi-notification-bar {
position: relative;
display: flex;
align-items: center;
padding: 0 10px;
}
.njt-nofi-notification-bar .njt-nofi-content {
text-align: center;
margin: auto;
padding: 10px 50px;
}
.njt-nofi-notification-bar .njt-nofi-text {
display: inline-block;
}
.njt-nofi-notification-bar .njt-nofi-button {
display: inline-block;
}
.njt-nofi-padding-text {
padding: 5px;
}
.njt-nofi-notification-bar .njt-nofi-button .njt-nofi-button-text {
text-decoration: none;
}
.njt-nofi-button-text.njt-nofi-padding-text {
padding: 8px 12px;
}
.njt-nofi-notification-bar .njt-nofi-button {
transition: transform 0.5s;
min-width: fit-content;
}
.njt-nofi-notification-bar .njt-nofi-button:hover {
-ms-transform: scale(1.05);
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
.njt-nofi-notification-bar .njt-nofi-hide {
text-decoration: none;
display: flex;
align-items: center;
}
.njt-nofi-notification-bar .njt-nofi-hide span {
display: flex;
align-items: center;
}
.njt-nofi-notification-bar .njt-nofi-hide .njt-nofi-close-icon {
width: 100%;
height: 100%;
padding: 7px;
}
.njt-nofi-close-icon-container {
width: 25px;
height: 25px;
border-radius: 50px;
background: #0000002e;
transition: transform 0.5s;
display: flex;
align-items: center;
}
.njt-nofi-notification-bar .njt-nofi-hide .njt-nofi-close-icon-container:hover {
-ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1);
}
.njt-nofi-display-toggle {
position: absolute;
right: 15px;
z-index: 9999;
padding: 8px 5px;
display: none;
text-decoration: none;
}
.njt-nofi-display-toggle .njt-nofi-display-toggle-icon {
-webkit-transform: rotate(45deg) translate3d(0, 0, 0);
transform: rotate(45deg) translate3d(0, 0, 0);
width: 100%;
height: 100%;
padding: 7px;
}
.njt-nofi-display-toggle .njt-nofi-display-toggle-icon:hover {
-ms-transform: scale(1.2) rotate(45deg) translate3d(0, 0, 0); -webkit-transform: scale(1.2) rotate(45deg) translate3d(0, 0, 0); transform: scale(1.2) rotate(45deg) translate3d(0, 0, 0);
}
.customize-partial-edit-shortcuts-shown
.njt-nofi-container
.customize-partial-edit-shortcut-button {
left: 5px;
top: 10px;
}
.customize-partial-edit-shortcuts-shown
.njt-nofi-container
.customize-partial-edit-shortcut {
position: inherit;
}
.njt-nofi-container .customize-partial-refreshing {
opacity: 1;
transition: opacity 0.25s;
cursor: progress;
}
.njt-nofi-align-content {
display: flex;
justify-content: center;
align-items: center;
}
.njt-display-none {
display: none;
}
.diplay-device-deskop {
display: block;
}
.diplay-device-mobile {
display: none;
}
@media only screen and (max-width: 480px) {
.njt-nofi-align-content {
flex-wrap: wrap;
}
.njt-nofi-notification-bar .njt-nofi-content {
padding: 10px 20px;
}
.njt-nofi-notification-bar .njt-nofi-hide {
right: 5px;
top: 12px;
}
.njt-display-deskop {
display: none;
}
.njt-display-mobile {
display: block;
}
.diplay-device-deskop {
display: none;
}
.diplay-device-mobile {
display: block;
}
}:root {
--primary-blue: #2E5FAC;
--primary-green: #01A93A;
--primary-yellow: #F3BC00;
--primary-red: #D3111B;
--secondary-navy: #0D1A30;
--secondary-grey: #BDC0C6;
--secondary-grey2: #F0F0F0;
--secondary-grey3: #F4F4F6;
--swiper-theme-color: #2E5FAC !important;
--swiper-navigation-size: 25px !important;
}
::selection {
background-color: var(--primary-blue) !important;
}
.alert {
background: white !important;
border-radius: 0px !important;
border-width: 0px 0px 0px 4px !important;
box-shadow: rgba(0, 0, 0, 0.10) 0px 18px 50px -10px !important;
}
.satisfactionForma {
display: flex;
gap: 10px;
justify-content: center;
}
.containerStarsForma {
padding-top: 40px !important;
}
.bigForma {
font-size: 46px;
font-weight: 900;
font-family: Lato;
color: #4E80D0;
}
.tinyForma {
display: flex;
align-items: center;
color: #010101;
font-size: 14px;
font-family: Lato;
max-width: 160px;
}
.containerStarsForma i, .containerStarsForma svg {
width: 43Px !important;
fill: #F3BC00 !important;
height: 41px !important;
padding: 0px !important;
color: #F3BC00;
font-size: 33px;
margin: 0px !important;
}
.flexStarsForma {
display: flex;
justify-content: center;
align-items: center;
align-content: center;
padding-top: 23px;
}
.containerStarsForma svg {
margin-top: -23px !important;
}
@media (prefers-color-scheme: dark) {
.signedLight {
text-decoration-color: black !important;
text-decoration: none !important;
}
footer::before {
background-image: none !important;
}
}
body {
transition: 0.15s opacity, filter ease-in-out;
opacity: 1;
}
html {
overflow-x: hidden;
}
.popup__overlay {
display: none;
justify-content: center;
align-items: center;
position: fixed;
height: 100%;
z-index: 99999;
width: 100%;
top: 0px;
left: 0px;
background: rgba(0,0,0,0.6);
}
.popup__window {
display: block;
position: relative;
font-family: Lato;
width:100%;
height: auto;
padding: 0px;
border-radius: 6px;
background: #f4f8fa;
border-top: 5px solid #67d0f4;
box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.single-outil .swiper .swiper-button-prev, .single-outil .swiper .swiper-button-next {
display: block !important;
top: 94% !important;
}
#side-pop-tool .btnx a {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
}
#popup_quit {
display: block;
position: absolute;
top: 10px;
font-size: 13px;
font-family: Lato;
cursor: pointer;
color: black;
right: 10px;
z-index: 99999;
}
.hs_external_hubspot {
display: block;
position: relative;
height: 100vh;
width: 100%;
}
.openPopup {
display: flex;
}
.openPopup .popup__window {
-webkit-animation: 0.15s ease-in-out 0s openPop;
animation: 0.15s ease-in-out 0s openPop;
}
@-webkit-keyframes openPop {
from { opacity: 0; } 
to { opacity: 1; }  
}
@keyframes openPop { 
from { opacity: 0; } 
to { opacity: 1; }   
}
.backdrp::before {
content: " ";
display: block;
position: absolute;
width: 100%;
height: 100%;
background: white;
z-index: 99;
}
.material-symbols-outlined {
font-variation-settings:
'FILL' 0,
'wght' 400,
'GRAD' 0,
'opsz' 48
}
.response {
max-height: 0px;
overflow: hidden;
transition: 0.2s all ease-in-out;
}
.response.opened {
max-height: 900px !important;
}
.response {
font-family: Inter;
font-size: 17px;
color: var(--secondary-navy);
font-style: italic !important;
}
.question {
cursor: pointer;
font-family: Inter;
font-weight: 800;
font-size: 18px;
display: inline-block;
color: var(--primary-blue);
}
.question.opened::after {
transform: rotate(180deg);
}
.question::after {
content: "\e5cf";
font-family: 'Material Symbols Outlined';
font-size: 19px;
transition: 0.15s all ease-in-out;
top: 4px;
display: inline-block;
position: relative;
margin-left: 5px;
} @media all and (min-width: 1340px) and (max-width: 1650px) {
.menuL ul li a, .menuR ul li a {
margin-right: 25px !important;
font-size: 15px !important;
}
}
@media all and (min-width: 1066px) and (max-width: 1340px) {
.menuL ul li a, .menuR ul li a {
margin-right:20px !important;
font-size: 13px !important;
}
.dropdwn a::after {
font-size: 16px !important;
top: -2px !important;
right: -16px !important;
}
}  @media all and (max-width: 1248px) and (min-width: 1065px) {
.headL, .topNav {
padding: 24px 10px 0px 10px !important;
}
.headL li a {
font-size: 14px !important;
}
.headL .btnx a {
padding: 10px 16px !important;
font-size: 14px !important;
}
.numLogoTiny {
margin-right: 10px !important;
}
}
@media all and (max-width: 1065px) and (min-width: 0px) {
.headL, .topNav {
display: none;
}
.respHeader {
display: flex !important;
position: fixed !important;
flex-direction: column;
}
.pg-3-mobile {
padding: 22px !important;
}
.showDrop {
left: 0px !important;
}
}
@media all and (min-width: 375px) and (max-width: 992px) {
.apropos .row::after {
content: " ";
display: none !important;
}
.relatedImage img {
height: 85% !important;
}
.relatedImage::after {
display: block;
content: " ";
border-radius: 0px;
position: absolute;
height: 100%;
width: 254px;
background: #224781;
z-index: 1;
right: -30px;
top: 0px;
}
.container-prestations {
grid-template-columns: repeat(2, 1fr) !important;
}
.singleCasC .excerpt__cas {
font-size: 18px !important;
}
}
@media all and (min-width: 1440px) {
.headerFormation, .headerFormationPro {
padding: 86px 76px !important;
}
.single__cas h2 {
font-size: 32px !important;
}
.singleCasC h2 {
font-size: 28px !important;
}
}
@media all and (min-width: 992px) and (max-width: 1440px) {
.headerFormation, .headerFormationPro {
padding: 78px 32px !important;
}
.headerFormation h1 {
font-size: 56px !important;
}
.excerpt__cas {
font-size: 20px !important;
}
.single__cas h2 {
font-size: 32px !important;
}
.singleCasC h2 {
font-size: 24px !important;
}
}
@media all and (min-width: 767px) {
.bluedFormation .row {
padding: 80px !important;
}
}
@media all and (min-width: 768px) and (max-width: 992px) {
.headerFormation, .headerFormationPro {
padding: 68px 24px !important;
}
.headerFormation h1 {
font-size: 40px !important;
}
.singleCasC h2 {
font-size: 20px !important;
}
.excerpt__cas {
font-size: 18px !important;
}
.single__cas h2 {
font-size: 24px !important;
}
.headerFormation .subtitle {
font-size: 18px !important;
}
.filterButton {
display: flex !important;
}
.filterBar {
max-height: 0px;
overflow: hidden;
}
.singleCasC .excerpt__cas {
font-size: 18px !important;
}
}
@media all and (min-width: 375px) and (max-width: 768px) {
.headerFormation, .headerFormationPro {
padding: 56px 16px !important;
min-height: 740px !important;
}
.headerFormationPro h1 {
font-size: 36px !important;
}
.single__cas {
position: relative;
flex-shrink: 0 !important;
width: 100% !important;
}
.single__cas_related {
flex: 100%;
}
.cas_clients__related {
flex-wrap: wrap;
}
.singleCasC h2 {
font-size: 20px !important;
}
.cas__clients_top {
overflow-x: scroll !important;
overflow-y: hidden !important;
}
.single__cas h2 {
font-size: 24px !important;
}
.excerpt__cas {
font-size: 20px !important;
}
.filterBar {
max-height: 0px;
overflow: hidden;
}
.headerFormation::after {
height: 350px !important;
width: 100% !important;
background-image: url(https://numericoach.fr/wp-content/themes/numericoach-theme/assets/images/cutout_coach-top.png) !important;
background-position: top !important;
}
.headerFormation h1 {
font-size: 36px !important;
}
.headerFormation .subtitle {
font-size: 16px !important;
}
.preHeaderSlug h1 {
font-size: 20px !important;
}
.filterButton {
display: flex !important;
}
.headerFormationPro p {
font-size: 16px !important;
}
}
@media all and (min-width: 0px) and (max-width: 766px) {
.allCasClients .row {
gap: 48px !important;
}
.single__cas_related {
flex: 100%;
}
.filter-cas-client {
display: block !important;
}
#filterCasList {
max-height: 0px;
overflow:hidden;
}
.cas_clients__related {
flex-wrap: wrap;
}
.flexx_casTop {
gap: 16px !important;
}
.flexx_casTop h1 {
font-size: 32px !important;
}
.flexx_casTop p {
font-size: 16Px !important;
}
.singleCas .btnCentered {
justify-content: start !important;
margin-bottom: 24px !important;
}
.flexx_casTop a {
font-size: 24px !important;
}
.flexx_casTop .container_singlepostimg {
flex-wrap: wrap;
}
.singleCas__postimg {
height: 212px !important;
}
.sider_reseaux {
align-items: center;
gap: 24px;
flex-direction: row !important;
width: 100%;
margin-top: 32px;
margin-left: 0px !important;
justify-content: center !important;
}
}
@media all and (min-width: 0px) and (max-width: 375px) {
.headerFormation, .headerFormationPro {
padding: 56px 16px !important;
}
.preHeaderSlug h1 {
font-size: 18px !important;
}
.single__cas {
position: relative;
flex-shrink: 0 !important;
width: 100% !important;
}
.allCasClients .row {
gap: 48px !important;
}
.singleCasC h2 {
font-size: 20px !important;
}
.cas__clients_top {
overflow-x: scroll !important;
overflow-y: hidden !important;
}
.singleCasC .excerpt__cas {
font-size: 16px !important;
}
.headerFormationPro h1 {
font-size: 24px !important;
}
.single__cas h2 {
font-size: 24px !important;
}
.headerFormationPro p {
font-size: 16px !important;
}
.filterBar {
max-height: 0px;
overflow: hidden;
}
.headerFormation h1 {
font-size: 36px !important;
}
.headerFormation .subtitle {
font-size: 16px !important;
}
.headerFormation::after {
height: 350px !important;
width: 100% !important;
background-image: url(https://numericoach.fr/wp-content/themes/numericoach-theme/assets/images/cutout_coach-top.png) !important;
background-position: top !important;
}
.filterButton {
display: flex !important;
}
}
.hideDesktop {
display: none;
}
@media all and (max-width: 767px) and (min-width: 0px) {
.contactsSocials span {
display: none;
}
.hideDesktop {
display: block;
}
.elearningVersion::after {
background-size: 160px !important;
background-position: bottom right !important;
}
.container-header-list {
flex-direction: column !important;
}
.activeFinan {
padding: 24px 16px !important;
}
.preFooterPage {
justify-content: start !important;
align-items: start !important;
}
.titleCTA {
font-size: 40px !important;
}
.container-header-list li {
justify-content: start !important;
text-align: left !important;
}
.btnResponsive {
display: block;
margin-top: 34px;
}
.container-formation-single .topTitle {
padding-right: 18px !important;
}
.btnResponsive div, .btnResponsive a
{
width: 100% !important;
}
.mt12mobile {
margin-top: 30px !important;
}
.badgeModalites {
max-width: 100% !important;
}
.tiModalForma {
display: none !important;
}
.descrFormation {
display: none !important;
}
.stars i:not(:first-child) {
display: none;
}
.metaFormation {
display: flex;
margin: 0px !important;
}
.pseudo__slider {
overflow-x: scroll;
flex-direction: row !important;
flex-wrap: nowrap !important;
}
.contentTe {
display: none !important;
}
.mobile__version {
display: flex !important;
flex-direction: column;
gap: 22px;
width: 100%;
padding: 16px;
}
.mobile__version .stars{ 
font-family: Inter;
font-size: 12px;
font-weight: 800;
color: var(--secondary-navy);
}
.flex__c .bd {
font-family: Inter;
font-size: 12px;
color: var(--secondary-navy);
font-weight: 800;
margin-left: 4px;
}
.mobile__version .title_f {
font-size: 16px;
margin: 0px;
font-family: Inter;
font-weight: 800;
color: var(--secondary-navy);
}
.flex__c {
display: flex;
}
.flex__c .certifsDetails {
flex: auto !important;
}
.modalites__mobile p {
margin: 0px !important;
font-size: 10px;
font-family: Inter;
color: var(--secondary-navy);
font-weight: 800;
text-align: center;
}
.flex__c .certifsDetails ul li {
border: 2px solid var(--secondary-navy);
padding: 5px 4px !important;
font-size: 9px !important;
margin: 0px !important;
}
.headerFormation, .headerFormationPro {
min-height: 420px !important;
}
.flex__c .certifIC {
font-size: 10px;
font-family: Inter;
width: 20%;
margin-right: 5%;
text-align: center;
display: flex;
flex-direction: column;
font-weight: 800;
color: var(--secondary-navy);
}
.finApeWrap {
margin-top: 30px;
flex-direction: column;
}
.preFooterPage {
padding: 56px 31px !important;
min-height: 726px !important;
background-size: 50vw !important;
background-position: bottom center !important;
}
.preFooterPage .row {
max-width: 100% !important;
}
.containerButtons {
flex-direction: column;
}
.preFooterPage h3 {
font-size: 48px !important;
}
.preFooterPage p {
font-size: 16px !important;
}
.ctaPre p {
min-width: 100% !important;
}
.ctaPre p.titleCTA {
font-size: 40px !important;
min-width: 100% !important;
}
.reviewCon {
padding: 24px !important;
}
.reviewsTitle {
font-size: 24px !important;
}
.slidesGMB.swiper-wrapper {
margin-top: 0px !important;
}
.modalites__mobile {
justify-content: center !important;
align-items: end !important;
}
.backFormaOpacity {
min-height: 420px !important;
}
.timingFo div {
justify-content: center;
}
.timingFo {
display: flex;
flex-direction: column;
font-size: Inter;
color: var(--secondary-navy);
font-size: 10px;
justify-content: end !important;
font-weight: 800;
align-items: end !important;
}
.flex__c div {
width: 100%;
display: flex;
gap: 4px;
align-items: center;
}
.pseudo__slider .col-sm-12 {
width: 75% !important;
}
.formationInline .contentTe {
flex-direction: column !important;
}
.container-formation-single.openSection .topTitle::after { 
content: "-";
}
.topTitle::after {
content: "+";
font-size: 30px;
color: var(--secondary-navy);
display: block;
width: 100%;
position: absolute;
top: 20px;
left: 0px;
text-align: right;
padding-right: 24Px;
}
.topInfo {
flex-direction: column;
gap: 24px;
}
.bluedFormation .row:not(.activeFinan) {
padding: 64px 16px !important;
}
.contentBootD li, .contentBootD p {
font-size: 16px !important;
}
.contentBootD {
padding: 64px 16px !important;
}
.top60 {
margin-top: 0px !important;
}
.listPre li {
font-size: 16px !important;
}
.listPre {
padding: 20px 0px 20px !important;
}
.contentBoot p, .contentBoot li {
font-size: 16px !important;
}
.single-formation h2, .contentBoot .surtitle {
font-size: 20px !important;
}
.MenuBarBottom {
display: none !important;
}
.contentBoot {
padding: 24px 16px !important;
}
.container-formation-single ul {
max-height: 0px;
overflow: hidden;
transition: 0.2s all ease-in-out;
}
.container-formation-single.openSection ul {
max-height: 1000px;
}
.metaFormation li {
width: auto !important;
min-width: 40px !important;
}
.toTopMobile {
margin-top: 72px !important;
}
.single-formation .headerFormationPro {
min-height: 400px !important;
}
.apropos .row::after {
content: " ";
display: none !important;
}
.relatedImage img {
height: 85% !important;
}
.relatedLinks img {
width: auto !important;
}
.newsletterPaper .relatedLinks {
align-items: center;
}
.relatedLinks {
flex-direction: column !important;
}
.relatedImage::after {
display: block;
content: " ";
border-radius: 0px;
position: absolute;
height: 65%;
width: 150%;
background: #224781;
z-index: 1;
top: 45%;
}
.container-prestations {
grid-template-columns: repeat(1, 1fr) !important;
}
footer .mt32 {
margin-top: 0px !important;
}
footer .row .col-xl-9 .row .col-lg-4 {
padding-top: 20px;
border-bottom: 1px solid rgba(255,255,255,0.30);
}
footer .row .col-xl-9 .row .col-lg-4:first-child {
padding-top: 20px;
margin-top: -1px;
border-top: 1px solid rgba(255,255,255,0.30);
}
footer p.menu-title::after {
content: "\f078";
font-family: "Font Awesome 5 Free";
position: absolute;
display: block;
top: 0px;
transition: 0.15s all ease-in-out;
right: 0px;
}
.submenu__footer {
max-height: 0px;
overflow: hidden;
transition: 0.3s all ease-in-out;
}
.openMobile {
max-height: 900px !important;
}
.openSS::after {
transform: rotate(180deg);
}
footer p.menu-title {
margin-bottom: 16px;
}
.mainCutout::after {
height: 49px !important;
}
} .mobile__version {
display: none;
}
.filter-cas-client {
display: none;
position: relative;
font-family: Inter;
font-size: 16px;
color: var(--primary-blue);
font-weight: 800;
cursor: pointer;
}
#filterCasList {
transition: 0.3s all ease-in-out;
}
#filterCasList.openFilter {
max-height: 2000px !important;
}
.filter-cas-client.openFilter::after {
transform: rotate(0deg);
}
.filter-cas-client::after {
content: "\e5cf";
font-family: 'Material Symbols Outlined';
top: 3px;
display: inline-block;
transform: rotate(180deg);
position: relative;
margin-left: 8px;
transition: 0.2s all ease-in-out;
font-size: 18px;
}  .darkend .topNav, .darkend .headL, .darkend .respHeader, .darkend {
background-color: #0d1a30 !important;
}
.darkend .hambMenu {
color: white !important;
}
.darkend .telLink {
color: white;
}
.darkend .menuContainer li a {
color: white;
}
.darkend .topNav .d-flex {
border-color: #242f43;
}
.darkend .blurring {
background-color: #253145 !important;
}
.darkend .backdrp::before {
background: #253145 !important;
}
.darkend .normalLogo {
display: none;
}
.darkend .whitedLogo {
display: block;
}
.whitedLogo {
display: none;
} .filterButton:hover, .filterButton:active, .filterButton:focus {
background: var(--secondary-navy);
color: white;
}
.title-section-faq {
text-align: left;
margin-bottom: 0px;
color: #2E5FAC;
font-size: 29px;
font-family: Inter;
font-weight: 900;
margin-top: 31px;
}
.filterButton:hover img {
filter: invert();
}
div[data-id-container] {
transition: 0.2s all ease-in-out;
max-height: 9999px;
opacity: 1;
}
div[data-id-accord] h2::after {
content: "\e5cf";
transition: 0.2s all ease-in-out;
font-family: 'Material Symbols Outlined';
font-size: 20px !important;
transform: rotate(180deg);
}
div[data-id-accord].active-faq h2::after {
transform: rotate(0deg);
}
div[data-id-accord] {
cursor: pointer;
}
div[data-id-accord] h2 {
font-size: 22px !important;
display: flex;
justify-content: space-between;
}
.closed {
max-height: 0px !important;
opacity: 0 !important;
overflow: hidden !important;
}
.filterButton {
display: none;
border: 2px solid var(--secondary-navy);
background: transparent;
border-radius: 4px;
color: var(--secondary-navy);
padding: 12px 24px;
font-family: Inter;
font-size: 16px;
transition: 0.15s all ease-in-out;
font-weight: 800;
gap: 8px;
} .lightblue .topNav, .lightblue .headL, .lightblue .respHeader, .lightblue {
background-color: #EFF3FB !important;
}
.lightblue .respHeader .respMenu .menu-link {
color: var(--secondary-navy) !important;
}
.lightblue .respHeader.opened .hambMenu::after {
color: var(--secondary-navy) !important;
}
.lightblue .respHeader .normalLogo {
display: block !important;
}
.lightblue .respHeader .whitedLogo {
display: none !important;
}
.lightblue .backdrp::before {
background: #EFF3FB !important;
}
.lightblue .topNav .d-flex {
border-color: #EFF3FB;
}
.lightblue .blurring {
background-color: #EFF3FB !important;
}  .greened .topNav, .greened .headL, .greened .respHeader {
background-color: #f0f9f4 !important;
}
.greened .topNav .d-flex {
border-color: #ffffff;
}
.greened .blurring {
background-color: #f1faf5 !important;
}  .blued .topNav, .blued .headL, .blued .respHeader {
background-color: #eff3fb !important;
}
.blued .topNav .d-flex {
border-color: #f0f0f0;
}
.blued .blurring {
background-color: #f1f4fb !important;
}  .reded .topNav, .reded .headL, .reded .respHeader {
background-color: #fdeced !important;
}
.reded .topNav .d-flex {
border-color: transparent;
}
.reded .blurring {
background-color: #fdeeef !important;
}   .btnx {
position: relative;
}
.btnx a {
padding: 14px 16px;
border-radius: 11px;
font-size: 16px;
height: 44px;
color: white;
text-decoration: none;
font-weight: 700 !important;
font-family: Inter;
transition: 0.15s all ease-in-out;
min-width: 110px;
}
.btnx a:hover {
color: white;
}
.btnx svg {
height: 24px !important;
width: 24px !important;
margin-right: 4px;
margin-left: -4px;
margin-top: -5px;
}
.btnx a span.material-symbols-outlined {
display: inline-block;
position: relative;
margin-right: 8px;
top: 6px;
}
.btnxLg a {
min-width: 188px;
height: 52px;
padding: 17px 24px;
font-size: 18px !important;
}
.btnBlue a {
background: var(--primary-blue) !important;
}
.btnBlue a:hover {
background: #4e80d0 !important;
}
.btnBlue a:active {
background: #224781 !important;
}
.btnNavy a {
background: transparent;
color: var(--secondary-navy);
border: 1px solid var(--secondary-navy);
}
.btnNavy a:hover {
background: var(--secondary-navy);
color: white;
}
.btnNavy a i {
margin-right: 8px;
}
.btnBlue a:active {
background: var(--secondary-navy);
color: white;
}
.btnRed a {
background: var(--primary-red) !important;
}
.btnRed a:hover {
background: #ed1d27 !important;
}
.btnRed a:active {
background: #aa0e16 !important;
}
.btnYellow a {
background: var(--primary-yellow) !important;
color: var(--secondary-navy) !important;
}
.btnYellow a:hover {
background: #ffcf33 !important;
}
.btnYellow a:active {
background: #b88d00 !important;
}
.btnGreen a {
background: var(--primary-green) !important;
}
.btnGreen a:hover {
background: #34ba61 !important;
}
.btnGreen a:active {
background: #017a29 !important;
}
.btnFull a {
display: flex !important;
padding: 9px 16px !important;
width: 100%;
text-align: center;
justify-content: center !important;
align-content: center !important;
align-items: center !important;
}
.p40 {
padding-top: 40px;
padding-bottom: 120px;
}
.container_singlepostimg {
width: 100%;
max-width: 848px;
display: flex;
justify-content: center;
position: relative;
align-items: center;
}
.logo__casclient {
display: block;
position: absolute;
height: 67px;
padding: 16px;
background: white;
border-radius: 8px;
opacity: 0;
top: 24px;
left: 24px;
animation: 0.5s ease-in-out 1s fadeDown forwards;
}
.singleCas__postimg {
display: block;
width: 100%;
object-fit: cover;
height: 480px;
border-radius: 8px;
}
.sider_reseaux img {
height: 30px;
}
.sider_reseaux {
margin-left: 32px;
display: flex;
align-items: center;
gap: 24px;
flex-direction: column;
}
.flexx_casTop {
display: flex;
flex-direction: column;
gap: 24px;
justify-content: center;
align-items: center;
}
@keyframes fadeDown 
{
from { top: 0px;opacity: 0; } to { top: 24px;opacity: 1; }
}
.flexx_casTop a:hover {
color: var(--primary-yellow);
}
.container-singlearticle .flexx_casTop h1 {
text-align: center !important;
}
.flexx_casTop a {
color: var(--primary-yellow);
font-size: 24px;
margin: 0px;
font-weight: 800;
text-decoration: none;
font-family: Inter;
}
.flexx_casTop h1 {
font-size: 56px;
color: white !important;
margin: 0px;
font-family: Inter;
text-align: center;
font-weight: 800;
}
.singleCasC {
margin-bottom: 40px;
}
.formationInline .contentImg p::after {
content: " ";
display: block;
position: absolute;
top: 0px;
left: 60px;
height: 100%;
width: 30px;
box-shadow: inset -26px 3px 19px #2e5fac;
}
.alignRightCompte .elementor-counter-number-prefix {
display: none;
}
.alignRightCompte .elementor-counter-title {
text-align: left !important;
}
.flexx_casTop p {
font-size: 18px;
margin: 0px;
color: white;
font-family: Inter;
}
.btnCentered {
display: flex;
justify-content: center;
}
.bg-darkend {
background: #0d1a30;
}
.btnWhite a i {
margin-right: 8px;
}
.btnWhite:hover a {
background: transparent;
border: 1px solid white;
color: white;
}
.btnWhite a {
background: white;
border-radius: 12px; 
border: 1px solid transparent;
height: auto !important;
padding: 10px 16px !important;
color: var(--secondary-navy);
display: inline-block;
} .mainCutout::after {
content: " ";
display: block;
height: 30px;
width: 100vw;
position: absolute;
left: -1px;
background: transparent;
bottom: -1px;
height: 152px;
z-index: 9;
background-image: url(https://numericoach.fr/wp-content/themes/numericoach-theme/assets/images/white-maskoutline-home.svg) !important;
background-repeat: no-repeat;
background-size: 100% 100%;
}  .select2-dropdown--below {
top: 0px;
}
#typeSelector {
display: none !important;
}
.select2-container {
width: auto !important;
}
.select2-container--default .select2-selection--single:not(.langSelect) {
height: 40px !important;
background-color: #dfe8f6 !important;
border: 0px !important;
border-radius: 20px !important;
font-size: 16px;
height: 40px;
width: auto !important;
font-family: Inter;
font-weight: 700;
padding: 6px 24px !important;
text-align: left;
}
.select2-dropdown.landSelect  {
width: 165px;
top: 52px;
left: -110px !important;
}
.select2-container--default .select2-selection--single:not(.langSelect)[aria-expanded="true"] {
border-radius: 20px 20px 0px 0px !important;
border-bottom: 2px solid white !important;
}
.select2-container--default li {
font-size: 16px;
font-family: Inter;
font-weight: 500;
}
.select2-container .select2-selection--single:not(.langSelect) .select2-selection__rendered {
padding-left: 1px !important;
}
.select2-dropdown {
border: 0px !important;
overflow: hidden;
border-radius: 0px 0px 20px 20px !important;
}
.select2-container--default li {
padding: 6px 24px !important;
}
.select2-selection .select2-selection--single:not(.langSelect) {
min-width: 110px !important;
}
.select2-results__option:not(:last-child)::after {
content: " ";
border-bottom: 1px solid white;
display: block;
width: 100%;
z-index: 99;
position: relative;
margin-bottom: -7px;
margin-top: 4px;
}
.select2-container.select2-container--classic  {
width: 100% !important;
}
.select2-container--classic .select2-selection.select2-selection--single {
background: unset;
background-color: white;
padding: 9px 24px;
height: auto;
}
.select2-container--classic .select2-selection--single .select2-selection__arrow b {
border: unset !important;
top: 24% !important;
margin-top: -1px !important;
margin-left: -12px !important;
}
.boled {
font-weight: 700 !important;
}
.select2-container--classic .select2-results__option img {
height: 18px;
margin-right: 16px;
}
.select2-container--classic .select2-results__option {
padding: 9px 24px;
color: var(--secondary-navy);
font-weight: 400;
font-size: 16px;
font-family: Inter;
}
.select2-container--classic .select2-dropdown {
border: 1px solid #5897fb !important;
}
.select2-container--classic .select2-selection__rendered {
color: var(--secondary-navy) !important;
font-size: 16px !important;
font-family: Inter !important;
font-weight: 400 !important;
}
.select2-selection__rendered .img-app {
height: 18px;
margin-right: 16px;
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
background-image: unset !important;
background-color: white !important;
}
.select2-container--classic .select2-results__option:not(:last-child)::after {
display: none !important;
}
.select2-container--classic .select2-selection--single .select2-selection__arrow b::after {
content: "\e5cf";
font-family: "Material Symbols Outlined";
font-size: 21px;
color: var(--secondary-navy);
}
.select2-container--classic .select2-selection--single .select2-selection__arrow {
background-color: transparent !important;
height: 95% !important;
top: 1px;
right: 1px;
width: 20px;
background-image: unset !important;
border: 0px !important;
width: 60px !important;
}
.select2-container--classic .select2-selection--single {
border: 1px solid #BDC0C6;
} .respHeader .typeSelector span {
font-size: 16px !important;
}  .select2-selection.blueSelect span {
color: var(--primary-blue) !important;
}
.blueSelect li {
color: var(--primary-blue) !important;
}
.blueSelect li[aria-selected="true"] {
background: #cfdcf2 !important;
color: var(--primary-blue) !important;
}
.blueSelect .select2-results__options {
background: #dfe8f6 !important;
}
.blueSelect .select2-results__option--selected {
background: #dfe8f6 !important;
} .select2-container--default .select2-selection--single.greenSelect {
background: #e1f4e8 !important;
}
.greenSelect span {
color: var(--primary-green) !important;
}
.greenSelect .select2-results__option--selected {
background-color: #e1f4e8 !important;
}
.greenSelect li[aria-selected="true"] {
background: #cdedd9 !important;
color: var(--primary-green) !important;
}
.greenSelect .select2-results__options {
background: #e1f4e8 !important;
} .select2-container--default .select2-selection--single.redSelect {
background: #fcd9db !important;
}
.redSelect span {
color: var(--primary-red) !important;
}
.redSelect .select2-results__option--selected {
background-color: #fcd9db !important;
}
.redSelect li[aria-selected="true"] {
background: #fac6c9 !important;
color: var(--primary-red) !important;
}
.redSelect .select2-results__options {
background: #fcd9db !important;
} .select2-container--default .select2-selection--single.yellowSelect {
background: #fff5d6 !important;
}
.yellowSelect span {
color: var(--primary-yellow) !important;
}
.yellowSelect .select2-results__option--selected {
background-color: #fff5d6 !important;
}
.yellowSelect li[aria-selected="true"] {
background: #fff1c2 !important;
color: var(--primary-yellow) !important;
}
.yellowSelect .select2-results__options {
background: #fff5d6 !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b
{
border: 0px !important;
right: 0px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow::after
{
content: "\e5cf";
font-family: 'Material Symbols Outlined';
font-size: 20px;
left: -20px;
position: absolute;
margin-top: 5px;
transition: 0.15s all ease-in-out;
color: inherit;
}
.select2-container--open .select2-selection__arrow::after {
transform: rotate(180deg);
} *:focus-visible {
outline: 3px solid var(--primary-blue) !important;
}
*:focus:not(.focus-visible) {
outline: none;
}
a.clink{
color: var(--primary-blue);
font-size: 18px;
font-weight: 700;
font-family: Inter;
margin-right: 32px;
text-decoration: none !important;
display: inline-block;
position: relative;
transition: 0.1s all ease-in-out;
}
a.clink:hover {
color: #67d0f4;
}
a.clink:hover::after {
right: -31px;
}
a.clink:active {
color: #224781;
}
a.clink:hover::before {
width: 100%;
}
a.clink_red {
color: var(--primary-red);
}
a.clink_red:hover {
color: #ED1D27;
}
a.clink_red:active {
color: #AA0E16;
}
a.clink_yellow {
color: var(--primary-yellow);
}
a.clink_yellow:hover {
color: #FFD447;
}
a.clink_yellow:active {
color: #B88D00;
}
a.clink_green {
color: var(--primary-green);
}
a.clink_green:hover {
color: #50CE7A;
}
a.clink_green:active {
color: #017A29;
}
a.clink::before {
content: " ";
display: inline-block;
width: 0px;
border-bottom: 2px solid;
position: absolute;
left: 0px;
bottom: -2px;
transition: 0.15s width ease-in-out;
}
a.clink::after {
content: "\e5c8";
font-family: 'Material Symbols Outlined';
font-size: 1.04em;
top: 0px;
transition: 0.15s right ease-in-out;
right: -26px;
position: absolute;
}
.disabledBtn:hover a, .disabledBtn:active a, .disabledBtn:focus a {
background: #DFE8F6 !important;
color: rgba(13, 26, 48, 0.5) !important;
}
.disabledBtn a {
background: #DFE8F6 !important;
color: rgba(13, 26, 48, 0.5) !important;
}
.disabledBtn a svg {
filter: invert(1);
opacity: 0.5;
}
.spinner-border  {
height: 20px !important;
font-weight: 500 !important;  
width: 20px !important;
}
#paginate {
display: block;
position: relative;
cursor: pointer;
font-size: 16px;
font-family: Inter;
font-weight: 700;
color: var(--primary-blue);
} .fullLogo {
max-width: 243px;
}
.topNav {
padding: 24px 40px 0px 24px;
margin-top: 0px;
overflow: hidden;
transition: 0.15s all ease-in-out;
}
.headL {
position: fixed;
width: 100vw;
padding: 24px 40px 0px 24px;
border-bottom: 1px solid #f0f0f0;
transform: translateY(80px);
transition: 0.15s all ease-in-out;
}
.navSelect {
margin-left: 30px;
}
.topNav .select2-container {
min-width: 165px !important;
}
#content {
margin-top: 69px;
position: relative !important;
background: white;
}
.menuContainer {
display: flex;
flex-grow: 1;
}
.menuL ul, .menuR ul{
margin: 0;
list-style: none;
padding: 0px;
}
.menuL ul li, .menuR ul li {
display: inline-block;
}
span.iconed {
display: flex;
height: 36px;
width: 36px;
min-width: 36px;
background: #F4F4F6;
border-radius: 8px;
margin-right: 16px;
justify-content: center;
align-items: center;
}
li.iconed a {
display: flex;
align-items: center;
} span.iconed::before {
content: " ";
display: inline-block;
height: 24px;
width: 24px;
background-size: 24px 24px;
background-position: center center;
}
span.formationIcon::before {
background-image: url(https://numericoach.fr/wp-content/themes/numericoach-theme/assets/images/iconsCore/formations.svg);
}
span.magIcon::before {
background-image: url(https://numericoach.fr/wp-content/themes/numericoach-theme/assets/images/book.svg);
}
span.parcoursIcon::before {
background-image: url(https://numericoach.fr/wp-content/themes/numericoach-theme/assets/images/iconsCore/parcours.svg);
}
span.webinaireIcon::before {
background-image: url(https://numericoach.fr/wp-content/themes/numericoach-theme/assets/images/iconsCore/webinaires.svg);
}
span.elearningIcon::before {
background-image: url(https://numericoach.fr/wp-content/themes/numericoach-theme/assets/images/iconsCore/e-learning.svg);
}
span.capsulesIcon::before {
background-image: url(https://numericoach.fr/wp-content/themes/numericoach-theme/assets/images/iconsCore/capsules_video.svg);
}
span.certificationIcon::before {
background-image: url(https://numericoach.fr/wp-content/themes/numericoach-theme/assets/images/iconsCore/certification.svg);
}
span.testIcon::before {
background-image: url(https://numericoach.fr/wp-content/themes/numericoach-theme/assets/images/iconsCore/test-collaborateurs.svg);
}
span.equipeIcon::before {
background-image: url(https://numericoach.fr/wp-content/themes/numericoach-theme/assets/images/iconsCore/collaborateurs.svg);
}
span.cpfIcon::before {
background-image: url(https://numericoach.fr/wp-content/themes/numericoach-theme/assets/images/iconsCore/CPF_icon.svg);
}
span.fneIcon::before {
background-image: url(https://numericoach.fr/wp-content/themes/numericoach-theme/assets/images/iconsCore/FNE_icon.svg);
}
span.fafIcon::before {
background-image: url(https://numericoach.fr/wp-content/themes/numericoach-theme/assets/images/iconsCore/FAF_icon.svg);
}
span.pdcIcon::before {
background-image: url(https://numericoach.fr/wp-content/themes/numericoach-theme/assets/images/iconsCore/PDC_icon.svg);
}
span.guideIcon::before {
background-image: url(https://numericoach.fr/wp-content/themes/numericoach-theme/assets/images/iconsCore/guide_financement.svg);
}
span.opcoIcon::before {
background-image: url(https://numericoach.fr/wp-content/themes/numericoach-theme/assets/images/iconsCore/OPCO_icon.svg);
}
span.auditIcon::before {
background-image: url(https://numericoach.fr/wp-content/themes/numericoach-theme/assets/images/iconsCore/audits.svg);
}
span.lookerStudioIcon::before {
background-image: url(https://numericoach.fr/wp-content/themes/numericoach-theme/assets/images/iconsCore/looker_studio.svg);
}
span.chromebookIcon::before {
background-image: url(https://numericoach.fr/wp-content/themes/numericoach-theme/assets/images/iconsCore/chromebook.svg);
}
span.noCodeIcon::before {
background-image: url(https://numericoach.fr/wp-content/themes/numericoach-theme/assets/images/iconsCore/appsheet.svg);
}
span.appsscriptIcon::before {
background-image: url(https://numericoach.fr/wp-content/themes/numericoach-theme/assets/images/iconsCore/Apps_script.svg);
}
span.graphisme::before {
background-image: url(https://numericoach.fr/wp-content/themes/numericoach-theme/assets/images/iconsCore/graphisme.svg);
height: 22px !important;
width: 22px !important;
background-size: contain !important;
}
span.gcpIcon::before {
background-image: url(https://numericoach.fr/wp-content/themes/numericoach-theme/assets/images/iconsCore/cloud_platform.svg);
}
span.gwIcon::before {
background-image: url(https://numericoach.fr/wp-content/themes/numericoach-theme/assets/images/iconsCore/gworspace.svg);
}
span.remediationIcon::before {
background-image: url(https://numericoach.fr/wp-content/themes/numericoach-theme/assets/images/iconsCore/remediation_fichiers.svg);
}
span.supportIcon::before {
background-image: url(https://numericoach.fr/wp-content/themes/numericoach-theme/assets/images/iconsCore/support.svg);
}
span.gestioninscriptionIcon::before {
background-image: url(https://numericoach.fr/wp-content/themes/numericoach-theme/assets/images/iconsCore/gestion_inscription.svg);
}
span.gestionParticipationIcon::before {
background-image: url(https://numericoach.fr/wp-content/themes/numericoach-theme/assets/images/iconsCore/gestion_participation.svg);
}
span.ticketIcon::before {
background-image: url(https://numericoach.fr/wp-content/themes/numericoach-theme/assets/images/iconsCore/tickets_support.svg);
}
span.ressourcesIcon::before {
background-image: url(https://numericoach.fr/wp-content/themes/numericoach-theme/assets/images/iconsCore/bdd.svg);
}
span.blogIcon::before {
background-image: url(https://numericoach.fr/wp-content/themes/numericoach-theme/assets/images/iconsCore/Blog.svg);
}
span.forumIcon::before {
background-image: url(https://numericoach.fr/wp-content/themes/numericoach-theme/assets/images/iconsCore/Forum.svg);
}
span.youtubeIcon::before {
background-image: url(https://numericoach.fr/wp-content/themes/numericoach-theme/assets/images/iconsCore/Youtube.svg);
}
span.podcastsIcon::before {
background-image: url(https://numericoach.fr/wp-content/themes/numericoach-theme/assets/images/iconsCore/Podcasts.svg);
}
span.ebooksIcon::before {
background-image: url(https://numericoach.fr/wp-content/themes/numericoach-theme/assets/images/iconsCore/E-books.svg);
}
span.numeriIcon::before {
background-image: url(https://numericoach.fr/wp-content/themes/numericoach-theme/assets/images/iconsCore/numericoach_logo.svg);
}
span.engagementsIcon::before {
background-image: url(https://numericoach.fr/wp-content/themes/numericoach-theme/assets/images/iconsCore/staringIcon.svg);
}
span.accessibiliteIcon::before {
background-image: url(https://numericoach.fr/wp-content/themes/numericoach-theme/assets/images/iconsCore/accessiblite.svg);
}
span.recrutementIcon::before {
background-image: url(https://numericoach.fr/wp-content/themes/numericoach-theme/assets/images/iconsCore/Recrutement.svg);
}
.avenir {
display: inline-block;
margin-left: 8px;
border-radius: 28px;
background-color: var(--primary-red);
color: white;
font-family: Inter;
font-size: 10px;
font-weight: 800;
text-align: center;
padding: 4px 8px;
min-width: 57px;
}
.blurring .numLogoTiny {
transform: translateY(0px) !important;
opacity: 1;
margin-left: 0px;
width: 40px;
}
.numLogoTiny {
display: inline-block;
height: 40px;
width: 0px;
opacity: 0.8;
margin-left: 0px;
transition: 0.20s all ease-in-out;
transform: translateY(-200px);
margin-right: 25px;
}
.menuL, .menuR, .contactContainer {
display: flex;
align-items: center;
}
.certificat i {
font-size: 20px;
margin-right: 10px;
}
.certificat {
font-size: 16px;
color: var(--primary-blue);
font-family: Inter;
font-weight: 400;
}
.flexPloded {
display: flex;
flex-wrap: wrap;
gap: 16px;
margin-bottom:
}
#resultCont {
opacity: 1;
margin-top: 16px;
transition: 0.3s all ease-in-out;
}
.byeEffect {
opacity: 0 !important;
margin-top: 40px !important;
}
.filter-container {
display: flex;
gap: 16px;
flex: 100%;
}
.separator {
width: 100%;
display: block;
position: absolute;
left: 0px;
margin-top: 32px;
border-bottom: 2px solid #BDC0C6;
}
.containerAdditionalForma {
margin-top: 56px;
}
.menuContainer {
justify-content: space-between;
padding: 0px;
margin: 0px;
}
.menuL ul li a, .menuR ul li a {
margin-right: 62px;
color: var(--secondary-navy);
font-size: 16px;
font-weight: 700;
font-family: Inter;
text-decoration: none;
}
.topNav .d-flex {
align-items: center;
border-bottom: 1px solid #f0f0f0;
padding-bottom: 15px;
}
.telLink {
display: flex;
color: var(--secondary-navy);
font-family: Inter;
font-weight: 700;
text-decoration: none;
font-size: 16px;
}
.telLink svg {
margin-right: 8px;
color: var(--primary-blue);
}
.socialsList {
list-style: none;
position: relative;
top: -2px;
display: flex;
margin: 0px 20px;
padding: 0px;
}
.socialsList li {
display: inline-block;
margin-right: 12px;
width: 24px;
height: 24px;
}
.socialsList li a {
display: block;
height: 24px;
width: 24px;
fill: var(--primary-blue) !important;
}
.part .socialsList li a svg g path, .inde .socialsList li a svg g path {
fill: var(--primary-green) !important;
}
.part .telLink svg g path, .inde .telLink svg g path {
margin-right: 10px;
fill: var(--primary-green);
}
.fore .socialsList li a svg g path {
fill: var(--primary-red) !important;
}
.fore .telLink svg g path {
margin-right: 10px;
fill: var(--primary-red);
} .part .telLink:hover svg g path, .part .telLink:hover {
fill: #34ba61;
color: #34ba61;
}
.part .telLink:active svg g path, .part .telLink:active {
fill: #017a29;
color: #017a29;
}
.part .socialsList li a:hover svg g path {
fill: #34ba61 !important;
}
.part .socialsList li a:active svg g path {
fill: #017a29 !important;
} .inde .telLink:hover svg g path, .inde .telLink:hover {
fill: #34ba61;
color: #34ba61;
}
.inde .telLink:active svg g path, .inde .telLink:active {
fill: #017a29;
color: #017a29;
}
.inde .socialsList li a:hover svg g path {
fill: #34ba61 !important;
}
.inde .socialsList li a:active svg g path {
fill: #017a29 !important;
} .entr .telLink:hover svg g path, .entr .telLink:hover {
fill: #4e80d0;
color: #4e80d0;
}
.entr .telLink:active svg g path, .entr .telLink:active {
fill: #224781;
color: #224781;
}
.entr .socialsList li a:hover svg g path {
fill: #4e80d0 !important;
}
.entr .socialsList li a:active svg g path {
fill: #224781 !important;
} .fore .telLink:hover svg g path, .fore .telLink:hover {
fill: #ed1d27;
color: #ed1d27;
}
.fore .telLink:active svg g path, .fore .telLink:active {
fill: #aa0e16;
color: #aa0e16;
}
.fore .socialsList li a:hover svg g path {
fill: #ed1d27 !important;
}
.fore .socialsList li a:active svg g path {
fill: #aa0e16 !important;
} .blurring {
z-index: 999;
}
.dropdwn a {
position: relative;
}
.dropdwn a::after {
content: "\e5cf";
font-family: 'Material Symbols Outlined';
font-size: 19px;
position: absolute;
top: -3px;
transition: 0.15s all ease-in-out;
right: -22px;
}
.openFiler {
padding-top: 20px;
max-height: 1600px !important;
}
header .menu-link:hover::before {
width: 100%;
}
header .menu-link{
position: relative;
}
header .menu-link::before {
content: " ";
display: inline-block;
width: 0px;
border-bottom: 2px solid;
position: absolute;
left: 0px;
bottom: -2px;
transition: 0.15s width ease-in-out;
}
.bewareTop {
display: flex;
margin-top: 25px;
justify-content: space-between;
}
.lefted {
display: flex;
}  .respHeader {
display: none;
position: fixed;
height: 72px;
width: 100%;
position: relative;
background: white;
z-index: 999;
transition: 0.15s all ease-in-out;
overflow: hidden;
padding: 20px 15px;
}
.respHeader .select2-dropdown {
top: 10px !important;
border-radius: 25px !important;
overflow: hidden;
}
.respHeader .select2-container {
width: 190px !important;
}
.contentTop {
display: flex;
justify-content: space-between;
}
.respMenu ul {
margin:0px;
padding:0px;
display: block;
list-style: none;
}
.respMenu ul li.dropdwn a::after {
right: 5px !important;
content: "\e5cc";
}
.bottomTop {
display: flex;
flex-direction: column;
flex-grow: 1;
justify-content: space-between;
padding-bottom: 50px;
}
.respMenu ul li {
margin-top: 32px;
}
.navy {
color: var(--secondary-navy);
}
.respMenu ul li a {
font-size: 18px;
font-weight: 700;
font-family: Inter;
display: flex;
width: 100%;
color: white;
text-decoration:none;
}
.hambMenu {
display: block;
position: relative;
width: 30px;
height: 30px;
}
.hambMenu::after {
content: "\e5d2";
font-family: 'Material Symbols Outlined';
font-size: 30px;
display: block;
position: absolute;
width: 30px;
top: -8px;
left: 0px;
height: 30px;
}
.respHeader img {
height: 32px;
width: auto;
}
.respHeader .hambMenu {
font-size: 30px;
color: var(--secondary-navy);
cursor: pointer;
}
.respHeader.opened .whitedLogo {
display: block;
}
.respHeader.opened .normalLogo {
display: none;
}
.respHeader.opened .hambMenu::after {
color: white;
content: "\e5cd";
}
.respHeader.opened {
height: 100vh;
overflow-y: auto !important;
background: var(--secondary-navy);
}
.contactsSocials {
display: block;
position: relative;
margin: 0px;
padding: 20px 0px 0px 15px;
text-align: center;
list-style:none;
}
.contactsSocials.part a svg path{
fill: var(--primary-green);
}
.contactsSocials.inde a svg path{
fill: var(--primary-green);
}
.contactsSocials.fore a svg path{
fill: var(--primary-red);
}
.contactsSocials li {
display: inline-block;
color: white;
font-family: Inter;
font-weight: 700;
margin-right: 17px;
}
.contactsSocials li img {
height: 24px;
width: 24px;
}  .langSelect img {
height: 40px;
display: block;
position: absolute;
width: 40px;
}
.topNav .langSelect img {
left: 0px;
}
.langSelect.select2-selection {
border: 0px !important;
height: auto !important;
width: 40px !important;
}
.hiddSelect2 .select2.select2-container {
display: block;
position: absolute;
}
.nav.hiddSelect2 {
width: 40px;
height: 40px;
}
div:not(.respHeader).select2-dropdown.landSelect {
position: absolute;
top: 55px !important; left: -110px !important;
}
.admin-bar .select2-dropdown {
top: 30px !important;
}
.landSelect .select2-results__options {
background: white;
}
.select2-dropdown.landSelect {
box-shadow: 0px 8px 32px rgba(0,0,0,0.05);
}
.select2-container--default .landSelect li img {
height: 24px;
width: 24px;
padding-right: 10px;
}
.select2-container--default .landSelect li {
color: var(--secondary-navy) !important;
font-family: Inter;
font-weight: 700;
font-size: 16px;
}
.select2-container--default .landSelect .select2-results__option--highlighted.select2-results__option--selectable {
background: #f0f0f0 !important;
color: var(--secondary-navy) !important;
}
.landSelect .select2-container--default li[aria-selected="true"] {
background: #f4f4f6 !important;
}
.landSelect .select2-results__option--selected {
background: white !important;
}  .subMenuDesk {
display: block;
width: 100%;
z-index: -1;
visibility: hidden;
max-width: 1400px;
opacity: 0;
top: 116px;
margin-top: -50px;
z-index: 999;
position: fixed;
transition: 0.2s all ease-in-out;
}
.subMenuDesk .row {
padding: 40px;
}
.showDrop {
z-index: 999 !important;
visibility: visible !important;
margin-top: 16px !important;
opacity: 1 !important;
}
.subTitle {
font-size: 16px;
font-weight: 400;
margin-bottom: 40px;
display: block;
font-family: Inter;
color: var(--secondary-navy);
}
.titleSub {
font-weight: 900;
font-size: 32px;
font-family: Inter;
color: var(--secondary-navy);
}
.pg-3 {
padding: 25px !important;
}
.scrolling .subMenuDesk {
top: 35px;
}
.subMenuDesk .row {
background: white;
min-height: 300px;
margin: 30px;
border-radius: 20px;
box-shadow: 0px 8px 32px rgba(0,0,0,0.05);
}
.subMenuDesk .subMD {
display: block;
position: relative;
padding: 0px;
margin: 0px;
list-style: none;
}
.subMenuDesk .subMD li {
margin-bottom: 15px;
}
.subMenuDesk .subMD li a {
font-size: 18px;
font-weight: 700;
font-family: Inter;
color: var(--secondary-navy);
text-decoration: none;
}
.formation .relatedLinks {
background-image: url(https://numericoach.fr/wp-content/themes/numericoach-theme/assets/images/cta_opacity.png);
}
.finance .relatedLinks {
background-image: url(https://numericoach.fr/wp-content/themes/numericoach-theme/assets/images/cta_financement_opacity.png);
background-size: cover;
}
.presta .relatedLinks {
background-image: url(https://numericoach.fr/wp-content/themes/numericoach-theme/assets/images/ressources_cta_opacity.png);
background-size: cover;
}
.relatedLinks {
display: flex;
flex-grow: 1;
padding: 20px;
border-radius: 10px;
justify-content: center;
flex-direction: column;
height: auto;
background: #224781;
background-size: contain;
background-repeat: no-repeat;
background-position: bottom right;
}
.relatedLinks ul {
display: block;
position: relative;
margin: 0px;
list-style: none;
padding: 0px;
}
.relatedLinks ul li {
margin-bottom: 15px;
}
.relatedLinks ul li a {
font-size: 16px;
font-weight: 700;
font-family: Inter;
color: white;
text-decoration: none;
}
.relatedLinks .tlt {
font-family: Inter;
font-weight: 700;
font-size: 20px;
color: #67D0F4;
}
.relatedLinks .subtlt {
color: white;
font-family: Inter;
font-size: 16px;
}
.subMenuDesk.contenu {
max-width: 1065px;
}
.subMenuContainer {
display: flex;
flex-direction: column;
align-items: center;
}
.menuContainer .active a {
color: var(--primary-blue);
}
.menuContainer .active a::before {
width: 100%;
}
.menuContainer .active a::after {
transform: rotate(180deg);
}
.newsletterPaper .relatedLinks {
display: flex;
flex-direction: row;
}
.relatedLinks.thierryAudit {
background: white !important;
box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
}
.relatedLinks.thierryAudit {
color: var(--secondary-navy) !important;
}
.relatedLinks.thierryAudit .tlt, .relatedLinks.thierryAudit .subtlt {
color: var(--secondary-navy) !important;
margin-bottom: 0px !important;
}
.relatedLinks.thierryAudit img {
max-height: 200px;
object-fit: contain;
display: block;
margin: auto;
}
.relatedLinks img:not(.thierry_cta) {
width: 540px;
height: 200Px;
bottom: -20px;
display: block;
position: relative;
}
.apropos .row {
position: relative;
}
.apropos img {
display: block;
position: relative;
z-index: 2;
max-height: 304px;
border-radius: 15px;
}
.apropos .row::after {
content: " ";
display: block;
border-radius: 0px 15px 15px 0px;
position: absolute;
height: 100%;
width: 300px;
background: #224781;
z-index: 1;
right: 0px;
top: 0px;
}
.relatedImage {
display: flex;
position: relative;
justify-content: center;
height:100%;
align-items: center;
}  .subMenuMobile {
opacity: 1;
transition: 0.19s left ease-in-out, 0.19s opacity ease-in-out, 0.19s visibility ease-in-out, 0.19s display ease-in-out;
visibility: hidden;
position: absolute;
overflow: auto;
left: 100%;
height: 100%;
background: white;
top: 70px;
z-index: 55;
overflow-x: hidden !important;
}
.retButton span {
padding-top: 10px;
position: relative;
top: 6px;
}
.retButton {
font-weight: 800;
text-decoration: none;
color: var(--secondary-navy);
font-family: Inter;
}
.subMenuMobile.openedMobile {
visibility: visible;
opacity: 1;
display: block;
overflow: auto;
height: 100%;
}
.subMenuMobile .subMD li {
margin-bottom: 15px !important;
}
.subMenuMobile .relatedLinks ul li a {
color: white !important;
}
.subMenuMobile ul li a {
color: var(--secondary-navy);
}
.subMenuMobile ul li {
margin-top: unset !important;
}
.subMenuMobile .titleSub {
font-size: 20px;
font-weight: 800;
}
.langSelect {
margin-left: 25px;
}
.listingLang {
list-style: none;
margin-top: 24px !important;
}
.listingLang li {
font-weight: 700;
margin-bottom: 24px;
cursor:pointer;
font-family: Inter;
color: var(--secondary-navy);
font-size: 18px;
}
.listingLang li img {
margin-right: 10px;
}  .headerFormation {
position: relative;
background-size: cover;
background-position: center bottom;
}
.elearningVersion::after {
background-image: url(https://numericoach.fr/wp-content/themes/numericoach-theme/assets/images/pauline_cutout.png) !important;
}
.headerFormation p.subtitle {
color: white;
font-family: Inter;
font-weight: 700;
margin-top: 50px;
font-size: 20px;
}
.headerFormation::after {
content: " ";
display: block;
position: absolute;
bottom: 0px;
right: 0px;
background-repeat: no-repeat;
background-size: cover;
background-position: top;
width: 398px;
height: 100%;
background-image: url(https://numericoach.fr/wp-content/themes/numericoach-theme/assets/images/cutout_coach.png);
}
.headerFormation.webinaireVersion::after {
background-image: url(https://numericoach.fr/wp-content/themes/numericoach-theme/assets/images/cutout_laurine.png) !important;
}
.headerFormation h1 {
font-family: Inter;
font-size: 64px;
font-weight: 800;
color: white;
}
.whited {
background: white !important;
}
@media all and (min-width: 1440px) {
.gaped {
padding-left: 76px !important;
padding-right: 76px !important;
}
.singleCasC .excerpt__cas {
font-size: 20px !important;
}
}
@media all and (max-width: 1440px) and (min-width: 992px) {
.gaped {
padding-left: 32px !important;
padding-right: 32px !important;
}
.singleCasC .excerpt__cas {
font-size: 20px !important;
}
footer {
padding-bottom: 100px !important;
}
}
@media all and (max-width: 992px) and (min-width: 0px) {
.gaped {
padding-left: 16px !important;
padding-right: 16px !important;
}
.filter-container {
flex-wrap: wrap;
}
footer {
padding-bottom: 64px !important;
}
footer::before {
height: 46px !important;
top: -46px !important;
background-size: 101% 101% !important;
background-position: -3px 0px !important;
}
footer .btnx a {
width: 100% !important;
display: inline-block !important;
text-align: center !important;
padding-top: 11px !important;
}
}
.bottomContent {
padding-top: 38px !important;
background-color: white;
position: relative;
padding-bottom: 38px !important;
}
.subligned.navyVersion::after {
background-image: url(https://numericoach.fr/wp-content/themes/numericoach-theme/assets/images/underline-blue.svg) !important;
}
.subligned.whiteVersion::after {
background-image: url(https://numericoach.fr/wp-content/themes/numericoach-theme/assets/images/underline-white.svg) !important;
}
.subligned.greenVersion::after {
background-image: url(https://numericoach.fr/wp-content/themes/numericoach-theme/assets/images/underline-green.svg) !important;
}
.subligned.redVersion::after {
background-image: url(https://numericoach.fr/wp-content/themes/numericoach-theme/assets/images/underline-red.svg) !important;
}
.subligned {
display: inline-block !important;
width: auto !important;
}
.subligned::after {
content: " ";
display: block;
position: relative;
background-image: url(https://numericoach.fr/wp-content/themes/numericoach-theme/assets/images/underline-yellow.svg);
height: 28px;
width: 100%;
background-repeat: no-repeat;
background-size: 100%;
margin-bottom: -20px;
transition: 0.15s all ease-in-out;
margin-top: -5px;
opacity: 0;
transform-origin: center left;
transform: scaleX(0) scaleY(0.5);
}
.subliAnim::after {
width: 100%;
opacity: 1;
transform: scaleX(1) scaleY(1);
}
.signedBlue {
display: inline-block;
position: relative;
}
.signedBlue::after {
content: " ";
display: block;
position: relative;
background-image: url(https://numericoach.fr/wp-content/themes/numericoach-theme/assets/images/underline-blue.svg);
height: 20px;
width: 100%;
background-repeat: no-repeat;
background-size: 100% 100%;
background-position: left left;
}
.iconProcess::before {
content: " ";
height: 64px;
width: 64px;
background-size: 64px 64px;
background-repeat: no-repeat;
display: block;
margin-bottom: 30px;
}
.editionIcon::before {
background-image: url(https://numericoach.fr/wp-content/themes/numericoach-theme/assets/images/edition.svg);
}
.planifIcon::before {
background-image: url(https://numericoach.fr/wp-content/themes/numericoach-theme/assets/images/planification.svg);
}
.storyIcon::before {
background-image: url(https://numericoach.fr/wp-content/themes/numericoach-theme/assets/images/storyboard.svg);
}
.prodIcon::before {
background-image: url(https://numericoach.fr/wp-content/themes/numericoach-theme/assets/images/production.svg);
}
.evalIcon::before {
background-image: url(https://numericoach.fr/wp-content/themes/numericoach-theme/assets/images/eval.svg);
}
.analyIcon::before {
background-image: url(https://numericoach.fr/wp-content/themes/numericoach-theme/assets/images/analy.svg);
}
.conceptIcon::before {
background-image: url(https://numericoach.fr/wp-content/themes/numericoach-theme/assets/images/concept.svg);
}
.listSoft {
display: block;
position: relative;
list-style: none;
padding: 0px;
margin: 0px;
width: 100%;
max-width: 620px !important;
}
.listSoft li {
font-family: Inter;
font-size: 16px;
font-weight: 800;
cursor: pointer;
margin-right: 15px;
margin-bottom: 16px;
color: white;
display: inline-block;
padding: 10px 16px;
border: 1px solid white;
border-radius: 12px;
}
.listSoft li img {
display: inline-block;
height: 24px;
width: 24px;
margin-right: 8px;
}
.selectedSoft {
background: white;
color: black !important;
}
.alignRight {
display: flex;
justify-content: end;
}
.topContent {
margin-top: 85px !important;
}  #filterSelector p.titleFilter {
font-size: 24px;
color: var(--secondary-navy);
margin-bottom: 8px;
font-family: Inter;
font-weight: 800;
}
.filterBlok {
margin-bottom: 40px;
}  .bottomContent h2 {
font-size: 32px;
color: var(--secondary-navy);
font-family: Inter;
font-weight: 800;
margin-bottom: 32px;
}
.contentBoot {
padding: 34px 76px 34px 76px;
margin-top: 34px !important;
}
.topInfo {
display: flex;
justify-content: space-between;
}
.listMeta a {
font-size: 14px;
font-weight: 600;
font-family: Inter;
color: var(--primary-blue);
text-decoration: none;
}
.listMeta a i {
font-size: 18px;
}
.arianeFeed {
padding: 0px;
margin: 0px;
list-style: none;
font-family: Inter;
font-size: 12px;
color: var(--secondary-navy);
font-weight: 500;
}
.arianeFeed li:not(:last-child) a::after {
content: ">";
margin-left: 5px;
font-family: Inter;
}
.arianeFeed li a {
text-decoration: none;
color: var(--primary-blue);
}
.arianeFeed li {
display: inline-block;
}  .formationInline {
display: flex;
background: #f4f4f6;
border-radius: 8px;
margin-bottom: 16px;
overflow: hidden;
}
.formationInline .contentImg {
width: 110px;
min-height: 20px;
padding: 20px;
display: flex;
flex-direction: column;
justify-content: center;
height: auto;
background: var(--primary-blue);
}
.formationVertical .btnx a {
padding: 10px 16px;
display: block;
text-align: center;
}
.flex-meta {
display: flex;
gap: 25px;
margin-top: 16px;
margin-bottom: 38px;
color: white;
}
.badgeImg {
background: white;
border-radius: 100%;
width: 56px;
height: 56px;
margin-top: 16px;
margin-left: 16px;
display: flex;
align-items: center;
justify-content: center;
}
.badgeImg img {
height: 32px;
width: 32px;
object-fit: contain;
}
.flex-meta i {
margin-right: 6px;
}
.flex-meta p {
font-family: Inter;
font-size: 14px;
font-weight: 500;
}
.formationInline .contentImg div {
height: 72px;
width: 72px;
background: white;
border-radius: 100%;
align-items: center;
display: block;
justify-content: center;
display: flex;
}
.formationInline .contentImg div img {
height: 40px;
object-fit: contain;
width: 40px;
}
.alignFlex {
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.formationInline .contentImg p {
font-size: 12px;
font-family: Inter;
margin-bottom: 0px;
position: relative;
font-weight: 700;
margin-top: 8px;
text-align: center;
color: white;
}
.formationInline .contentTe {
padding: 16px;
display: flex;
align-items: stretch;
flex: 1;
}
.contentTe h3 {
font-size: 18px;
font-weight: 800;
font-family: Inter;
color: var(--secondary-navy);
}
.descrFormation {
font-size: 14px;
font-family: Inter;
margin-bottom: 10px;
font-weight: 400;
color: var(--secondary-navy);
}
.detailsForma {
flex: 3;
height: auto;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.webiVer {
justify-content: space-around !important;
}
.certifsDetails {
flex: 1;
height: auto;
align-content: space-around;
align-items: center;
justify-content: space-between;
display: flex;
flex-direction: column;
}
.modalitesDetails {
flex: 1;
height: auto;
justify-content: space-between;
display: flex;
flex-direction: column;
}
.metaFormation {
padding: 0px;
margin: 0px;
list-style: none;
}
.metaFormation li {
display: inline-block;
}
.metaFormation span {
color: var(--secondary-navy);
font-size: 14px;
font-family: Inter;
font-weight: 700;
margin-left: 8px;
display: inline-block;
}
.metaFormation .stars {
display: inline-block;
margin-right: 48px;
min-width: 150px;
}
.metaFormation .stars i {
font-size: 12px !important;
margin-right: 3px;
color: #f3b800;
}
.certifsDetails ul {
position: relative;
list-style: none;
padding: 0px;
display: flex;
justify-content: center;
margin: 0px;
}
.certifsDetails p {
display: flex;
width: 100%;
text-align: center;
margin-bottom: 0px;
justify-content: center;
}
.certifsDetails p span {
margin-left: -10px;
}
.certifsDetails ul {
position: relative;
list-style: none;
padding: 0px;
display: block;
justify-content: center;
margin: 0px;
width: 100%;
text-align: center;
}
.admin-bar .subMenuDesk.showDrop {
margin-top: 54px !important;
}
.certifsDetails ul li {
border: 2px solid var(--secondary-navy);
padding: 7px 6px;
display: inline-block;
font-size: 13px;
font-weight: bold;
margin-right: 9px;
font-family: Inter;
color: var(--secondary-navy);
border-radius: 8px;
}
.modalitesDetails div.presentiel p {
font-size: 13px;
text-align: right;
font-weight: 600;
color: var(--secondary-navy);
font-family: Inter;
margin-bottom: 0px;
}
.modalitesDetails div:not(.presentiel) p {
color: var(--secondary-navy);
font-family: Inter;
text-align: right;
margin-bottom: 0px;
font-weight: 800;
}
.modalitesDetails div:not(.presentiel) p i {
margin-right: 4px;
}
.nodeco {
color: inherit;
text-decoration: none;
}
.sub {
font-family: Inter;
font-size: 20px;
color: var(--secondary-navy);
font-weight: 300;
}
.m64 {
margin-bottom: 64px;
}
.contentBottom {
padding: 16px;
background: var(--primary-blue);
border-radius: 0px 0px 8px 8px;
display: flex;
flex: 1;
flex-direction: column;
justify-content: space-around;
}
.backForma{
height: 140px;
border-radius: 8px 8px 0px 0px;
overflow: hidden;
width: 100%;
background-size: cover;
background-position: center center;
}
.formationVertical {
padding: 0px !important;
display: flex;
height: 100%;
flex-direction: column;
justify-content: stretch;
background: var(--primary-blue);
border-radius: 8px;
overflow: hidden;
}
.formationVertical a, .formationVertical a:hover, .formationVertical a:focus {
text-decoration: none;
color: white;
}
.detailsForma h3 {
display: flex;
align-items: center;
gap: 8px;
}
.badgeForma {
font-size: 10px;
font-family: Inter;
color: var(--primary-red);
font-weight: 600;
}
.contentBottom .tt {
font-size: 18px;
font-family: Inter;
font-weight: 700;
margin: 0px;
color: white;
}
.notationForma li {
color: white;
font-weight: 700;
font-family: Inter;
font-size: 14px;
}
.notationForma li i {
color: #f3b800;
margin-right: 3px;
}
.notationForma {
margin: 8px 0px 0px 0px;
padding: 0px;
list-style: none;
}
.backFormaOpacity {
background-image: url(https://numericoach.fr/wp-content/themes/numericoach-theme/assets/images/backforma_opacity.svg);
background-size: 80vw;
background-repeat: no-repeat;
min-height: 900px;
background-position: left top;
}
.formaPriG {
font-size: 40px !important;
font-family: Inter;
font-weight: 700 !important;
color: var(--secondary-navy);
}
.blued {
color: var(--primary-blue);
}
.descr18 {
font-size: 18px;
font-family: Inter;
font-weight: 300;
color: var(--secondary-navy);
}
.logosCertif {
display: flex;
gap: 48px;
margin-top: 48px;
flex-wrap: wrap;
}
.logosCertif img {
height: 64px;
}
.finApeWrap {
display: flex;
gap: 32px;
}
.commentGMB .quoteleft {
display: block;
position: absolute;
left: 24px;
height: 36px;
top: -18px;
}
.commentGMB .quoteright {
display: block;
position: absolute;
right: 24px;
height: 36px;
bottom: -18px;
transform: rotate(180deg);
}
.slideSoloGMB {
width: 100%;
}
.logoFinancement {
display: inline-block;
border: 2px solid var(--primary-blue);
border-radius: 8px;
padding: 13px 10px;
font-family: Inter;
font-weight: 800;
color: var(--primary-blue);
}
.sliderContainer {
padding-top: 20px !important;
padding-bottom: 20px !important;
}
.m58 {
margin-top: 58px;
}
.descrFinan {
font-family: Inter;
font-size: 16px;
font-weight: 400;
color: var(--secondary-navy);
}
.titreFinacement {
font-family: Inter;
font-size: 18px;
font-weight: 700;
color: var(--secondary-navy);
}  .reviewsTitle {
font-family: Inter;
font-size: 40px;
color: white;
font-weight: 700;
}
.reviewCon {
padding: 48px;
background-color: var(--primary-blue);
border-radius: 24px;
}
.topPadding {
padding-top: 120px !important;
}
.logoGoogle {
display: block;
position: relative;
height: 40px;
}
.starsGoogle {
display: block;
padding: 0;
margin: 0;
position: relative;
list-style: none;
}
.starsGoogle li svg {
display: inline-block;
position: relative;
overflow: auto;
height: 27px;
padding: 0px;
top: -3px;
fill: var(--primary-yellow);
}
.notationForma .stars svg {
height: 14px !important;
top: -1px !important;
}
.stars svg {
display: inline-block;
position: relative;
overflow: auto;
height: 12px;
padding: 0px;
fill: var(--primary-yellow);
top: -1.5px;
}
.starsGoogle li {
display: inline-block;
color: var(--primary-yellow);
font-size: 25px;
margin-right: 8px;
}
.containerRR {
display: flex;
flex-direction: column;
justify-content: space-between;
}
.contentArr {
display: block;
position: absolute;
height: 53px;
width: 120px;
top: 0px;
right: 0px;
}
.contentArr div {
background: white;
height: 44Px;
width: 44px;
border-radius: 100%;
}
.contentArr div::after {
color: var(--secondary-navy);
font-size: 13px;
font-weight: bold;
}
.slidesGMB.swiper-wrapper {
align-items: end !important;
margin-top: 80px;
}
.containerReviews {
height: auto;
}
.stephCta {
background-image: url(https://numericoach.fr/wp-content/themes/numericoach-theme/assets/images/cutout_stef.png) !important;
background-size: auto 80%;
background-repeat: no-repeat;
background-position: 90% 100%;
}
.preFooterPage {
background-color: #d9f3fc !important;
margin-top: 120px;
margin-bottom: -250px;
position: relative;
display: flex;
justify-content: center;
align-items: center;
padding: 120px 80px 240px 80px;
}
.preFooterPage .row {
max-width: 90%;
padding-bottom: 88px;
}
.mediaNoteMB span {
font-weight: 800;
}
.post-type-archive-formation {
background: white;
}
.fkFooter {
background: var(--secondary-navy);
height: 800px;
width: 100%;
}
.mediaNoteMB {
font-size: 14px;
color: white;
margin-top: 7px;
font-family: Inter;
font-weight: 500;
}
.preFooterPage .btnx {
margin-top: 35px;
}
.preFooterPage img {
margin-bottom: 16px;
}
.preFooterPage p {
font-family: Inter;
font-size: 20px;
color: var(--secondary-navy);
margin-top: 16px;
text-align: left;
}
.preFooterPage h3 {
font-family: Inter;
font-weight: 800;
font-size: 64px;
color: var(--secondary-navy);
text-align: left;
}
.commentGMB {
display: block;
padding: 32px 24px;
background: var(--secondary-navy);
border-radius: 8px;
position: relative;
}
.commentGMB p {
color: white;
font-family: Inter;
font-weight: 700;
font-size: 20px;
}
.metaGMB {
display: flex;
gap: 16px;
margin-top: 18px;
}
.dateGMB {
color: white;
font-size: 14px;
font-family: Inter;
font-weight: 400;
}
.authorGMB {
color: #76bbdb;
font-size: 13px;
font-family: Inter;
margin: 0px !important;
font-weight: 500;
}
.metaGMB img {
height: 48px !important;
width: 48px;
border-radius: 100% !important;
object-fit: cover;
}  .signedLight {
position: relative;
display: inline-block;
z-index: 3;
text-decoration-skip-ink: none;
text-decoration-thickness: 18px !important;
text-decoration: underline;
text-underline-offset: -10px;
text-decoration-color: #eff3fb;
}
.signedYellow {
text-decoration-color: var(--primary-yellow) !important;
}
.signedWhite {
text-decoration-color: white !important;
}
.yellow {
color: var(--primary-yellow);
}  .headerFormationPro {
display: flex;
padding: 60px 76px 60px 76px;
background: var(--primary-blue);
flex-direction: column;
}
.subHeaderFormationPro h2 {
color: white !important;
font-family: Inter;
font-weight: 700;
margin-top: 20px !important;
font-size: 40px;
margin-top: 8px;
letter-spacing: 0.01em;
}
.preHeaderSlug {
display: flex;
gap: 16px;
align-items: center;
}
.subHeaderFormationPro p {
color: white;
font-size: 18px;
font-family: Inter;
font-weight: 400;
}
.headerContainer {
max-width: 700px;
}
.preHeaderSlug .imageSoftContainer {
height: 48px;
width: 48px;
background: white;
display: flex;
align-items: center;
border-radius: 100%;
justify-content: center;
}
.preHeaderSlug .imageSoft {
display: block;
position: relative;
object-fit: contain;
height: 30px;
width: 30px;
}
.preHeaderSlug h1 {
color: var(--primary-yellow);
font-size: 24px;
font-weight: 800;
letter-spacing: 0.01em;
margin: 0px;
font-family: Inter;
}
.metaFormationPro {
color: white;
font-size: 16px;
font-family: Inter;
gap: 16px;
margin-top: 16px;
font-weight: 400;
display: flex;
flex-direction: row;
}
.metaFormationPro p {
margin: 0px;
}
.starsForma i, .starsForma path {
color: var(--primary-yellow);
fill: var(--primary-yellow);
font-size: 17px;
margin-right: 7px;
}
.starsForma svg {
width: 20px;
height: 20px;
display: inline-block;
position: relative;
top: -2px;
}
.metaFormationPro div:not(:last-child) {
border-right: 1px solid white;
padding-right: 16px;
}
.metaFormationPro .icons i {
margin-right: 10px;
font-size: 20px;
position: relative;
display: inline-block;
bottom: -2px;
}
.badgeModalites div span {
display: block;
position: relative;
}
.badgeModalites p, .badgeModalites span:not(.material-symbols-outlined) {
color: white;
font-family: Inter;
font-weight: 700;
font-size: 14px;
}
.badgeModalites p.badged {
display: flex;
align-items: center;
max-width: 115px;
margin-bottom: 0px;
}
.badgeModalites span.material-symbols-outlined {
font-size: 40px;
}
.certificat a {
color: var(--primary-blue);
font-family: Inter;
font-size: 16px;
}
.certificat img {
margin-right: 8px;
}
.cpf-big {
border: 2px solid white;
border-radius: 10px;
padding: 15px 9px 15px 9px;
color: white;
font-family: Inter;
display: flex;
font-weight: bold;
}
.badgeModalites p {
margin-bottom: 0px;
}
.badgeModalites {
display: flex;
padding: 16px;
gap: 40px;
max-width: 400px;
margin-top: 30px;
border: 1px solid white;
border-radius: 12px;
justify-content: space-between;
margin-bottom: 0px;
background: #224781;
align-items: center;
}
.MenuBarBottom {
display: block;
background: white;
border-bottom: 1px solid #BDC0C6;
padding-right: 80px !important;
padding-left: 80px !important;
padding-top: 16px;
z-index: 9;
transition: 0.15s all ease-in-out;
position: relative;
}
.MenuBarBottom .row {
align-items: end;
}
.MenuBarBottom .subM {
list-style: none;
padding: 0px;
margin: 0px;
display: flex;
gap: 32px;
}
.MenuBarBottom .subM li.activeAnchor a {
color: var(--primary-blue);
}
.MenuBarBottom .subM li.activeAnchor {
border-bottom: 4px solid var(--primary-blue);
}
.admin-bar .MenuBarBottom.activeMen {
top: 100px;
}
.MenuBarBottom.activeMen {
position: fixed;
width: 100%;
top: 70px;
}
.single-webinaire .tiModalForma {
top: 150px;
}
.single-webinaire #content {
background: white;
}
#programme {
font-size: 32px;
color: var(--secondary-navy);
font-weight: 800;
}
.tiModalForma {
display: block;
position: absolute;
min-width: 400px;
z-index: 33;
max-width: 400px;
top: 300px;
background: white;
padding: 40px 24px 40px 24px;
transition: 0.2s all ease-in-out;
border-radius:12px;
box-shadow: 0px 8px 32px rgba(0, 0, 0, 0.05);
}
.tiModalForma .titleTi {
color: var(--secondary-navy);
font-family: Inter;
font-size: 20px;
font-weight: 700;
}
.tiModalForma .descrTi {
color: var(--secondary-navy);
font-size: 16px;
font-weight: 400;
font-family: Inter;
}
.MenuBarBottom .subM li a {
display: inline-block;
max-width: 151px;
font-size: 16px;
font-family: Inter;
font-weight: 700;
padding-bottom: 12px;
color: var(--secondary-navy);
text-decoration: none;
}
.descrTi {
margin-bottom: 0px;
}
.modaListe i {
font-size: 20px;
color: var(--primary-blue);
margin-right: 8px;
}
.modaListe li {
font-family: Inter;
font-weight: 400;
font-size: 16px;
margin-bottom: 12px;
color: var(--secondary-navy);
}
.modaListe {
list-style: none;
display: block;
padding: 0;
margin: 0;
}
.surtitle {
font-family: Inter;
font-weight: 800;
font-size: 24px;
color: var(--secondary-navy);
}
.listPre {
display: block;
padding: 0px;
margin: 0px;
list-style-position: inside;
list-style-image: url(https://numericoach.fr/wp-content/themes/numericoach-theme/assets/images/iconsCore/dongle.svg);
}
.listPre li {
font-size: 18px;
color: var(--secondary-navy);
font-family: Inter;
font-weight: 400;
margin-bottom: 8px;
}
.top80 {
margin-top: 80px !important;
}
.single-formation {
background: #fff;
}
.single-formation h2 {
font-family: Inter;
font-size: 32px;
color: var(--secondary-navy);
font-weight: 800;
display: inline-block !important;
}
.mt40 {
margin-top: 40px !important;
}
.m13 {
margin-bottom: 13px !important;
}
.infoBox {
padding: 24px !important;
border: 1px solid #BDC0C6;
border-radius: 4px;
max-width: 98% !important;
}
.a42-ac-modal {
top: 32% !important;
}
#accessKey {
background: var(--primary-yellow);
padding: 8px 32px 8px 16px;
border-radius: 25px 0px 0px 25px;
display: block;
position: fixed;
right: 0px;
margin-top: 40px;
z-index: 999;
}
#accessconfig {
display: none;
}
.infoBox ul {
padding: 0px;
margin: 0px;
list-style: none;
}
.listSub {
padding: 40px !important;
margin: 0px;
list-style: none;
}
.listSubP {
padding: 0px 0px 0px 40px !important;
}
.top60 {
margin-top: 60px !important;
}
.listSubP i {
margin-right: 12px;
color: var(--primary-blue);
}
.listSub li i {
margin-right: 12px;
color: var(--primary-blue);
}
.bot40 {
margin-bottom: 40px !important;
}
.tinyPadTop {
padding-top: 16px !important;
padding-bottom: 40px !important;
}
@media all and (max-width: 767px) {
#side-pop-tool {
width: 100% !important;
max-width: 100% !important;
margin-top: 30px !important;
}
.container-cas-client {
align-items: center;
flex-direction: column;
max-width: 1200px;
margin: auto;
margin-top: 40px;
justify-content: center;
padding-bottom: 40px !important;
}
}
.single-formation h3 {
font-family: Inter;
font-size: 24px;
color: var(--primary-blue);
font-weight: 800;
display: inline-block !important;
}
.listSub li {
margin-bottom: 12px;
color: var(--secondary-navy);
font-size: 18px;
font-weight: 400;
font-family: Inter;
}
.listSubP {
margin-bottom: 12px;
color: var(--secondary-navy);
font-size: 18px;
font-weight: 400;
font-family: Inter;
}
.infoBox ul li i {
color: var(--primary-blue);
font-size: 20px;
margin-right: 10px;
}
.infoBox ul li {
font-size: 18px;
font-family: Inter;
font-weight: 400;
color: var(--secondary-navy);
margin-bottom: 14px;
}
.single-outil .resume {
font-family: Inter;
font-size: 14px;
font-weight: 400;
color: #010101;
}
.single-outil .line_up {
font-size: 14px;
font-family: Inter;
font-style: italic;
color: #4D4D4D;
}
#side-pop-tool {
background: #fff;
padding: 20px 20px 35px 20px;
border-radius: 6px;
max-width: 420px;
float: right;
box-shadow: 0px 5px 13px 1px rgba(0, 0, 0, 0.15);
}
.container-cas-client {
display: flex;
gap: 40px;
max-width: 1200px;
margin: auto;
margin-top: 40px;
}
.container-tools-related {
max-width: 1200px;
margin: auto;
}
.mt40 {
margin-top: 40px;
}
.card-tool {
background: white;
padding: 15px 15px 30px 15px;
border-radius: 6px;
border: 3px solid #2E5FAC;
}
.card-tool .resume {
font-size: 13px;
font-family: Inter;
margin-top: 10px;
margin-bottom: 30px;
color: #6A6A6A;
}
.card-tool-image img {
width: 40px;
height: 40px;
object-fit: contain;
}
.card-tool-image p {
margin: 0px;
justify-content: center;
align-items: center;
display: flex;
font-size: 19px;
max-width: 250px;
}
.card-tool-image {
display: flex;
align-items: center;
gap: 15px;
font-family: Inter;
font-weight: 800;
color: #010101;
}
.title-other-tools {
font-size: 38px;
color: #2E5FAC;
font-family: Inter;
font-weight: 800;
text-align: center;
margin-bottom: 0px;
}
.subtitle-other-tools {
text-align: center;
display: block;
max-width: 650px;
margin: auto;
font-size: 16px;
font-family: Inter;
font-weight: 400;
color: #21457E;
}
.container-cas-client .title_link {
text-decoration: none;
color: #010101;
font-size: 30px;
display: block;
margin-bottom: 15px;
font-family: Inter;
max-width: 550px;
font-weight: 800;
}
.container-cas-client .excerpt_cas {
font-size: 16px;
font-family: Inter;
margin-bottom: 30px;
display: block;
font-weight: 400;
}
.container-cas-client img {
display: block;
position: relative;
border-radius: 25px;
width: 100vw;
max-width: 400px;
object-fit: cover;
}
.last-client-case {
font-family: Inter;
font-size: 39px;
font-weight: 800;
color: #010101;
text-align: center;
}
.title-section-arbo {
text-align: center;
margin-bottom: 0px;
color: #2E5FAC;
font-size: 22px;
font-family: Inter;
font-weight: 700;
}
#side-pop-tool .featured-icon {
display: flex;
gap: 15px;
align-items: center;
}
.container-tool-content {
font-family: Inter;
font-size: 15px;
color: #010101;
}
.container-tool-content h1, .container-tool-content h2, .container-tool-content h3, .container-tool-content h4, .container-tool-content h5, .container-tool-content h6 {
font-family: Inter;
font-weight: 800;
margin-top:15px;
margin-bottom: 15px;
color: #010101;
}
.paddedTotalRight {
padding: 45px 90px !important;
}
@media all and (max-width: 991px) {
.paddedTotalRight {
padding: 16px !important;
}
}
.single-outil .swiper {
margin-top: 25px !important;
display: flex !important;
padding-bottom: 5% !important;
justify-content: center !important;
}
.list-cat {
display: block;
padding: 0px;
margin: 15px 0px 0px 0px;
list-style: none;
}
.list-advantages-side {
list-style:circle;
color: #2e5fac;
font-size: 13px;
font-family: Inter;
line-height: 20px;
font-weight: 500;
padding: 15px 0px 0px 15px;
margin: 0px;
margin-bottom: 25px;
}
.list-advantages-side p {
margin: 0px !important;
}
#side-pop-tool .btnx {
margin-top: 15px;
}
.resume-side {
font-size: 13px;
color: #010101;
font-family: "Inter";
font-weight: 400;
margin-top: 15px;
}
.list-cat li {
display: inline-block;
padding: 5px 15px;
background: #01A93A;
color: #fff;
font-size: 12px;
border-radius: 7px;
font-family: Inter;
margin-right: 15px;
}
.featured-icon p.title-tool {
font-size: 20px;
font-family: Inter;
max-width: 230px;
font-weight: 800;
margin: 0px;
}
#side-pop-tool .featured-icon img {
display: block;
position: relative;
object-fit: contain;
height: 64px;
width: 64px;
border-radius: 0px;
}
.single-outil h1{
font-weight: 800;
font-family: Inter;
font-size: 43px;
}
.infoBox p {
color: var(--secondary-navy);
font-family: Inter;
font-size: 18px;
font-weight: 700;
}
.bluedFormation h2 {
font-size: 40px;
}
.bluedFormation {
background: #EFF3FB;
}
.wrapperFinancement {
display: block;
border: 1px solid #bdc0c6;
border-radius: 8px;
box-shadow: 0px 8px 32px rgba(0, 0, 0, 0.05);
background: #fff;
min-height: 100px;
margin-top: 27px !important;
overflow: hidden;
margin-left: 10px !important;
margin-right: 10px !important;
padding: 0px !important;
}
.container-header-list {
display: flex;
margin: 0px;
padding: 0px;
list-style: none;
border-bottom: 1px solid #bdc0c6;
}
.container-header-list li.selectedL {
background: var(--primary-blue);
color: white;
}
.container-header-list li.selectedL .bdg {
color: white;
border-color: white;
}
.container-header-list li {
display: flex;
border-right: 1px solid #bdc0c6;
flex: 1;
text-align: center;
font-size: 18px;
font-family: Inter;
color: var(--secondary-navy);
cursor: pointer;
font-weight: 700;
align-items: center;
justify-content: center;
background: #f4f4f6;
padding: 16px;
}
.wrapperFinancement h3 {
color: var(--secondary-navy) !important;
}
.container-header-list li:last-child {
border-right: 0px;
}
.validationList {
padding: 0px;
margin: 0px;
list-style: none;
}
.validationList li i {
color: var(--primary-blue);
margin-right: 7px;
}
.validationList li {
font-family: Inter;
font-weight: 700;
margin-bottom: 7px;
font-size: 16px;
color: var(--secondary-navy);
}
.priseCharge {
font-family: Inter;
font-weight: 900;
font-size: 24px;
color: var(--secondary-navy);
text-align: center;
margin-bottom: 40px;
}
.pCLink {
text-align: center;
margin-top: 15px;
display: block;
position: relative;
font-size: 16px !important;
}
.aideFinancement {
display: flex;
justify-content: center;
align-content: center;
gap: 24px;
margin-top: 43px !important;
}
.aideFinancement img {
height: 64px;
width: 64px;
}
.contentBootD {
padding: 120px 76px;
}
.miniArrow {
list-style: none;
margin: 0px;
padding: 0px;
margin-top: 35px !important;
}
.miniArrow li {
font-family: Inter;
font-size:20px;
margin-bottom: 24px;
font-family: 500;
display: flex;
color: var(--secondary-navy);
}
.wrapperIllustration img {
background: #67d0f4;
border-radius: 7px;
}
.ctaPre {
background-image: url(https://numericoach.fr/wp-content/themes/numericoach-theme/assets/images/cutout_coach-7.png) !important;
background-size: 420px !important;
background-repeat: no-repeat !important;
background-position: bottom right !important;
}
.ctaPre p {
max-width: 42%;
min-width: 738px;
margin: unset;
text-align: left;
}
.containerButtons {
display: flex;
gap: 16px;
margin-bottom: 88px;
margin-top: 12px;
}
.ctaPre p.titleCTA {
max-width: 470px !important;
margin: unset;
margin-bottom: 16px;
line-height: 1.1em;
}
.ctaPre p.titleCTA {
font-size: 56px;
font-weight: 800 !important;
text-align: left;
color: var(--secondary-navy) !important;
}
.miniArrow li::before {
content: " ";
height: 24px;
width: auto;
display: flex;
background-image: url(https://numericoach.fr/wp-content/themes/numericoach-theme/assets/images/bullet-1.svg);
background-size: 25px;
flex: 3%;
min-width: 34px !important;
background-repeat: no-repeat;
}
.aideFinancement p {
color: var(--secondary-navy);
font-size: 20px;
margin: 0px;
font-family: Inter;
font-weight: 800;
}
.aideFinancement span {
display: block;
}
.aideFinancement span a {
font-size: 18px;
font-weight: bold;
}
.centerDiv {
text-align: center;
}
.wrapperFinancement .row {
display: none;
}
.activeFinan {
display: flex !important;
padding: 40px;
}
.container-header-list .bdg {
font-size: 12px;
color: var(--secondary-navy);
font-weight: 700;
font-family: Inter;
margin-right: 16px;
padding: 10px 7px;
border: 2px solid var(--secondary-navy);
border-radius: 10px;
display: flex;
}  .search-bar-input {
display: block;
padding: 0px;
position: relative;
width: 100%;
}
.alignCenter {
display: flex;
justify-content: center;
align-items: center;
}
.search-bar-input input {
border-radius: 12px;
background: #F4F4F6;
padding: 13px 24px;
font-size: 16px;
padding-right: 60px !important;
width: 100%;
margin: 0px;
font-family: Inter;
font-weight: 400;
color: var(--secondary-navy);
}
.search-bar-input button {
background: var(--primary-yellow);
border-radius: 8px;
width: 52px;
height: 44px;
display: block;
padding: 0px;
position: absolute;
right: 4px;
font-size: 18px;
top: 4px;
}  .tool-pagination {
display: flex;
justify-content: center;
margin-top: 48px;
margin-bottom: 50px;
}
.wraper-pagination {
display: flex;
gap: 24px;
}
.wraper-pagination a {
text-decoration: none;
}
.wraper-pagination button {
cursor: pointer;
display: flex;
background: var(--secondary-navy);
height: 48px;
width: 48px;
justify-content: center;
font-size: 13px;
align-items: center;
border-radius: 100%;
padding: 0px;
}
.wraper-pagination button:disabled {
background: #F4F4F6;
color: #BDC0C6;
cursor: initial;
}
.tool-pagination div {
display: flex;
justify-content: center;
}
.tool-pagination .inner-pagination {
display: flex;
justify-content: center;
align-items: center;
}
.tool-pagination .inner-pagination p {
font-size: 18px;
color: var(--secondary-navy);
font-weight: bold;
font-family: Inter;
padding: 0px;
margin: 0px;
margin-left: 8px;
}
.tool-pagination .inner-pagination input {
display: flex;
width: 40px;
height: 36px;
text-align: center;
border: 1px solid #BDC0C6;
border-radius: 4px;
background: white;
padding: 0px;
color: var(--secondary-navy);
font-size: 18px;
font-weight: bold;
font-family: Inter;
}  .errorBox {
display: flex;
height: 300px;
justify-content: center;
width: 400px;
align-items: center;
gap: 20px;
font-size: 20px;
}
.errorBox h2 {
font-size: 20px;
font-weight: bold;
font-family: Inter;
color: var(--secondary-navy);
}
#filterSelector.widget--sticky {
opacity: 0.4;
}
.filterBar {
display: block;
transition: 0.2s all ease-in-out;
position: relative;
height: 100%;
}  .widget__gmb {
display: flex;
width: 100%;
max-width: 350px;
background: white;
border: 1px solid #bdc0c6;
border-radius: 12px;
flex-direction: column;
padding: 20px 25px;
gap: 15px;
box-shadow: rgba(149, 157, 165, 0.1) 0px 8px 24px;
}
.widget__gmb p {
margin: 0px;
}
.widget__gmb .stars {
align-items: center;
gap: 15px;
}
.widget__gmb .stars svg {
height: 30px;
width: 30px;
margin-top: -14px;
}
.widget__gmb .stars i {
height: 25px;
color: var(--primary-yellow);
font-size: 25px;
width: 25px;
}
.widget__gmb .rate {
font-family: Inter;
font-size: 30px;
font-weight: 900;
color: var(--secondary-navy);
}
.widget__gmb .google_logo {
height: 38px;
}
.widget__gmb div {
display: flex;
gap: 20px;
align-items: center;
}
.base__rated {
font-family: Inter;
font-size: 14px;
color: var(--secondary-navy);
font-weight: 500;
}
.base__rated span {
text-decoration: underline;
font-weight: 800;
}  footer::before {
content: " ";
height: 152px;
width: 100%;
display: block;
position: absolute;
top: -152px;
left: 0px;
background-size: 100% 100%;
background-image: url(https://numericoach.fr/wp-content/themes/numericoach-theme/assets/images/wave-bottom.svg) !important;
background-position: -3px 0px;
}
footer {
background:var(--secondary-navy);
min-height: 200px;
display: block;
margin-top: 202px;
position: relative;
padding-bottom: 120px;
padding-top: 30px;
}
footer p {
font-size: 16px;
font-family: Inter;
font-weight: 400;
}
footer p.white-text {
color: white;
}
footer .btnx {
margin-top: 32px;
height: 40px;
display: block;
}
footer .btnx a {
font-size: 14px !important;
}
.copyright {
color: white;
font-size:16px;
margin-top: 24px;
font-family: Inter;
}
.logo-footer {
margin-bottom: 24px;
}
.list-contacts {
padding: 0px;
margin: 0px;
}
.list-contacts li {
display: block;
margin-bottom: 12px;
}
.list-contacts li img {
margin-right: 17px;
display: inline-block;
}
.list-contacts li a {
color: white;
text-decoration: none;
font-size: 16px;
font-weight: 400;
font-family: Inter;
}
.followUs-section {
display: block;
position: relative;
margin-top: 40px;
}
.followUs-section p {
font-size: 14px;
font-weight: bold;
color: white;
font-family: Inter;
}
.followUs-section ul {
display: flex;
padding: 0px;
margin: 0px;
list-style: none;
gap: 16px;
}
footer .menu-title {
font-size: 16px;
font-weight: bold;
color: white;
font-family: Inter;
position: relative;
margin-bottom: 32px;
}
.submenu__footer {
padding: 0px;
margin: 0px;
list-style: none;
}
.mt32 {
margin-top: 32px !important;
}
.submenu__footer li {
margin-bottom: 16px;
}
.submenu__footer a {
color: white;
text-decoration: none;
font-size: 16px;
font-weight: 400;
font-family: Inter;
} .fullWA .elementor-widget-container a {
width: 100%;
} .container-prestations {
display: grid;
grid-auto-flow: row;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(2, 1fr);
gap: 32px;
}
.container-prestations .bloc__presta {
display: flex;
background: white;
padding: 48px 40px;
flex-direction: column;
border-radius: 8px;
align-items: center;
}
.container-prestations .bloc__presta img {
height: 48px;
margin-bottom: 24px;
}
.container-prestations .bloc__presta h3 {
font-size: 24px;
color: var(--secondary-navy);
font-family: Inter;
text-align: center;
font-weight: 800;
margin-bottom: 40px;
}
.timeline-container {
margin: 0 auto;
max-width: 1000px;
}
.top-section {
text-align: center;
padding: 4rem 0;
max-width: 1000px;
margin: 0 auto;
}
.landingtimeline {
position: relative;
min-height: 150px;
}
.timeline__line {
position: absolute;
z-index: 1;
left: calc(50% - 1px);
width: 4px;
top: 67px;
bottom: -50px;
background-color: var(--primary-yellow);
display: none;
}
.timeline__section {
display: flex;
opacity: 0;
transform: translatex(-100%);
transition: 600ms ease;
position: relative;
z-index: 1;
margin: 50px 0;
padding: 1rem;
border-radius: 1rem;
align-items: center;
min-height: 300px;
}
.timeline__section:nth-child(odd) {
flex-direction: row-reverse;
transform: translatex(100%);
}
.timeline__section__bead::before {
content: " ";
width: 30px;
display: block;
background: var(--secondary-navy);
position: relative;
z-index: -1;
height: 56px;
}
.timeline__section__bead::after {
content: ' ';
height: 24px;
width: 24Px;
border-radius: 50%;
background-color: var(--primary-yellow);
display: block;
position: absolute;
top: 16px;
left: 4px;
}
.timeline__section__bead {
position: absolute;
display: block;
left: 50%;
top: 20%;
transform: translateX(-50%);
}
.timeline__section__content {
width: calc(50% - 2rem);
}
.show-me:nth-child(n) {
transform: none;
opacity: 1;
gap: 20%;
}
.titleTimeline {
font-size: 32px;
color: white;
font-family: Inter;
margin-bottom: 16px !important;
font-weight: 800;
}
.descrTimeline {
font-size: 18px;
color: white;
font-family: Inter;
}
@media screen and (max-width: 600px) {
.timeline__line {
left: calc(0% - 1px);
}
.timeline__section__bead {
left: 0%;
}
.timeline__section__content {
width: calc(100% - 2rem);
}
.timeline__section:nth-child(even) {
flex-direction: row-reverse;
transform: translatex(0%);
}
}  .container-formation-single {
display: flex;
background: #F4F4F6;
border-radius: 8px;
padding: 24px;
flex-direction: column;
}
.container-formation-single ul {
list-style: none;
padding: 0px;
margin: 0px;
}
.container-formation-single ul li {
margin-bottom: 12px;
}
.container-formation-single ul li a {
display: flex;
padding: 10px 16px;
border-radius: 12px;
background: white;
font-family: Inter;
color: var(--secondary-navy);
font-size: 16px;
font-weight: 700;
gap: 16px;
}
.container-formation-single ul li img {
height: 24px;
width: 24px;
}
.container-formation-single .topTitle {
font-family: Inter;
color: var(--secondary-navy);
font-size: 24px;
font-weight: 700;
margin-bottom: 24px;
}
.activeHead__e {
position: fixed;
top: 71px;
z-index: 9;
background: white;
} @keyframes slidetop {
from { margin-top: -100vh;opacity: 0; }
to { margin-top: 0px;opacity: 1; }
}
.floatModal {
display: block;
position: fixed;
top: 170px;
animation: 0.4s slidetop;
}
@keyframes floatingBubble {
0% { transform: translateY(0px); }
100% { transform: translateY(40px); }
}
@media all and (min-width: 767px) {
#anim4 img {
transform: translateY(0px);
animation: 3.5s ease-in-out 1s infinite alternate floatingBubble;
animation-delay: 1s;
transition: 0.7s all ease-in-out;
}
#anim3 img {
transform: translateY(0px);
animation: 1.5s ease-in-out 1s infinite alternate floatingBubble;
animation-delay: 2.3s;
transition: 0.7s all ease-in-out;
}
#anim2 img {
transform: translateY(0px);
animation: 2.5s ease-in-out 1s infinite alternate floatingBubble;
animation-delay: 2.5s;
transition: 0.7s all ease-in-out;
}
#anim1 img {
transform: translateY(0px);
animation: 1.8s ease-in-out 1s infinite alternate floatingBubble;
animation-delay: 3s;
transition: 0.7s all ease-in-out;
}
}
.floatModal .descrTi.mb-3, .floatModal .containerAdditionalForma, .floatModal .separator {
display: none;
}
#containerResponseForm .topTT {
font-size: 14px;
font-weight: 700;
color: var(--primary-blue);
font-family: Inter;
margin-bottom: 8px;
}
#containerResponseForm {
margin-top: 40px;
}
#containerResponseForm .contR ul {
padding: 0px;
margin: 0px;
}
.contR li {
margin-left: 15px;
margin-bottom: 12px;
}
#containerResponseForm .alert {
margin-top: 12px;
}
#containerResponseForm .sep {
display: block;
width: 100%;
border-bottom: 1px solid #BDC0C6;
margin: 24px 0px 24px 0px;
}
.contR li a {
color: var(--secondary-navy);
font-size: 17px;
line-height:32px;
font-family: Inter;
}
.cas__clients_top {
display: flex;
gap: 32px;
}
.single__cas img.thumbPost__cas {
display: block;
width: 100%;
height: 360px;
border-radius: 12px;
object-fit: cover;
}
.single__cas {
width: 50%;
position: relative;
}
.single__cas:hover .logo__cas {
transform: scale(1.05);
}
.single__cas .logo__cas {
display: block;
position: absolute;
height: 70px;
padding: 10px;
top: 24px;
left: 24px;
transition: 0.15s all ease-in-out;
background: white;
border-radius: 8px;
}
.single__cas h2 {
color: white !important;
font-family: Inter;
text-decoration: none;
margin-bottom: 6px;
margin-top: 30px;
font-weight: 800;
}
.excerpt__cas {
font-size: 24px;
color: white;
font-family: Inter;
font-weight: 400 !important;
margin-bottom: 30px !important;
}
.temoignagne__cas_top {
color: white;
font-size: 18px;
font-family: Inter;
font-weight: 600;
padding: 0px 0px 0px 24px;
border-left: 1px solid var(--primary-yellow);
}
.allCasClients .thumbPost__cas {
height: 240px;
border-radius: 16px;
width: 100% !important;
object-fit: cover;
}
.singleCasC {
position: relative;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.single__cas {
display: flex;
flex-direction: column;
justify-content: space-between;
}
.singleCasC a.clink, .single__cas a.clink {
max-width: 200px !important;
}
.allCasClients .logo__cas {
height: 50px;
padding: 10px;
background: white;
display: block;
position: absolute;
top: 16px;
left: 26px;
border-radius: 8px;
}
.singleCasC h2 {
margin-top: 20px;
}
.singleCasC .excerpt__cas {
color: var(--secondary-navy) !important;
}
.singleCasC .temoignagne__cas_top {
font-size: 16px !important;
padding-left: 16px !important;
color: var(--secondary-navy) !important;
}
.cas_clients__related {
display: flex;
gap: 32px;
}
.single__cas_related {
padding: 24px;
border-radius: 12px;
background: white;
flex: 50%;
position: relative;
}
.single__cas_related .thumbPost__cas {
height: 176px;
width: 100%;
border-radius: 8px;
object-fit: cover;
}
.single__cas_related .logo__cas {
display: block;
height: 46px;
padding: 12px;
border-radius: 8px;
background: white;
position: absolute;
top: 34px;
left: 34px;
}
.single__cas_related h3 {
color: var(--secondary-navy);
font-size: 28px;
font-family: Inter;
font-weight: 800;
margin-top: 16px;
}
.single__cas_related .excerpt__cas {
color: var(--secondary-navy);
font-size: 18px;
font-family: Inter;
font-weight: 400;
}
.quick-nav {
font-family: "Lato";
font-weight: 800;
font-size: 20px;
margin-bottom: 5px !important;
}
.top-tool-title {
display: flex;
align-items: center;
gap: 10px;
}
.top-tool-title img {
height: 40px;
}
.top-tool-title h2 {
font-size: 17px !important;
font-weight: 800 !important;
font-family: Inter !important;
color: var(--secondary-navy) !important;
margin: 0px !important;
}
.post-single-outil {
margin-top: 44px !important;
}
.post-single-outil .exercpt {
font-size: 14px;
font-family: Inter;
color: var(--secondary-navy);
font-weight: 400;
margin-top: 10px;
}
.post-single-outil a {
text-decoration: none;
}
.post-single-outil .author {
font-size: 16px;
color: #000000;
font-family: Inter;
}
.post-single-outil .author span {
font-weight: bold !important;
}
.post-single-outil .alignFlex {
background: #fff;
padding: 17px;
box-shadow: 0px 5px 13px 1px rgba(0, 0, 0, 0.15);
border-radius: 6px;
}
.post-single-outil .list-cat li {
margin-bottom: 8px !important;
}
ul.list-comp li {
padding: 0px;
margin: 0px 0px 8px 0px;
font-size: 14px;
}
ul.list-comp {
margin-top: 12px;
}
ul.list-comp li::before {
content: "- ";
}
div#container-temoignage {
max-width: 500px;
margin: auto;
background: white;
padding: 24px 19px;
border-radius: 5px;
box-shadow: 0px 0px 20px rgba(0,0,0,.15);
margin-top: 15px;
margin-bottom: 50px;
border-top: 3px solid #198754;
}