body { font-family: 'Segoe UI', sans-serif; background-color: #f9fafb; }
    header { background: linear-gradient(90deg,#016d3d,#04a064); color:#fff; padding:2rem; text-align:center; }
    nav { background:#014d2c; }
    nav a { color:#fff !important; }
    section { padding:3rem 0; }
    .card { border-radius:12px; box-shadow:0 4px 8px rgba(0,0,0,0.05); }
    footer { background:#016d3d; color:#fff; text-align:center; padding:1.2rem; margin-top:2rem; }
	
/* La section prend toute la largeur */
.reseau-full{
  width: 100%;
  padding: 20px 0; /* optionnel */
}

/* Conteneur carte pleine largeur */
.reseau-map{
  width: 100%;
  height: 900px;           /* ajuste la hauteur */
  border-radius: 16px;     /* optionnel */
  overflow: hidden;        /* garde le radius propre */
  border: 1px solid #e5e7eb;
  box-shadow: 0 12px 26px rgba(0,0,0,.06);
  background: #fff;
}

/* iframe pleine taille */
.reseau-map iframe{
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
}

.reseau-actions{
  width: 100%;
  display:flex;
  justify-content:flex-end;
  margin-top: 12px;
}

/* Bouton */
.btn-map{
  display:inline-flex;
  align-items:center;
  gap: 10px;
  padding: 10px 14px;
  border-radius: 12px;
  background: #2563eb;
  color: #fff;
  text-decoration: none;
  font-weight: 700;
  border: 1px solid #2563eb;
  box-shadow: 0 10px 22px rgba(37,99,235,.18);
  transition: transform .12s ease, background .12s ease, box-shadow .12s ease;
}

.btn-map:hover{
  background:#1d4ed8;
  border-color:#1d4ed8;
  transform: translateY(-1px);
  box-shadow: 0 14px 28px rgba(37,99,235,.22);
}

.btn-map:active{
  transform: translateY(0);
}

.btn-map__icon{
  display:inline-flex;
  width: 34px;
  height: 34px;
  align-items:center;
  justify-content:center;
  border-radius: 10px;
  background: rgba(255,255,255,.16);
}

.btn-map__arrow{
  opacity: .9;
}
.reseau-head{ margin: 18px 0 18px; }

.reseau-badge{
  display:inline-flex;
  padding: 6px 10px;
  border-radius: 999px;
  background: #eff6ff;
  border: 1px solid #dbeafe;
  color: #1d4ed8;
  font-weight: 700;
  font-size: 12px;
  margin-bottom: 10px;
}

.reseau-title2{
  margin: 0;
  font-size: clamp(24px, 2.4vw, 36px);
  font-weight: 900;
  color: #0f172a;
  letter-spacing: .2px;
}

.reseau-subtitle{
  margin: 8px 0 0;
  color: #6b7280;
  font-size: 14px;
}
/* =========================
   TITRE
========================= */

.section-title{
    text-align:center;
    margin-bottom:60px;
}

.section-title h1{
    font-weight:800;
    color:#1d3557;
}

.section-title p{
    color:#6c757d;
}

/* =========================
   CARDS
========================= */

.insurance-card{

    border:none;
    border-radius:25px;
    overflow:hidden;
    cursor:pointer;
    transition:0.35s;
    height:100%;
    background:white;

    box-shadow:
    0 5px 15px rgba(0,0,0,0.06);

    position:relative;
}

.insurance-card:hover{

    transform:translateY(-10px);

    box-shadow:
    0 20px 40px rgba(0,0,0,0.12);

}

.insurance-card::before{

    content:'';

    position:absolute;

    top:0;
    left:0;

    width:100%;
    height:6px;

    background:linear-gradient(
        90deg,
        #198754,
        #20c997
    );
}

/* =========================
   ICON
========================= */

.icon-circle{

    width:90px;
    height:90px;

    border-radius:50%;

    margin:auto;

    display:flex;
    align-items:center;
    justify-content:center;

    font-size:42px;

    background:rgba(25,135,84,0.12);

    color:#198754;

    transition:0.4s;
}

.insurance-card:hover .icon-circle{

    background:#198754;
    color:white;

    transform:scale(1.1) rotate(5deg);

}

/* =========================
   CARD TEXT
========================= */

.insurance-card h5{

    font-weight:700;
    margin-top:20px;

    color:#1d3557;
}

.insurance-card p{

    color:#6c757d;
    font-size:15px;
}

/* =========================
   MODAL
========================= */

.modal-content{

    border:none;
    border-radius:30px;

    overflow:hidden;

    box-shadow:
    0 25px 60px rgba(0,0,0,0.25);

}

.modal-header{

    border:none;

    padding:35px;

    background:linear-gradient(
        135deg,
        #198754,
        #20c997
    );

    color:white;
}

.modal-title{

    font-weight:800;
    font-size:30px;
}

.modal-subtitle{

    opacity:0.9;
    font-size:14px;
}

.modal-body{

    padding:35px;
    background:white;
}

/* =========================
   GARANTIES
========================= */

.guarantee-box{

    display:flex;
    align-items:center;

    background:#f8f9fa;

    border-radius:18px;

    padding:18px;

    margin-bottom:15px;

    transition:0.3s;
}

.guarantee-box:hover{

    background:#edf9f3;

    transform:translateX(6px);
}

.guarantee-box i{

    font-size:24px;

    color:#198754;

    margin-right:15px;
}

/* =========================
   FOOTER
========================= */

.modal-footer{

    border:none;

    background:#f8f9fa;

    padding:25px;
}

.btn-devis{

    background:#198754;
    border:none;

    padding:12px 24px;

    border-radius:14px;

    font-weight:bold;

    transition:0.3s;
}

.btn-devis:hover{

    background:#157347;

    transform:translateY(-2px);
}

/* =========================
   HERO HEADER
========================= */

.hero-header{

    background:
    linear-gradient(
        135deg,
        rgba(15,81,50,0.95),
        rgba(25,135,84,0.85)
    ),
    url("images/agriculture-bg.jpg");

    background-size:cover;
    background-position:center;

    color:white;

    padding:120px 0;

    position:relative;
}

.hero-content{
    max-width:800px;
}

.hero-header h1{

    font-size:42px;
    font-weight:900;

    margin-bottom:20px;

    line-height:1.2;
}

.hero-header p{

    font-size:18px;

    opacity:0.9;

    margin-bottom:30px;
}

/* actions */
.hero-actions{
    display:flex;
    gap:15px;
    flex-wrap:wrap;
}

.hero-actions{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:15px;
    flex-wrap:wrap;
    margin-top:25px;
}

.logo-box{
    margin-right:15px;
}