<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8" />
<meta name="viewport" content='width=device-width, initial-scale=1.0, maximum-scale=1, user-scalable=no, minimal-ui, shrink-to-fit=no'>
<!-- Favicon -->
<link rel="icon" type="image/png" href="/static/assets/pics/icons/favicon.png" />
<!-- Libs / tools -->
<link rel="stylesheet" href="/static/includes/bootstrap/bootstrap-4.6.0-dist/css/bootstrap.css" />
<!-- Specific CSS -->
<link rel="stylesheet" href="/static/includes/css/icomoon.css">
<!-- FontAwesome -->
<link href="/static/assets/icons/fontawesome/css/fontawesome.css" rel="stylesheet">
<link href="/static/assets/icons/fontawesome/css/brands.css" rel="stylesheet">
<link href="/static/assets/icons/fontawesome/css/solid.css" rel="stylesheet">
<link rel="stylesheet" href="/static/includes/css/common.css" />
<style>
.description * {
font-family: inherit;
}
#rgpd {
position: fixed;
bottom: 0;
left: 0;
min-height: 100px;
width: 100%;
z-index: 1000;
/* background-color: white; */
}
#rgpd .cookies {
padding: 1em 50px;
}
#rgpd button {
/* border: 2px solid var(--app-color-white);
border-radius: 15px;
color: var(--app-color-gray); */
display: inline-block;
text-align: center;
margin-bottom: 0.5em;
margin-top: 0.5em;
padding: 10px;
text-align: center;
text-decoration: none;
min-width: 150px;
}
@media (max-width: 991px) {
#rgpd .made-codephenix {
text-align: left;
}
#rgpd .cookies > div {
margin-left: 0;
margin-right: 0;
}
#rgpd button {
max-width: unset;
}
}
</style>
<link rel="stylesheet" href="/static/includes/css/index.css" />
<style type="text/css">
main .container-home.central-frame .adhesion-form {
overflow: hidden;
background-color: transparent;
}
main .container-home.central-frame .adhesion-form iframe#haWidget {
height: 100%;
/*width: calc(100% + 2rem);*/
position: relative;
border: none;
}
main .container-home.central-frame .adhesion-form iframe#haWidget .WidgetVignette {
width: 100%!important;
}
main .container-home.central-frame .adhesion-form iframe#haWidget .WidgetVignette--Banner {
height: 5em;
}
@media (max-width: 500px) {
main #carouselCravate .carousel-inner {
height: 300px;
}
main #carouselCravate .carousel-inner .carousel-item.active, main #carouselCravate .carousel-inner .carousel-item.carousel-item-next {
display: flex;
}
main #carouselCravate .carousel-inner .carousel-item {
justify-content: center;
align-items: center;
height: 100%;
}
main #carouselCravate .carousel-inner .carousel-item picture {
height: 100%;
width: 100%;
text-align: center;
}
main #carouselCravate .carousel-inner .carousel-item img {
height: 100%;
width: unset!important
}
main #carouselCravate .carousel-inner h4.app-title {
font-size: 1em;
}
}
.box-border-background .container-img {
width: 100%;
}
@media (max-width: 575px) {
.box-border-background {
max-height: 500px;
}
.box-border-background .container-img img {
left: 0;
width: 100%;
}
}
</style>
<script src="/static/includes/bootstrap/jquery/jquery.js"></script>
<script src="/static/includes/js/popper.min.js"></script>
<script src="/static/includes/bootstrap/bootstrap-4.6.0-dist/js/bootstrap.js"></script>
<!-- Vue Framework -->
<script src="/static/includes/vue/vue.js"></script>
<!-- Vue App -->
<!-- <script src="/static/includes/vue/v-app.js" defer></script> -->
<!-- Custom JS -->
<script src="/static/includes/module-phenix/anchor-smooth.js" defer></script>
<title>
La Cravate Solidaire | L'habit ne fait pas le moine mais il y contribue
</title>
<meta name="author" content="CodePhenix" />
<link rel="canonical" href="https://lacravatesolidaire.org/">
<meta name="description" content="La Cravate Solidaire collecte en entreprises et auprès de particuliers des tenues professionnelles pour homme et femme.">
<meta property="og:site_name" content="La Cravate Solidaire">
<meta property="og:url" content="https://lacravatesolidaire.org/">
<meta property="og:title" content="La Cravate Solidaire | L'habit ne fait pas le moine mais il y contribue">
<!-- <meta property="og:type" content="product.group"> -->
<meta property="og:description" content="La Cravate Solidaire collecte en entreprises et auprès de particuliers des tenues professionnelles pour homme et femme.">
<meta property="og:image" content="https://lacravatesolidaire.org/static/assets/pages/8c1355bf-6fbb-45dd-a083-44d9f32604fd-1.jpg">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:url" content="https://lacravatesolidaire.org/" />
<meta name="twitter:title" content="La Cravate Solidaire | L'habit ne fait pas le moine mais il y contribue">
<meta name="twitter:image" content="https://lacravatesolidaire.org/static/assets/pages/8c1355bf-6fbb-45dd-a083-44d9f32604fd-1.jpg" />
<meta name="twitter:description" content="La Cravate Solidaire collecte en entreprises et auprès de particuliers des tenues professionnelles pour homme et femme.">
<!-- Matomo -->
<script>
var _paq = window._paq = window._paq || [];
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
_paq.push(['requireCookieConsent']);
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function() {
var u="//analytics.lacravatesolidaire.org/";
_paq.push(['setTrackerUrl', u+'matomo.php']);
_paq.push(['setSiteId', '1']);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
})();
</script>
<!-- End Matomo Code -->
<script>
// Define dataLayer and the gtag function.
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
// Default ad_storage to 'denied' as a placeholder
// Determine actual values based on your own requirements
gtag('consent', 'default', {
'ad_storage': 'denied',
'analytics_storage': 'denied'
});
</script>
<!-- Google tag (gtag.js) -->
<script async src="https://googletagmanager.com/gtag/js?id=G-7N2C8HJ6NE"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-7N2C8HJ6NE');
</script>
<!-- End Google Tag -->
</head>
<body id="page-top">
<div id="app">
<div class="burger-left">
<v-burger></v-burger>
</div>
<header>
<v-header></v-header>
</header>
<main>
<section class="carousel-container">
<div id="carouselCravate" class="carousel slide" data-ride="carousel" data-interval="false">
<div class="carousel-inner">
<div class="carousel-item active">
<picture>
<source srcset="/static/assets/pages/site-web---banniere-v-mobile.png" media="(max-width: 992px)" class="w-100">
<img src="/static/assets/pages/8c1355bf-6fbb-45dd-a083-44d9f32604fd-1.jpg" alt="" class="w-100" />
</picture>
<div class="text-center central-frame">
<div class="color-textboxes">
<a class="pink-textbox no-m-width px-4 app-font-bold" href="https://lacravatesolidaire.org/actions">Découvrir</a>
</div>
<h4 class="app-title default">Découvrez toutes nos actions</h4>
</div>
</div>
<div class="carousel-item">
<picture>
<source srcset="/static/assets/pages/0c7c22b8-2677-4d2f-8ad9-9c0ae948589f-68806023-e873-4b03-a916-433268cc829a-imagename-resize.png" media="(max-width: 992px)" class="w-100">
<img src="/static/assets/pages/2.jpg" alt="" class="w-100" />
</picture>
<div class="text-center central-frame">
<div class="color-textboxes">
<a class="pink-textbox no-m-width px-4 app-font-bold" href="https://lacravatesolidaire.org/formation ">Découvrez</a>
</div>
<h4 class="app-title default">Découvrez notre organisme de formation !</h4>
</div>
</div>
<div class="carousel-item">
<picture>
<source srcset="/static/assets/pages/5233a77f-5245-4eb8-b7b6-ef8de013dd74-4.png" media="(max-width: 992px)" class="w-100">
<img src="/static/assets/pages/4.jpg" alt="" class="w-100" />
</picture>
<div class="text-center central-frame">
<div class="color-textboxes">
<a class="pink-textbox no-m-width px-4 app-font-bold" href="https://lacravatesolidaire.org/devenir-mecene">Nous soutenir</a>
</div>
<h4 class="app-title default">J'organise une collecte de vêtements dans mon entreprise</h4>
</div>
</div>
<div class="carousel-item">
<picture>
<source srcset="/static/assets/pages/d1316f79-c3c1-4453-a673-c41425714bd0-site-web---banniere-v-mobile.png" media="(max-width: 992px)" class="w-100">
<img src="/static/assets/pages/site-web---en-tete-page-accueil-28129.png" alt="" class="w-100" />
</picture>
<div class="text-center central-frame">
<div class="color-textboxes">
<a class="pink-textbox no-m-width px-4 app-font-bold" href="https://www.jeveuxaider.gouv.fr/missions-benevolat?structure.reseaux.name=La+Cravate+Solidaire&page=1">Découvrir</a>
</div>
<h4 class="app-title default">Nos missions en Service Civique</h4>
</div>
</div>
</div>
<div class="container-control-carousel">
<a class="carousel-control-prev" href="#carouselCravate" role="button" data-slide="prev">
<span class="icon-caret-left app-color-white" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselCravate" role="button" data-slide="next">
<span class="icon-caret-right app-color-white" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
<ol class="carousel-indicators">
<li data-target="#carouselCravate" data-slide-to="0" class="active"></li>
<li data-target="#carouselCravate" data-slide-to="1" ></li>
<li data-target="#carouselCravate" data-slide-to="2" ></li>
<li data-target="#carouselCravate" data-slide-to="3" ></li>
</ol>
</div>
</div>
</section>
<section class="container-home central-frame pt-5 pb-3">
<div class="row px-0">
<div class="col-12 col-sm-12 col-md-8 col-lg-8 row px-0 mx-0">
<div class="col-12 video-tie my-3 my-lg-0">
<!-- <video controls class="w-100">
<source src="/static/assets/videos/video.mp4" type="video/mp4">
</video> -->
<iframe src="https://www.youtube.com/embed/UOIGrvePcPY" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div class="col-12 mb-4 who-about-us">
<a href="/apropos" target="_blank">
<div class="box-border container-about">
<p class="app-font-bold">Qui sommes-nous ?</p>
<div class="container-img">
<img src="/static/assets/pics/sketches/groupe_de_masques_5.png" class="w-100" />
</div>
<div class="container-img">
<img src="/static/assets/pics/logos/LOGO-LCS_COULEUR.png" class="w-100" />
</div>
</div>
</a>
</div>
<div class="col-12 col-sm-6 col-md-6 col-lg-6 mb-4 actions-assoss">
<a href="/actions">
<div class="box-border-background">
<div class="container-img">
<img src="/static/assets/pages/3c649498-aa2d-4d7b-bdcf-1f2822708d7d-imagename-resize.png" alt="" class="w-content" />
</div>
<div class="central-frame">
<div class="color-textboxes">
<button class="pink-textbox no-m-width">DÉCOUVRIR</button>
</div>
<p>NOS<br class="display-lg" /> ACTIONS</p>
</div>
</div>
</a>
</div>
<div class="col-12 col-sm-6 col-md-6 col-lg-6 mb-4 actions-assoss">
<a href="/reseau">
<div class="box-border-background" style="background-color: white;">
<div class="container-img">
<img src="/static/assets/pages/carte-de-territoire-nationale-14-assos.png" alt="" class="w-content" />
</div>
<div class="central-frame">
<div class="color-textboxes">
<button class="pink-textbox px-4 no-m-width">DÉCOUVRIR</button>
</div>
<p>NOS<br class="hidel-md display-lg" /> ASSOCIATIONS <br /> LOCALES</p>
</div>
</div>
</a>
</div>
</div>
<div class="col-12 col-sm-12 col-md-4 col-lg-4 mb-2 mb-lg-4">
<div class="display-md">
<img src="/static/assets/pages/lcs_national-desktop_notre-impact_2023_lcs-national_infog_desktop.png" alt="" class="w-100" />
</div>
<div class="container-img hide-md">
<div id="carousel-impact" class="carousel slide" data-ride="carousel" data-interval="2000">
<div class="carousel-inner">
<div class="carousel-item active"><img class="w-100" src="/static/assets/pages/lcs_national-mobile_notre-impact_2023_lcs-national_infog_mobile-1.png"></div>
<div class="carousel-item"><img class="w-100" src="/static/assets/pages/lcs_national-mobile_notre-impact_2023_lcs-national_infog_mobile-2.png"></div>
<div class="carousel-item"><img class="w-100" src="/static/assets/pages/lcs_national-mobile_notre-impact_2023_lcs-national_infog_mobile-3.png"></div>
</div>
<div class="container-control-carousel">
<a class="carousel-control-prev" href="#carousel-impact" role="button" data-slide="prev">
<span class="icon-caret-left app-color-white" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carousel-impact" role="button" data-slide="next">
<span class="icon-caret-right app-color-white" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
</div>
</div>
<div class="row mt-3">
<div class="row col-12 mx-0">
<div class="col-12 col-sm-12 col-md-8 col-lg-8 mb-4">
<a href="/devenir-partenaire">
<div class="box-border-background">
<div class="container-img">
<img src="/static/assets/pages/c2ba758c-66cc-489f-bafc-6be4634501b2-forum2.png" class="w-content" alt="Echange entre un membre de la cravate solidaire et un partenaire" />
</div>
<div class="central-frame">
<div class="color-textboxes">
<button class="pink-textbox px-4 no-m-width icon-plus"></button>
</div>
<p>Devenir<br /> Partenaire</p>
</div>
</div>
</a>
</div>
<div class="col-12 col-sm-4 col-md-4 col-lg-4 mb-4 display-md">
<a href="/devenir-benevole">
<div class="box-border-background">
<div class="container-img">
<img src="/static/assets/pages/131b66e3-b0e9-48c4-aa91-12228529a1f7-imagename-resize.png" alt="" class="w-content" />
</div>
<div class="central-frame">
<div class="color-textboxes">
<button class="pink-textbox px-4 no-m-width icon-plus"></button>
</div>
<p>DEVENIR<br class="hide-xl" /> BÉNÉVOLE</p>
</div>
</div>
</a>
</div>
</div>
<div class="row col-12 mx-0 mb-2">
<!-- <div class="col-12 col-sm-6 col-md-4 col-lg-4 mb-4 display-sm hide-md">
<a href="/devenir-benevole">
<div class="box-border-background">
<div class="container-img">
<img src="/static/assets/pages/131b66e3-b0e9-48c4-aa91-12228529a1f7-imagename-resize.png" alt="" class="w-content" />
</div>
<div class="central-frame">
<div class="color-textboxes">
<button class="pink-textbox px-4 no-m-width icon-plus"></button>
</div>
<p>DEVENIR<br class="hide-xl" /> BÉNÉVOLE</p>
</div>
</div>
</a>
</div> -->
<div class="col-12 col-sm-6 col-md-4 col-lg-4 my-sm-resp mb-4">
<a href="/presse">
<div class="box-border-background height-auto">
<div class="container-img">
<img src="/static/assets/pages/7a3bb5d6-105e-4c48-b2a2-cb1b3b092964-imagename-resize.png" alt="" class="w-content" />
</div>
<div class="central-frame">
<div class="color-textboxes">
<button class="pink-textbox px-4 no-m-width">PARCOURIR</button>
</div>
<p>ESPACE PRESSE</p>
</div>
</div>
</a>
</div>
<div class="col-12 col-sm-6 col-md-4 col-lg-4 my-sm-resp mb-3 mb-lg-4">
<a href="/publications">
<div class="box-border-background">
<div class="container-img">
<img src="/static/assets/pages/8167d297-16a7-4405-8abf-9e52b33b75d5-imagename-resize.png" alt="" class="w-content" />
</div>
<div class="central-frame">
<div class="color-textboxes">
<button class="pink-textbox px-4 no-m-width">lire</button>
</div>
<p>publications</p>
</div>
</div>
</a>
</div>
<div class="col-12 col-sm-6 col-md-4 col-lg-4 mb-2 display-sm mb-4">
<div class="box-border-background h-50 newletter-container">
<a href="https://2537d2cb.sibforms.com/serve/MUIFAHbTuXiqAFiCcZaClyRKRIFIcstoNj2ta_Vlhe1xVfJnZZsYJvKk_l0sDBQKJnJWKD2a9iIw6fdqWt-qz01c4lsRbDUeWHlUcvkf9XCeXSykpZfCtm0nz6wg4LsC35NioYQpAlsC2w-QZ7USQXMnQho0LD87qK3GcEcriUjXc8wpTJPH9W36xhUJyL27bTuXXvFLLnm4L7wF" target="_blank">
<button class="pink-textbox px-4 no-m-width">S'inscrire à notre newsletter</button>
</a>
</div>
<div class="box-border-background h-50 adhesion-form newletter-container" >
<!-- <iframe id="haWidget" allowtransparency="true" scrolling="auto" src="https://www.helloasso.com/associations/la-cravate-solidaire/adhesions/devenez-membre-de-la-cravate-solidaire/widget-vignette"></iframe> -->
<a href="https://linktr.ee/helloassolcs?utm_source=linktree_profile_share<sid=de094dfd-ea63-475d-962c-1f01c19fbc44" target="_blank">
<button class="pink-textbox px-4 no-m-width">Adhérer à la Cravate Solidaire</button>
</a>
</div>
</div>
<!-- </div>
<div class="row col-12 mx-0 "> -->
<div class="col-12 col-sm-6 col-md-4 col-lg-4 my-sm-resp mb-3 mb-lg-4">
<a href="/recrutement">
<div class="box-border-background height-auto">
<div class="container-img height-auto">
<img src="/static/assets/pages/a9a30fd2-3594-445e-9c44-a2ca64bad593-imagename-resize.png" alt="" class="w-content w-recruits-md" />
</div>
<div class="central-frame">
<div class="color-textboxes">
<button class="pink-textbox px-4 no-m-width icon-plus"></button>
</div>
<p>la cravate<br class="" /> recrute</p> <!-- hide-md -->
</div>
</div>
</a>
</div>
<div class="col-12 col-sm-6 col-md-4 col-lg-4 mb-3">
<div class="box-border-background h-100">
<div class="app-bgcolor-white container-social-icon height-auto">
<h3 class="mb-0 app-title">nous suivre</h3>
<div class="container-all-icon pt-0">
<div class="container-icon pr-4">
<a href="https://fr-fr.facebook.com/lacravatesolidaire/" target="_blank"><span class="icon-facebook"></span></a>
</div>
<div class="container-icon pl-4">
<a href="https://www.instagram.com/lacravatesolidaire" target="_blank"><span class="icon-instagram"></span></a>
</div>
<div class="container-icon pr-4">
<a href="https://twitter.com/lacravatesolidr" target="_blank"><span class="icon-twitter"></span></a>
</div>
<div class="container-icon pl-4">
<a href="https://www.linkedin.com/in/lacravatesolidaire/" target="_blank"><span class="icon-linkedin"></span></a>
</div>
</div>
</div>
</div>
</div>
<div class="col-12 col-sm-6 col-md-4 col-lg-4 my-sm-resp mb-3 mb-lg-4">
<a href="/don-vetements">
<div class="box-border-background">
<div class="container-img height-auto">
<picture>
<img src="/static/assets/pages/97481acc-155f-49df-a173-cee85473b467-imagename-resize.png" class="w-content w-recruits-md" alt=""/>
</picture>
</div>
<div class="central-frame">
<div class="color-textboxes">
<button class="pink-textbox px-4 no-m-width icon-plus"></button>
</div>
<p>Donner des <br />vêtements</p> <!-- hide-md -->
</div>
</div>
</a>
</div>
<div class="col-12 col-md-4 col-lg-4 mb-2 hide-sm my-sm-resp" style="height: 300px;">
<div class="box-border-background h-50 newletter-container">
<a href="https://2537d2cb.sibforms.com/serve/MUIFAHbTuXiqAFiCcZaClyRKRIFIcstoNj2ta_Vlhe1xVfJnZZsYJvKk_l0sDBQKJnJWKD2a9iIw6fdqWt-qz01c4lsRbDUeWHlUcvkf9XCeXSykpZfCtm0nz6wg4LsC35NioYQpAlsC2w-QZ7USQXMnQho0LD87qK3GcEcriUjXc8wpTJPH9W36xhUJyL27bTuXXvFLLnm4L7wF" target="_blank">
<button class="pink-textbox px-4 no-m-width">S'inscrire à notre newsletter</button>
</a>
</div>
<div class="box-border-background h-50 adhesion-form newletter-container" >
<!-- <iframe id="haWidget" allowtransparency="true" scrolling="auto" src="https://www.helloasso.com/associations/la-cravate-solidaire/adhesions/devenez-membre-de-la-cravate-solidaire/widget-vignette"></iframe> -->
<a href="https://linktr.ee/helloassolcs?utm_source=linktree_profile_share<sid=de094dfd-ea63-475d-962c-1f01c19fbc44" target="_blank">
<button class="pink-textbox px-4 no-m-width w-100">Adhérer à la Cravate Solidaire</button>
</a>
</div>
</div>
</div>
</section>
<section class="container-home central-frame" >
<h3 class="app-title default pb-3">nos partenaires</h3>
<div id="carousel-partners" class="carousel slide my-4" data-ride="carousel" data-interval="2500">
<div class="carousel-inner row px-4">
<div class="carousel-item col-12 col-sm-6 col-md-4 col-lg-3 active">
<a href="">
<img src="/static/assets/partners/les-lemuriens-fondation.jpg" alt="Fondation Les Lémuriens" />
</a>
</div>
<div class="carousel-item col-12 col-sm-6 col-md-4 col-lg-3">
<a href="https://www.bonnegueule.fr/">
<img src="/static/assets/partners/logo-bonne-gueule.png" alt="Bonne Gueule" />
</a>
</div>
<div class="carousel-item col-12 col-sm-6 col-md-4 col-lg-3">
<a href="https://www.gouvernement.fr/ministere-de-la-cohesion-des-territoires-et-des-relations-avec-les-collectivites-territoriales">
<img src="/static/assets/partners/2---ministere-de-la-cohesion-des-territoires.png" alt="Ministère de la cohésion" />
</a>
</div>
<div class="carousel-item col-12 col-sm-6 col-md-4 col-lg-3">
<a href="https://clae.eu/fr">
<img src="/static/assets/partners/clae_0001_logo2Bblack.png" alt="Clae Footwear" />
</a>
</div>
<div class="carousel-item col-12 col-sm-6 col-md-4 col-lg-3">
<a href="http://fondationpierrebellon.org/fr">
<img src="/static/assets/partners/pierre-bellon-fondation.jpg" alt="Fondation Pierre Bellon" />
</a>
</div>
<div class="carousel-item col-12 col-sm-6 col-md-4 col-lg-3">
<a href="https://www.groupe-sma.fr/">
<img src="/static/assets/partners/sma.jpeg" alt="SMA" />
</a>
</div>
<div class="carousel-item col-12 col-sm-6 col-md-4 col-lg-3">
<a href="https://www.businessfrance.fr/">
<img src="/static/assets/partners/800px-business_france_logo_2015.svg.png" alt="business france" />
</a>
</div>
<div class="carousel-item col-12 col-sm-6 col-md-4 col-lg-3">
<a href="https://www.malakoffhumanis.com">
<img src="/static/assets/partners/malakoff-humanis.png" alt="Malakoff Humanis" />
</a>
</div>
<div class="carousel-item col-12 col-sm-6 col-md-4 col-lg-3">
<a href="https://www.fatherandsons.fr/">
<img src="/static/assets/partners/fatherandsons.png" alt="Father" />
</a>
</div>
<div class="carousel-item col-12 col-sm-6 col-md-4 col-lg-3">
<a href="https://www.appartcity.com/fr/">
<img src="/static/assets/partners/963fc20e-88a5-47f3-a4da-31bdb1c12d67-sans-titre.png" alt="appart city" />
</a>
</div>
<div class="carousel-item col-12 col-sm-6 col-md-4 col-lg-3">
<a href="https://www.epide.fr/">
<img src="/static/assets/partners/epide.png" alt="EPIDE" />
</a>
</div>
<div class="carousel-item col-12 col-sm-6 col-md-4 col-lg-3">
<a href="https://www.jonak.fr/">
<img src="/static/assets/partners/images.png" alt="Jonak" />
</a>
</div>
<div class="carousel-item col-12 col-sm-6 col-md-4 col-lg-3">
<a href="https://www.fondationmanpowergroup.fr/">
<img src="/static/assets/partners/logo-manpower.png" alt="ManpowerGroup Fondation" />
</a>
</div>
<div class="carousel-item col-12 col-sm-6 col-md-4 col-lg-3">
<a href="https://www.ethikdo.co/">
<img src="/static/assets/partners/dc1fe56c-28e7-4965-a270-ae116f052153-logo.png" alt="éthi'kdo" />
</a>
</div>
<div class="carousel-item col-12 col-sm-6 col-md-4 col-lg-3">
<a href="https://www.andre.fr/">
<img src="/static/assets/partners/logo-andre.png" alt="André" />
</a>
</div>
<div class="carousel-item col-12 col-sm-6 col-md-4 col-lg-3">
<a href="https://fondationartelia.org/fr">
<img src="/static/assets/partners/artelia-fondation.jpg" alt="Artelia " />
</a>
</div>
<div class="carousel-item col-12 col-sm-6 col-md-4 col-lg-3">
<a href="https://kpmg.com/fr/fr/home.html">
<img src="/static/assets/partners/kpmg-logo.png" alt="KPMG " />
</a>
</div>
<div class="carousel-item col-12 col-sm-6 col-md-4 col-lg-3">
<a href="https://www.swisslife-am.com/fr/home.html">
<img src="/static/assets/partners/swisslifeam.png" alt="SwissLife Asset Managers" />
</a>
</div>
<div class="carousel-item col-12 col-sm-6 col-md-4 col-lg-3">
<a href="https://www.berluti.com/fr-fr/homepage/?gclid=Cj0KCQjw6cKiBhD5ARIsAKXUdybyNPLYf699UJtaQrKPRJw8BZkqC_ZT-XKln4AzccaqwYfTnrhCSaYaAiWNEALw_wcB">
<img src="/static/assets/partners/logo-berluti.jpg" alt="Berluti" />
</a>
</div>
<div class="carousel-item col-12 col-sm-6 col-md-4 col-lg-3">
<a href="https://www.matmut.fr/assurance/auto?at_medium=sl&at_campaign=249&at_platform=google&at_creation=PMAX&at_variant=&at_network=&at_term=&gad_source=1&gclid=Cj0KCQiA2KitBhCIARIsAPPMEhIXdM1NuMtkLCfpMh_IF-zRXc5SCs-1jf3ZtpQPBKkOlVL4VCoisTsaAhgVEALw_wcB">
<img src="/static/assets/partners/logo-matmut-2023.png" alt="Matmut " />
</a>
</div>
<div class="carousel-item col-12 col-sm-6 col-md-4 col-lg-3">
<a href="https://www.arkema.com/global/fr/arkema-group/philanthropy/">
<img src="/static/assets/partners/arkema_logo2.png" alt="arkema" />
</a>
</div>
<div class="carousel-item col-12 col-sm-6 col-md-4 col-lg-3">
<a href="https://www.groupefed.fr/">
<img src="/static/assets/partners/0396f319-89f5-4443-b213-376b1d248f68-logo-61c19867c782487f757cf53b0a7d5d07f95d37b2d6a9af75320dbcf4ac3a1628.png" alt="Fed groupe" />
</a>
</div>
<div class="carousel-item col-12 col-sm-6 col-md-4 col-lg-3">
<a href="https://www.creditmutuelalliancefederale.fr/fr/fondation.html">
<img src="/static/assets/partners/fondation.jpg" alt="crédit mutuel fondation" />
</a>
</div>
<div class="carousel-item col-12 col-sm-6 col-md-4 col-lg-3">
<a href="https://www.clsholdings.com/">
<img src="/static/assets/partners/r.9901677dfa7814c1fc597575100db1af.jpg" alt="CLS Holding" />
</a>
</div>
<div class="carousel-item col-12 col-sm-6 col-md-4 col-lg-3">
<a href="https://www.covea.com/fr/fondation-covea">
<img src="/static/assets/partners/carrousel_fondation.png" alt="Covea fond" />
</a>
</div>
<div class="carousel-item col-12 col-sm-6 col-md-4 col-lg-3">
<a href="https://www.groupama.com/fr/fiche/groupama-gan-vie/">
<img src="/static/assets/partners/a097ee28-cd87-48db-bd33-42a85b2930da-logo-ggvie-e1619530238187.png" alt="Groupama Gan Vie" />
</a>
</div>
<div class="carousel-item col-12 col-sm-6 col-md-4 col-lg-3">
<a href="https://www.apprentis-auteuil.org/">
<img src="/static/assets/partners/apprentis-d27auteuil.jpg" alt="Apprentis d'Auteuil" />
</a>
</div>
<div class="carousel-item col-12 col-sm-6 col-md-4 col-lg-3">
<a href="https://group.bnpparibas">
<img src="/static/assets/partners/bnp-paribas.jpg" alt="BNP Paribas" />
</a>
</div>
<div class="carousel-item col-12 col-sm-6 col-md-4 col-lg-3">
<a href="https://www.fatherandsons.fr/">
<img src="/static/assets/partners/fathers-26-sons.png" alt="Fathers and Sons" />
</a>
</div>
<div class="carousel-item col-12 col-sm-6 col-md-4 col-lg-3">
<a href="https://www.associations.gouv.fr/FDVA.html">
<img src="/static/assets/partners/3-ter---fdva.png" alt="FDVA" />
</a>
</div>
<div class="carousel-item col-12 col-sm-6 col-md-4 col-lg-3">
<a href="https://www.natan.be/fr">
<img src="/static/assets/partners/natan.jpg" alt="Natan" />
</a>
</div>
<div class="carousel-item col-12 col-sm-6 col-md-4 col-lg-3">
<a href="https://agence-cohesion-territoires.gouv.fr/">
<img src="/static/assets/partners/2-bis---agence-nationale-de-la-cohesion-des-territoires.png" alt="Agence Nationale de la cohésion des territoires" />
</a>
</div>
<div class="carousel-item col-12 col-sm-6 col-md-4 col-lg-3">
<a href="https://www.maison123.com/">
<img src="/static/assets/partners/maison-123.png" alt="Maison" />
</a>
</div>
<div class="carousel-item col-12 col-sm-6 col-md-4 col-lg-3">
<a href="https://lanuitdubiencommun.com/">
<img src="/static/assets/partners/la-nuit-du-bien-commun.png" alt="La nuis du bien commun" />
</a>
</div>
<div class="carousel-item col-12 col-sm-6 col-md-4 col-lg-3">
<a href="https://www.fondationprimonial.com/">
<img src="/static/assets/partners/primonial-fondation-groupe.png" alt="Fondation Groupe Primonial" />
</a>
</div>
<div class="carousel-item col-12 col-sm-6 col-md-4 col-lg-3">
<a href="https://shop.brunellocucinelli.com/en-fr/?ds_cid=71700000024664830&gad_source=1&gclid=Cj0KCQiAhc-sBhCEARIsAOVwHuSiuG5Zepbm_PJbozXbfwX60MpJOr955WdZ3a5gepJygCNpaqjL4p4aArfSEALw_wcB&gclsrc=aw.ds">
<img src="/static/assets/partners/brunello-cucinelli-logo-768x333-1-1024x332.jpeg" alt="Brunello Cucinelli" />
</a>
</div>
<div class="carousel-item col-12 col-sm-6 col-md-4 col-lg-3">
<a href="https://fr.claudiepierlot.com/fr/pret-a-porter-voir-tout/">
<img src="/static/assets/partners/claudie-pierlot.jpg" alt="Claudie Pierlot" />
</a>
</div>
<div class="carousel-item col-12 col-sm-6 col-md-4 col-lg-3">
<a href="http://www.fondation-batigere.fr/">
<img src="/static/assets/partners/fondation-batigere2-q.png" alt="batigere" />
</a>
</div>
<div class="carousel-item col-12 col-sm-6 col-md-4 col-lg-3">
<a href="https://www.manfield.fr/">
<img src="/static/assets/partners/fc5d2737-5d55-4aad-8e06-946d8dda2bbd-telechargement.png" alt="Manfield" />
</a>
</div>
<div class="carousel-item col-12 col-sm-6 col-md-4 col-lg-3">
<a href="https://www.derichebourg-multiservices.com/fr">
<img src="/static/assets/partners/ace60dce-076a-4d02-b683-4dd771c48cf2-derichebourg-multiservices.png" alt="Derichbourg multiservices" />
</a>
</div>
<div class="carousel-item col-12 col-sm-6 col-md-4 col-lg-3">
<a href="https://www.education.gouv.fr/">
<img src="/static/assets/partners/3---ministere-de-l27education-nationale.png" alt="Ministère de l'éducation nationale de la jeunesse et des sports" />
</a>
</div>
<div class="carousel-item col-12 col-sm-6 col-md-4 col-lg-3">
<a href="https://fondation-nexity.org/">
<img src="/static/assets/partners/nexity-fondation.jpg" alt="Fondation Nexity" />
</a>
</div>
<div class="carousel-item col-12 col-sm-6 col-md-4 col-lg-3">
<a href="https://www.cottonsociety.com/">
<img src="/static/assets/partners/cotton-soc.jpg" alt="Cotton Society" />
</a>
</div>
<div class="carousel-item col-12 col-sm-6 col-md-4 col-lg-3">
<a href="https://www.gouvernement.fr/les-priorites/france-relance">
<img src="/static/assets/partners/5-ter---france-relance.png" alt="France Relance" />
</a>
</div>
<div class="carousel-item col-12 col-sm-6 col-md-4 col-lg-3">
<a href="https://www.celio.com/fr-fr?gclsrc=aw.ds&gad_source=1&gclid=CjwKCAjwysipBhBXEiwApJOcu8H2WYlWooL1FGdnX0IXp3p_l1M_6sqzvGZdTF_Ff35PRd4QIyDTeBoCGroQAvD_BwE&gclsrc=aw.ds">
<img src="/static/assets/partners/celio.jpg" alt="Célio" />
</a>
</div>
<div class="carousel-item col-12 col-sm-6 col-md-4 col-lg-3">
<a href="https://www.laredoute.fr/#">
<img src="/static/assets/partners/la-redoute.jpg" alt="La Redoute" />
</a>
</div>
<div class="carousel-item col-12 col-sm-6 col-md-4 col-lg-3">
<a href="https://www.fr.adp.com/a-propos-adp.aspx">
<img src="/static/assets/partners/adplogo_1551961685116-hr.jpg" alt="ADP" />
</a>
</div>
<div class="carousel-item col-12 col-sm-6 col-md-4 col-lg-3">
<a href="https://balzac-paris.fr/">
<img src="/static/assets/partners/balzac-paris.jpg" alt="Balzac Paris" />
</a>
</div>
<div class="carousel-item col-12 col-sm-6 col-md-4 col-lg-3">
<a href="https://www.agence-bathyscaphe.fr">
<img src="/static/assets/partners/bathyscaphe.png" alt="BATHYSCAPHE" />
</a>
</div>
<div class="carousel-item col-12 col-sm-6 col-md-4 col-lg-3">
<a href="https://www.apels.org/">
<img src="/static/assets/partners/fbbbfcaa-9155-4522-814c-a4234b765b10-apels.png" alt="APELS - Agence pour l'éducation par le sport" />
</a>
</div>
<div class="carousel-item col-12 col-sm-6 col-md-4 col-lg-3">
<a href="https://www.matmut.fr/assurance/auto?at_medium=sl&at_campaign=249&at_platform=google&at_creation=PMAX&at_variant=&at_network=&at_term=&gad_source=1&gclid=Cj0KCQiA2KitBhCIARIsAPPMEhIXdM1NuMtkLCfpMh_IF-zRXc5SCs-1jf3ZtpQPBKkOlVL4VCoisTsaAhgVEALw_wcB">
<img src="/static/assets/partners/5348b65d-0430-4e3d-9cae-080fcd70241e-logo-matmut-2023.png" alt="Matmut " />
</a>
</div>
<div class="carousel-item col-12 col-sm-6 col-md-4 col-lg-3">
<a href="https://agence-cohesion-territoires.gouv.fr/tremplin-asso-610">
<img src="/static/assets/partners/2-ter---tremplin-asso.png" alt="Tremplin Asso" />
</a>
</div>
<div class="carousel-item col-12 col-sm-6 col-md-4 col-lg-3">
<a href="https://www.atigip-justice.fr/">
<img src="/static/assets/partners/logo_atigip.png" alt="ATIGIP " />
</a>
</div>
<div class="carousel-item col-12 col-sm-6 col-md-4 col-lg-3">
<a href="https://www.stef.com/">
<img src="/static/assets/partners/stef.png" alt="STEF" />
</a>
</div>
<div class="carousel-item col-12 col-sm-6 col-md-4 col-lg-3">
<a href="https://www.eres-group.com/fondation-eres/">
<img src="/static/assets/partners/eres-fondation.jpg" alt="Fondation ERES" />
</a>
</div>
<div class="carousel-item col-12 col-sm-6 col-md-4 col-lg-3">
<a href="https://www.se.com/ww/en/about-us/sustainability/foundation/">
<img src="/static/assets/partners/schneider-electric-fondation.jpg" alt="Fondation Schneider Electric" />
</a>
</div>
<div class="carousel-item col-12 col-sm-6 col-md-4 col-lg-3">
<a href="https://www.education.gouv.fr/">
<img src="/static/assets/partners/3-bis---l27agence-du-service-civique.jpg" alt="Agence du service civique" />
</a>
</div>
<div class="carousel-item col-12 col-sm-6 col-md-4 col-lg-3">
<a href="https://www.entourage.social/">
<img src="/static/assets/partners/entourage.png" alt="Entourage" />
</a>
</div>
<div class="carousel-item col-12 col-sm-6 col-md-4 col-lg-3">
<a href="https://www.lebonmarche.com/">
<img src="/static/assets/partners/lbm_logo1.png" alt="Le Bon Marché" />
</a>
</div>
<div class="carousel-item col-12 col-sm-6 col-md-4 col-lg-3">
<a href="https://www.safran-group.com/fr/groupe/engagements/fondations-mecenat">
<img src="/static/assets/partners/safran-fondation.png" alt="Fondation Safran" />
</a>
</div>
<div class="carousel-item col-12 col-sm-6 col-md-4 col-lg-3">
<a href="https://www.icade.fr/">
<img src="/static/assets/partners/icade_logo_2017.png" alt="ICADE" />
</a>
</div>
<div class="carousel-item col-12 col-sm-6 col-md-4 col-lg-3">
<a href="https://www.muto-event.com/">
<img src="/static/assets/partners/telechargement-28129.png" alt="Muto Event" />
</a>
</div>
<div class="carousel-item col-12 col-sm-6 col-md-4 col-lg-3">
<a href="https://fr.rosaeparis.com/?gclid=CjwKCAjwysipBhBXEiwApJOcu7HlAUL_fYwhTpHunaYUzFUKa1Pg5AMcUpO2t-qEpkXdXEjQEezZpBoChfMQAvD_BwE">
<img src="/static/assets/partners/logo-rosae-400-x-650-sans-mono.jpg" alt="Rosae Paris" />
</a>
</div>
<div class="carousel-item col-12 col-sm-6 col-md-4 col-lg-3">
<a href="http://www.lalsacien.com/">
<img src="/static/assets/partners/l27alsacien.png" alt="L'Alsacien" />
</a>
</div>
<div class="carousel-item col-12 col-sm-6 col-md-4 col-lg-3">
<a href="https://foundation.totalenergies.com/fr">
<img src="/static/assets/partners/total_foundation.jpg" alt="Fondation TotalEnergies" />
</a>
</div>
<div class="carousel-item col-12 col-sm-6 col-md-4 col-lg-3">
<a href="https://www.axione.com/">
<img src="/static/assets/partners/logoaxionejpg_61ae340ccc2f8.jpg" alt="axione" />
</a>
</div>
<div class="carousel-item col-12 col-sm-6 col-md-4 col-lg-3">
<a href="https://fr.fursac.com/fr">
<img src="/static/assets/partners/identity.png" alt="fursac" />
</a>
</div>
<div class="carousel-item col-12 col-sm-6 col-md-4 col-lg-3">
<a href="https://www.avise.org/avise-organisme-intermediaire-fse">
<img src="/static/assets/partners/1-ter---avise.jpg" alt="AVISE FSE" />
</a>
</div>
<div class="carousel-item col-12 col-sm-6 col-md-4 col-lg-3">
<a href="https://www.allianz.fr">
<img src="/static/assets/partners/allianz.png" alt="Allianz" />
</a>
</div>
<div class="carousel-item col-12 col-sm-6 col-md-4 col-lg-3">
<a href="https://www.fondation-orpea.fr/">
<img src="/static/assets/partners/orpea-fondation.png" alt="Fondation ORPEA" />
</a>
</div>
<div class="carousel-item col-12 col-sm-6 col-md-4 col-lg-3">
<a href="">
<img src="/static/assets/partners/banque-palatine-fondation.png" alt="Fondation Banque Palatine" />
</a>
</div>
<div class="carousel-item col-12 col-sm-6 col-md-4 col-lg-3">
<a href="https://www.sonepar.fr/fr-fr">
<img src="/static/assets/partners/46d833dc-b365-4d2c-8a53-9c6b6bd02fbf-sonepar_logo.svg.png" alt="Sonepar" />
</a>
</div>
<div class="carousel-item col-12 col-sm-6 col-md-4 col-lg-3">
<a href="https://www.arval.fr">
<img src="/static/assets/partners/arval.png" alt="Arval" />
</a>
</div>
<div class="carousel-item col-12 col-sm-6 col-md-4 col-lg-3">
<a href="https://fr.fursac.com/fr/">
<img src="/static/assets/partners/fursac.png" alt="Fursac" />
</a>
</div>
<div class="carousel-item col-12 col-sm-6 col-md-4 col-lg-3">
<a href="https://www.europe-en-france.gouv.fr/fr">
<img src="/static/assets/partners/1---l27europe-s27engage-en-france.jpeg" alt="L'Europe s'engage en France" />
</a>
</div>
<div class="carousel-item col-12 col-sm-6 col-md-4 col-lg-3">
<a href="https://www.alten.fr/alten-solidaire/">
<img src="/static/assets/partners/alten-logo.svg.png" alt="Alten" />
</a>
</div>
<div class="carousel-item col-12 col-sm-6 col-md-4 col-lg-3">
<a href="https://www.derichebourg-environnement.com/fr/accueil">
<img src="/static/assets/partners/logoderichenvir-rvb.jpg" alt="Derichebourg environnement" />
</a>
</div>
<div class="carousel-item col-12 col-sm-6 col-md-4 col-lg-3">
<a href="https://www.epsa.com/epsa-foundation/">
<img src="/static/assets/partners/epsa-foundation.jpg" alt="EPSA Foundation" />
</a>
</div>
<div class="carousel-item col-12 col-sm-6 col-md-4 col-lg-3">
<a href="https://www.albingia.fr">
<img src="/static/assets/partners/albingia.png" alt="Albingia" />
</a>
</div>
<div class="carousel-item col-12 col-sm-6 col-md-4 col-lg-3">
<a href="https://www.it-ce.fr/">
<img src="/static/assets/partners/it-ce.jpg" alt="IT-CE" />
</a>
</div>
<div class="carousel-item col-12 col-sm-6 col-md-4 col-lg-3">
<a href="https://www.rothschildandco.com/fr/">
<img src="/static/assets/partners/ro.png" alt="Rothschild & Co" />
</a>
</div>
<div class="carousel-item col-12 col-sm-6 col-md-4 col-lg-3">
<a href="https://www.immigration.interieur.gouv.fr/Accueil-et-accompagnement/Le-parcours-personnalise-d-integration-republicaine2">
<img src="/static/assets/partners/4-ter---le-parcours-d27integration-republicaine.jpg" alt="Le parcours d'intégration républicaine" />
</a>
</div>
<div class="carousel-item col-12 col-sm-6 col-md-4 col-lg-3">
<a href="https://fr.pieddebiche-paris.com/">
<img src="/static/assets/partners/pied-de-biche.jpg" alt="Pied de Biche" />
</a>
</div>
<div class="carousel-item col-12 col-sm-6 col-md-4 col-lg-3">
<a href="https://www.showroomprive.com/">
<img src="/static/assets/partners/showroom_prive.png" alt="Showroom Privé" />
</a>
</div>
<div class="carousel-item col-12 col-sm-6 col-md-4 col-lg-3">
<a href="https://www.devred.com">
<img src="/static/assets/partners/devred.jpg" alt="Devred" />
</a>
</div>
<div class="carousel-item col-12 col-sm-6 col-md-4 col-lg-3">
<a href="https://home.kpmg/fr/fr/home/about/fondation-d-entreprise-kpmg-france.html">
<img src="/static/assets/partners/kpmg-fondation.png" alt="Fondation KPMG" />
</a>
</div>
<div class="carousel-item col-12 col-sm-6 col-md-4 col-lg-3">
<a href="https://www.klesia.fr/">
<img src="/static/assets/partners/klesia.jpg" alt="Klesia" />
</a>
</div>
<div class="carousel-item col-12 col-sm-6 col-md-4 col-lg-3">
<a href="https://www.activaction.org/">
<img src="/static/assets/partners/activ27action.png" alt="Activ'Action" />
</a>
</div>
<div class="carousel-item col-12 col-sm-6 col-md-4 col-lg-3">
<a href="https://zadig-et-voltaire.com/eu/fr/">
<img src="/static/assets/partners/cs---zadig-voltaire---logo.413497f85e6668261e8783fd2b2bb73913e54ff4.jpg" alt="Zadig & Voltaire" />
</a>
</div>
<div class="carousel-item col-12 col-sm-6 col-md-4 col-lg-3">
<a href="https://www.corporate.bouyguestelecom.fr/nos-engagements/la-fondation-bouygues-telecom/">
<img src="/static/assets/partners/b42a4c8c-bc4b-4e9d-9e47-d807ef171eda-logo.png" alt="Bouygues" />
</a>
</div>
<div class="carousel-item col-12 col-sm-6 col-md-4 col-lg-3">
<a href="https://mirova-foundation.org/">
<img src="/static/assets/partners/mirova-foundation.png" alt="Mirova Foundation" />
</a>
</div>
<div class="carousel-item col-12 col-sm-6 col-md-4 col-lg-3">
<a href="https://www.fondationdefrance.org/fr/annuaire-des-fondations/fondation-ceetrus-pour-l-entrepreneur-social">
<img src="/static/assets/partners/fondation-ceetrus.jpg" alt="ceetrus" />
</a>
</div>
<div class="carousel-item col-12 col-sm-6 col-md-4 col-lg-3">
<a href="https://fondation.societegenerale.com/fr">
<img src="/static/assets/partners/22b21330-2107-4f9f-b308-23eab6437488-fondation-societe-generale.png" alt="Fondation Société Générale" />
</a>
</div>
<div class="carousel-item col-12 col-sm-6 col-md-4 col-lg-3">
<a href="https://www.covivio.eu/fr/">
<img src="/static/assets/partners/10447174-f423-442d-a1bb-4895a4e24b02-logo-covivio-png.png" alt="Covivio" />
</a>
</div>
<div class="carousel-item col-12 col-sm-6 col-md-4 col-lg-3">
<a href="https://despetitshauts.com/">
<img src="/static/assets/partners/telechargement.jfif" alt="Des petits hauts" />
</a>
</div>
<div class="carousel-item col-12 col-sm-6 col-md-4 col-lg-3">
<a href="https://www.mirova.com/fr/mirova-forward-fonds-dotation-impact">
<img src="/static/assets/partners/logo_classique_couleur_mirovaforward.png.png" alt="Mirova Forward" />
</a>
</div>
<div class="carousel-item col-12 col-sm-6 col-md-4 col-lg-3">
<a href="https://www.flichygrange.fr/">
<img src="/static/assets/partners/flichy-grange.png" alt="Flichy Grangé" />
</a>
</div>
<div class="carousel-item col-12 col-sm-6 col-md-4 col-lg-3">
<a href="https://www.brandsisters.com/">
<img src="/static/assets/partners/brandsisters-logo-black-final.png" alt="Brandsisters" />
</a>
</div>
<div class="carousel-item col-12 col-sm-6 col-md-4 col-lg-3">
<a href="https://alticefrance.com/">
<img src="/static/assets/partners/sfr-fondation.jpg" alt="Fondation SFR Altice" />
</a>
</div>
<div class="carousel-item col-12 col-sm-6 col-md-4 col-lg-3">
<a href="https://www.fondationcaritasfrance.org/">
<img src="/static/assets/partners/caritas-fondation.png" alt="Fondation Caritas" />
</a>
</div>
<div class="carousel-item col-12 col-sm-6 col-md-4 col-lg-3">
<a href="https://www.interieur.gouv.fr/">
<img src="/static/assets/partners/4---ministere-de-l27interieur.png" alt="Ministère de l'intérieur" />
</a>
</div>
<div class="carousel-item col-12 col-sm-6 col-md-4 col-lg-3">
<a href="https://solidarites-sante.gouv.fr/">
<img src="/static/assets/partners/5---ministere-des-solidarites-et-de-la-sante.png" alt="Ministère des solidarités et de la santé" />
</a>
</div>
<div class="carousel-item col-12 col-sm-6 col-md-4 col-lg-3">
<a href="https://jaiio.fr/">
<img src="/static/assets/partners/e5806d71-80e6-4928-983a-269877be177e-telechargement.png" alt="Jaiio" />
</a>
</div>
<div class="carousel-item col-12 col-sm-6 col-md-4 col-lg-3">
<a href="https://www.banque-france.fr">
<img src="/static/assets/partners/banque-de-france.jpg" alt="Banque de France" />
</a>
</div>
<div class="carousel-item col-12 col-sm-6 col-md-4 col-lg-3">
<a href="https://www.afpa.fr/">
<img src="/static/assets/partners/dbc98f96-f935-49cd-9e19-4289831a3d8c-afpa.png" alt="AFPA" />
</a>
</div>
<div class="carousel-item col-12 col-sm-6 col-md-4 col-lg-3">
<a href="https://www.pwc.fr/fr.html">
<img src="/static/assets/partners/cb5c65ee-3c40-442d-badb-573e5c36b959-pwc-logo-principal.jpg" alt="Pwc" />
</a>
</div>
<div class="carousel-item col-12 col-sm-6 col-md-4 col-lg-3">
<a href="https://breakpoverty.com">
<img src="/static/assets/partners/break-poverty.jpg" alt="Break Poverty Foundation" />
</a>
</div>
<div class="carousel-item col-12 col-sm-6 col-md-4 col-lg-3">
<a href="https://fondation-up.org/">
<img src="/static/assets/partners/2c3800a1-c099-4a95-9068-905116f78a72-up_l_fondation_g_rvb_170424.jpg" alt="Fondation Up" />
</a>
</div>
<div class="carousel-item col-12 col-sm-6 col-md-4 col-lg-3">
<a href="https://fondation.edf.com">
<img src="/static/assets/partners/edf-fondation-groupe.jpg" alt="Fondation Groupe EDF" />
</a>
</div>
<div class="carousel-item col-12 col-sm-6 col-md-4 col-lg-3">
<a href="https://fondationdefrance.org/fr">
<img src="/static/assets/partners/logo-fdf.png" alt="Fondation" />
</a>
</div>
<div class="carousel-item col-12 col-sm-6 col-md-4 col-lg-3">
<a href="https://emmaus-connect.org/">
<img src="/static/assets/partners/emmaus-connect.jpg" alt="Emmaüs Connect" />
</a>
</div>
</div>
<a class="carousel-control-prev" href="#carousel-partners" role="button" data-slide="prev">
<span class="icon-caret-left app-color-deepblue" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carousel-partners" role="button" data-slide="next">
<span class="icon-caret-right app-color-deepblue" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
<div class="d-flex align-items-center justify-content-center py-5">
<button class="know-more"><a href="/partenaires" target="_blank">en savoir plus</a></button>
</div>
</section>
</main>
<!-- Footer -->
<footer>
<v-footer></v-footer>
</footer>
<!-- End footer -->
<!-- Be helping -->
<div class="container-be-help">
<v-help></v-help>
</div>
<!-- End be helping -->
<!-- To top site -->
<div class="go-up" data-smooth="page-top" data-offset-y="-80" personal-style="false" data-arrow-color='false'>
<v-totop></v-totop>
</div>
<!-- End to top site -->
</div>
</body>
<script type="text/javascript">
/*
Cravate Solidaire
Vue Application instance.
Because vue-loader cannot be used in my session, everything is in this unique file.
*/
/*
╔═════════════════════════════════════════════╗
║ Vue component: powered-by-code-phenix ║
╚═════════════════════════════════════════════╝*/
vPoweredByCodePhenix = {
delimiters: ['[[', ']]'],
template: `
<cite class="powered-by-container position-absolute">
<a class="powered-by" href="https://codephenix.fr/entreprise" target="_blank">
Réalisation <CodePhenix>
</a>
</cite>
`,
data: function() {
return {
}
}
}; // end Vue component: powered-by-code-phenix
/*
╔═════════════════════════════════════════════╗
║ header ║
╚═════════════════════════════════════════════╝*/
vHeader = {
delimiters: ['[[', ']]'],
template: `
<!-- BEGIN navbar -->
<div class="container-fluid px-0 mt-0 p-0 d-flex align-items-center justify-content-center app-bocolor-white nav-container">
<nav class="navbar pt-0">
<div class="app-navmenu" id="app-nav-menu">
<ul v-once class="list-unstyled d-flex justify-content-center align-items-center">
<li v-for="nl in navLinks" class="nav-item">
<a class="nav-link pt-0 app-font-bold" v-bind:href="nl.href" name="item-index">
<div v-if="nl.picto" class="picto">
<div>
<img v-bind:class=nl.picto.class :src=nl.src :alt=nl.alt />
</div>
</div>
<span v-else>
[[ nl.text ]]
</span>
</a>
</li>
</ul>
</div>
</nav>
</div>
<!-- END navbar -->
`,
data: function () {
return {
navLinks : [
{text: 'NOS ACTIONS', picto: false, href: "/actions"},
{text: 'NOS ASSOCIATIONS LOCALES', picto: false, href: "/reseau"},
{text: '', picto: true, href: "/", src: "/static/assets/logos/logo-LCS-blanc.png", alt:'Logo blanc La cravate solidaire'},
{text: 'DEVENIR PARTENAIRE', picto: false, href: "/devenir-partenaire"},
{text: 'VERSER LA TAXE D\'APPRENTISSAGE', picto: false, href: "/taxe-apprentissage/"}
]
}
} // end data
}; // end vHeader
/*
╔═════════════════════════════════════════════╗
║ Burger Menu ║
╚═════════════════════════════════════════════╝*/
vBurger = {
delimiters: ['[[', ']]'],
template: `
<!-- BEGIN navbar -->
<div class="position-fixed burger-container">
<nav class="">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#burger-menu"
aria-controls="app-nav-menu" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon icon-burger"></span>
</button>
<div class="container-img">
<a href="/"><picture>
<source srcset="/static/assets/logos/logo-LCS-blanc.png" media="(max-width: 992px)">
<img src="/static/assets/logos/logo-LCS-blanc.png" alt="Logo cravate solidaire" class="w-100" />
</picture></a>
</div>
<div class="collapse navbar-collapse burger-menu" id="burger-menu">
<ul v-once class="navbar-nav justify-content-around nav-burger mt-lg-0">
<li v-for="nb in navBurger" class="nav-item" :class="nb.arrow" :style="nb.i">
<div v-if="nb.picto" class="picto">
<img v-bind:class=nb.picto.class>
</div>
<div v-if="nb.subNav" class="subNavItem">
<a class="nav-link app-font-bold" v-bind:href="nb.href" name="item-index">
<span>[[ nb.text ]]</span>
</a>
<div class="burger-item-container">
<div class="burger-item" v-for="nbSub in nb.subNav">
<a :href=nbSub.href>[[ nbSub.text ]]</a>
<div v-if="nbSub.contact">
<button v-bind:class=nbSub.class><a href="contat.html">Contact</a></button>
</div>
</div>
</div>
</div>
<div v-else>
<a class="nav-link app-font-bold" v-bind:href="nb.href" name="item-index">
<span>[[ nb.text ]]</span>
</a>
</div>
</li>
</ul>
</div>
</nav>
</div>
<!-- END navbar -->
`,
data: function () {
return {
navBurger : [
{text: 'QUI SOMMES-NOUS ?', arrow: 'arrow', picto: false, href: "/apropos", i: "--i:67%", subNav:
[{href:"/apropos#key-dates", text: 'NOS DATES CLEFS'},
{href:"/apropos#national-team", text: 'L\'ÉQUIPE NATIONALE'},
]
},
{text: 'NOS ACTIONS', arrow: 'arrow', picto: false, href: "/actions", i: "--i:85%", subNav:
[
{href:"/actions#headingBenef2", text: 'LES ATELIERS COUP DE POUCE'},
{href:"/actions#headingBenef3", text: 'LA CRAVATE SOLIDAIRE MOBILE'},
{href:"/actions#headingBenef4", text: 'LE MENTORAT - COUP DE MAIN'},
{href:"/actions#headingBenef5", text: 'LES ATELIERS COUP DE POUCE À LA MAISON'},
{href:"/actions#headingBenef85", text: 'LES ATELIERS COLLECTIFS'},
{href:"/actions#headingBenef94", text: 'LES ATELIERS SOCIO-ESTHETIQUE'},
{href:"/actions#headingBenef95", text: 'LES PARCOURS CONNECTES'},
]
},
{text: 'NOS ASSOCIATIONS LOCALES', arrow: 'arrow', picto: false, href: "/reseau" , i: "--i:70%", subNav:
[{href:"/reseau", text: 'LA CRAVATE SOLIDAIRE EN FRANCE / NOTRE RÉSEAU'},
{href:"/creer-antenne-locale", text: 'CRÉER UNE ASSOCIATION LOCALE'},
]
},
{text: 'DEVENIR PARTENAIRE', picto: false, href: "/devenir-partenaire" , i: "--i:78%"
},
{text: 'DEVENIR BÉNÉVOLE', picto: false, href: "/devenir-benevole", i: "--i:70%"},
{text: 'DONNER DES VÊTEMENTS', picto: false, href: "/don-vetements", i: "--i:70%"},
{text: 'ESPACE PRESSE', picto: false, href: "/presse", i: "--i:70%"},
{text: 'PUBLICATIONS', picto: false, href: "/publications", i: "--i:70%"},
{text: 'LA CRAVATE RECRUTE', arrow: 'arrow', picto: false, href: "/recrutement", i: "--i:80%", subNav:
[{href:"/recrutement#antennes", text: 'NOS ANNONCES EN FRANCE'},
{href:"/recrutement#widget-serviceCivique", text: 'SERVICES CIVIQUES'},
]
},
{text: 'NOS PARTENAIRES', picto: false, href: "/partenaires", i: "--i:70%"},
{text: 'ACTUALITÉS', picto: false, href: "/actualites", i: "--i:70%"},
{text: 'ÊTRE ACCOMPAGNÉ', picto: false, href: "/etre-accompagne", i: "--i:70%"},
{text: 'NOS FORMATIONS', picto: false, href: "/formation", i: "--i:70%"},
]
}
} // end data
}; // end vBurger
/*
╔═════════════════════════════════════════════╗
║ Vue component: footer ║
╚═════════════════════════════════════════════╝*/
vFooter = {
delimiters: ['[[', ']]'],
template:`
<div class="container mx-auto d-flex flex-column px-0">
<div class="row display-lg news-container align-items-start">
<div class="col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 d-flex flex-row align-items-center">
<p class="w-100 text-center">NOUS SUIVRE</p>
</div>
<!-- <div class="col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6 d-flex flex-column align-items-center"">
<p class="w-100 text-center newsletter-subscribe">S’INSCRIRE À NOTRE NEWSLETTER</p>
</div> -->
<div class="col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 d-flex flex-row align-items-center">
<div class="w-100">
<ul class="social-networks list-unstyled d-flex justify-content-around w-100 mb-0">
<li>
<a href="https://fr-fr.facebook.com/lacravatesolidaire/" target="_blank"><span class="icon-facebook"></span></a>
</li>
<li>
<a href="https://www.instagram.com/lacravatesolidaire" target="_blank"><span class="icon-instagram"></span></a>
</li>
<li>
<a href="https://twitter.com/lacravatesolidr" target="_blank"><span class="icon-twitter"></span></a>
</li>
<li>
<a href="https://www.linkedin.com/in/lacravatesolidaire/" target="_blank"><span class="icon-linkedin"></span></a>
</li>
</ul>
</div>
</div>
<!-- <div class="col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6 d-flex flex-row align-self-center justify-content-center">
<div class="w-100 row justify-content-around">
<form id="newsletter-form">
<input type="email" pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,4}$" name="newsletter" class="col-7">
<input type="submit" value="ENVOYER" class="col-4">
</form>
</div>
</div> -->
</div>
<hr />
<div class="reference-details">
<div class="address">
<p>[[address.street]],</p>
<span>[[address.zipcode]] [[address.city]]</span>
</div>
<div class="legal-informations">
<a href="#">Plan du site</a>
<br/>
<a href="/mentions-legales">Mentions légales</a>
<br/>
<a href="/static/assets/documents/CVG-Prestation_de_services_de_Formation.pdf" target="_blank">Conditions Générales de Vente</a>
<br/>
<a href="/static/assets/documents/Reglement_interieur.pdf" target="_blank">Règlement Intérieur</a>
</div>
</div>
<!-- ${vPoweredByCodePhenix.template} -->
</div>
`,
data : function() {
return {
footerInput : {
pattern: "[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,4}$"
},
address : {
street: " ",
city: "Paris",
zipcode: "75004"
},
phone : {
number: ""
}
}
}
}; // end vFooter
/*
╔═════════════════════════════════════════════╗
║ to-top ║
╚═════════════════════════════════════════════╝*/
vTotop = {
delimiters: ['[[', ']]'],
template: `
<span class="icon-sort-asc"></span>
`
};
/*
╔═════════════════════════════════════════════╗
║ v-help ║
╚═════════════════════════════════════════════╝*/
/*
Right side help button popping up text when hovered.
*/
vHelp = {
delimiters: ['[[', ']]'],
template:
`<div>
<span class="app-font-bold">ÊTRE AIDÉ</span>
<span class="tooltip">
Je suis en recherche active d'emploi et je souhaite rencontrer les bénévoles de la Cravate solidaire
<div>
<button class="button-help">
<a class="link-help" href="/etre-accompagne">Contact</a>
</button>
</div>
</span>
</div>
`
}; // end vHelp
/*
╔═════════════════════════════════════════════╗
║ v-media-col ║
╚═════════════════════════════════════════════╝*/
/*
Cell repeated in publication responsive 3 x 2 grid embedded in a Boostrap carousel.
*/
vPublicationsMediaCell = {
delimiters: ['[[', ']]'],
template: `
<div class="col-12 col-md-6 col-lg-4 px-2 pb-2">
<div class="card">
<div class="image-box">
<img alt="TODEFINE" src="/static/assets/pics/_placeholders/3000x2000.png">
</div>
</div>
<div class="card-footer px-0">
<div class="media-date">[[ randomDate ]]</div>
<h3>RAPPORT ANNUEL 2018</h3>
<div class="media-download text-right text-uppercase display-lg">
<a href="TODEFINE" download>
Consulter et télécharger
<span class="icon-caret-right app-color-pink" aria-hidden="true"></span>
</a>
</div>
<div class="media-download align-items-start text-uppercase hide-lg color-textboxes">
<div class="deepblue-textbox">
<a href="TODEFINE" download class="d-flex align-items-center">
Consulter et télécharger
</a>
</div>
</div>
</div>
</div>
`,
data : function() {
return {
randomDate : this.getRandomDate()
}
},
methods : {
getRandomDate() {
let
d = Math.round(Math.random()*31 + 1),
m = Math.round(Math.random()*12 + 1),
yyyy = Math.round(Math.random()* 3 + 2018),
dd = d < 10 ? '0' + d : '' + d,
mm = m < 10 ? '0' + m : '' + m
;
return '' + dd + '/' + mm + '/' + yyyy;
}
}
}; // end vPublicationsMediaCell
/*
╔═════════════════════════════════════════════╗
║ Vue application ║
╚═════════════════════════════════════════════╝
*/
vm = new Vue({
el: '#app',
delimiters: ['[[', ']]'],
data : {
appSiteUrl : 'lacravatesolidaire.org',
appElNode : document.querySelector('div#app'),
sketchesPath : "/static/assets/pics/sketches/",
aboutKeyDatesSketchFileNames : [
'Groupe de masques 15.png',
'Groupe de masques 19.png',
'Groupe de masques 21.png',
'Groupe de masques 23.png',
'Groupe de masques 25.png',
'NOTRE IMPACT_2000.png',
'NOTRE IMPACT_300.png',
'NOTRE IMPACT_70.png',
],
},
components: {
vPoweredByCodePhenix,
vBurger,
vHeader,
vFooter,
vHelp,
vTotop,
vPublicationsMediaCell
},
methods : {}
}); // end Vue instance
/*
╔═════════════════════════════════════════════╗
║ Js ║
╚═════════════════════════════════════════════╝
*/
// (function () {
let
containerHelp = document.querySelector('.container-be-help'),
navbar = document.querySelector('.navbar'),
burgerContainer = document.querySelector('#burger-menu'),
navItems = document.querySelectorAll('#burger-menu .nav-item.arrow a'),
burgerItems = document.querySelectorAll('#burger-menu .nav-item.arrow .burger-item a'),
pictoNav = document.querySelector('.picto'),
burger = document.querySelector('.navbar-toggler'),
main = document.querySelector('main'),
app = document.querySelector('#app'),
filter = document.createElement('div')
;
function initStyle() {
window.addEventListener('wheel', _ => {
if (document.documentElement.scrollTop < 15) {
pictoNav.style.height = "200px";
pictoNav.firstElementChild.style.width = "65%";
pictoNav.style.paddingTop = "3em";
}
if (document.documentElement.scrollTop > 50) {
pictoNav.style.height = `${navbar.offsetHeight}px`;
pictoNav.firstElementChild.style.width = "50%";
pictoNav.style.paddingTop = "1.5em";
}
});
// Ajout d'un filtre à l'ouverture du burger
burger.addEventListener('click', function() {
filter.classList.add('filtre')
document.body.appendChild(filter);
filter.style.animation = "opacify 1s linear both";
if (this.getAttribute('aria-expanded') == "true") {
filter.style.animation = "opacify 1s reverse both";
setTimeout(_ => {
document.body.removeChild(filter);
}, 800)
}
});
// Fermeture du burger lors du clic sur le modal
filter.addEventListener('click', function() {
if (burger.getAttribute('aria-expanded') == "true") {
burger.setAttribute('aria-expanded', 'false');
burgerContainer.classList.remove('show');
document.body.removeChild(filter);
}
})
// Ouverture des éléments nav-items
navItems.forEach(navItem => {
navItem.addEventListener('click', function(e) {
// Blocage de l'évènement par défaut du lien
if (this.classList.contains('nav-link')) {
e.preventDefault();
}
burgerContainer.style.overflowX = "hidden";
let HeightBurgerContainer = getComputedStyle(burgerContainer, "height");
// Vérification de la présence de la classe 'appear' et retrait
// si déjà présente
for (let i = 0; i < navItems.length; i++) {
if (navItems[i].parentNode.parentNode.classList.contains('appear')
&& navItems[i] != this) {
navItems[i].parentNode.parentNode.classList.remove('appear');
}
}
// Ajout de la classe 'appear' pour ouverture de la liste des liens
this.parentNode.parentNode.classList.toggle('appear');
// Vérification de la hauteur de l'écran et si celle-ci est trop courte
// application d'un scroll
if (window.innerHeight <= Number(HeightBurgerContainer.getPropertyValue('height').split('px').join('')) / .95) {
burgerContainer.style.overflowY = "scroll";
}
else burgerContainer.style.overflowY = "hidden";
// return true;
})
burgerItems.forEach(burgerItem => {
burgerItem.addEventListener('click', function() {
if (navItem.parentNode.parentNode.classList.contains('appear')) {
// Fermeture de la liste
navItem.parentNode.parentNode.classList.remove('appear');
// Fermeture du burger
burgerContainer.classList.remove('show');
burger.classList.add('collapsed');
burger.setAttribute('aria-expanded', 'false');
// Retrait du filtre
if (document.body.contains(filter)) {
document.body.removeChild(filter);
}
}
})
})
});
}
initStyle();
</script>
<script type="text/javascript">
function handleFormNewsletter (event) {
/*
Handle email input.
*/
event.preventDefault();
var post_url = "/newsletter"; //get form action url
var request_method = "POST"; //get form GET/POST method
// var form_data = $(this).serialize(); //Encode form elements for submission
//Ajax post data to server
var form_id = this.id
var formElement = this
var form_data = new FormData(this)
$.ajax({
url: post_url,
type: request_method,
dataType: 'json',
data: form_data,
processData: false,
contentType: false,
success: function(data) {
if (data == 'success' && form_id == "newsletter-form") {
// footer success
var successMessage = document.createElement('div')
successMessage.innerHTML = "Merci pour votre inscription !"
successMessage.style.textAlign = "center"
formElement.parentElement.appendChild(successMessage)
formElement.style.display = 'none'
}
else if (data != 'success' && form_id == "newsletter-form") {
// footer failure
var failureMessage = document.createElement('div')
failureMessage.innerHTML = "Il semble qu'il y ait un problème de notre côté. Nous vous prions de nous excuser."
failureMessage.style.textAlign = "center"
failureMessage.style.color = "#1f2346"
formElement.parentElement.appendChild(failureMessage)
formElement.style.display = 'none'
}
else if (data == 'success' && form_id == "nl-form") {
// main form success
var successMessage = document.createElement('div')
successMessage.innerHTML = "Merci pour votre inscription !"
successMessage.style.fontFamily = "Montserrat Bold"
formElement.parentElement.appendChild(successMessage)
formElement.style.display = 'none'
}
else if (data != 'success' && form_id == "nl-form") {
// main form failure
var failureMessage = document.createElement('div')
failureMessage.innerHTML = "Il semble qu'il y ait un problème de notre côté. Nous vous prions de nous excuser."
failureMessage.style.fontFamily = "Montserrat Bold"
failureMessage.style.color = "#e71d73"
formElement.parentElement.appendChild(failureMessage)
formElement.style.display = 'none'
}
else {
console.log(data)
}
},
error: function(code_html, status, error) {
// let trigger_info = document.querySelector('#press-form .message');
// btn_newsletter.classList.add('btn-invalid');
// trigger_info.innerText = "Une erreur est survenue lors de l'envoi de votre message. Merci de réessayer ultérieurement.";
// trigger_info.style.color = 'firebrick';
}
});
this.reset();
}
/*let formNL = document.querySelector('#newsletter-form');
formNL.addEventListener('submit', handleFormNewsletter); */
</script>
<script type="text/javascript" src="/static/includes/js/rgpd.js"></script>
<script>
let cookies = getCookie("rgpd")
//console.log('rgpd='+cookies)
if (cookies == null) {
// setCookie("rgpd", "non", 1)
// Affiche message
RGPD.init();
document.getElementById("rgpd").style.display="block"
document.getElementById("ok").addEventListener('click', ok)
document.getElementById("notok").addEventListener('click', notOk)
}
function ok() {
setCookie("rgpd", "oui", 1)
// console.log(getCookie("rgpd"))
_paq.push(['rememberCookieConsentGiven']);
gtag('consent', 'update', {
'ad_storage': 'granted',
'analytics_storage': 'granted'
});
document.getElementById("rgpd").style.display="none"
}
function notOk() {
setCookie('rgpd', 'non', 1);
_paq.push(['forgetCookieConsentGiven']);
gtag('consent', 'update', {
'ad_storage': 'denied',
'analytics_storage': 'denied'
});
document.getElementById("rgpd").style.display="none"
}
function setCookie(cname, cvalue, exdays) {
var d = new Date()
d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000))
var expires = "expires="+d.toUTCString()
document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/"
}
function getCookie(cname) {
var name = cname + "=";
var decodedCookie = decodeURIComponent(document.cookie);
var ca = decodedCookie.split(';');
for(var i = 0; i <ca.length; i++) {
var c = ca[i];
while (c.charAt(0) == ' ') {
c = c.substring(1);
}
if (c.indexOf(name) == 0) {
return c.substring(name.length, c.length);
}
}
return null
}
// Use as onclick eventhandler to submit the form only once on double click
function disableAndSubmit(event) {
this.disabled = true;
if (this.form) {
this.form.submit();
}
}
(function() {
buttons = document.querySelectorAll("button.disable-on-submit");
buttons.forEach(button => button.addEventListener("click", disableAndSubmit));
})();
</script>
<script src="/static/includes/js/carousel-partners.js" defer></script>
<!--<script type="text/javascript">
let formNewsletter = document.querySelector('#nl-form');
formNewsletter.addEventListener('submit', handleFormNewsletter);
</script>-->
</html>
