{"id":16311,"date":"2024-10-25T13:27:26","date_gmt":"2024-10-25T13:27:26","guid":{"rendered":"https:\/\/solutions.ht\/demo\/groupetrame\/?post_type=avada_portfolio&#038;p=16311"},"modified":"2025-06-16T15:29:29","modified_gmt":"2025-06-16T15:29:29","slug":"cnmp","status":"publish","type":"avada_portfolio","link":"https:\/\/groupetrame.com\/en\/portfolio-items\/cnmp\/","title":{"rendered":"Commission Nationale des March\u00e9s Publics"},"content":{"rendered":"<p><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-1 fusion-flex-container nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap\" style=\"max-width:1248px;margin-left: calc(-4% \/ 2 );margin-right: calc(-4% \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-0 fusion_builder_column_1_4 1_4 fusion-flex-column\" style=\"--awb-bg-blend:overlay;--awb-bg-size:cover;--awb-width-large:25%;--awb-margin-top-large:0px;--awb-spacing-right-large:7.68%;--awb-margin-bottom-large:20px;--awb-spacing-left-large:7.68%;--awb-width-medium:50%;--awb-spacing-right-medium:3.84%;--awb-spacing-left-medium:3.84%;--awb-width-small:100%;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-flex-justify-content-flex-start fusion-content-layout-column\"><ul style=\"--awb-item-padding-top:12px;--awb-textcolor:#000000;--awb-line-height:23.8px;--awb-icon-width:23.8px;--awb-icon-height:23.8px;--awb-icon-margin:9.8px;--awb-content-margin:33.6px;\" class=\"fusion-checklist fusion-checklist-1 type-icons\"><li class=\"fusion-li-item\" style=\"--awb-iconcolor:#93201c;\"><span class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-dot-circle far\" aria-hidden=\"true\"><\/i><\/span><div class=\"fusion-li-item-content\"><a class=\"fusion-one-page-text-link\" href=\"#fichetechnique\">FICHE TECHNIQUE<\/a>\n<\/div><\/li><li class=\"fusion-li-item\" style=\"--awb-iconcolor:#93201c;\"><span class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-dot-circle far\" aria-hidden=\"true\"><\/i><\/span><div class=\"fusion-li-item-content\"><a class=\"fusion-one-page-text-link\" href=\"#miseencontexte\">MISE EN CONTEXTE<\/a>\n<\/div><\/li><\/ul><\/div><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-1 fusion_builder_column_1_6 1_6 fusion-flex-column fusion-animated\" style=\"--awb-bg-blend:overlay;--awb-bg-size:cover;--awb-width-large:16.666666666667%;--awb-margin-top-large:0px;--awb-spacing-right-large:11.52%;--awb-margin-bottom-large:20px;--awb-spacing-left-large:11.52%;--awb-width-medium:50%;--awb-spacing-right-medium:3.84%;--awb-spacing-left-medium:3.84%;--awb-width-small:100%;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\" data-animationType=\"slideInLeft\" data-animationDuration=\"1.3\" data-animationOffset=\"top-into-view\"><div class=\"fusion-column-wrapper fusion-flex-justify-content-flex-start fusion-content-layout-column\"><\/div><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-2 fusion_builder_column_1_6 1_6 fusion-flex-column fusion-animated\" style=\"--awb-bg-blend:overlay;--awb-bg-size:cover;--awb-width-large:16.666666666667%;--awb-margin-top-large:0px;--awb-spacing-right-large:11.52%;--awb-margin-bottom-large:20px;--awb-spacing-left-large:11.52%;--awb-width-medium:50%;--awb-spacing-right-medium:3.84%;--awb-spacing-left-medium:3.84%;--awb-width-small:100%;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\" data-animationType=\"slideInLeft\" data-animationDuration=\"1.3\" data-animationOffset=\"top-into-view\"><div class=\"fusion-column-wrapper fusion-flex-justify-content-flex-start fusion-content-layout-column\"><div ><a class=\"fusion-button button-flat button-small button-custom fusion-button-default button-1 fusion-button-default-span fusion-button-default-type\" style=\"--awb-margin-top:27px;--button_accent_color:#ffffff;--button_border_color:#ffffff;--button_accent_hover_color:#bfbfbf;--button_border_hover_color:#757575;--button-border-radius-top-left:5px;--button-border-radius-top-right:5px;--button-border-radius-bottom-right:5px;--button-border-radius-bottom-left:5px;--button_gradient_angle:28deg;--button_gradient_top_color:#93201c;--button_gradient_bottom_color:#93201c;--button_gradient_top_color_hover:#000000;--button_gradient_bottom_color_hover:#000000;--button_typography-font-family:&quot;Avenir Black&quot;;--button_typography-font-style:normal;--button_typography-font-weight:400;\" target=\"_self\" href=\"https:\/\/groupetrame.com\/community\/groupe-trame\/\"><span class=\"fusion-button-text awb-button__text awb-button__text--default\">Groupe Trame S.A Forum<\/span><\/a><\/div><\/div><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-3 fusion_builder_column_1_6 1_6 fusion-flex-column fusion-animated\" style=\"--awb-bg-blend:overlay;--awb-bg-size:cover;--awb-width-large:16.666666666667%;--awb-margin-top-large:0px;--awb-spacing-right-large:11.52%;--awb-margin-bottom-large:20px;--awb-spacing-left-large:11.52%;--awb-width-medium:50%;--awb-spacing-right-medium:3.84%;--awb-spacing-left-medium:3.84%;--awb-width-small:100%;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\" data-animationType=\"slideInLeft\" data-animationDuration=\"1.3\" data-animationOffset=\"top-into-view\"><div class=\"fusion-column-wrapper fusion-flex-justify-content-flex-start fusion-content-layout-column\"><\/div><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-4 fusion_builder_column_1_4 1_4 fusion-flex-column\" style=\"--awb-bg-blend:overlay;--awb-bg-size:cover;--awb-width-large:25%;--awb-margin-top-large:0px;--awb-spacing-right-large:7.68%;--awb-margin-bottom-large:20px;--awb-spacing-left-large:7.68%;--awb-width-medium:50%;--awb-spacing-right-medium:3.84%;--awb-spacing-left-medium:3.84%;--awb-width-small:100%;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-flex-justify-content-flex-start fusion-content-layout-column\"><ul style=\"--awb-item-padding-top:12px;--awb-textcolor:#000000;--awb-line-height:23.8px;--awb-icon-width:23.8px;--awb-icon-height:23.8px;--awb-icon-margin:9.8px;--awb-content-margin:33.6px;\" class=\"fusion-checklist fusion-checklist-2 type-icons\"><li class=\"fusion-li-item\" style=\"--awb-iconcolor:#93201c;\"><span class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-dot-circle far\" aria-hidden=\"true\"><\/i><\/span><div class=\"fusion-li-item-content\"><a class=\"fusion-one-page-text-link\" href=\"#projet\">LE PROJET<\/a>\n<\/div><\/li><li class=\"fusion-li-item\" style=\"--awb-iconcolor:#93201c;\"><span class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-dot-circle far\" aria-hidden=\"true\"><\/i><\/span><div class=\"fusion-li-item-content\">\n<a class=\"fusion-one-page-text-link\" href=\"#approchearchitectural\">L&rsquo;APPROCHE ARCHITECTURALE<\/a>\n<\/div><\/li><\/ul><\/div><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-5 fusion_builder_column_1_1 1_1 fusion-flex-column\" style=\"--awb-bg-color:rgba(232,232,232,0);--awb-bg-color-hover:rgba(232,232,232,0);--awb-bg-blend:overlay;--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:1.92%;--awb-margin-bottom-large:0px;--awb-spacing-left-large:1.92%;--awb-width-medium:100%;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-flex-justify-content-flex-start fusion-content-layout-column\"><div class=\"container\">\n \n<!-- Texte :FICHE TECHNIQUE-->\n  <div class=\"text-section\">\n  <div class=\"text-block\">\n      <h2 id=\"fichetechnique\">FICHE TECHNIQUE<\/h2>\n\n        <ul class=\"info-list\">\n            <li><span class=\"info-label\">Ann\u00e9e :<\/span> 2017<\/li>\n            <li><span class=\"info-label\">Ma\u00eetre d\u2019Ouvrage :<\/span> CNMP (Commission Nationale des March\u00e9s Publics)<\/li>\n            <li><span class=\"info-label\">Ma\u00eetre d\u2019Ouvrage D\u00e9l\u00e9gu\u00e9 :<\/span> Unit\u00e9 de Construction de Logements et de B\u00e2timents Publics<\/li>\n        <\/ul>\n    <\/div>\n     \n&nbsp\n<br><br><br><br><br>\n  <div class=\"image-block\">\n      <img decoding=\"async\" src=\"https:\/\/solutions.ht\/demo\/groupetrame\/wp-content\/uploads\/2024\/11\/CNMP_Photo-4-scaled.jpg\" alt=\"CE QUE SITAD\u00c8L N\u2019EST PAS\">\n      <div class=\"\"><\/div>\n    <\/div>\n\n    <div class=\"image-block\">\n      <img decoding=\"async\" src=\"https:\/\/solutions.ht\/demo\/groupetrame\/wp-content\/uploads\/2024\/11\/CNMP_Photo-9-scaled.jpg\" alt=\"CE QUE SITAD\u00c8L N\u2019EST PAS\">\n      <div class=\"\"><\/div>\n    <\/div>\n<br><br>\n    <div class=\"text-block\">\n        <h2 id=\"projet\">LE PROJET<\/h2>\n\n        <p>\n            Le b\u00e2timent de la CNMP sera \u00e9rig\u00e9 \u00e0 l\u2019angle des rues de l\u2019Enterrement et du prolongement vers l\u2019est, de la rue d\u2019Ennery.\n        <\/p>\n        <p>\n            Il s\u2019agit d\u2019un \u00e9difice de forme pentagonale d\u2019environ 40 m\u00e8tres d\u2019envergure et s\u2019\u00e9levant sur cinq niveaux jusqu\u2019\u00e0 20 m\u00e8tres de hauteur hors sol, au-dessus du trottoir de la Rue de l\u2019Enterrement, principale voie d\u2019acc\u00e8s au site. Il dispose \u00e9galement d\u2019une aire souterraine de service et de stationnement qui occupe toute la surface du site, qui est d\u2019environ 2000 m\u00e8tres carr\u00e9s.\n        <\/p>\n    <\/div>\n  <\/div>\n\n  <!-- Images correspondantes -->\n  <div class=\"image-section\">\n    <div class=\"image-block\">\n      <img decoding=\"async\" src=\"https:\/\/solutions.ht\/demo\/groupetrame\/wp-content\/uploads\/2024\/11\/CNMP_Photo-13-scaled.jpg\" alt=\"QUI SOMMES-NOUS\u202f?\">\n      <div class=\"\"><\/div>\n    <\/div>\n&nbsp <br><br>\n<div class=\"text-block \">\n        <h2 id=\"miseencontexte\">MISE EN CONTEXTE<\/h2>\n\n        <p>\n            La reconstruction de la Cit\u00e9 administrative au centre-ville est guid\u00e9e par une vision porteuse d\u2019avenir qui s\u2019\u00e9nonce ainsi:\n        <\/p>\n        <p>\n            Une Cit\u00e9 administrative au coeur du centre-ville fier de ses racines et tourn\u00e9 vers l\u2019Avenir, une m\u00e9tropole vibrante et inclusive, si\u00e8ge premier des grandes institutions de l\u2019\u00c9tat, qui reprend sa place dans l\u2019\u00e9conomie du pays et dans la r\u00e9gion carib\u00e9enne.\n        <\/p>\n        <p>\n            Afin d\u2019assurer l\u2019int\u00e9gration harmonieuse des futurs \u00e9difices entre eux et dans l\u2019environnement imm\u00e9diat du centre-ville et en raison des multiples contraintes qui touchent cette partie de la Capitale, des lignes directrices d\u2019am\u00e9nagement ont \u00e9t\u00e9 \u00e9labor\u00e9es et \u00ab font partie int\u00e9grante des instructions remises aux entreprises d\u00e9sirant offrir leurs services pour la r\u00e9alisation des divers lots de conception et de construction soumis \u00e0 des appels d\u2019offre \u00bb.\n        <\/p>\n        <p>\n            C\u2019est dans cette optique que suite \u00e0 un processus d\u2019appel d\u2019Offre lanc\u00e9 le 24 mars 2016, le <strong>GROUPE TRAME<\/strong> fut mandat\u00e9 pour les prestations de service d\u2019\u00c9tudes Architecturales et Techniques pour l\u2019ex\u00e9cution des travaux de construction du b\u00e2timent de la Commission Nationale de Passation des March\u00e9s Publics (CNMP).\n        <\/p>\n    <\/div>\n  \n<br><br><br>\n\n    <div class=\"image-block\">\n      <img decoding=\"async\" src=\"https:\/\/solutions.ht\/demo\/groupetrame\/wp-content\/uploads\/2024\/11\/CNMP_Photo-18-scaled.jpg\" alt=\"NOTRE VISION\">\n      <div class=\"\"><\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n\/* Conteneur principal *\/\n.container {\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-start;\n  gap: 20px;\n  padding: 20px;\n}\n\n\/* Section texte *\/\n.text-section {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\n}\n\n.text-block h2 {\n  font-size: 24px;\n  color: #93201c; \/* Couleur des titres *\/\n  margin-bottom: 10px;\n  font-weight: bold;\n}\n\n.text-block p {\n  font-size: 16px;\n  line-height: 1.6;\n  color: #000;\n}\n\n.text-block a {\n  color: #ff734d; \/* Lien avec la couleur de titre *\/\n  text-decoration: none;\n  font-weight: bold;\n}\n\n.text-block a:hover {\n  text-decoration: underline;\n}\n\n\/* Section image *\/\n.image-section {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n  \n}\n\n.image-block {\n  position: relative;\n  overflow: hidden;\n  height: 250px; \/* Ajuste la hauteur des blocs d'image *\/\n}\n\n.image-block img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover; \/* Assure que l'image s'adapte bien au conteneur sans se d\u00e9former *\/\n  filter: grayscale(100%);\n  transition: filter 0.3s;\n}\n\n\n.image-block:hover img {\n  filter: grayscale(0%);\n}\n\n\/* Texte en surimpression *\/\n.overlay {\n  position: absolute;\n  top: 10px;\n  left: 10px;\n  background-color: #ff683f;\n  color: white;\n  padding: 5px 10px;\n  font-weight: bold;\n  border-radius: 3px;\n}\n.text-block p {\n    text-align: justify;\n}\n\n\n\/* Responsive : Stacking sur petits \u00e9crans *\/\n@media (max-width: 768px) {\n  .container {\n    flex-direction: column;\n  }\n\n  .image-block {\n    height: 200px; \/* Diminue la hauteur pour les petits \u00e9crans *\/\n  }\n}\n\n<\/style>\n<\/div><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-6 fusion_builder_column_1_1 1_1 fusion-flex-column\" style=\"--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:1.92%;--awb-margin-bottom-large:20px;--awb-spacing-left-large:1.92%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;flex-grow:4;margin-top:20px;margin-bottom:20px;width:100%;\"><div class=\"fusion-separator-border sep-shadow\" style=\"--awb-height:20px;--awb-amount:20px;--awb-sep-color:#c6c6c6;background:radial-gradient(ellipse at 50% -50% , #c6c6c6 0px, rgba(255, 255, 255, 0) 80%) repeat scroll 0 0 rgba(0, 0, 0, 0);background:-webkit-radial-gradient(ellipse at 50% -50% , #c6c6c6 0px, rgba(255, 255, 255, 0) 80%) repeat scroll 0 0 rgba(0, 0, 0, 0);background:-moz-radial-gradient(ellipse at 50% -50% , #c6c6c6 0px, rgba(255, 255, 255, 0) 80%) repeat scroll 0 0 rgba(0, 0, 0, 0);background:-o-radial-gradient(ellipse at 50% -50% , #c6c6c6 0px, rgba(255, 255, 255, 0) 80%) repeat scroll 0 0 rgba(0, 0, 0, 0);\"><\/div><\/div><\/div><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-2 fusion-flex-container has-pattern-background has-mask-background nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap\" style=\"max-width:1248px;margin-left: calc(-4% \/ 2 );margin-right: calc(-4% \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-7 fusion_builder_column_1_2 1_2 fusion-flex-column fusion-flex-align-self-flex-start fusion-column-no-min-height\" style=\"--awb-bg-blend:overlay;--awb-bg-size:cover;--awb-width-large:50%;--awb-margin-top-large:0px;--awb-spacing-right-large:3.84%;--awb-margin-bottom-large:0px;--awb-spacing-left-large:3.84%;--awb-width-medium:50%;--awb-spacing-right-medium:3.84%;--awb-spacing-left-medium:3.84%;--awb-width-small:100%;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-flex-justify-content-flex-start fusion-content-layout-column\"><div class=\"container\">\n  <!-- Texte :FICHE TECHNIQUE-->\n  <div class=\"text-section\">\n  <div class=\"text-block\">\n    <h2 id=\"approchearchitectural\">L\u2019APPROCHE ARCHITECTURAL<\/h2>\n\n    <p>Le style architectural retenu se rapproche de la mouvance \u00ab techno-architecture \u00bb avec la pr\u00e9dominance du verre et du m\u00e9tal, la transparence de l\u2019enveloppe ext\u00e9rieure, et surtout une mise en sc\u00e8ne d\u2019\u00e9l\u00e9ments structurels expos\u00e9s de mani\u00e8re ostentatoire, accentuant son c\u00f4t\u00e9 singulier, en rupture avec les formes traditionnelles.<\/p>\n\n    <p>Le site est \u00e9galement accessible par la rue d\u2019Ennery. Sur la cour arri\u00e8re on retrouve 11 places de parking suppl\u00e9mentaires dont 2 pour les personnes \u00e0 mobilit\u00e9 r\u00e9duite. Les quartiers du gardien sont \u00e9galement log\u00e9s \u00e0 ce niveau, juste \u00e0 c\u00f4t\u00e9 de l\u2019escalier de service.<\/p>\n\n    <p>Du dehors, ce qui frappe au prime abord c\u2019est la colonnade p\u00e9riph\u00e9rique constitu\u00e9e de tubes d\u2019acier structural, inclin\u00e9es vers l\u2019ext\u00e9rieur, rappelant un exosquelette qui r\u00e9pond \u00e0 la volont\u00e9 de placer la structure m\u00e9tallique et les composants techniques au centre du concept du b\u00e2timent.<\/p>\n\n    <p>L\u2019architecture d\u2019int\u00e9rieur est trait\u00e9e de mani\u00e8re \u00e0 manifester en permanence l\u2019intention sup\u00e9rieure de transparence, de l\u00e9g\u00e8ret\u00e9 et de glorification des \u00e9l\u00e9ments porteurs.<\/p>\n\n    <p>Toutes les parois et les portes donnant sur l\u2019atrium sont vitr\u00e9es, tandis que les autres cloisons d\u00e9limitant les bureaux sont en panneaux de gypse (Sheetrock).<\/p>\n\n    <p>Le visiteur parcourant les locaux de l\u2019\u00e9difice peut jouir du spectacle d\u2019une poutraison \u00e0 g\u00e9om\u00e9trie \u00e9toil\u00e9e supportant chaque plancher. Cette structure porteuse des planchers est laiss\u00e9e apparente au niveau du tambour central et reste visible \u00e0 travers des faux-plafonds grillag\u00e9s \u00e0 grosses mailles au-dessus des bureaux.<\/p>\n\n    <p>Au centre de l\u2019\u00e9difice, une tour cylindrique en b\u00e9ton arm\u00e9, abrite l\u2019escalier principal et l\u2019ascenseur. Du haut de cette derni\u00e8re qui d\u00e9passe l\u00e9g\u00e8rement la dalle de toiture, des c\u00e2bles raidisseurs rayonnent jusqu\u2019au sommet des colonnes de fa\u00e7ade.<\/p>\n\n    <p>La toiture est trait\u00e9e en terrasse accessible pour recevoir les panneaux solaires n\u00e9cessaires \u00e0 l\u2019autonomie \u00e9nerg\u00e9tique de l\u2019\u00e9difice.<\/p>\n\n    <p>La tour centrale form\u00e9e par la cage d\u2019escalier et l\u2019ascenseur au c\u0153ur de l\u2019atrium prend l\u2019allure d\u2019un tambour monumental d\u2019o\u00f9 rayonnent passerelles et poutres maitresses qui traversent le vide pour aller soutenir les dalles de plancher environnantes. Ce tout constitue le c\u0153ur du b\u00e2timent, \u00e0 la fois zone de circulation, puits de lumi\u00e8re et monument int\u00e9rieur.<\/p>\n<\/div>\n\n\n\n\n  <\/div>\n\n  <!-- Images correspondantes -->\n&nbsp\n<br><br><br>\n  <div class=\"image-section\">\n    <div class=\"image-block\">\n      <img decoding=\"async\" src=\"https:\/\/solutions.ht\/demo\/groupetrame\/wp-content\/uploads\/2024\/10\/CNMP_Photo-31-1-scaled.jpg\" alt=\"QUI SOMMES-NOUS\u202f?\">\n      <div class=\"\"><\/div>\n    <\/div>\n<br><br><br><br><br><br>\n\n    <div class=\"image-block\">\n      <img decoding=\"async\" src=\"https:\/\/solutions.ht\/demo\/groupetrame\/wp-content\/uploads\/2015\/05\/CNMP_Photo-15-scaled.jpg\" alt=\"NOTRE VISION\">\n      <div class=\"\"><\/div>\n    <\/div>\n\n<br><br><br><br><br><br>\n   <div class=\"image-block\">\n      <img decoding=\"async\" src=\"https:\/\/solutions.ht\/demo\/groupetrame\/wp-content\/uploads\/2024\/10\/CNMP_Photo-17-scaled.jpg\" alt=\"NOTRE VISION\">\n      <div class=\"\"><\/div>\n    <\/div>\n\n\n  <\/div>\n<\/div>\n\n<style>\n\/* Conteneur principal *\/\n.container {\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-start;\n  gap: 20px;\n  padding: 20px;\n}\n\n\/* Section texte *\/\n.text-section {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\n}\n\n.text-block h2 {\n  font-size: 24px;\n  color: #93201c; \/* Couleur des titres *\/\n  margin-bottom: 10px;\n  font-weight: bold;\n}\n\n.text-block p {\n  font-size: 16px;\n  line-height: 1.6;\n  color: #000;\n}\n\n.text-block a {\n  color: #ff734d; \/* Lien avec la couleur de titre *\/\n  text-decoration: none;\n  font-weight: bold;\n}\n\n.text-block a:hover {\n  text-decoration: underline;\n}\n\n\/* Section image *\/\n.image-section {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n  \n}\n\n.image-block {\n  position: relative;\n  overflow: hidden;\n  height: 250px; \/* Ajuste la hauteur des blocs d'image *\/\n}\n\n.image-block img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover; \/* Assure que l'image s'adapte bien au conteneur sans se d\u00e9former *\/\n  filter: grayscale(100%);\n  transition: filter 0.3s;\n}\n\n\n.image-block:hover img {\n  filter: grayscale(0%);\n}\n\n\/* Texte en surimpression *\/\n.overlay {\n  position: absolute;\n  top: 10px;\n  left: 10px;\n  background-color: #ff683f;\n  color: white;\n  padding: 5px 10px;\n  font-weight: bold;\n  border-radius: 3px;\n}\n.text-block p {\n    text-align: justify;\n}\n\n\n\/* Responsive : Stacking sur petits \u00e9crans *\/\n@media (max-width: 768px) {\n  .container {\n    flex-direction: column;\n  }\n\n  .image-block {\n    height: 200px; \/* Diminue la hauteur pour les petits \u00e9crans *\/\n  }\n}\n\n<\/style>\n<div class=\"fusion-text fusion-text-1\" style=\"--awb-content-alignment:justify;--awb-text-font-family:&quot;Avenir Roman&quot;;--awb-text-font-style:normal;--awb-text-font-weight:400;\"><\/div><\/div><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-8 fusion_builder_column_1_1 1_1 fusion-flex-column\" style=\"--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:1.92%;--awb-margin-bottom-large:20px;--awb-spacing-left-large:1.92%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><\/div><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-9 fusion_builder_column_1_1 1_1 fusion-flex-column\" style=\"--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:1.92%;--awb-margin-bottom-large:20px;--awb-spacing-left-large:1.92%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><div class=\"fusion-video fusion-youtube\" style=\"--awb-max-width:975px;--awb-max-height:500px;--awb-align-self:center;--awb-width:100%;\"><div class=\"video-shortcode\"><div class=\"fluid-width-video-wrapper\" style=\"padding-top:51.28%;\" ><iframe title=\"YouTube video player 1\" src=\"https:\/\/www.youtube.com\/embed\/i2Pj84CtQGw?wmode=transparent&autoplay=0\" width=\"975\" height=\"500\" allowfullscreen allow=\"autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture;\"><\/iframe><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":16410,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":{"_acf_changed":false,"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"footnotes":""},"portfolio_category":[7],"portfolio_skills":[],"portfolio_tags":[608,609],"class_list":["post-16311","avada_portfolio","type-avada_portfolio","status-publish","format-standard","has-post-thumbnail","hentry","portfolio_category-architecture","portfolio_tags-commission","portfolio_tags-marches_publics"],"acf":[],"_links":{"self":[{"href":"https:\/\/groupetrame.com\/en\/wp-json\/wp\/v2\/avada_portfolio\/16311","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/groupetrame.com\/en\/wp-json\/wp\/v2\/avada_portfolio"}],"about":[{"href":"https:\/\/groupetrame.com\/en\/wp-json\/wp\/v2\/types\/avada_portfolio"}],"author":[{"embeddable":true,"href":"https:\/\/groupetrame.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/groupetrame.com\/en\/wp-json\/wp\/v2\/comments?post=16311"}],"version-history":[{"count":69,"href":"https:\/\/groupetrame.com\/en\/wp-json\/wp\/v2\/avada_portfolio\/16311\/revisions"}],"predecessor-version":[{"id":17033,"href":"https:\/\/groupetrame.com\/en\/wp-json\/wp\/v2\/avada_portfolio\/16311\/revisions\/17033"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/groupetrame.com\/en\/wp-json\/wp\/v2\/media\/16410"}],"wp:attachment":[{"href":"https:\/\/groupetrame.com\/en\/wp-json\/wp\/v2\/media?parent=16311"}],"wp:term":[{"taxonomy":"portfolio_category","embeddable":true,"href":"https:\/\/groupetrame.com\/en\/wp-json\/wp\/v2\/portfolio_category?post=16311"},{"taxonomy":"portfolio_skills","embeddable":true,"href":"https:\/\/groupetrame.com\/en\/wp-json\/wp\/v2\/portfolio_skills?post=16311"},{"taxonomy":"portfolio_tags","embeddable":true,"href":"https:\/\/groupetrame.com\/en\/wp-json\/wp\/v2\/portfolio_tags?post=16311"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}