.cadri-parcours-management-header-section{
border-bottom: 1px solid #e0e0e0;
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
.bt_bb_port{
padding-bottom: 0 !important;
}
}
.cadri-parcours-management-headline{
color: #fff;
padding: 12px;
h1{
font-weight: 700;
font-size: 3rem;
color: #181818;
}
p{
padding: 0 12px;
font-size: .8em;
font-weight: 700;
width: max-content;
background-color: #8327572b;
border-radius: 15px;
color: #832757;
text-transform: uppercase;
}
}
.cadri-parcours-why-icon{
--primary-color: #832757 !important;
--secondary-color: #8327572b !important;
span{
padding: 12px;
font-weight: 600;
color: #757575 !important;
}
}
.cadri-parcours-management-title-page{
padding: 12px;
h2{
font-weight: 600;
font-size: 2.2rem;
}
p{
padding: 3px 12px;
font-size: 0.8em;
width: max-content;
display: inline-block;
background-color: #8327572b;
border-radius: 15px;
color: #832757;
text-transform: uppercase;
font-weight: 700;
letter-spacing: 1px;
}
blockquote p{
display: none;
}
}
.cadri-parcours-management-intro{
padding: 12px;
max-width: 65%;
margin: 0 auto;
}
.cadri-parcours-management-icon-public{
max-width: 100%;
background-color: #fff;
box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgb(0 0 0 / 5%) 0px 1px 2px;
border-radius: 10px;
width: 100%;
font-size: 1.2rem;
margin-bottom: 1rem !important;
margin-top: 1rem !important;
span{
padding: 12px;
font-weight: 500;
}
}
.cadri-parcours-management-column-objectifs{
.bt_bb_column_content_inner{
background-color: #FFF;
padding: 3rem;
border-radius: 12px;
box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
height: -webkit-fill-available;
}
}
.cadri-parcours-management-module-titre{
font-weight: 600;
padding: 30px 0;
}
.cadri-parcours-row-objectifs .management_icon_objectifs{
width: 50%;
font-size: 1rem;
padding: 1rem;
text-align: left;
}
.cadri-parcours-management-timeline{
.cadri-parcours-management-timeline-group .bold_timeline_group_header{
border-radius: 12px !important;
border: 3px solid #fff !important;
box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
width: 12rem;
height: 9rem;
}
.bold_timeline_group_header_inner{
width: 3.2rem !important;
}
.bold_timeline_group_header_title{
color: #181818 !important;
font-weight: 600;
padding: 0 0.4rem;
}
.bold_timeline_item_content_inner{
max-width: 100%;
}
.bold-timeline-item-distanciel {
padding: 12px;
margin: 4rem 0;
.bold_timeline_item_header_supertitle_inner {
padding: 3px 12px !important;
font-size: .8em;
display: inline-block;
background-color: #83275717 !important;
border-radius: 15px;
color: #832757 !important;
text-transform: uppercase;
font-weight: 700;
letter-spacing: 1px;
margin-bottom: 1rem;
}
}
.bold-timeline-item-presentiel {
padding: 12px;
margin: 4rem 0;
.bold_timeline_item_header_supertitle_inner {
padding: 3px 12px !important;
font-size: .8em;
display: inline-block;
background-color: #e731331c !important;
border-radius: 15px;
color: #e73133 !important;
text-transform: uppercase;
font-weight: 700;
letter-spacing: 1px;
margin-bottom: 1rem;
}
}
.bold_timeline_item_header_title {
font-weight: 600;
line-height: 1.5em;
}
.bold_timeline_txt_description{
margin-bottom: 1rem;
}
.bold_timeline_item:nth-of-type(odd) ul{
justify-content: flex-end;
}
.bold_timeline_item:nth-of-type(even) ul{
justify-content: flex-start;
}
.bold_timeline_txt_after_description ul{
list-style: none;
display: flex;
gap: 0.3rem;
flex-wrap: wrap;
margin: 0;
li{
background: #f1f5f9;
padding: 0.2rem 0.6rem;
border-radius: 0.5rem; color: #475365;
font-weight: 600;
margin: 0;
}
}
}
.cadri-parcours-management-row-valeur{
.bt_bb_column_inner{
background: #ffffff3b;
border-radius: 12px;
box-shadow: 0 4px 30px #e0e0e06b;
backdrop-filter: blur(4px);
padding: 12px;
border: 1px solid rgba(255, 255, 255, 0.3);
flex-basis: calc(25% - 20px);
}
}
.cadri-parcours-icon-inscription{
padding: 0 2em;
span{
padding-top: 5px;
padding-bottom: 5px; font-weight: 200;
}
}
.cadri-parcours-management-row-inscription{
padding: 12px;
box-shadow: #553851a6 0px 2px 8px 0px;
border-radius: 15px;
.bt_bb_column{
padding: 3rem;
}
.cadri-parcours-management-inscription-icon{
width: 100% !important;
margin-bottom: 1rem;
padding: 0.5rem;
}
.cadri-parcours-management-inscription-icon span.bt_bb_icon_holder span{
display: flex;
flex-direction: column;
font-size: 1rem;
color: #ffe4dbab;
gap: 0.3rem;
b{
font-size: 1.2rem;
color: #fff;
}
}
} .cadri-parcours-header .bt_bb_column_content{
padding: 12px;
.cadri-parcours-h1{
padding: 12px;
p{
padding: 3px 12px;
font-size: 0.8em;
width: max-content;
display: inline-block;
background-color: #832757;
border-radius: 5px;
color: #fff;
text-transform: uppercase;
font-weight: 700;
letter-spacing: 1px
}
}   
}
.cadri-parcours-info{
background-color: #8327570f !important;
padding: 12px;
border-radius: 15px;
border: 1px solid #832757;
flex-basis: calc(90% - 10px) !important;
margin: 0 auto;
span{
text-align: left;
line-height: 1.4 !important;
}
}
.cadri-parcours-bloc-methode{
.bt_bb_icon{
--primary-color: #fff !important;
--secondary-color: #f7f7f53d !important;
}
}
.cadri-parcours-card{
box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
border: 1px solid #e0e0e0 !important;
border-radius: 15px !important;
.bt_bb_card_image_title{
padding: 12px;
span.bt_bb_headline_superheadline{
background-color: #8327571f;
width: fit-content;
padding: 0.6rem;
color: #832757;
border-radius: 12px;
letter-spacing: 0.1rem !important;
}
}
span.bt_bb_headline_content{
font-weight: 600;
padding: 0.3rem;
}
div.bt_bb_card_image_text{
padding: 0 12px;
color: #832757 !important;
font-family: sans-serif !important;
font-weight: 600 !important;
margin: 1.2rem 0;
}
}
} .cadri-padding-12{
padding: 12px !important;
}
.cadri-formation-header-section{
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
margin-bottom: 3rem;
.bt_bb_port{
padding: 0 !important;
}
.cadri-formation-header-column-1{
padding: 4rem;
}
}
.cadri-formation-header-row-argument{
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
.bt_bb_column_inner{
padding: 12px;
}
span{
text-transform: capitalize;
}
.bt_bb_icon_holder:before {
background-color: #ffdbee47;
padding: 0.6rem;
}
}
.cadri-formation-row-content .cadri-formation-column-tabs:last-child .bt_bb_column_content_inner {
position: relative; 
align-self: flex-start;
}
.cadri-formation-inter-intra{
border-radius : 15px;
box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
transition: all 0.3s ease;
width: 30rem;
ul{
width: -webkit-fill-available;
li{
width: 33%;
display: flex;
justify-content: center;
font-size: 0.8rem;
}
}
.bt_bb_icon{
padding: 1rem;
border-bottom: 1px solid #dcdcde; width: -webkit-fill-available;
font-size: 1.2rem;
}
.bt_bb_tabs_tabs{
padding: 12px;
background-color: #f6f7f7;
}
.cadri-tabs-session{
margin-bottom: 1rem;
background-color: #fff;
select{
border-radius: 12px;
}
}
.bt_bb_button{
width: 100%;
padding: 0.3rem;
}
}
.cadri-formation-objectifs{
background-color: #b02a4912; 
padding: 12px; 
border-radius: 15px;
margin: 0.8rem 0;
}
.cadri-formation-testimonials{
background: linear-gradient(90deg, rgba(131, 39, 87, 1) 0%, rgba(205, 46, 64, 1) 100%);
margin: 3rem 0;
border-radius: 15px;
padding: 12px;
h2{
padding: 12px;
}
.bt_bb_content_slider{
padding: 2rem;
}
.bt_bb_content_slider_item{
height: 330px !important;
}
.bt_bb_testimonial_text{
font-size: 0.6rem;
span{
font-size: 1.1rem;
}
}
}
.cadri-accordion {
margin: 20px 0;
}
.cadri-accordion-item {
border: 1px solid #832757;
margin-bottom: 1rem;
border-radius: 5px;
overflow: hidden;
}
.cadri-accordion-header {
background-color: #f7f7f5;
padding: 1rem 1.6rem;
cursor: pointer;
text-transform: capitalize;
position: relative;
transition: background-color 0.3s ease;
}
.cadri-accordion-header:hover {
background-color: #f9f0f2;
}
.cadri-accordion-header::after {
content: '+';
position: absolute;
right: 20px;
top: 50%;
transform: translateY(-50%);
font-size: 24px;
font-weight: bold;
transition: transform 0.3s ease;
}
.cadri-accordion-item.active .cadri-accordion-header::after {
content: '−';
}
.cadri-accordion-content {
max-height: 0;
overflow: hidden;
padding: 0 20px;
transition: max-height 0.3s ease, padding 0.3s ease;
}
.cadri-accordion-item.active .cadri-accordion-content {
max-height: fit-content;
padding: 1rem 1.6rem;
}
.cadri-accordion-content p {
margin: 8px 0;
}
.cadri-formation-row-cta-phone{
padding: 12px;
border-radius: 15px;
margin: 1rem 0;
border: 1px solid #ffd5eb;
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
.bt_bb_column_inner{
justify-content: center !important;
}
.bt_bb_icon{
padding: 1rem;
font-size: 1.2rem;
}
.bt_bb_button{
width: 100%;
}
.cadri-formation-row-cta-phone-column-2 .bt_bb_column_inner_content{
border-left: 3px solid #b02a49;
background-color: #ffefef;
margin: 0.8rem 0;
border-radius: 15px;
padding: 0.6rem;
h6, p, .bt_bb_button{
padding: 0.4rem
}
p{
font-size: 0.7rem;
line-height: 1.5;
}
}
} .cadri-home-slider-phone{
.bt_bb_testimonial .bt_bb_testimonial_text span {
font-size: 17px;
}
} .slider-container {
display: flex; 
overflow-x: scroll; 
scroll-snap-type: x mandatory; 
-webkit-overflow-scrolling: touch; padding: 20px 0;
gap: 25px; 
width: 100%;
max-width: fit-content;
margin: 0 auto
} .slider-container::-webkit-scrollbar {
display: none;
}
.slider-container {
-ms-overflow-style: none; scrollbar-width: none; } .slide {
flex: 0 0 400px; 
background-color: #eee;
border-radius: 12px;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
padding: 25px;
text-align: center;
transition: transform 0.3s ease, box-shadow 0.3s ease;
border-left: 5px solid #832757; 
} .slide:hover {
transform: scale(1.02); box-shadow: 0 8px 15px rgba(0, 0, 0, 0.15);
} .slide-content h3 {
color: #832757;
margin-top: 0;
font-size: 1.6em;
border-bottom: 2px solid #832757; 
padding-bottom: 10px;
margin-bottom: 15px;
}
.slide-content p {
color: #333;
font-size: 1.1em;
line-height: 1.5;
}
.cadri-home-parcours-column{
padding: 4em;
flex-basis: calc(50% - 20px) !important;
}
.cadri-home-row-parcours{
div.bt_bb_row_holder{
gap: 20px;
}
} .cadri-header-slider .slick-slider {
border-radius: 15px;
}
.cadri-row-header-home{
padding: 40px 40px 0px 40px;
background-color: white;
border: 5px solid #832757;
border-radius: 15px;
background-color: #f7f7f5;
}
div.bt_bb_cell_inner .cadri-row-domaine-formation{
background-image: url(https://dev.cadriformat.fr/wp-content/uploads/2026/01/c-cadri.webp);
border-radius: 10px; 
padding: 40px; 
}
div.bt_bb_row_inner_holder .cadri-column-pedagogie-pei{
backdrop-filter: blur(10px);
padding: 20px;
border: 2px solid #fff;
border-radius: 15px;
} #popmake-10248 .popup-content {
display: flex; 
gap: 30px; 
align-items: center; 
max-width: 800px; 
margin: 0 auto;
}
#popmake-10248 .popup-left { 
flex: 1 !important; 
min-width: 0;
}
#popmake-10248 .popup-right {
position: relative;
transform: rotate(30deg);
right: -10%;
width: 53%;
}
.cadri_tabs_parcours_scotwork  .bt_bb_tab_content{
padding: 40px 80px;
}
.cadri_row_parcours_inscription{
padding: 40px;     
border-radius: 10px;     
border: 1px dashed #b02a4975
}
.cadri_content_tabs_parcoursScotwork{
width: max(80%, 960px); 
border-radius: 10px; 
background-color: #fff6fb; 
box-shadow: 0 0 30px 0 rgba(0, 0, 0, .10);
padding: 20px;
}
@media screen and (max-width: 1140px) {
.cadri_content_tabs_parcoursScotwork{
width: 100%; 
}
.cadri_tabs_parcours_scotwork  .bt_bb_tab_content{
padding: 0;
}
} .cadri_service_banque > ul >li{
background-color: #fff !important;
}
.cadri_service_banque {
padding : 0;
}
.cadri_service_banque > .bt_bb_price_list_title {
color: #fff;
background-color: #832757;
border-radius: 5px 5px 0px 0px;
height: 104px;
text-align: center;
display: flex ;
align-items: center;
}
.see-formations-btn {
background-color: transparent; 
color: white; 
border: 2px solid white;
border-radius: 5px;
padding: 10px 20px; 
font-size: 16px; 
cursor: pointer; 
transition: background-color 0.3s, color 0.3s; 
}
.see-formations-btn:hover {
background-color: white; 
color: #832757; 
} div.btArticleHeadline{
display: none;
}
div#respond.comment-respond{
display: none;
} .custom_escp_h1{
background-color: #ffffffbf;
padding: 0 20px 0 20px;
}
.custom_escp_h1>div>div>div>div>img{
object-fit: contain !important;
} .cadri-page-categorie-header{
.bt_bb_port{
padding: 0 !important;
}
.cadri-page-categorie-header-column-text{
padding: 5rem 2rem;
}
p{
font-size: 1.5rem;
max-width: 90%;
margin: 0 auto;
line-height: 1.4;
}
}
.cadri-page-categorie-qualiopi{
div.cadri-page-qualiopi-header{
background-color: #ffecf6;
padding: 12px;
border-radius: 12px;
border: 1px solid #832757b0;
font-weight: 500;
line-height: 0.8;
}
.bt_bb_row_inner_holder{
.bt_bb_column_inner{
padding: 2rem;
box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
border-radius: 12px;
flex-basis: calc(25% - 10px);
margin: 1rem 0;
}
strong{
font-size: 3rem;
color: #832757;
font-weight: 700;
}
p{
text-transform: uppercase;
font-size: 1rem;
font-weight: 600;
line-height: 0.5;
span{
text-transform: uppercase;
color: #9d9d9d;
font-weight: 400;
font-size: 0.8rem;
}
}
}
.bt_bb_icon{
padding: 1rem !important;
background-color: #f0fdf4;
border: 1px solid #dcfce7;
border-radius: 12px;
color: #15803d;
font-size: 1.2rem;
}
}
.cadri-page-categorie-presentation-section{
background-color: #f8fafc !important;
border-bottom: 1px solid #f1f5f9;
border-top: 1px solid #f1f5f9;
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
.bt_bb_headline{
margin: 1rem 0 3rem 0;
}
h2 span.bt_bb_headline_superheadline{
text-transform: uppercase;
font-weight: 700 !important;
font-size: 1rem;
letter-spacing: 0.1rem !important;
color: #e73133;
margin: 0.4rem;
}
h2 .bt_bb_headline_content{
margin: 0.8rem 0;
}
h2 .bt_bb_headline_content::after{
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 11%; 
height: 3px;
background-color: #e73133;
}
.bt_bb_card_image{
border-radius: 15px;
border: 1px solid #e2e8f0;
box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px !important;
color: #363536;
margin: 0.8rem 0; header.bt_bb_headline{
height: 7rem !important;
}
.bt_bb_headline_superheadline{
background-color: #fef3c7;
width: fit-content;
padding: 0.6rem;
color: #c55309;
border-radius: 12px;
font-weight: 800;
letter-spacing: 0.1rem !important;
}
.bt_bb_headline_content{
font-size: 1.5rem;
}
.cadri-page-categorie-card-format{
display: flex;
gap: 10px;
margin: 1rem 0;
align-items: center;
p{
background-color: #eff3f7;
padding: 0.3rem 0.8rem;
font-size: 0.8rem;
font-weight: 500;
border-radius: 9px;
color: #51596d;
margin: 0;
}
}
}
.bt_bb_card_image:hover{
box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px !important ;
border: 1px solid #832757;
}
} @media only screen and (max-width: 389px) {
.cadri-page-categorie-presentation-section{
.bt_bb_card_image{
.bt_bb_headline_content {
font-size: 1rem ;
}
}
}
}
@media only screen and (max-width: 400px) {
.cadri-formation-testimonials{
.bt_bb_content_slider_item{
height: fit-content !important;
}
.bt_bb_content_slider{
padding: 0 !important;
}
.bt_bb_testimonial_text{
font-size: 0.2rem !important;
span, .bt_bb_testimonial_text_box{
font-size: 0.7rem !important;
}
}
}
}
@media only screen and (max-width: 453px) {
.cadri-parcours-management-headline h1{
font-size: 2.2rem;
}
}
@media only screen and (max-width: 457px) {
.cadri-formation-header-section{
.bt_bb_button{
width: 100%;
margin: 0.4rem 0;
}
h1{
font-size: 1.4rem !important;
}
}
}
@media only screen and (max-width: 513px) {
.cadri-parcours-management-title-page h2{
font-size: 1.8rem;
}
}
@media only screen and (max-width: 530px) {
.cadri-formation-header-section{
.bt_bb_button{
width: 100%;
margin: 0.4rem 0;
}
}
}
@media only screen and (max-width: 589px) {
.cadri-page-categorie-header{
p{
font-size: 1rem;
}
}
.cadri-parcours-header .bt_bb_column_content{
.cadri-parcours-h1{
font-size: 0.8rem;
}
}
.cadri-parcours-h2{
font-size: 0.6rem;
}
}
@media only screen and (max-width: 672px) {
.cadri-parcours-management-intro{
max-width: 98% !important;
}
}
@media only screen and (max-width: 680px) {
.cadri-parcours-management-row-valeur .bt_bb_row_inner_holder{
.bt_bb_column_inner{
flex-basis: calc(100% - 20px);cadri-parcours-management-row-valeur
margin-bottom: 1rem;
}   
}
}
@media only screen and (max-width: 684px) {
.management_icon_objectifs{
width: 100% !important;
padding: 0 !important;
margin: 0.4rem !important;
}
}
@media only screen and (max-width: 768px) {
.cadri-page-categorie-qualiopi{
div.cadri-page-qualiopi-header{
line-height: normal;
}
.bt_bb_row_inner_holder{
.bt_bb_column_inner{
flex-basis: calc(100% - 10px);
}
}
.bt_bb_row_inner_holder{
strong{
font-size: 2rem;
}
}
.cadri-page-categorie-presentation-section{
h2 .bt_bb_headline_content{
font-size: 1.8rem !important;
}
}
}
.cadri-parcours-management-timeline{
.bold_timeline_item_inner{
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
border-radius: 15px;;
}
.bold_timeline_item:nth-of-type(odd) ul{
justify-content: flex-start !important;
}
.bold_timeline_item:nth-child(odd){
text-align: left !important;
}
}
.cadri-parcours-management-row-inscription{
.bt_bb_column{
padding: 1rem;
}
}
}
@media only screen and (max-width: 860px) {
.cadri-parcours-management-module-titre h3{
font-size: 1.8em;
}
}
@media only screen and (max-width: 976px) {
.cadri-parcours-management-row-valeur .bt_bb_row_inner_holder{
.bt_bb_column_inner{
flex-basis: calc(50% - 20px);
margin-bottom: 1rem;
}
}
}
@media only screen and (max-width: 992px) {
.cadri-formation-testimonials{
.bt_bb_content_slider_item{
height: fit-content !important;
}
.bt_bb_testimonial_text{
font-size: 0.4rem !important;
span, .bt_bb_testimonial_text_box{
font-size: 1rem !important;
}
}
}
}
@media only screen and (max-width: 1010px) {
.cadri-parcours-management-intro{
max-width: 80%;
}
}
@media only screen and (max-width: 1042px) {
.cadri-parcours-management-headline h1{
font-size: 3rem;
}
}
@media screen and (max-width: 1100px) and (min-width: 993px) {
.cadri-formation-inter-intra {
transform: scale(0.85);
transform-origin: top left;
margin-bottom: -30px; 
width: auto !important;
}
.cadri-formation-inter-intra ul {
width: 100% !important;
}
.cadri-formation-inter-intra ul li {
width: 33.33% !important;
font-size: 0.65rem !important;
padding: 8px 2px !important;
}
}
@media only screen and (max-width: 1202px) {
.cadri-formation-inter-intra {
li{
font-size: 0.5rem !important;
}
}
.cadri-formation-testimonials{
.bt_bb_content_slider_item{
height: 300px !important;
}
.bt_bb_testimonial_text{
font-size: 0.4rem !important;
span, .bt_bb_testimonial_text_box{
font-size: 0.8rem !important;
}
}
}
}
@media only screen and (max-width: 1325px) {
.cadri-formation-inter-intra {
li{
font-size: 0.715rem !important;
}
}
}
@media only screen and (max-width: 1482px) {
.cadri-formation-inter-intra {
width: auto !important;
}
}