body{
  margin:0;
  font-family:'Lato',sans-serif;
  background-color:#ffffff;
  color:#0A1C3A;
}
.layout{
  display:flex;
  min-height:100vh;
}
.sidebar{
  position:fixed;
  top:0;left:0;
  width:30%;
  height:100vh;
  background-color:#ffffff;
  display:flex;
  align-items:center;
  justify-content:center;
  border-right:1px solid #eee;
}
.sidebar .logo{
  width:65%;
  height:auto;
}
.content{
  margin-left:30%;
  padding:60px 80px;
  max-width:900px;
  background-color:#ffffff;
}
.devimo-title {
  font-family:'Playfair Display',serif;
  text-align:center;
  color:#0A1C3A;
  margin-bottom:40px;
  line-height:0.95;
}
.devimo-title .devimo-main {
  display:block;
  font-size:48px;
  font-weight:700;
  letter-spacing:1px;
}
.devimo-title .devimo-sub {
  display:block;
  font-size:26px;
  font-weight:600;
  letter-spacing:2px;
  margin-top:0;
}
h2{
  font-family:'Playfair Display',serif;
  font-weight:700;
  font-size:28px;
  margin-bottom:16px;
}
p,ul,li,label{
  font-size:16px;
  line-height:1.6;
}
a{color:#0A1C3A;text-decoration:none;}
a:hover{text-decoration:underline;}
.contact-form input,
.contact-form textarea{
  width:100%;
  padding:10px;
  margin-bottom:12px;
  border:1px solid #ccc;
  border-radius:6px;
  font-family:'Lato',sans-serif;
}
.contact-form button{
  background-color:#0A1C3A;
  color:#fff;
  border:none;
  padding:12px 20px;
  font-size:16px;
  border-radius:6px;
  cursor:pointer;
}
.contact-form button:hover{background-color:#132a55;}
#mentions{
  margin-top:80px;
  font-size:14px;
  color:#444;
}
@media (max-width:900px){
  .layout{flex-direction:column;}
  .sidebar{
    position:relative;
    width:100%;
    height:auto;
    border:none;
    padding:20px 0;
  }
  .content{margin:0;padding:40px 20px;}
  .sidebar .logo{width:180px;}
}

/* --- Titre DEVIMO TRANSACTIONS centré et imposant --- */
.devimo-title{
  font-family:'Playfair Display',serif;
  text-align:center;
  color:#0A1C3A;
  margin-top:10px;
  margin-bottom:50px;
  line-height:1;
}
.devimo-title .devimo-main{
  display:block;
  font-size:64px;
  font-weight:700;
  letter-spacing:3px;
}
.devimo-title .devimo-sub{
  display:block;
  font-size:28px;
  font-weight:600;
  letter-spacing:6px;
  margin-top:4px;
}

/* --- Barème des honoraires --- */
#bareme{
  margin-top:60px;
}
#bareme h2{
  margin-bottom:12px;
}
.fees-intro{
  font-size:14px;
  color:#555;
  margin-bottom:16px;
}
.fees-card{
  border:1px solid #e1e1e1;
  border-radius:10px;
  padding:18px 22px;
  background:linear-gradient(135deg,#ffffff,#f7f8fb);
  box-shadow:0 8px 18px rgba(0,0,0,0.03);
  max-width:520px;
}
.fees-header,
.fees-row{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:8px 0;
  font-size:15px;
}
.fees-header{
  font-weight:700;
  border-bottom:1px solid #dde1ee;
  margin-bottom:4px;
}
.fees-row span:last-child{
  font-weight:700;
}
.fees-row:nth-child(odd){
  background-color:rgba(10,28,58,0.02);
}
.fees-note{
  font-size:12px;
  color:#777;
  margin-top:10px;
}
@media (max-width:600px){
  .fees-card{
    padding:14px 16px;
  }
  .fees-header,
  .fees-row{
    flex-direction:column;
    align-items:flex-start;
    gap:2px;
  }
  .fees-row span:last-child{
    align-self:flex-end;
  }
}