.eo-commande{width:min(980px,calc(100vw - 32px));max-width:none!important;margin-left:50%!important;transform:translateX(-50%)} .eo-commande>h2{text-align:center} .eo-cmd-grille{display:grid;grid-template-columns:290px minmax(0,1fr);gap:28px;align-items:start} .eo-recap{position:sticky;top:24px;background:#fff7ef;border:1px solid #f3d3b3;border-radius:12px;padding:24px} .eo-recap-t{font-weight:700;margin:0;color:#2b1a0c} .eo-recap-prix{font-size:2.5em;font-weight:700;line-height:1;margin:10px 0 4px;color:#2b1a0c} .eo-recap-prix span{font-size:.38em;font-weight:500;color:#6b5a4a;margin-left:4px} .eo-recap-sous{font-size:.85em;color:#6b5a4a;margin:0 0 16px} .eo-recap ul{font-size:.95em;margin:0} .eo-recap-note{font-size:.84em;color:#6b5a4a;border-top:1px solid #f3d3b3;padding-top:12px;margin:16px 0 0} .ea-form{display:grid;grid-template-columns:1fr 1fr;column-gap:18px;padding:28px!important;border:1px solid #e4dacb!important;border-radius:12px!important;background:#fff!important;box-shadow:0 14px 34px -22px rgba(60,35,10,.45);align-items:end} .ea-form>*{grid-column:1/-1;margin:0 0 16px!important} .ea-form>p:has(#ea_nom),.ea-form>p:has(#ea_url),.ea-form>p:has(#ea_email),.ea-form>p:has(#ea_tel){grid-column:auto} .ea-form label{display:block;font-weight:600;font-size:.92em;color:#2b1a0c;margin-bottom:6px} .ea-form input[type=text],.ea-form input[type=url],.ea-form input[type=email],.ea-form input[type=tel],.ea-form select,.ea-form textarea{width:100%;min-height:48px;padding:10px 14px;border:1px solid #d9ccb9;border-radius:8px;background:#fdfbf8;font:inherit;font-size:1rem;color:#2b1a0c;box-sizing:border-box;transition:border-color .15s,box-shadow .15s,background-color .15s} .ea-form textarea{min-height:150px;resize:vertical;line-height:1.5} .ea-form select{appearance:none;-webkit-appearance:none;padding-right:42px;background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3E%3Cpath d=%27M4 6l4 4 4-4%27 fill=%27none%27 stroke=%27%23a14d00%27 stroke-width=%271.8%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:16px} .ea-form input:hover,.ea-form select:hover,.ea-form textarea:hover{border-color:#c9b79f} .ea-form input:focus,.ea-form select:focus,.ea-form textarea:focus{outline:none;border-color:#EB7100;background-color:#fff;box-shadow:0 0 0 3px rgba(235,113,0,.18)} .ea-form input::placeholder,.ea-form textarea::placeholder{color:#9a8a78} .ea-form .ea-compteur{margin:-10px 0 14px!important;padding-bottom:14px;border-bottom:1px solid #efe6da;font-size:.82em;color:#7a6a5a;text-align:right} .ea-form .ea-form-prix{background:#fff7ef;border:1px solid #f3d3b3;border-radius:8px;padding:12px 14px;font-weight:600;color:#2b1a0c} .ea-form .ea-form-cgv{margin-bottom:12px!important} .ea-form .ea-form-cgv label{display:block;position:relative;padding-left:30px;font-weight:400;line-height:1.45;margin:0} .ea-form .ea-form-cgv input[type=checkbox]{position:absolute;left:0;top:1px} .ea-form input[type=checkbox]{accent-color:#EB7100;width:18px;height:18px;margin:2px 0 0;flex:none} .ea-form a{color:#a14d00;text-underline-offset:3px} .ea-form button[type=submit]{width:100%;min-height:54px;margin-top:6px;background:#EB7100;color:#fff;border:0;border-radius:8px;font:inherit;font-weight:700;font-size:1.05rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:background-color .15s,transform .15s} .ea-form button[type=submit]:hover{background:#c95f00} .ea-form button[type=submit]:active{transform:translateY(1px)} .ea-form button[type=submit]:focus-visible{outline:3px solid rgba(235,113,0,.35);outline-offset:2px} .ea-form:has(input[name=ea_offre]:is([value=entreprise],[value=vie])) button[type=submit]::before{content:"";width:16px;height:16px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3E%3Crect x=%273%27 y=%277%27 width=%2710%27 height=%278%27 rx=%271.5%27/%3E%3Cpath d=%27M5.5 7V5a2.5 2.5 0 015 0v2%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.6%27/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3E%3Crect x=%273%27 y=%277%27 width=%2710%27 height=%278%27 rx=%271.5%27/%3E%3Cpath d=%27M5.5 7V5a2.5 2.5 0 015 0v2%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.6%27/%3E%3C/svg%3E") center/contain no-repeat} .ea-form:has(input[name=ea_offre]:is([value=entreprise],[value=vie]))>p:has(>button)::after{content:"Paiement par carte sur la page sécurisée de Stripe.";display:block;text-align:center;font-size:.82em;color:#7a6a5a;margin-top:10px} .ea-form fieldset{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;column-gap:18px;align-items:end;border:1px solid #efdfa8!important;border-radius:10px;background:#fffbef!important;padding:18px 18px 2px!important;margin:4px 0 18px!important;min-width:0} .ea-form fieldset legend{float:left;width:100%;grid-column:1/-1;font-weight:700;font-size:1.02em;color:#2b1a0c;padding:0;margin:0 0 14px} .ea-form fieldset>p{grid-column:1/-1;margin:0 0 16px} .ea-form fieldset>p:has(#ea_siren),.ea-form fieldset>p:has(#ea_tva){grid-column:auto} .ea-form .ea-societe-ligne{display:grid;grid-template-columns:150px 1fr;gap:18px} .ea-form .ea-societe-ligne span{display:block} .eo-recap-or{background:linear-gradient(160deg,#fff9e6,#fffdf6 70%);border-color:#e6cf86} .eo-recap-or .eo-recap-note{border-top-color:#e6cf86} .ea-form:has(input[name=ea_offre][value=vie]){border-color:#e6cf86!important} .ea-form:has(input[name=ea_offre][value=vie]) .ea-form-prix{background:#fff9e6;border-color:#e6cf86} .ea-form:has(input[name=ea_offre][value=vie]) button[type=submit]{background:#C9A227;color:#2e2200} .ea-form:has(input[name=ea_offre][value=vie]) button[type=submit]:hover{background:#b8921c} .ea-form:has(input[name=ea_offre][value=vie]) input:focus,.ea-form:has(input[name=ea_offre][value=vie]) select:focus,.ea-form:has(input[name=ea_offre][value=vie]) textarea:focus{border-color:#b8921c;box-shadow:0 0 0 3px rgba(201,162,39,.25)} .ea-form:has(input[name=ea_offre][value=vie]) input[type=checkbox]{accent-color:#b8921c} @media (max-width:600px){.ea-form fieldset{grid-template-columns:1fr}.ea-form .ea-societe-ligne{grid-template-columns:1fr 1.6fr;gap:12px}} @media (max-width:820px){.eo-cmd-grille{grid-template-columns:1fr}.eo-recap{position:static}} @media (max-width:600px){.ea-form{grid-template-columns:1fr;padding:20px!important}}