.elementor-407 .elementor-element.elementor-element-53f5ddc{--spacer-size:50px;}.elementor-407 .elementor-element.elementor-element-7b7be8c{width:var( --container-widget-width, 99.478% );max-width:99.478%;--container-widget-width:99.478%;--container-widget-flex-grow:0;}.elementor-407 .elementor-element.elementor-element-7b7be8c.elementor-element{--flex-grow:0;--flex-shrink:0;}/* Start custom CSS for spacer, class: .elementor-element-53f5ddc */:root{
--primary:#1f3556;
--secondary:#B8DDF1;
--bg:#FAF9F7;
--white:#fff;
--shadow:0 10px 30px rgba(0,0,0,.08);
}

*{
margin:0;
padding:0;
box-sizing:border-box;
}

.blog-intro{
font-family:'Open Sans',sans-serif;
background:var(--bg);
color:var(--primary);
overflow:hidden;
}

/* HERO */

.blog-hero{
padding:clamp(70px,10vw,120px) 20px;
background:linear-gradient(90deg,#faf9f7 0%,#d8eef8 100%);
text-align:center;
}

.blog-hero h1{
font-size:clamp(2.4rem,5vw,4rem);
font-weight:800;
margin-bottom:25px;
}

.blog-hero p{
max-width:900px;
margin:auto;
font-size:clamp(1rem,2vw,1.25rem);
line-height:1.9;
color:#3b4d65;
}

/* SECTION */

.blog-section{
width:min(1200px,92%);
margin:auto;
padding:clamp(50px,8vw,90px) 0;
}

.blog-grid{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:35px;
}

.blog-card{
background:#fff;
border-radius:25px;
padding:35px;
box-shadow:var(--shadow);
display:flex;
flex-direction:column;
justify-content:space-between;
transition:.35s;
}

.blog-card:hover{
transform:translateY(-8px);
}

.blog-card h2{
font-size:clamp(1.5rem,2vw,2rem);
margin-bottom:18px;
}

.blog-card p{
line-height:1.8;
color:#495b73;
margin-bottom:30px;
font-size:1rem;
}

/* BOUTON */

.blog-btn{
display:inline-flex;
justify-content:center;
align-items:center;
padding:15px 30px;
border-radius:999px;
background:var(--primary);
color:#fff;
text-decoration:none;
font-weight:700;
transition:.3s;
width:fit-content;
}

.blog-btn:hover{
background:#2f5f93;
}

/* PARTIE BLEUE */

.valeurs{
background:var(--secondary);
padding:clamp(60px,8vw,100px) 20px;
}

.valeurs h2{
text-align:center;
font-size:clamp(2rem,4vw,3rem);
margin-bottom:50px;
font-weight:800;
}

.articles{
width:min(1200px,100%);
margin:auto;
display:grid;
grid-template-columns:repeat(3,1fr);
gap:30px;
}

.article{
background:white;
padding:30px;
border-radius:22px;
box-shadow:var(--shadow);
display:flex;
flex-direction:column;
justify-content:space-between;
}

.article h3{
font-size:1.4rem;
margin-bottom:15px;
}

.article p{
line-height:1.8;
margin-bottom:25px;
color:#495b73;
flex:1;
}

.article a{
display:flex;
justify-content:center;
align-items:center;
padding:14px 22px;
border-radius:999px;
background:var(--primary);
color:white;
text-decoration:none;
font-weight:700;
transition:.3s;
}

.article a:hover{
background:#2f5f93;
}

/* TABLETTE */

@media (max-width:991px){

.blog-grid{
grid-template-columns:1fr;
}

.articles{
grid-template-columns:repeat(2,1fr);
}

}

/* MOBILE */

@media (max-width:768px){

.blog-hero{
padding:70px 25px;
}

.blog-card,
.article{
padding:25px;
border-radius:18px;
}

.blog-btn,
.article a{
width:100%;
}

}

/* PETIT MOBILE */

@media (max-width:560px){

.articles{
grid-template-columns:1fr;
}

.blog-section{
width:90%;
}

.blog-hero p{
text-align:left;
}

.blog-card p,
.article p{
font-size:.95rem;
}

}/* End custom CSS */