.cadri-padding-12{
padding: 12px;
}
.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;
}
}
@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: 530px) {
.cadri-formation-header-section{
.bt_bb_button{
width: 100%;
margin: 0.4rem 0;
}
}
}
.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;
}
}
@media only screen and (max-width: 1325px) {
.cadri-formation-inter-intra {
li{
font-size: 0.715rem !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: 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: 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: 1482px) {
.cadri-formation-inter-intra {
width: auto !important;
}
}
@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;
}
}
.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;
} a.parcours {
font-size: 10px;
color: #b02a49;
}
.parcours-container {
font-family: Arial, sans-serif;
color: black;
display: flex;
justify-content: center;
align-items: center;
padding: 20px;
}
.parcours-timeline {
display: flex;
flex-direction: column;
align-items: center; 
gap: 15px;
width: 100%;
max-width: 900px;
}
.parcours-row {
display: flex;
align-items: center;
justify-content: center;
gap: 15px;
}
.parcours-event {
background: white;
padding: 20px;
border-radius: 10px;
border: 2px solid #e73133;
font-weight: bold;
text-align: center;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
width: 260px;
height: 170px;
display: flex;
flex-direction: column;
justify-content: center;
}
.parcours-event .parcours-date {
color: #b02a49;
font-size: 18px;
font-weight: bold;
margin-bottom: 5px;
}
.parcours-event .parcours-duration {
font-style: italic;
font-size: 12px;
color: #666;
font-weight: normal;
margin-top: 5px;
}
.parcours-arrow {
font-size: 24px;
color: black;
}
@media screen and (max-width: 768px) {
.parcours-row {
flex-direction: column;
align-items: center;
}
.parcours-arrow {
transform: rotate(90deg);
}
}
.offer-container {
text-align: center;
font-family: Arial, sans-serif;
background: #f9f9f9;
padding: 20px;
border: 2px solid #e0e0e0;
border-radius: 10px;
width: 500px;
margin: 20px auto;
box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.1);
}
.offer-title {
font-size: 25px;
font-weight: bold;
color: #8B4513;
text-transform: uppercase;
margin-bottom: 10px;
}
.old-price {
font-size: 22px;
color: #191919;
text-decoration: line-through;
display: inline-block;
margin-right: 15px;
opacity: 0.7;
}
.new-price {
font-size: 26px;
color: #b02a49;
font-weight: bold;
}
.validity {
font-size: 14px;
color: #555;
text-decoration: underline;
margin-bottom: 10px;
}
.parcours-flip-card {
background-color: transparent;
width: 250px;
height: 254px;
perspective: 1000px;
font-family: sans-serif;
}
.parcours-title {
font-size: 1.5em;
font-weight: 500;
text-align: center;
margin: 0;
}
.parcours-flip-card-inner {
position: relative;
width: 100%;
height: 100%;
text-align: center;
transition: transform 0.8s;
transform-style: preserve-3d;
}
.parcours-flip-card:hover .parcours-flip-card-inner {
transform: rotateY(180deg);
}
.parcours-flip-card-front, .parcours-flip-card-back {
box-shadow: 0 8px 14px 0 rgba(0,0,0,0.2);
position: absolute;
display: flex;
flex-direction: column;
justify-content: center;
width: 100%;
height: 100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
border-radius: 1rem;
}
.parcours-flip-card-front {
background: linear-gradient(120deg, #832757 60%, #832757 88%, #8327575c 40%, #e73133 48%);
color: #fff;
}
.parcours-flip-card-back {
background: linear-gradient(120deg, #e73133d1 30%, #e73133 88%, #e73133 40%, #832757 78%);
color: white;
transform: rotateY(180deg);
} .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: 589px) {
.cadri-page-categorie-header{
p{
font-size: 1rem;
}
}
}
@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;
}
}
}
}
@media only screen and (max-width: 389px) {
.cadri-page-categorie-presentation-section{
.bt_bb_card_image{
.bt_bb_headline_content {
font-size: 1rem ;
}
}
}
}