{"id":847,"date":"2020-09-11T07:25:08","date_gmt":"2020-09-11T07:25:08","guid":{"rendered":"http:\/\/wpdemo.archiwp.com\/maxbizz\/?page_id=847"},"modified":"2026-04-15T13:51:02","modified_gmt":"2026-04-15T11:51:02","slug":"realisations","status":"publish","type":"page","link":"https:\/\/aeradesign.net\/?page_id=847","title":{"rendered":"R\u00e9alisations"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"847\" class=\"elementor elementor-847\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1df1a64 e-flex e-con-boxed e-con e-parent\" data-id=\"1df1a64\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f183ba0 elementor-widget elementor-widget-html\" data-id=\"f183ba0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"hero-psd\">\r\n  <div class=\"hero-inner\">\r\n\r\n    <div class=\"hero-sub\">Portfolio<\/div>\r\n\r\n    <h1>\r\n      Nos R\u00e9f\u00e9rences<br>\r\n      <span>Aera Design \u2014 Une Vision Structur\u00e9e du Design<\/span>\r\n    <\/h1>\r\n\r\n    <p>\r\n      Approche technique adapt\u00e9e aux exigences r\u00e9sidentielles, commerciales et h\u00f4teli\u00e8res.\r\n    <\/p>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\r\n\/* RESET *\/\r\nbody {\r\n  margin: 0;\r\n}\r\n\r\n\/* SECTION *\/\r\n.hero-psd {\r\n  width: 100%;\r\n  height: 580px;\r\n\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n\r\n  padding: 0 20px;\r\n  margin: 0;\r\n\r\n  background: linear-gradient(\r\n    135deg,\r\n    #5b2c3a 0%,\r\n    #7a3f4a 40%,\r\n    #c97b6d 100%\r\n  );\r\n\r\n  text-align: center;\r\n}\r\n\r\n\/* CONTENU *\/\r\n.hero-inner {\r\n  max-width: 900px;\r\n  margin: 0 auto;\r\n  padding-top: 1px;\r\n}\r\n\r\n\/* SUBTITLE *\/\r\n.hero-sub {\r\n  font-size: 12px;\r\n  letter-spacing: 3px;\r\n  color: #f1cfc2;\r\n  margin-bottom: 25px;\r\n  text-transform: uppercase;\r\n}\r\n\r\n\/* TITRE *\/\r\n.hero-psd h1 {\r\n  font-size: 52px;\r\n  font-weight: 700;\r\n  line-height: 1.2;\r\n  margin: 0 0 25px 0;\r\n  color: #ffffff;\r\n}\r\n\r\n.hero-psd h1 span {\r\n  color: #f4d9a6;\r\n}\r\n\r\n\/* TEXTE *\/\r\n.hero-psd p {\r\n  font-size: 16px;\r\n  color: #f3ddd4;\r\n  line-height: 1.7;\r\n  margin: 0;\r\n}\r\n\r\n\/* RESPONSIVE *\/\r\n@media (max-width: 768px) {\r\n\r\n  .hero-psd {\r\n    height: auto;\r\n    padding: 80px 20px;\r\n  }\r\n\r\n  .hero-psd h1 {\r\n    font-size: 32px;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-6640fb6 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"6640fb6\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-8a68276 ot-flex-column-vertical\" data-id=\"8a68276\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-fd810e7 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"fd810e7\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-extended\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-bde7ac9 ot-flex-column-vertical\" data-id=\"bde7ac9\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-3585bbe ot-flex-column-vertical\" data-id=\"3585bbe\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-447bcc7 elementor-widget__width-initial elementor-widget elementor-widget-iheading\" data-id=\"447bcc7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"iheading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"ot-heading\">\r\n\t        <span class=\"\">Nos R\u00e9f\u00e9rences<\/span>\t        <h3 class=\"main-head\">Concevoir l\u2019espace avec m\u00e9thode<\/h3>\t    <\/div>\r\n\t    \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d72b917 elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"d72b917\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Aera Design propose une approche structur\u00e9e et technique du design int\u00e9rieur, adapt\u00e9e aux exigences r\u00e9sidentielles, commerciales et h\u00f4teli\u00e8res.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-d22ead7 ot-flex-column-vertical\" data-id=\"d22ead7\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t<div class=\"elementor-element elementor-element-196be6f e-flex e-con-boxed e-con e-parent\" data-id=\"196be6f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f574253 elementor-widget elementor-widget-html\" data-id=\"f574253\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"fr\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<title>Capsules Vid\u00e9o<\/title>\r\n\r\n<style>\r\nbody {\r\n  background: #f3efec;\r\n  font-family: 'Inter', sans-serif;\r\n  margin: 0;\r\n}\r\n\r\n\/* GRID *\/\r\n.grid {\r\n  max-width: 1200px;\r\n  margin: auto;\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 28px;\r\n  padding: 40px 20px;\r\n}\r\n\r\n\/* CARD *\/\r\n.card {\r\n  background: #fff;\r\n  border-radius: 18px;\r\n  overflow: hidden;\r\n  border: 1px solid #eaded8;\r\n  transition: 0.3s;\r\n}\r\n\r\n.card:hover {\r\n  transform: translateY(-6px);\r\n}\r\n\r\n\/* MEDIA *\/\r\n.media {\r\n  height: 180px;\r\n  position: relative;\r\n}\r\n\r\n\/* GRADIENTS *\/\r\n.grad-1 { background: linear-gradient(135deg, #6a3d3d, #8c5a5a); }\r\n.grad-2 { background: linear-gradient(135deg, #6b3a3a, #7e4a4a); }\r\n.grad-3 { background: linear-gradient(135deg, #4f6a57, #6c5a4a); }\r\n.grad-4 { background: linear-gradient(135deg, #b35a3c, #7a3d2d); }\r\n.grad-5 { background: linear-gradient(135deg, #d46b5a, #a34c4c); }\r\n.grad-6 { background: linear-gradient(135deg, #7a3d4f, #5a2d3c); }\r\n\r\n\/* PLAY BUTTON *\/\r\n.play {\r\n  width: 50px;\r\n  height: 50px;\r\n  border: 2px solid rgba(255,255,255,0.6);\r\n  border-radius: 50%;\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 50%;\r\n  transform: translate(-50%, -50%);\r\n}\r\n\r\n.play::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  left: 20px;\r\n  top: 15px;\r\n  border-left: 12px solid white;\r\n  border-top: 7px solid transparent;\r\n  border-bottom: 7px solid transparent;\r\n}\r\n\r\n\/* CONTENT *\/\r\n.content {\r\n  padding: 18px;\r\n}\r\n\r\n.content h3 {\r\n  font-size: 15px;\r\n  margin-bottom: 6px;\r\n}\r\n\r\n.desc {\r\n  font-size: 13px;\r\n  color: #777;\r\n  margin-bottom: 12px;\r\n}\r\n\r\n\/* BOTTOM *\/\r\n.bottom {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n}\r\n\r\n.badge {\r\n  background: #fde8e3;\r\n  color: #e0604c;\r\n  padding: 5px 10px;\r\n  border-radius: 999px;\r\n  font-size: 11px;\r\n}\r\n\r\n.date {\r\n  font-size: 12px;\r\n  color: #666;\r\n}\r\n\r\n\/* \ud83d\udcf1 TABLETTE *\/\r\n@media (max-width: 992px) {\r\n  .grid {\r\n    grid-template-columns: repeat(2, 1fr);\r\n  }\r\n}\r\n\r\n\/* \ud83d\udcf1 SMARTPHONE *\/\r\n@media (max-width: 600px) {\r\n  .grid {\r\n    grid-template-columns: 1fr; \/* \ud83d\udd25 1 colonne *\/\r\n    gap: 20px;\r\n    padding: 20px 15px;\r\n  }\r\n\r\n  .media {\r\n    height: 160px;\r\n  }\r\n\r\n  .content h3 {\r\n    font-size: 16px;\r\n  }\r\n\r\n  .desc {\r\n    font-size: 14px;\r\n  }\r\n\r\n  .bottom {\r\n    flex-direction: column;\r\n    align-items: flex-start;\r\n    gap: 6px;\r\n  }\r\n}\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<div class=\"grid\">\r\n\r\n  <!-- CARD 1 -->\r\n  <div class=\"card\">\r\n    <div class=\"media grad-1\"><div class=\"play\"><\/div><\/div>\r\n    <div class=\"content\">\r\n      <h3>Transformation Villa Bouskoura<\/h3>\r\n      <p class=\"desc\">De la structure brute \u00e0 l'espace de vie premium.<\/p>\r\n      <div class=\"bottom\">\r\n        <span class=\"badge\">Avant \/ Apr\u00e8s<\/span>\r\n        <span class=\"date\">\ud83d\udcc5 Mars 2026<\/span>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- CARD 2 -->\r\n  <div class=\"card\">\r\n    <div class=\"media grad-2\"><div class=\"play\"><\/div><\/div>\r\n    <div class=\"content\">\r\n      <h3>Conseils \u00c9clairage Architectural<\/h3>\r\n      <p class=\"desc\">Choisir et positionner votre \u00e9clairage.<\/p>\r\n      <div class=\"bottom\">\r\n        <span class=\"badge\">Conseils Design<\/span>\r\n        <span class=\"date\">\ud83d\udcc5 F\u00e9v 2026<\/span>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- CARD 3 -->\r\n  <div class=\"card\">\r\n    <div class=\"media grad-3\"><div class=\"play\"><\/div><\/div>\r\n    <div class=\"content\">\r\n      <h3>Suivi Chantier Restaurant<\/h3>\r\n      <p class=\"desc\">Coordination terrain et contr\u00f4le qualit\u00e9.<\/p>\r\n      <div class=\"bottom\">\r\n        <span class=\"badge\">Suivi Chantier<\/span>\r\n        <span class=\"date\">\ud83d\udcc5 Jan 2026<\/span>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- CARD 4 -->\r\n  <div class=\"card\">\r\n    <div class=\"media grad-4\"><div class=\"play\"><\/div><\/div>\r\n    <div class=\"content\">\r\n      <h3>Guide Mat\u00e9riaux Premium<\/h3>\r\n      <p class=\"desc\">S\u00e9lection des meilleurs mat\u00e9riaux.<\/p>\r\n      <div class=\"bottom\">\r\n        <span class=\"badge\">Mat\u00e9riaux & Finitions<\/span>\r\n        <span class=\"date\">\ud83d\udcc5 D\u00e9c 2025<\/span>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- CARD 5 -->\r\n  <div class=\"card\">\r\n    <div class=\"media grad-5\"><div class=\"play\"><\/div><\/div>\r\n    <div class=\"content\">\r\n      <h3>Optimiser Son Budget<\/h3>\r\n      <p class=\"desc\">Maximiser l'impact avec budget ma\u00eetris\u00e9.<\/p>\r\n      <div class=\"bottom\">\r\n        <span class=\"badge\">Budget & Optimisation<\/span>\r\n        <span class=\"date\">\ud83d\udcc5 Nov 2025<\/span>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- CARD 6 -->\r\n  <div class=\"card\">\r\n    <div class=\"media grad-6\"><div class=\"play\"><\/div><\/div>\r\n    <div class=\"content\">\r\n      <h3>Avant\/Apr\u00e8s Appartement 85m\u00b2<\/h3>\r\n      <p class=\"desc\">Transformation compl\u00e8te d'un appartement.<\/p>\r\n      <div class=\"bottom\">\r\n        <span class=\"badge\">Avant \/ Apr\u00e8s<\/span>\r\n        <span class=\"date\">\ud83d\udcc5 Oct 2025<\/span>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Portfolio Nos R\u00e9f\u00e9rences Aera Design \u2014 Une Vision Structur\u00e9e du Design Approche technique adapt\u00e9e aux exigences r\u00e9sidentielles, commerciales et h\u00f4teli\u00e8res. Nos R\u00e9f\u00e9rences Concevoir l\u2019espace avec m\u00e9thode Aera Design propose une approche structur\u00e9e et technique du design int\u00e9rieur, adapt\u00e9e aux exigences r\u00e9sidentielles, commerciales et h\u00f4teli\u00e8res. Capsules Vid\u00e9o Transformation Villa Bouskoura De la structure brute \u00e0 l&rsquo;espace [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-847","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/aeradesign.net\/index.php?rest_route=\/wp\/v2\/pages\/847","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/aeradesign.net\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/aeradesign.net\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/aeradesign.net\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/aeradesign.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=847"}],"version-history":[{"count":27,"href":"https:\/\/aeradesign.net\/index.php?rest_route=\/wp\/v2\/pages\/847\/revisions"}],"predecessor-version":[{"id":5935,"href":"https:\/\/aeradesign.net\/index.php?rest_route=\/wp\/v2\/pages\/847\/revisions\/5935"}],"wp:attachment":[{"href":"https:\/\/aeradesign.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=847"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}