/*
Theme Name: Emploi-Service
Theme URI: https://mostemp.com
Author: Paul Melam
Description: Thème WordPress Emploi-Service (emploi, formation, services à la personne) avec base de données des demandes.
Version: 1.0
Text Domain: emploi-service
*/
*{box-sizing:border-box}body{margin:0;font:16px/1.6 Georgia,serif;color:#1c2b3a;background:#f6f8fb}a{color:#0d3b66}h1,h2,h3{font-family:Trebuchet MS,Arial,sans-serif;line-height:1.2}
.nav{background:#0d3b66;position:sticky;top:0;z-index:99;display:flex;flex-wrap:wrap;align-items:center;padding:6px 14px}
.nav img{height:44px;border-radius:50%;margin-right:12px}.nav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px}
.nav li{position:relative}.nav a{color:#fff;text-decoration:none;padding:10px 12px;display:block;font:15px Arial,sans-serif}
.nav a:hover,.nav a:focus{background:#f58220}.nav ul ul{display:none;position:absolute;background:#0d3b66;min-width:190px;top:100%;flex-direction:column}
.nav li:hover>ul,.nav li:focus-within>ul{display:flex}
.band{background-size:cover;background-position:center;color:#fff;padding:70px 22px;position:relative}.band:before{content:"";position:absolute;inset:0;background:rgba(10,30,55,.62)}
.band>div{position:relative;max-width:900px;margin:auto}.hero{padding:120px 22px}.hero h1{font-size:2.6rem}
main{max-width:980px;margin:auto;padding:30px 20px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}
.card{background:#fff;border-radius:6px;overflow:hidden;box-shadow:0 1px 6px #0002}.card img{width:100%;height:180px;object-fit:cover;display:block}.card div{padding:14px}
.btn,.es-form button{display:inline-block;background:#f58220;color:#fff;padding:10px 20px;border-radius:4px;text-decoration:none;font:16px Arial,sans-serif;border:0;cursor:pointer}.btn:hover,.es-form button:hover{background:#d96d10}
.es-form input,.es-form select,.es-form textarea{width:100%;padding:10px;margin:4px 0 12px;border:1px solid #9ab;border-radius:4px;font:inherit}.es-form input[type=checkbox]{width:auto}.es-ok{background:#e4f6ec;border-left:5px solid #2a9d5c;padding:10px 14px}
.gal{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}.gal img{width:100%;height:170px;object-fit:cover;border-radius:4px}
.ok,.ko{padding:8px 14px;background:#fff;border-left:5px solid #2a9d5c}.ko{border-color:#f58220}
footer{background:#0d3b66;color:#dde;padding:28px 20px;text-align:center;font-size:14px}footer a{color:#ffc58a}
@media(max-width:700px){.hero h1{font-size:1.9rem}.nav ul ul{position:static}}