{"id":1225,"date":"2025-11-28T09:32:41","date_gmt":"2025-11-28T05:32:41","guid":{"rendered":"https:\/\/odysseomauritius.com\/devenir-benevole\/"},"modified":"2026-04-16T12:30:50","modified_gmt":"2026-04-16T08:30:50","slug":"devenir-benevole","status":"publish","type":"page","link":"https:\/\/odysseomauritius.com\/fr\/devenir-benevole\/","title":{"rendered":"Devenir B\u00e9n\u00e9vole"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_row el_class=\u00a0\u00bbvolunteer-banner-row\u00a0\u00bb][vc_column][vc_row_inner el_class=\u00a0\u00bbvolunteer-banner-inner-row\u00a0\u00bb][vc_column_inner]\n        <div class=\"gws-space-wrapper \">\n            <div class=\"gws-space space130 space-mobile100 space-tablet\"><\/div>\n            <style>\n                                    .gws-space-wrapper .gws-space.space130 {\n                        height: 130px;\n                    }\n                                @media screen and (min-width: 320px) and (max-width: 767px) {\n                                            .wpb_wrapper .gws-space-wrapper .gws-space.space130.space-mobile100 {\n                            height: 100px;\n                        }\n                                    }\n                @media screen and (min-width: 768px) and (max-width: 1024px) {\n                                            .wpb_wrapper .gws-space-wrapper .gws-space.space130.space-mobile100 {\n                            height: 100px;\n                        }\n                                    }\n            <\/style>\n        <\/div>        \n    \n        \n        <div class=\"page-banner-wrapper \">\n            <div class=\"banner-image-wrapper\">\n                <div class=\"banner-image overlay\">\n                    <img decoding=\"async\" src=\"https:\/\/odysseomauritius.com\/wp-content\/uploads\/2025\/11\/volunteer-banner.jpg\" alt=\"Rejoignez-nous en tant que B\u00e9n\u00e9vole Image\">\n                    <img decoding=\"async\" src=\"\" alt=\"Rejoignez-nous en tant que B\u00e9n\u00e9vole Image\" class=\"banner-image-mobile\" style=\"display: none;\">\n                <\/div>\n            <\/div>\n                            <div class=\"banner-content-container\">\n                    <div class=\"banner-content-wrapper white-color start\">\n                        <div class=\"banner-text-holder singleUp width  color-#FFFFFF\">\n                                                                                                                    <div class=\"banner-heading \">\n                                    <h1 class=\"red-hat-display\">Rejoignez-nous en tant que B\u00e9n\u00e9vole<\/h1>\n                                <\/div>\n                                                                                        <div class=\"banner-subtitle \">\n                                    <p>Faites partie du changement \u2014 prot\u00e9ger, restaurer et pr\u00e9server nos \u00e9cosyst\u00e8mes marins !<\/p>\n                                <\/div>\n                                                                                                                    <div class=\"banner-date-location-btn-wrapper\">\n                                                                                                                <div class=\"gws-button \">\n                                            <a href=\"https:\/\/docs.google.com\/forms\/d\/e\/1FAIpQLScVK-4gF-ED4IlcqxjwCxfQDCv4mA4DCwNUT6Xv7POsga7cIQ\/viewform?usp=preview\" target=\"_blank\" rel=\"noopener\">\n                                                                                                S\u2019inscrire                                            <\/a>\n                                        <\/div>\n                                                                    <\/div>\n                                                    <\/div>\n                    <\/div>\n                <\/div>\n                        <style>\n                                    .page-banner-wrapper .banner-content-wrapper.start {\n                        justify-content: start;\n                    }\n                                                    .page-banner-wrapper .banner-text-holder .banner-description {\n                        max-width: 45%;\n                    }\n                                                    .page-banner-wrapper .banner-text-holder.color-\\#FFFFFF * {\n                        color: #FFFFFF;\n                    }\n                                                    .page-banner-wrapper .banner-toptitle p {\n                        line-height: 25px;\n                        font-size: 21px;\n                    }\n                                                    .page-banner-wrapper .banner-heading h1 {\n                        line-height: 58px;\n                        font-size: 48px;\n                    }\n                                                    .page-banner-wrapper .banner-subtitle p {\n                        line-height: 25px;\n                        font-size: 21px;\n                    }\n                                                    .page-banner-wrapper .banner-description p {\n                        line-height: 20px;\n                        font-size: 16px;\n                    }\n                            <\/style>\n        <\/div>\n        \n        [\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row el_class=\u00a0\u00bbvolunteer-details-gallery-row\u00a0\u00bb][vc_column]\n        <div class=\"gws-image-item volunteer-graphics \">\n            <div class=\"image-wrapper\">\n                                <div class=\"image\" >\n                                            <div class=\"icon desktop-img\">\n                            <svg width=\"478\" height=\"475\" viewBox=\"0 0 478 475\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n    <g opacity=\"0.1\" clip-path=\"url(#clip0_4038_3806)\">\n        <path class=\"footerCircle1\" d=\"M252.478 183.425C221.406 241.93 136.21 350.567 71.6573 240.647C57.1734 212.907 15.5511 88.2299 62.6925 38.0048C62.6925 38.0048 85.4704 9.92881 142.4 38.127C220.704 76.8956 295.167 103.077 252.478 183.456M292.27 90.9489C279.524 69.3802 256.777 40.0517 155.756 9.59276C111.389 -3.14682 37.4447 -16.7724 12.0445 65.5919C10.4894 70.755 -9.02581 130.787 5.1227 186.114C5.1227 186.114 28.053 277.796 91.7518 300.77C125.568 312.563 169.752 314.06 212.228 282.99C250.892 258.183 344.87 186.603 292.27 90.9489Z\" fill=\"white\"\/>\n        <path class=\"footerCircle2\" d=\"M189.891 437.102C183.182 423.874 174.248 394.301 202.637 396.561C209.558 397.478 237.733 405.818 240.844 420.941C240.844 420.941 243.07 428.731 230.598 435.575C213.461 444.984 199.099 455.31 189.891 437.133M201.691 456.288C207.271 456.716 215.565 456.288 234.105 441.654C242.124 435.147 254.108 423.293 242.307 408.079C241.575 407.132 233.068 395.828 221.146 391.337C221.146 391.337 201.417 383.791 189.037 392.529C182.542 397.234 176.596 405.146 176.809 416.939C176.383 427.234 177.419 453.66 201.661 456.288\" fill=\"white\"\/>\n        <path class=\"footerCircle3\" d=\"M334.105 411.671C303.765 407.944 242.81 389.064 279.493 342.932C289.037 332.056 335.873 293.41 365.329 305.477C365.329 305.477 381.215 310.671 378.502 339.969C374.782 380.265 375.818 416.804 334.105 411.671ZM380.575 413.565C387.741 404.492 396.645 389.766 393.016 341.038C391.156 319.745 384.753 285.497 345.051 288.155C342.582 288.339 313.461 289.836 291.964 305.141C291.964 305.141 256.257 330.254 256.898 361.629C257.416 378.218 264.094 397.587 284.524 410.816C301.63 423.433 348.04 452.212 380.575 413.626\" fill=\"white\"\/>\n    <\/g>\n<\/svg>\n                        <\/div>\n                                                        <\/div>\n                            <\/div>\n        <\/div>\n\n        \n        <div class=\"gws-space-wrapper \">\n            <div class=\"gws-space space60 space-mobile space-tablet\"><\/div>\n            <style>\n                                    .gws-space-wrapper .gws-space.space60 {\n                        height: 60px;\n                    }\n                                @media screen and (min-width: 320px) and (max-width: 767px) {\n                                    }\n                @media screen and (min-width: 768px) and (max-width: 1024px) {\n                                    }\n            <\/style>\n        <\/div>        \n    \n        [vc_row_inner el_class=\u00a0\u00bbvolunteer-details-inner-row odysseo-widthcontainer\u00a0\u00bb][vc_column_inner el_class=\u00a0\u00bbfromLeft\u00a0\u00bb width=\u00a0\u00bb1\/3&Prime;]\n        <div class=\"gws-heading gws-heading-69f2c7d43f99c   font-#00B4D5 font32px \">\n            <div class=\"gws-heading-inner-wrapper     \">\n                                <div class=\"gws-heading-right\">\n                    <div class=\"gws-heading-title\">\n                                                    <h2 class=\" open-sans\"  style=\"font-weight:700\" >\n                                Faites la Diff\u00e9rence avec la<br \/>\nFondation Odysseo                            <\/h2>\n                                            <\/div>\n                                    <\/div>\n            <\/div>\n            <style>\n                .gws-heading.gws-heading-69f2c7d43f99c. {\n                    text-align: ;\n                }\n                .gws-heading.gws-heading-69f2c7d43f99c. .gws-heading-inner-wrapper {\n                    justify-content: ;\n                }\n                                                            .gws-heading.gws-heading-69f2c7d43f99c.font-\\#00B4D5 h2 {\n                            color: #00B4D5;\n                        }\n                        .gws-heading.gws-heading-69f2c7d43f99c.font-\\#00B4D5 .icon svg path {\n                            fill: #00B4D5;\n                        }\n                        .gws-heading.gws-heading-69f2c7d43f99c.font-\\#00B4D5 .gws-heading-left p {\n                            color: #00B4D5;\n                        }\n                                                                .gws-heading.gws-heading-69f2c7d43f99c.font32px h2 {\n                            font-size: 32px;\n                            line-height: calc(32px + 10px);\n                        }\n                        @media (max-width: 1024px) {\n                            .gws-heading.gws-heading-69f2c7d43f99c.font32px h2 {\n                                font-size: 26px;\n                                line-height: calc(26px + 4px);\n                            }\n                        }\n                        @media (max-width: 768px) {\n                            .gws-heading.gws-heading-69f2c7d43f99c.font32px h2 {\n                                font-size: 26px;\n                                line-height: calc(26px + 4px);\n                            }\n                        }\n                                                                        .gws-heading.gws-heading-69f2c7d43f99c .gws-heading-subtitle p {\n                        color: #000000;\n                    }\n                                                    .gws-heading.gws-heading-69f2c7d43f99c .gws-heading-subtitle p {\n                        line-height: 22px;\n                        font-size: 18px;\n                    }\n                    @media (max-width: 1024px) {\n                        .gws-heading.gws-heading-69f2c7d43f99c .gws-heading-subtitle p {\n                            line-height: 20px;\n                            font-size: 16px;\n                        }\n                    }\n                    @media (max-width: 768px) {\n                        .gws-heading.gws-heading-69f2c7d43f99c .gws-heading-subtitle p {\n                            line-height: 18px;\n                            font-size: 15px;\n                        }\n                    }\n                                .gws-heading-inner-wrapper.border-radius-top {\n                    border-radius: 15px 15px 0 0;\n                    padding: 20px 40px;\n                }\n                .gws-heading-inner-wrapper.border-radius-right {\n                    border-radius: 0 15px 15px 0;\n                    padding: 20px 40px;\n                }\n                .gws-heading-inner-wrapper.border-radius-bottom {\n                    border-radius: 0 0 15px 15px;\n                    padding: 20px 40px;\n                }\n                .gws-heading-inner-wrapper.border-radius-left {\n                    border-radius: 15px 0 0 15px;\n                    padding: 20px 40px;\n                }\n                .gws-heading-inner-wrapper.border-top-bottom {\n                    border-bottom: 1px solid transparent;\n                    border-top: 1px solid transparent;\n                    padding: 10px 0 15px;\n                }\n                                                    .gws-heading-69f2c7d43f99c .gws-heading-inner-wrapper.border-top-bottom {\n                        border-bottom: 1px solid #000000;\n                        border-top: 1px solid #000000;\n                        padding: 10px 0 15px;\n                    }\n                    .gws-heading-69f2c7d43f99c .gws-heading-inner-wrapper.border-bottom {\n                        border-bottom: 1px solid #000000;\n                        padding: 10px 0 15px;\n                    }\n                                                    .gws-heading-69f2c7d43f99c .gws-heading-inner-wrapper.add-line .gws-heading-title:after {\n                        background: #000000;\n                    }\n                            <\/style>\n        <\/div>        \n    \n        [\/vc_column_inner][vc_column_inner el_class=\u00a0\u00bbfromRight\u00a0\u00bb width=\u00a0\u00bb2\/3&Prime;]        <div class=\"text-content-wrapper gws-text-69f2c7d43f9fc   text-#012D53 \">\n            <div class=\"text-content-inner  \">\n                                                <p>Rejoignez la Fondation Odysseo en tant que b\u00e9n\u00e9vole et participez \u00e0 des projets concrets de conservation qui ont <strong>un impact r\u00e9el<\/strong>. Que ce soit pour la <strong>restauration des r\u00e9cifs coralliens<\/strong>, la plantation de mangroves <strong>ou des missions sur l\u2019archipel pr\u00e9serv\u00e9 de St. Brandon<\/strong>, votre engagement <strong>contribue directement \u00e0 la protection de la biodiversit\u00e9 marine de l\u2019\u00cele Maurice.<\/strong><\/p>\n            <\/div>\n            <style>\n                .text-content-wrapper.gws-text-69f2c7d43f9fc. {\n                    text-align: ;\n                }\n                                    .text-content-wrapper.gws-text-69f2c7d43f9fc.text-\\#012D53 p,\n                    .text-content-wrapper.gws-text-69f2c7d43f9fc.text-\\#012D53 li,\n                    .text-content-wrapper.gws-text-69f2c7d43f9fc.text-\\#012D53 a {\n                        color: #012D53;\n                    }\n                    .text-content-wrapper.gws-text-69f2c7d43f9fc.text-\\#012D53 ul li:before {\n                        background: #012D53;\n                    }\n                    .text-content-wrapper.gws-text-69f2c7d43f9fc.text-\\#012D53 .text-block-icon svg path {\n                        fill: #012D53;\n                    }\n                                                    .text-content-wrapper.gws-text-69f2c7d43f9fc * {\n                        line-height: 20px;\n                        font-size: 16px;\n                    }\n                    @media (max-width: 768px) {\n                        .text-content-wrapper.gws-text-69f2c7d43f9fc * {\n                            line-height: 18px;\n                            font-size: 15px;\n                        }\n                    }\n                                                    .text-content-wrapper.gws-text-69f2c7d43f9fc * {\n                        font-weight: 400;\n                    }\n                                .text-content-inner.border-radius-top {\n                    border-radius: 15px 15px 0 0;\n                    padding: 30px;\n                }\n                .text-content-inner.border-radius-right {\n                    border-radius: 0 15px 15px 0;\n                    padding: 30px;\n                }\n                .text-content-inner.border-radius-bottom {\n                    border-radius: 0 0 15px 15px;\n                    padding: 30px;\n                }\n                .text-content-inner.border-radius-left {\n                    border-radius: 15px 0 0 15px;\n                    padding: 30px;\n                }\n                .text-content-inner.border-radius-all {\n                    border-radius: 15px;\n                    padding: 20px 43px;\n                }\n                                                                    .text-content-wrapper.gws-text-69f2c7d43f9fc .text-block-title {\n                        line-height: 20px;\n                        font-size: 16px;\n                    }\n                    @media (max-width: 768px) {\n                        .text-content-wrapper.gws-text-69f2c7d43f9fc .text-block-title {\n                            line-height: 18px;\n                            font-size: 15px;\n                        }\n                    }\n                                                    .text-content-wrapper.gws-text-69f2c7d43f9fc .text-block-title {\n                        font-weight: 700;\n                    }\n                            <\/style>\n        <\/div>\n\n        \n        <div class=\"gws-space-wrapper \">\n            <div class=\"gws-space space25 space-mobile space-tablet\"><\/div>\n            <style>\n                                    .gws-space-wrapper .gws-space.space25 {\n                        height: 25px;\n                    }\n                                @media screen and (min-width: 320px) and (max-width: 767px) {\n                                    }\n                @media screen and (min-width: 768px) and (max-width: 1024px) {\n                                    }\n            <\/style>\n        <\/div>        \n    \n                    \n        <div class=\"gws-content-wrapper container-membership-benefits-icons \">\n            <div class=\"container-col membership-benefits-icons\">\n                \n        <div class=\"gws-icon-item icon-#A5D6C8 text-#012D53 bg- border-    \">\n            <div class=\"icon-wrapper position-\">\n                                    <div class=\"icon\">\n                        <svg width=\"28\" height=\"30\" viewBox=\"0 0 28 30\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M15.7853 25.5831C9.58285 24.812 -2.8782 20.9061 4.62087 11.3625C6.57201 9.11245 16.1469 1.11729 22.1686 3.61381C22.1686 3.61381 25.4163 4.68825 24.8615 10.7494C24.101 19.0859 24.313 26.6449 15.7853 25.5831ZM25.2854 25.975C26.7503 24.0979 28.5705 21.0515 27.8287 10.9706C27.4485 6.56538 26.1394 -0.519664 18.0232 0.030201C17.5183 0.0681227 11.5652 0.377817 7.17043 3.54428C7.17043 3.54428 -0.129167 8.73956 0.00173988 15.2305C0.107712 18.6624 1.47288 22.6695 5.64943 25.4062C9.1465 28.0164 18.6341 33.9701 25.2854 25.9876\" fill=\"#A5D6C8\"\/>\n<\/svg>\n                    <\/div>\n                                                    <div class=\"icon-content\">\n                                                                            <div class=\"icon-content-text\">\n                                <p><strong>Une exp\u00e9rience terrain<\/strong> au c\u0153ur des \u00e9cosyst\u00e8mes marins les plus importants de Maurice<\/p>\n                            <\/div>\n                                            <\/div>\n                            <\/div>\n\n            <style>\n                                    .icon-wrapper {\n                        flex-direction: row;\n                    }\n                                                    .gws-icon-item.icon-\\#A5D6C8 svg path {\n                        fill: #A5D6C8;\n                    }\n                    .gws-icon-item.icon-\\#A5D6C8 .icon-content-title p {\n                        color: #A5D6C8;\n                    }\n                                                    .gws-icon-item.text-\\#012D53 .icon-content-text p,\n                    .gws-icon-item.text-\\#012D53 .icon-content-text li,\n                    .gws-icon-item.text-\\#012D53 .icon-content-text a,\n                    .gws-icon-item.text-\\#012D53 .icon-content-text a:visited {\n                        color: #012D53;\n                    }\n                    .gws-icon-item.text-\\#012D53 li:before {\n                        background: #012D53;\n                    }\n                                                    .gws-icon-item .icon-wrapper {\n                        background: transparent;\n                    }\n                                                    .gws-icon-item .icon-wrapper {\n                        border: 1px solid transparent;\n                    }\n                            <\/style>\n        <\/div>\n\n        \n        <div class=\"gws-icon-item icon-#A5D6C8 text-#012D53 bg- border-    \">\n            <div class=\"icon-wrapper position-\">\n                                    <div class=\"icon\">\n                        <svg width=\"28\" height=\"30\" viewBox=\"0 0 28 30\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M15.7853 25.5831C9.58285 24.812 -2.8782 20.9061 4.62087 11.3625C6.57201 9.11245 16.1469 1.11729 22.1686 3.61381C22.1686 3.61381 25.4163 4.68825 24.8615 10.7494C24.101 19.0859 24.313 26.6449 15.7853 25.5831ZM25.2854 25.975C26.7503 24.0979 28.5705 21.0515 27.8287 10.9706C27.4485 6.56538 26.1394 -0.519664 18.0232 0.030201C17.5183 0.0681227 11.5652 0.377817 7.17043 3.54428C7.17043 3.54428 -0.129167 8.73956 0.00173988 15.2305C0.107712 18.6624 1.47288 22.6695 5.64943 25.4062C9.1465 28.0164 18.6341 33.9701 25.2854 25.9876\" fill=\"#A5D6C8\"\/>\n<\/svg>\n                    <\/div>\n                                                    <div class=\"icon-content\">\n                                                                            <div class=\"icon-content-text\">\n                                <p><strong>L\u2019opportunit\u00e9 de collaborer avec des experts<\/strong> et d\u2019apprendre aupr\u00e8s de sp\u00e9cialistes de la conservation marine<\/p>\n                            <\/div>\n                                            <\/div>\n                            <\/div>\n\n            <style>\n                                    .icon-wrapper {\n                        flex-direction: row;\n                    }\n                                                    .gws-icon-item.icon-\\#A5D6C8 svg path {\n                        fill: #A5D6C8;\n                    }\n                    .gws-icon-item.icon-\\#A5D6C8 .icon-content-title p {\n                        color: #A5D6C8;\n                    }\n                                                    .gws-icon-item.text-\\#012D53 .icon-content-text p,\n                    .gws-icon-item.text-\\#012D53 .icon-content-text li,\n                    .gws-icon-item.text-\\#012D53 .icon-content-text a,\n                    .gws-icon-item.text-\\#012D53 .icon-content-text a:visited {\n                        color: #012D53;\n                    }\n                    .gws-icon-item.text-\\#012D53 li:before {\n                        background: #012D53;\n                    }\n                                                    .gws-icon-item .icon-wrapper {\n                        background: transparent;\n                    }\n                                                    .gws-icon-item .icon-wrapper {\n                        border: 1px solid transparent;\n                    }\n                            <\/style>\n        <\/div>\n\n        \n        <div class=\"gws-icon-item icon-#A5D6C8 text-#012D53 bg- border-    \">\n            <div class=\"icon-wrapper position-\">\n                                    <div class=\"icon\">\n                        <svg width=\"28\" height=\"30\" viewBox=\"0 0 28 30\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M15.7853 25.5831C9.58285 24.812 -2.8782 20.9061 4.62087 11.3625C6.57201 9.11245 16.1469 1.11729 22.1686 3.61381C22.1686 3.61381 25.4163 4.68825 24.8615 10.7494C24.101 19.0859 24.313 26.6449 15.7853 25.5831ZM25.2854 25.975C26.7503 24.0979 28.5705 21.0515 27.8287 10.9706C27.4485 6.56538 26.1394 -0.519664 18.0232 0.030201C17.5183 0.0681227 11.5652 0.377817 7.17043 3.54428C7.17043 3.54428 -0.129167 8.73956 0.00173988 15.2305C0.107712 18.6624 1.47288 22.6695 5.64943 25.4062C9.1465 28.0164 18.6341 33.9701 25.2854 25.9876\" fill=\"#A5D6C8\"\/>\n<\/svg>\n                    <\/div>\n                                                    <div class=\"icon-content\">\n                                                                            <div class=\"icon-content-text\">\n                                <p><strong>La participation \u00e0 des projets concrets <\/strong>ayant un impact environnemental durable<\/p>\n                            <\/div>\n                                            <\/div>\n                            <\/div>\n\n            <style>\n                                    .icon-wrapper {\n                        flex-direction: row;\n                    }\n                                                    .gws-icon-item.icon-\\#A5D6C8 svg path {\n                        fill: #A5D6C8;\n                    }\n                    .gws-icon-item.icon-\\#A5D6C8 .icon-content-title p {\n                        color: #A5D6C8;\n                    }\n                                                    .gws-icon-item.text-\\#012D53 .icon-content-text p,\n                    .gws-icon-item.text-\\#012D53 .icon-content-text li,\n                    .gws-icon-item.text-\\#012D53 .icon-content-text a,\n                    .gws-icon-item.text-\\#012D53 .icon-content-text a:visited {\n                        color: #012D53;\n                    }\n                    .gws-icon-item.text-\\#012D53 li:before {\n                        background: #012D53;\n                    }\n                                                    .gws-icon-item .icon-wrapper {\n                        background: transparent;\n                    }\n                                                    .gws-icon-item .icon-wrapper {\n                        border: 1px solid transparent;\n                    }\n                            <\/style>\n        <\/div>\n\n                    <\/div>\n            <style>\n                .container-col {\n                    flex-wrap: wrap;\n                    display: flex;\n                }\n                .container-col.membership-benefits-icons .col,\n                .container-col.membership-benefits-icons > div {\n                    width: calc(100% \/ 1);\n                    float: left;\n                }\n            <\/style>\n        <\/div>\n    \n        \n        <div class=\"gws-space-wrapper \">\n            <div class=\"gws-space space35 space-mobile space-tablet\"><\/div>\n            <style>\n                                    .gws-space-wrapper .gws-space.space35 {\n                        height: 35px;\n                    }\n                                @media screen and (min-width: 320px) and (max-width: 767px) {\n                                    }\n                @media screen and (min-width: 768px) and (max-width: 1024px) {\n                                    }\n            <\/style>\n        <\/div>        \n    \n                <div class=\"text-content-wrapper gws-text-69f2c7d4975b3   text-#00B4D5 weight700 \">\n            <div class=\"text-content-inner  \">\n                                                <p>Quel que soit votre parcours, votre motivation et votre engagement peuvent faire la diff\u00e9rence !<\/p>\n            <\/div>\n            <style>\n                .text-content-wrapper.gws-text-69f2c7d4975b3. {\n                    text-align: ;\n                }\n                                    .text-content-wrapper.gws-text-69f2c7d4975b3.text-\\#00B4D5 p,\n                    .text-content-wrapper.gws-text-69f2c7d4975b3.text-\\#00B4D5 li,\n                    .text-content-wrapper.gws-text-69f2c7d4975b3.text-\\#00B4D5 a {\n                        color: #00B4D5;\n                    }\n                    .text-content-wrapper.gws-text-69f2c7d4975b3.text-\\#00B4D5 ul li:before {\n                        background: #00B4D5;\n                    }\n                    .text-content-wrapper.gws-text-69f2c7d4975b3.text-\\#00B4D5 .text-block-icon svg path {\n                        fill: #00B4D5;\n                    }\n                                                    .text-content-wrapper.gws-text-69f2c7d4975b3 * {\n                        line-height: 20px;\n                        font-size: 16px;\n                    }\n                    @media (max-width: 768px) {\n                        .text-content-wrapper.gws-text-69f2c7d4975b3 * {\n                            line-height: 18px;\n                            font-size: 15px;\n                        }\n                    }\n                                                    .text-content-wrapper.gws-text-69f2c7d4975b3.weight700 * {\n                        font-weight:700;\n                    }\n                                .text-content-inner.border-radius-top {\n                    border-radius: 15px 15px 0 0;\n                    padding: 30px;\n                }\n                .text-content-inner.border-radius-right {\n                    border-radius: 0 15px 15px 0;\n                    padding: 30px;\n                }\n                .text-content-inner.border-radius-bottom {\n                    border-radius: 0 0 15px 15px;\n                    padding: 30px;\n                }\n                .text-content-inner.border-radius-left {\n                    border-radius: 15px 0 0 15px;\n                    padding: 30px;\n                }\n                .text-content-inner.border-radius-all {\n                    border-radius: 15px;\n                    padding: 20px 43px;\n                }\n                                                                    .text-content-wrapper.gws-text-69f2c7d4975b3 .text-block-title {\n                        line-height: 20px;\n                        font-size: 16px;\n                    }\n                    @media (max-width: 768px) {\n                        .text-content-wrapper.gws-text-69f2c7d4975b3 .text-block-title {\n                            line-height: 18px;\n                            font-size: 15px;\n                        }\n                    }\n                                                    .text-content-wrapper.gws-text-69f2c7d4975b3 .text-block-title {\n                        font-weight: 700;\n                    }\n                            <\/style>\n        <\/div>\n\n        [\/vc_column_inner][\/vc_row_inner]\n        <div class=\"gws-space-wrapper \">\n            <div class=\"gws-space space105 space-mobile60 space-tablet\"><\/div>\n            <style>\n                                    .gws-space-wrapper .gws-space.space105 {\n                        height: 105px;\n                    }\n                                @media screen and (min-width: 320px) and (max-width: 767px) {\n                                            .wpb_wrapper .gws-space-wrapper .gws-space.space105.space-mobile60 {\n                            height: 60px;\n                        }\n                                    }\n                @media screen and (min-width: 768px) and (max-width: 1024px) {\n                                            .wpb_wrapper .gws-space-wrapper .gws-space.space105.space-mobile60 {\n                            height: 60px;\n                        }\n                                    }\n            <\/style>\n        <\/div>        \n    \n        [\/vc_column][\/vc_row][vc_row el_class=\u00a0\u00bbwhy-volunteer-row\u00a0\u00bb css=\u00a0\u00bb.vc_custom_1767783936124{background-color: #1EBEF01A !important;}\u00a0\u00bb][vc_column][vc_row_inner el_class=\u00a0\u00bbwhy-volunteer-inner-row odysseo-widthcontainer odysseo-width95container\u00a0\u00bb][vc_column_inner]\n        <div class=\"gws-space-wrapper \">\n            <div class=\"gws-space space85 space-mobile60 space-tablet\"><\/div>\n            <style>\n                                    .gws-space-wrapper .gws-space.space85 {\n                        height: 85px;\n                    }\n                                @media screen and (min-width: 320px) and (max-width: 767px) {\n                                            .wpb_wrapper .gws-space-wrapper .gws-space.space85.space-mobile60 {\n                            height: 60px;\n                        }\n                                    }\n                @media screen and (min-width: 768px) and (max-width: 1024px) {\n                                            .wpb_wrapper .gws-space-wrapper .gws-space.space85.space-mobile60 {\n                            height: 60px;\n                        }\n                                    }\n            <\/style>\n        <\/div>        \n    \n        \n        <div class=\"gws-heading gws-heading-69f2c7d49760d  center font-#00B4D5 font32px \">\n            <div class=\"gws-heading-inner-wrapper     \">\n                                <div class=\"gws-heading-right\">\n                    <div class=\"gws-heading-title\">\n                                                    <h2 class=\" open-sans\"  style=\"font-weight:700\" >\n                                Pourquoi Devenir B\u00e9n\u00e9vole avec nous ?                            <\/h2>\n                                            <\/div>\n                                    <\/div>\n            <\/div>\n            <style>\n                .gws-heading.gws-heading-69f2c7d49760d.center {\n                    text-align: center;\n                }\n                .gws-heading.gws-heading-69f2c7d49760d.center .gws-heading-inner-wrapper {\n                    justify-content: center;\n                }\n                                                            .gws-heading.gws-heading-69f2c7d49760d.font-\\#00B4D5 h2 {\n                            color: #00B4D5;\n                        }\n                        .gws-heading.gws-heading-69f2c7d49760d.font-\\#00B4D5 .icon svg path {\n                            fill: #00B4D5;\n                        }\n                        .gws-heading.gws-heading-69f2c7d49760d.font-\\#00B4D5 .gws-heading-left p {\n                            color: #00B4D5;\n                        }\n                                                                .gws-heading.gws-heading-69f2c7d49760d.font32px h2 {\n                            font-size: 32px;\n                            line-height: calc(32px + 10px);\n                        }\n                        @media (max-width: 1024px) {\n                            .gws-heading.gws-heading-69f2c7d49760d.font32px h2 {\n                                font-size: 26px;\n                                line-height: calc(26px + 4px);\n                            }\n                        }\n                        @media (max-width: 768px) {\n                            .gws-heading.gws-heading-69f2c7d49760d.font32px h2 {\n                                font-size: 26px;\n                                line-height: calc(26px + 4px);\n                            }\n                        }\n                                                                        .gws-heading.gws-heading-69f2c7d49760d .gws-heading-subtitle p {\n                        color: #000000;\n                    }\n                                                    .gws-heading.gws-heading-69f2c7d49760d .gws-heading-subtitle p {\n                        line-height: 22px;\n                        font-size: 18px;\n                    }\n                    @media (max-width: 1024px) {\n                        .gws-heading.gws-heading-69f2c7d49760d .gws-heading-subtitle p {\n                            line-height: 20px;\n                            font-size: 16px;\n                        }\n                    }\n                    @media (max-width: 768px) {\n                        .gws-heading.gws-heading-69f2c7d49760d .gws-heading-subtitle p {\n                            line-height: 18px;\n                            font-size: 15px;\n                        }\n                    }\n                                .gws-heading-inner-wrapper.border-radius-top {\n                    border-radius: 15px 15px 0 0;\n                    padding: 20px 40px;\n                }\n                .gws-heading-inner-wrapper.border-radius-right {\n                    border-radius: 0 15px 15px 0;\n                    padding: 20px 40px;\n                }\n                .gws-heading-inner-wrapper.border-radius-bottom {\n                    border-radius: 0 0 15px 15px;\n                    padding: 20px 40px;\n                }\n                .gws-heading-inner-wrapper.border-radius-left {\n                    border-radius: 15px 0 0 15px;\n                    padding: 20px 40px;\n                }\n                .gws-heading-inner-wrapper.border-top-bottom {\n                    border-bottom: 1px solid transparent;\n                    border-top: 1px solid transparent;\n                    padding: 10px 0 15px;\n                }\n                                                    .gws-heading-69f2c7d49760d .gws-heading-inner-wrapper.border-top-bottom {\n                        border-bottom: 1px solid #000000;\n                        border-top: 1px solid #000000;\n                        padding: 10px 0 15px;\n                    }\n                    .gws-heading-69f2c7d49760d .gws-heading-inner-wrapper.border-bottom {\n                        border-bottom: 1px solid #000000;\n                        padding: 10px 0 15px;\n                    }\n                                                    .gws-heading-69f2c7d49760d .gws-heading-inner-wrapper.add-line .gws-heading-title:after {\n                        background: #000000;\n                    }\n                            <\/style>\n        <\/div>        \n    \n        \n        <div class=\"gws-space-wrapper \">\n            <div class=\"gws-space space65 space-mobile30 space-tablet\"><\/div>\n            <style>\n                                    .gws-space-wrapper .gws-space.space65 {\n                        height: 65px;\n                    }\n                                @media screen and (min-width: 320px) and (max-width: 767px) {\n                                            .wpb_wrapper .gws-space-wrapper .gws-space.space65.space-mobile30 {\n                            height: 30px;\n                        }\n                                    }\n                @media screen and (min-width: 768px) and (max-width: 1024px) {\n                                            .wpb_wrapper .gws-space-wrapper .gws-space.space65.space-mobile30 {\n                            height: 30px;\n                        }\n                                    }\n            <\/style>\n        <\/div>        \n    \n        \n        <div class=\"gws-column-wrapper gws-col-why-volunteer-cols\">\n            <div class=\"gws-col  gap100 up\">\n                        <div class=\"text-content-wrapper gws-text-69f2c7d497898   text-#012D53 \">\n            <div class=\"text-content-inner  \">\n                                                    <p class=\"text-block-title  title-font18px\">Apprenez aux c\u00f4t\u00e9s d\u2019experts de la conservation marine<\/p>\n                                <p>D\u00e9veloppez vos connaissances scientifiques et acqu\u00e9rez une exp\u00e9rience concr\u00e8te en travaillant avec des <strong>chercheurs et des sp\u00e9cialistes reconnus<\/strong>.<\/p>\n            <\/div>\n            <style>\n                .text-content-wrapper.gws-text-69f2c7d497898. {\n                    text-align: ;\n                }\n                                    .text-content-wrapper.gws-text-69f2c7d497898.text-\\#012D53 p,\n                    .text-content-wrapper.gws-text-69f2c7d497898.text-\\#012D53 li,\n                    .text-content-wrapper.gws-text-69f2c7d497898.text-\\#012D53 a {\n                        color: #012D53;\n                    }\n                    .text-content-wrapper.gws-text-69f2c7d497898.text-\\#012D53 ul li:before {\n                        background: #012D53;\n                    }\n                    .text-content-wrapper.gws-text-69f2c7d497898.text-\\#012D53 .text-block-icon svg path {\n                        fill: #012D53;\n                    }\n                                                    .text-content-wrapper.gws-text-69f2c7d497898 * {\n                        line-height: 20px;\n                        font-size: 16px;\n                    }\n                    @media (max-width: 768px) {\n                        .text-content-wrapper.gws-text-69f2c7d497898 * {\n                            line-height: 18px;\n                            font-size: 15px;\n                        }\n                    }\n                                                    .text-content-wrapper.gws-text-69f2c7d497898 * {\n                        font-weight: 400;\n                    }\n                                .text-content-inner.border-radius-top {\n                    border-radius: 15px 15px 0 0;\n                    padding: 30px;\n                }\n                .text-content-inner.border-radius-right {\n                    border-radius: 0 15px 15px 0;\n                    padding: 30px;\n                }\n                .text-content-inner.border-radius-bottom {\n                    border-radius: 0 0 15px 15px;\n                    padding: 30px;\n                }\n                .text-content-inner.border-radius-left {\n                    border-radius: 15px 0 0 15px;\n                    padding: 30px;\n                }\n                .text-content-inner.border-radius-all {\n                    border-radius: 15px;\n                    padding: 20px 43px;\n                }\n                                                                    .text-content-wrapper.gws-text-69f2c7d497898 .text-block-title.title-font18px {\n                        font-size: 18px;\n                        line-height: calc(18px + 4px);\n                    }\n                    @media (max-width: 1024px) {\n                        .text-content-wrapper.gws-text-69f2c7d497898 .text-block-title.title-font18px {\n                            font-size: 14px;\n                            line-height: calc(14px + 4px);\n                        }\n                    }\n                    @media (max-width: 768px) {\n                        .text-content-wrapper.gws-text-69f2c7d497898 .text-block-title.title-font18px {\n                            font-size: 14px;\n                            line-height: calc(14px + 4px);\n                        }\n                    }\n                                                    .text-content-wrapper.gws-text-69f2c7d497898 .text-block-title {\n                        font-weight: 700;\n                    }\n                            <\/style>\n        <\/div>\n\n                <div class=\"text-content-wrapper gws-text-69f2c7d4978bf   text-#012D53 \">\n            <div class=\"text-content-inner  \">\n                                                    <p class=\"text-block-title  title-font18px\">Ayez un impact direct sur les \u00e9cosyst\u00e8mes de l\u2019\u00cele Maurice<\/p>\n                                <p>Votre implication <strong>contribue activement<\/strong> \u00e0 la <strong>restauration et \u00e0 la protection de la biodiversit\u00e9 marine<\/strong>, pour un avenir durable dans l\u2019oc\u00e9an Indien.<\/p>\n            <\/div>\n            <style>\n                .text-content-wrapper.gws-text-69f2c7d4978bf. {\n                    text-align: ;\n                }\n                                    .text-content-wrapper.gws-text-69f2c7d4978bf.text-\\#012D53 p,\n                    .text-content-wrapper.gws-text-69f2c7d4978bf.text-\\#012D53 li,\n                    .text-content-wrapper.gws-text-69f2c7d4978bf.text-\\#012D53 a {\n                        color: #012D53;\n                    }\n                    .text-content-wrapper.gws-text-69f2c7d4978bf.text-\\#012D53 ul li:before {\n                        background: #012D53;\n                    }\n                    .text-content-wrapper.gws-text-69f2c7d4978bf.text-\\#012D53 .text-block-icon svg path {\n                        fill: #012D53;\n                    }\n                                                    .text-content-wrapper.gws-text-69f2c7d4978bf * {\n                        line-height: 20px;\n                        font-size: 16px;\n                    }\n                    @media (max-width: 768px) {\n                        .text-content-wrapper.gws-text-69f2c7d4978bf * {\n                            line-height: 18px;\n                            font-size: 15px;\n                        }\n                    }\n                                                    .text-content-wrapper.gws-text-69f2c7d4978bf * {\n                        font-weight: 400;\n                    }\n                                .text-content-inner.border-radius-top {\n                    border-radius: 15px 15px 0 0;\n                    padding: 30px;\n                }\n                .text-content-inner.border-radius-right {\n                    border-radius: 0 15px 15px 0;\n                    padding: 30px;\n                }\n                .text-content-inner.border-radius-bottom {\n                    border-radius: 0 0 15px 15px;\n                    padding: 30px;\n                }\n                .text-content-inner.border-radius-left {\n                    border-radius: 15px 0 0 15px;\n                    padding: 30px;\n                }\n                .text-content-inner.border-radius-all {\n                    border-radius: 15px;\n                    padding: 20px 43px;\n                }\n                                                                    .text-content-wrapper.gws-text-69f2c7d4978bf .text-block-title.title-font18px {\n                        font-size: 18px;\n                        line-height: calc(18px + 4px);\n                    }\n                    @media (max-width: 1024px) {\n                        .text-content-wrapper.gws-text-69f2c7d4978bf .text-block-title.title-font18px {\n                            font-size: 14px;\n                            line-height: calc(14px + 4px);\n                        }\n                    }\n                    @media (max-width: 768px) {\n                        .text-content-wrapper.gws-text-69f2c7d4978bf .text-block-title.title-font18px {\n                            font-size: 14px;\n                            line-height: calc(14px + 4px);\n                        }\n                    }\n                                                    .text-content-wrapper.gws-text-69f2c7d4978bf .text-block-title {\n                        font-weight: 700;\n                    }\n                            <\/style>\n        <\/div>\n\n                <div class=\"text-content-wrapper gws-text-69f2c7d4978e6   text-#012D53 \">\n            <div class=\"text-content-inner  \">\n                                                    <p class=\"text-block-title  title-font18px\">Rejoignez une communaut\u00e9 engag\u00e9e et inspirante<\/p>\n                                <p>Int\u00e9grez un <strong>r\u00e9seau de b\u00e9n\u00e9voles<\/strong>, de scientifiques et de passionn\u00e9s unis par une m\u00eame mission : prot\u00e9ger les oc\u00e9ans.<\/p>\n            <\/div>\n            <style>\n                .text-content-wrapper.gws-text-69f2c7d4978e6. {\n                    text-align: ;\n                }\n                                    .text-content-wrapper.gws-text-69f2c7d4978e6.text-\\#012D53 p,\n                    .text-content-wrapper.gws-text-69f2c7d4978e6.text-\\#012D53 li,\n                    .text-content-wrapper.gws-text-69f2c7d4978e6.text-\\#012D53 a {\n                        color: #012D53;\n                    }\n                    .text-content-wrapper.gws-text-69f2c7d4978e6.text-\\#012D53 ul li:before {\n                        background: #012D53;\n                    }\n                    .text-content-wrapper.gws-text-69f2c7d4978e6.text-\\#012D53 .text-block-icon svg path {\n                        fill: #012D53;\n                    }\n                                                    .text-content-wrapper.gws-text-69f2c7d4978e6 * {\n                        line-height: 20px;\n                        font-size: 16px;\n                    }\n                    @media (max-width: 768px) {\n                        .text-content-wrapper.gws-text-69f2c7d4978e6 * {\n                            line-height: 18px;\n                            font-size: 15px;\n                        }\n                    }\n                                                    .text-content-wrapper.gws-text-69f2c7d4978e6 * {\n                        font-weight: 400;\n                    }\n                                .text-content-inner.border-radius-top {\n                    border-radius: 15px 15px 0 0;\n                    padding: 30px;\n                }\n                .text-content-inner.border-radius-right {\n                    border-radius: 0 15px 15px 0;\n                    padding: 30px;\n                }\n                .text-content-inner.border-radius-bottom {\n                    border-radius: 0 0 15px 15px;\n                    padding: 30px;\n                }\n                .text-content-inner.border-radius-left {\n                    border-radius: 15px 0 0 15px;\n                    padding: 30px;\n                }\n                .text-content-inner.border-radius-all {\n                    border-radius: 15px;\n                    padding: 20px 43px;\n                }\n                                                                    .text-content-wrapper.gws-text-69f2c7d4978e6 .text-block-title.title-font18px {\n                        font-size: 18px;\n                        line-height: calc(18px + 4px);\n                    }\n                    @media (max-width: 1024px) {\n                        .text-content-wrapper.gws-text-69f2c7d4978e6 .text-block-title.title-font18px {\n                            font-size: 14px;\n                            line-height: calc(14px + 4px);\n                        }\n                    }\n                    @media (max-width: 768px) {\n                        .text-content-wrapper.gws-text-69f2c7d4978e6 .text-block-title.title-font18px {\n                            font-size: 14px;\n                            line-height: calc(14px + 4px);\n                        }\n                    }\n                                                    .text-content-wrapper.gws-text-69f2c7d4978e6 .text-block-title {\n                        font-weight: 700;\n                    }\n                            <\/style>\n        <\/div>\n\n                    <\/div>\n            <style>\n                                    .gws-col-why-volunteer-cols .gws-col.gap100 {\n                        display: flex;\n                        gap: 100px;\n                    }\n                \n                \n                        .gws-col-why-volunteer-cols .gws-col > div:nth-child(1) {\n                            width: 33.33%;\n                        }\n                        \n                        .gws-col-why-volunteer-cols .gws-col > div:nth-child(2) {\n                            width: 33.33%;\n                        }\n                        \n                        .gws-col-why-volunteer-cols .gws-col > div:nth-child(3) {\n                            width: 33.33%;\n                        }\n                                    <\/style>\n        <\/div>        \n    \n        \n        <div class=\"gws-space-wrapper \">\n            <div class=\"gws-space space110 space-mobile60 space-tablet\"><\/div>\n            <style>\n                                    .gws-space-wrapper .gws-space.space110 {\n                        height: 110px;\n                    }\n                                @media screen and (min-width: 320px) and (max-width: 767px) {\n                                            .wpb_wrapper .gws-space-wrapper .gws-space.space110.space-mobile60 {\n                            height: 60px;\n                        }\n                                    }\n                @media screen and (min-width: 768px) and (max-width: 1024px) {\n                                            .wpb_wrapper .gws-space-wrapper .gws-space.space110.space-mobile60 {\n                            height: 60px;\n                        }\n                                    }\n            <\/style>\n        <\/div>        \n    \n        [\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row el_class=\u00a0\u00bbready-to-dive-row odysseo-widthcontainer\u00a0\u00bb][vc_column]\n        <div class=\"gws-space-wrapper \">\n            <div class=\"gws-space space60 space-mobile space-tablet\"><\/div>\n            <style>\n                                    .gws-space-wrapper .gws-space.space60 {\n                        height: 60px;\n                    }\n                                @media screen and (min-width: 320px) and (max-width: 767px) {\n                                    }\n                @media screen and (min-width: 768px) and (max-width: 1024px) {\n                                    }\n            <\/style>\n        <\/div>        \n    \n        [vc_row_inner el_class=\u00a0\u00bbready-to-dive-inner-row\u00a0\u00bb][vc_column_inner el_class=\u00a0\u00bbready-to-dive-images fromLeft\u00a0\u00bb width=\u00a0\u00bb1\/3&Prime;]\n        <div class=\"gws-image-item ready-to-dive-bg \">\n            <div class=\"image-wrapper\">\n                                <div class=\"image\" >\n                                            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/odysseomauritius.com\/wp-content\/uploads\/2026\/01\/ready-to-dive-bg.png\" alt=\"\" class=\"desktop-img\">\n                                                        <\/div>\n                            <\/div>\n        <\/div>\n\n        \n        <div class=\"gws-image-item ready-to-dive-fish-graphics floatBottomTop \">\n            <div class=\"image-wrapper\">\n                                <div class=\"image\" >\n                                            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/odysseomauritius.com\/wp-content\/uploads\/2026\/01\/fish-graphics.png\" alt=\"\" class=\"desktop-img\">\n                                                        <\/div>\n                            <\/div>\n        <\/div>\n\n        [\/vc_column_inner][vc_column_inner width=\u00a0\u00bb2\/3&Prime;]\n        <div class=\"gws-heading gws-heading-69f2c7d497bfe   font-#012D53 font32px \">\n            <div class=\"gws-heading-inner-wrapper     \">\n                                <div class=\"gws-heading-right\">\n                    <div class=\"gws-heading-title\">\n                                                    <h2 class=\" open-sans\"  style=\"font-weight:700\" >\n                                Pr\u00eat \u00e0 Plonger dans l\u2019Aventure ?                            <\/h2>\n                                            <\/div>\n                                    <\/div>\n            <\/div>\n            <style>\n                .gws-heading.gws-heading-69f2c7d497bfe. {\n                    text-align: ;\n                }\n                .gws-heading.gws-heading-69f2c7d497bfe. .gws-heading-inner-wrapper {\n                    justify-content: ;\n                }\n                                                            .gws-heading.gws-heading-69f2c7d497bfe.font-\\#012D53 h2 {\n                            color: #012D53;\n                        }\n                        .gws-heading.gws-heading-69f2c7d497bfe.font-\\#012D53 .icon svg path {\n                            fill: #012D53;\n                        }\n                        .gws-heading.gws-heading-69f2c7d497bfe.font-\\#012D53 .gws-heading-left p {\n                            color: #012D53;\n                        }\n                                                                .gws-heading.gws-heading-69f2c7d497bfe.font32px h2 {\n                            font-size: 32px;\n                            line-height: calc(32px + 10px);\n                        }\n                        @media (max-width: 1024px) {\n                            .gws-heading.gws-heading-69f2c7d497bfe.font32px h2 {\n                                font-size: 26px;\n                                line-height: calc(26px + 4px);\n                            }\n                        }\n                        @media (max-width: 768px) {\n                            .gws-heading.gws-heading-69f2c7d497bfe.font32px h2 {\n                                font-size: 26px;\n                                line-height: calc(26px + 4px);\n                            }\n                        }\n                                                                        .gws-heading.gws-heading-69f2c7d497bfe .gws-heading-subtitle p {\n                        color: #000000;\n                    }\n                                                    .gws-heading.gws-heading-69f2c7d497bfe .gws-heading-subtitle p {\n                        line-height: 22px;\n                        font-size: 18px;\n                    }\n                    @media (max-width: 1024px) {\n                        .gws-heading.gws-heading-69f2c7d497bfe .gws-heading-subtitle p {\n                            line-height: 20px;\n                            font-size: 16px;\n                        }\n                    }\n                    @media (max-width: 768px) {\n                        .gws-heading.gws-heading-69f2c7d497bfe .gws-heading-subtitle p {\n                            line-height: 18px;\n                            font-size: 15px;\n                        }\n                    }\n                                .gws-heading-inner-wrapper.border-radius-top {\n                    border-radius: 15px 15px 0 0;\n                    padding: 20px 40px;\n                }\n                .gws-heading-inner-wrapper.border-radius-right {\n                    border-radius: 0 15px 15px 0;\n                    padding: 20px 40px;\n                }\n                .gws-heading-inner-wrapper.border-radius-bottom {\n                    border-radius: 0 0 15px 15px;\n                    padding: 20px 40px;\n                }\n                .gws-heading-inner-wrapper.border-radius-left {\n                    border-radius: 15px 0 0 15px;\n                    padding: 20px 40px;\n                }\n                .gws-heading-inner-wrapper.border-top-bottom {\n                    border-bottom: 1px solid transparent;\n                    border-top: 1px solid transparent;\n                    padding: 10px 0 15px;\n                }\n                                                    .gws-heading-69f2c7d497bfe .gws-heading-inner-wrapper.border-top-bottom {\n                        border-bottom: 1px solid #000000;\n                        border-top: 1px solid #000000;\n                        padding: 10px 0 15px;\n                    }\n                    .gws-heading-69f2c7d497bfe .gws-heading-inner-wrapper.border-bottom {\n                        border-bottom: 1px solid #000000;\n                        padding: 10px 0 15px;\n                    }\n                                                    .gws-heading-69f2c7d497bfe .gws-heading-inner-wrapper.add-line .gws-heading-title:after {\n                        background: #000000;\n                    }\n                            <\/style>\n        <\/div>        \n    \n        \n        <div class=\"gws-space-wrapper \">\n            <div class=\"gws-space space15 space-mobile space-tablet\"><\/div>\n            <style>\n                                    .gws-space-wrapper .gws-space.space15 {\n                        height: 15px;\n                    }\n                                @media screen and (min-width: 320px) and (max-width: 767px) {\n                                    }\n                @media screen and (min-width: 768px) and (max-width: 1024px) {\n                                    }\n            <\/style>\n        <\/div>        \n    \n                <div class=\"text-content-wrapper gws-text-69f2c7d497c36   text-#012D53 \">\n            <div class=\"text-content-inner  \">\n                                                <p>Le b\u00e9n\u00e9volat est une mani\u00e8re concr\u00e8te de soutenir notre mission et de contribuer \u00e0 la pr\u00e9servation de la vie marine \u00e0 l\u2019\u00cele Maurice. Que vous souhaitiez acqu\u00e9rir de l\u2019exp\u00e9rience, agir pour l\u2019environnement ou rejoindre une communaut\u00e9 engag\u00e9e, votre aventure commence ici.<\/p>\n            <\/div>\n            <style>\n                .text-content-wrapper.gws-text-69f2c7d497c36. {\n                    text-align: ;\n                }\n                                    .text-content-wrapper.gws-text-69f2c7d497c36.text-\\#012D53 p,\n                    .text-content-wrapper.gws-text-69f2c7d497c36.text-\\#012D53 li,\n                    .text-content-wrapper.gws-text-69f2c7d497c36.text-\\#012D53 a {\n                        color: #012D53;\n                    }\n                    .text-content-wrapper.gws-text-69f2c7d497c36.text-\\#012D53 ul li:before {\n                        background: #012D53;\n                    }\n                    .text-content-wrapper.gws-text-69f2c7d497c36.text-\\#012D53 .text-block-icon svg path {\n                        fill: #012D53;\n                    }\n                                                    .text-content-wrapper.gws-text-69f2c7d497c36 * {\n                        line-height: 20px;\n                        font-size: 16px;\n                    }\n                    @media (max-width: 768px) {\n                        .text-content-wrapper.gws-text-69f2c7d497c36 * {\n                            line-height: 18px;\n                            font-size: 15px;\n                        }\n                    }\n                                                    .text-content-wrapper.gws-text-69f2c7d497c36 * {\n                        font-weight: 400;\n                    }\n                                .text-content-inner.border-radius-top {\n                    border-radius: 15px 15px 0 0;\n                    padding: 30px;\n                }\n                .text-content-inner.border-radius-right {\n                    border-radius: 0 15px 15px 0;\n                    padding: 30px;\n                }\n                .text-content-inner.border-radius-bottom {\n                    border-radius: 0 0 15px 15px;\n                    padding: 30px;\n                }\n                .text-content-inner.border-radius-left {\n                    border-radius: 15px 0 0 15px;\n                    padding: 30px;\n                }\n                .text-content-inner.border-radius-all {\n                    border-radius: 15px;\n                    padding: 20px 43px;\n                }\n                                                                    .text-content-wrapper.gws-text-69f2c7d497c36 .text-block-title {\n                        line-height: 20px;\n                        font-size: 16px;\n                    }\n                    @media (max-width: 768px) {\n                        .text-content-wrapper.gws-text-69f2c7d497c36 .text-block-title {\n                            line-height: 18px;\n                            font-size: 15px;\n                        }\n                    }\n                                                    .text-content-wrapper.gws-text-69f2c7d497c36 .text-block-title {\n                        font-weight: 700;\n                    }\n                            <\/style>\n        <\/div>\n\n        \n        <div class=\"gws-space-wrapper \">\n            <div class=\"gws-space space25 space-mobile space-tablet\"><\/div>\n            <style>\n                                    .gws-space-wrapper .gws-space.space25 {\n                        height: 25px;\n                    }\n                                @media screen and (min-width: 320px) and (max-width: 767px) {\n                                    }\n                @media screen and (min-width: 768px) and (max-width: 1024px) {\n                                    }\n            <\/style>\n        <\/div>        \n    \n        \n        <div class=\"gws-button-wrapper  \">\n            <div class=\"gws-button   bg#00B4D5 bg-text#FFFFFF\">\n                <a href=\"https:\/\/docs.google.com\/forms\/d\/e\/1FAIpQLScVK-4gF-ED4IlcqxjwCxfQDCv4mA4DCwNUT6Xv7POsga7cIQ\/viewform?usp=preview\" target=\"_blank\" class=\"uppercase\" rel=\"noopener\">\n                                        S\u2019inscrire maintenant                                                        <\/a>\n            <\/div>\n            <style>\n                                    .gws-button {\n                        justify-content: flex-start;\n                    }\n                                                                                                        .gws-button.bg\\#00B4D5.bg-text\\#FFFFFF a {\n                                border: 1px solid #00B4D5;\n                                background: #00B4D5;\n                                color: #FFFFFF;\n                            }\n                            .gws-button.bg\\#00B4D5.bg-text\\#FFFFFF a i {\n                                color: #FFFFFF;\n                            }\n                            .gws-button.bg\\#00B4D5.bg-text\\#FFFFFF a .icon svg path {\n                                fill: #FFFFFF;\n                            }\n                                                            .gws-button.bg\\#00B4D5.bg-text\\#FFFFFF a:hover {\n                                    border: 1px solid #00B4D5;\n                                    background: transparent;\n                                    color: #00B4D5;\n                                }\n                                .gws-button.bg\\#00B4D5.bg-text\\#FFFFFF a:hover i {\n                                    color: #00B4D5;\n                                }\n                                .gws-button.bg\\#00B4D5.bg-text\\#FFFFFF a:hover .icon svg path {\n                                    fill: #00B4D5;\n                                }\n                                                                                                                            .gws-button.add-chevron.bg-text\\#FFFFFF a i {\n                        color: #FFFFFF;\n                    }\n                                                    .gws-button.add-icon.bg-text\\#FFFFFF a .icon svg path {\n                        fill: #FFFFFF;\n                    }\n                            <\/style>\n        <\/div>\n\n        [\/vc_column_inner][\/vc_row_inner]\n        <div class=\"gws-space-wrapper \">\n            <div class=\"gws-space space100 space-mobile space-tablet\"><\/div>\n            <style>\n                                    .gws-space-wrapper .gws-space.space100 {\n                        height: 100px;\n                    }\n                                @media screen and (min-width: 320px) and (max-width: 767px) {\n                                    }\n                @media screen and (min-width: 768px) and (max-width: 1024px) {\n                                    }\n            <\/style>\n        <\/div>        \n    \n        [\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>[vc_row el_class=\u00a0\u00bbvolunteer-banner-row\u00a0\u00bb][vc_column][vc_row_inner el_class=\u00a0\u00bbvolunteer-banner-inner-row\u00a0\u00bb][vc_column_inner][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row el_class=\u00a0\u00bbvolunteer-details-gallery-row\u00a0\u00bb][vc_column][vc_row_inner el_class=\u00a0\u00bbvolunteer-details-inner-row odysseo-widthcontainer\u00a0\u00bb][vc_column_inner el_class=\u00a0\u00bbfromLeft\u00a0\u00bb width=\u00a0\u00bb1\/3&Prime;][\/vc_column_inner][vc_column_inner el_class=\u00a0\u00bbfromRight\u00a0\u00bb width=\u00a0\u00bb2\/3&Prime;][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row el_class=\u00a0\u00bbwhy-volunteer-row\u00a0\u00bb css=\u00a0\u00bb.vc_custom_1767783936124{background-color: #1EBEF01A !important;}\u00a0\u00bb][vc_column][vc_row_inner el_class=\u00a0\u00bbwhy-volunteer-inner-row odysseo-widthcontainer odysseo-width95container\u00a0\u00bb][vc_column_inner][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row el_class=\u00a0\u00bbready-to-dive-row odysseo-widthcontainer\u00a0\u00bb][vc_column][vc_row_inner el_class=\u00a0\u00bbready-to-dive-inner-row\u00a0\u00bb][vc_column_inner el_class=\u00a0\u00bbready-to-dive-images fromLeft\u00a0\u00bb width=\u00a0\u00bb1\/3&Prime;][\/vc_column_inner][vc_column_inner width=\u00a0\u00bb2\/3&Prime;][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-1225","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/odysseomauritius.com\/fr\/wp-json\/wp\/v2\/pages\/1225","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/odysseomauritius.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/odysseomauritius.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/odysseomauritius.com\/fr\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/odysseomauritius.com\/fr\/wp-json\/wp\/v2\/comments?post=1225"}],"version-history":[{"count":16,"href":"https:\/\/odysseomauritius.com\/fr\/wp-json\/wp\/v2\/pages\/1225\/revisions"}],"predecessor-version":[{"id":1947,"href":"https:\/\/odysseomauritius.com\/fr\/wp-json\/wp\/v2\/pages\/1225\/revisions\/1947"}],"wp:attachment":[{"href":"https:\/\/odysseomauritius.com\/fr\/wp-json\/wp\/v2\/media?parent=1225"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}