*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;color:#0a3153;background:#fff}a{color:#075dab}.wrap{max-width:1180px;margin:auto;padding:0 20px}
header{background:#fff}.head{height:92px;display:grid;grid-template-columns:250px 1fr 250px;align-items:center;gap:20px}.logo{font-size:39px;font-weight:900;color:#073b63}.logo span{color:#ad7d27}.logo small{display:block;font-size:11px;letter-spacing:3px}.slogan{text-align:center;font-style:italic;font-size:20px}.topphone{background:#a87825;color:#fff;text-decoration:none;border-radius:5px;padding:10px;text-align:center;font-weight:bold;font-size:20px}
nav{background:#073b63}.nav{display:flex;justify-content:space-around}.nav a{color:#fff;text-decoration:none;padding:12px 9px;font-weight:bold;font-size:13px}
.hero{height:350px;display:grid;grid-template-columns:1fr 1fr;position:relative}.hero .half{background-size:cover;background-position:center}.hm{background-image:linear-gradient(#003b6530,#003b6530),url('images/hero-marseille.jpg')}.hp{background-image:linear-gradient(#003b6530,#003b6530),url('images/hero-paris.jpg')}
.centerbox{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:420px;background:#fffffff2;text-align:center;padding:20px;border-radius:4px;z-index:2}.centerbox h1{font-size:42px;line-height:.95;margin:8px 0;color:#073b63}.centerbox h1 span{color:#a87825}.centerbox p{font-weight:bold;line-height:1.35}.goldbtn{display:inline-block;background:#ad7d27;color:white;text-decoration:none;padding:12px 20px;border-radius:4px;font-weight:bold}
.phonebox{position:absolute;bottom:10px;background:#073b63;color:white;padding:10px 16px;border-radius:6px;text-decoration:none;text-align:center;font-weight:bold;font-size:25px;z-index:3}.phonebox small{display:block;font-size:12px;font-weight:normal}.pm{left:3%}.pp{right:3%}
.features{display:grid;grid-template-columns:repeat(5,1fr);text-align:center;padding:13px 0}.feature{border-right:1px solid #ccd7df;padding:5px;font-size:13px}.feature:last-child{border:0}.feature i{display:block;font-style:normal;font-size:27px}
.citycards{display:grid;grid-template-columns:1fr 1fr;gap:10px}.citycard{height:145px;background-size:cover;background-position:center;border-radius:4px;color:white;text-align:center;padding:18px}.cm{background-image:linear-gradient(#07578380,#07578380),url('images/bloc-marseille.jpg')}.cp{background-image:linear-gradient(#07578380,#07578380),url('images/bloc-paris.jpg')}.citycard h2{margin:0;font-size:27px}.citycard p{margin:5px}
.zones{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:8px}.zone{border:1px solid #dce2e7;padding:12px;min-height:190px}.zone h3{font-size:15px;margin:0 0 8px}.links{display:grid;grid-template-columns:1fr 1fr;gap:5px}.links a{font-size:12px}
.antiques{margin-top:12px;min-height:150px;background:#7d3d13 url('images/antiquites.jpg') center/cover no-repeat;border-radius:4px;color:white;padding:18px 20px}.antiques h2{font-size:29px;margin:0}.antiques p{margin:3px 0 10px}.antphone{display:inline-block;background:#a87825;color:#fff;text-decoration:none;border:1px solid white;padding:8px 15px;border-radius:4px;font-size:22px;font-weight:bold;margin-right:15px}
.services h2{font-size:30px;margin:10px 0 4px}.services h2 span{color:#a87825}.servicegrid{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.service{background:#eef1f3;text-align:center;font-size:12px;font-weight:bold}.service img{width:100%;height:105px;object-fit:cover}.service div{padding:7px}
.contacts{background:#073b63;color:white;margin-top:10px;padding:20px 0}.contactgrid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:25px}.contactgrid a{color:white}.contactgrid .phone{font-size:21px;font-weight:bold;text-decoration:none}.motto{text-align:center;font-size:22px;font-style:italic}
footer{background:#052b48;color:white;padding:12px;font-size:11px}.foot{display:flex;justify-content:space-between}
.localhero{background:#073b63;color:#fff;padding:45px 0}.localhero h1{font-size:38px}.localcontent{padding:30px 0;max-width:850px}.localcontent h2{color:#073b63}.cta{background:#f6efe4;border-left:5px solid #ad7d27;padding:18px;margin:20px 0}
@media(max-width:760px){.head{height:auto;padding:15px 0;grid-template-columns:1fr}.slogan{display:none}.topphone{justify-self:stretch}.nav{flex-wrap:wrap}.hero{height:550px;grid-template-columns:1fr}.centerbox{width:90%;top:42%}.phonebox{font-size:19px}.features,.servicegrid{grid-template-columns:1fr 1fr}.zones,.citycards,.contactgrid{grid-template-columns:1fr}}