diff --git a/back/extensions/documentation/documentation/1.0.0/full_documentation.json b/back/extensions/documentation/documentation/1.0.0/full_documentation.json
index 137ce3df..8c864e5e 100644
--- a/back/extensions/documentation/documentation/1.0.0/full_documentation.json
+++ b/back/extensions/documentation/documentation/1.0.0/full_documentation.json
@@ -14,7 +14,7 @@
       "name": "Apache 2.0",
       "url": "https://www.apache.org/licenses/LICENSE-2.0.html"
     },
-    "x-generation-date": "02/06/2024 10:37:22 AM"
+    "x-generation-date": "02/07/2024 10:13:36 AM"
   },
   "x-strapi-config": {
     "path": "/documentation",
diff --git a/web/components/Campaign/CampaignHelper.tsx b/web/components/Campaign/CampaignHelper.tsx
new file mode 100644
index 00000000..d64ea309
--- /dev/null
+++ b/web/components/Campaign/CampaignHelper.tsx
@@ -0,0 +1,35 @@
+import { HStack, Text, Flex, Button, StackProps } from '@chakra-ui/react'
+import { useTranslation } from 'next-i18next'
+import { ActiveCampaign } from '~components/Campaign/CampaignContext'
+
+const CampaignHelper = ({
+  campaign,
+  ...props
+}: { campaign?: ActiveCampaign } & StackProps) => {
+  const { t } = useTranslation('common')
+
+  return (
+    <HStack
+      backgroundColor={campaign ? 'campaign.light' : 'blue.200'}
+      borderRadius="sm"
+      paddingX={8}
+      paddingY={2}
+      marginBottom={4}
+      {...props}
+    >
+      <Text flex={4}>
+        <Text as="span" fontWeight="bold" marginRight={1}>
+          {campaign ? campaign?.title : t('solidarity.helper_title')}
+        </Text>
+        {campaign ? campaign.description : t('solidarity.helper')}
+      </Text>
+      <Flex flex={1} justifyContent="flex-end">
+        <Button variant={campaign ? 'campaign' : 'blueFill'}>
+          {t('show')}
+        </Button>
+      </Flex>
+    </HStack>
+  )
+}
+
+export default CampaignHelper
diff --git a/web/components/Campaign/CampaignProvider.tsx b/web/components/Campaign/CampaignProvider.tsx
index 9545208c..e54e93a7 100644
--- a/web/components/Campaign/CampaignProvider.tsx
+++ b/web/components/Campaign/CampaignProvider.tsx
@@ -22,7 +22,8 @@ const CampaignProvider = ({ children }: ICampaignProvider) => {
   useEffect(() => {
     if (Boolean(campaigns?.length)) {
       const activeCampaigns = campaigns?.map((campaign) => {
-        const mode = getCampaignMode(campaign)
+        // const mode = getCampaignMode(campaign)
+        const mode = 'applications'
         const limitDate = getLimitDate(campaign, mode)
         return { ...campaign, mode, limitDate }
       })
diff --git a/web/components/Campaign/HomeInsert/HomeCampaignInsert.tsx b/web/components/Campaign/HomeInsert/HomeCampaignInsert.tsx
index 3e1a3c34..9fc866e6 100644
--- a/web/components/Campaign/HomeInsert/HomeCampaignInsert.tsx
+++ b/web/components/Campaign/HomeInsert/HomeCampaignInsert.tsx
@@ -1,9 +1,10 @@
-import { VStack, Text, Tag, Box, Button, Stack } from '@chakra-ui/react'
+import { VStack, Text, Box, Button, Stack } from '@chakra-ui/react'
 import Hands from 'public/assets/img/hands-outline.svg'
 import theme from '~theme'
 import { useTranslation } from 'next-i18next'
 import { ROUTE_ACCOUNT_PLACES, ROUTE_PLACES } from '~constants'
 import { CampaignMode } from '~components/Campaign/CampaignContext'
+import Tag from '~components/Tag'
 
 const HomeCampaignInsert = ({
   mode,
@@ -28,7 +29,7 @@ const HomeCampaignInsert = ({
       height="100%"
     >
       <VStack alignItems="flex-start" spacing={4}>
-        <Tag variant="campaign">{t('campaign.tag', { title })}</Tag>
+        <Tag status="campaign">{title}</Tag>
         <Stack
           paddingLeft={4}
           alignItems="flex-start"
diff --git a/web/components/Home/HomePlaces.tsx b/web/components/Home/HomePlaces.tsx
index 1be2fa3a..46a341fb 100644
--- a/web/components/Home/HomePlaces.tsx
+++ b/web/components/Home/HomePlaces.tsx
@@ -6,7 +6,6 @@ import {
   Button,
   useBreakpointValue,
   HStack,
-  Tag,
 } from '@chakra-ui/react'
 import { useTranslation } from 'next-i18next'
 import Arrow from 'public/assets/img/arrow-bottom.svg'
@@ -16,6 +15,8 @@ import { ActiveCampaign } from '~components/Campaign/CampaignContext'
 import { format } from '~utils/date'
 import Link from '~components/Link'
 import { ROUTE_PLACES } from '~constants'
+import CampaignHelper from '~components/Campaign/CampaignHelper'
+import Tag from '~components/Tag'
 
 interface Props {
   campaign?: ActiveCampaign
@@ -29,11 +30,21 @@ const HomePlaces = ({ campaign }: Props) => {
     lg: true,
   })
   const { t } = useTranslation('home')
-  const { data: places } = usePlaces({
-    published_eq: true,
-    _limit: 20,
-    _sort: 'dispoAsc',
-  })
+  const { t: tCommon } = useTranslation('common')
+  const filters = campaign
+    ? {
+        'disponibilities.campaign': campaign?.id,
+      }
+    : {}
+  const { data: places } = usePlaces(
+    {
+      published_eq: true,
+      _limit: 20,
+      _sort: 'dispoAsc',
+      ...filters,
+    },
+    campaign && 'campaignPlaces',
+  )
 
   if (!places || places.length === 0) return null
 
@@ -44,38 +55,18 @@ const HomePlaces = ({ campaign }: Props) => {
           <Arrow />
         </Box>
         <Text textStyle="h2" mb={4} pl={3} lineHeight={1}>
-          {campaign
-            ? t('places.campaign.title', { title: campaign?.title })
-            : t('places.title')}
+          {campaign ? campaign?.title : t('places.title')}
         </Text>
         {campaign && (
-          <Tag variant="campaign">
-            {t('places.campaign.tag', {
+          <Tag status="campaign">
+            {tCommon('campaign.open', {
               date: format(new Date(campaign?.limitDate), 'd MMMM yyyy'),
             })}
           </Tag>
         )}
       </HStack>
 
-      <HStack
-        backgroundColor={campaign ? 'campaign.light' : 'blue.200'}
-        borderRadius="sm"
-        paddingX={8}
-        paddingY={2}
-        marginBottom={4}
-      >
-        <Text flex={4}>
-          <Text as="span" fontWeight="bold" marginRight={1}>
-            {campaign ? campaign?.title : t('places.solidarity.helper_title')}
-          </Text>
-          {campaign ? campaign.description : t('places.solidarity.helper')}
-        </Text>
-        <Flex flex={1} justifyContent="flex-end">
-          <Button variant={campaign ? 'campaign' : 'blueFill'}>
-            {t('places.show')}
-          </Button>
-        </Flex>
-      </HStack>
+      <CampaignHelper campaign={campaign} />
 
       <PlaceGrid places={places.slice(0, isLgOrSm ? 4 : 3)} />
       <Flex justifyContent="center" pt={10} pb={{ base: 6, md: 0 }}>
@@ -89,7 +80,9 @@ const HomePlaces = ({ campaign }: Props) => {
             color={'campaign.dark'}
             _hover={{ bg: 'campaign.light', textDecor: 'none' }}
           >
-            {t('places.campaign.cta', { title: campaign?.title })}
+            {t('places.campaign.cta', {
+              title: campaign?.title.toLowerCase(),
+            })}
           </Button>
         ) : (
           <Button
diff --git a/web/components/Home/HomeSearch.tsx b/web/components/Home/HomeSearch.tsx
index 9514849e..d16197aa 100644
--- a/web/components/Home/HomeSearch.tsx
+++ b/web/components/Home/HomeSearch.tsx
@@ -6,7 +6,6 @@ import {
   Divider,
   useTheme,
   useBreakpointValue,
-  Tag,
   VStack,
   Stack,
   HStack,
@@ -21,11 +20,13 @@ import { formatSearchToQuery } from '~utils/search'
 import { useTranslation } from 'next-i18next'
 import { useForm } from 'react-hook-form'
 import { useRouter } from 'next/router'
+import Tag from '~components/Tag'
 
 const HomeSearch = ({ hasActiveCampaign }: { hasActiveCampaign?: boolean }) => {
   const isMobile = useBreakpointValue({ base: true, md: false })
   const { control, handleSubmit } = useForm()
   const { t } = useTranslation('home')
+  const { t: tCommon } = useTranslation('common')
   const theme = useTheme()
   const router = useRouter()
 
@@ -50,7 +51,7 @@ const HomeSearch = ({ hasActiveCampaign }: { hasActiveCampaign?: boolean }) => {
     >
       {hasActiveCampaign && (
         <Box>
-          <Tag variant="blue">{t('solidarity.tag')}</Tag>
+          <Tag status="solidarity">{tCommon('solidarity.tag')}</Tag>
         </Box>
       )}
       <Box width="100%">
diff --git a/web/components/MobileMenu.tsx b/web/components/MobileMenu.tsx
index 9723d085..1593932a 100644
--- a/web/components/MobileMenu.tsx
+++ b/web/components/MobileMenu.tsx
@@ -30,6 +30,7 @@ import { useRouter } from 'next/router'
 import { useCurrentUser } from '~hooks/useCurrentUser'
 import Squares from 'public/assets/img/squares.svg'
 import AuthenticatedMenu from '~components/AuthenticatedMenu'
+import useCampaignContext from '~components/Campaign/useCampaignContext'
 
 const MenuItem = ({ href, text }) => {
   const router = useRouter()
@@ -42,7 +43,9 @@ const MenuItem = ({ href, text }) => {
       lineHeight="1.2"
       borderBottom="1px solid"
       borderBottomColor={
-        router.pathname === href ? 'orange.500' : 'transparent'
+        router.pathname === href || router?.asPath === href
+          ? 'orange.500'
+          : 'transparent'
       }
       _hover={{
         borderColor: 'orange.500',
@@ -62,6 +65,7 @@ const MobileMenu = ({ colorMode }: Props) => {
   const { t } = useTranslation('common')
   const { data: user } = useCurrentUser()
   const router = useRouter()
+  const { currentCampaign } = useCampaignContext()
 
   useEffect(() => {
     if (isOpen) {
@@ -102,7 +106,21 @@ const MobileMenu = ({ colorMode }: Props) => {
               flexDirection="column"
               py={6}
             >
-              <MenuItem href={ROUTE_PLACES} text={t('nav.places')} />
+              {currentCampaign?.mode === 'applications' ? (
+                <>
+                  <MenuItem
+                    href={`${ROUTE_PLACES}?tab=0`}
+                    text={t('nav.places_regular')}
+                  />
+                  <MenuItem
+                    href={`${ROUTE_PLACES}?tab=1`}
+                    text={t('nav.places_emergence')}
+                  />
+                </>
+              ) : (
+                <MenuItem href={ROUTE_PLACES} text={t('nav.places')} />
+              )}
+
               <MenuItem href={ROUTE_PROJECT} text={t('nav.project')} />
               <MenuItem href={ROUTE_ACTU} text={t('nav.news')} />
               <MenuItem href={ROUTE_FAQ} text={t('nav.faq')} />
diff --git a/web/components/Navigation/Header.tsx b/web/components/Navigation/Header.tsx
index 6dac9824..c6ed100f 100644
--- a/web/components/Navigation/Header.tsx
+++ b/web/components/Navigation/Header.tsx
@@ -76,13 +76,20 @@ const Header = ({ colorMode }: Props) => {
         >
           {currentCampaign?.mode === 'applications' ? (
             <Menu>
-              <MenuButton>{t('nav.places')}</MenuButton>
+              <MenuButton
+                display={{
+                  base: 'none',
+                  lg: 'block',
+                }}
+              >
+                {t('nav.places')}
+              </MenuButton>
               <Portal>
                 <MenuList rootProps={{ zIndex: 100 }}>
-                  <DropdownNavButton href={ROUTE_PLACES}>
+                  <DropdownNavButton href={`${ROUTE_PLACES}?tab=0`}>
                     {t('nav.places_regular')}
                   </DropdownNavButton>
-                  <DropdownNavButton href={ROUTE_PLACES}>
+                  <DropdownNavButton href={`${ROUTE_PLACES}?tab=1`}>
                     {t('nav.places_emergence')}
                   </DropdownNavButton>
                 </MenuList>
diff --git a/web/components/Place/PlaceGridCard.tsx b/web/components/Place/PlaceGridCard.tsx
index c1a1853d..8b39b61d 100644
--- a/web/components/Place/PlaceGridCard.tsx
+++ b/web/components/Place/PlaceGridCard.tsx
@@ -19,6 +19,7 @@ import { SearchQuery } from '~utils/search'
 import useDispoInRange from '~hooks/useDispoInRange'
 import useNbDispoPerWeek from '~hooks/useNbDispoPerWeek'
 import addWeeks from 'date-fns/addWeeks'
+import useCampaignContext from '~components/Campaign/useCampaignContext'
 
 interface Props {
   place: Espace
@@ -26,7 +27,9 @@ interface Props {
 }
 
 const PlaceGridCard = ({ place, searchParams }: Props) => {
+  const { currentCampaign } = useCampaignContext()
   const { t } = useTranslation('place')
+  const { t: tCommon } = useTranslation('common')
 
   const disposInRange = useDispoInRange(
     place?.disponibilities,
@@ -43,6 +46,13 @@ const PlaceGridCard = ({ place, searchParams }: Props) => {
     disposInRange || place?.disponibilities,
   )
 
+  const isCampaignPlace =
+    currentCampaign &&
+    place?.disponibilities?.some(
+      //@ts-expect-error
+      (d) => d?.campaign === currentCampaign?.id,
+    )
+
   return (
     <LinkBox>
       <LinkOverlay
@@ -60,6 +70,13 @@ const PlaceGridCard = ({ place, searchParams }: Props) => {
           h="100%"
           id={`place-${place.id}`}
         >
+          {isCampaignPlace && (
+            <Tag status="campaign">
+              {tCommon('campaign.partner', {
+                title: currentCampaign?.title,
+              })}
+            </Tag>
+          )}
           <AspectRatio
             w="100%"
             maxH="250px"
diff --git a/web/components/Place/PlaceSearch.tsx b/web/components/Place/PlaceSearch.tsx
index ae84e60f..face93a9 100644
--- a/web/components/Place/PlaceSearch.tsx
+++ b/web/components/Place/PlaceSearch.tsx
@@ -19,6 +19,7 @@ import Pin from 'public/assets/img/pin-outline.svg'
 import { useTranslation } from 'next-i18next'
 import { useFormContext } from 'react-hook-form'
 import { SurfaceOptions, HeightOptions } from '~utils/search'
+import useCampaignContext from '~components/Campaign/useCampaignContext'
 
 const selectProps = {
   variant: 'unstyled',
@@ -26,7 +27,13 @@ const selectProps = {
   pl: 3,
 }
 
-const PlaceSearch = ({ onSubmit }) => {
+const PlaceSearch = ({
+  onSubmit,
+  isCampaignTab,
+}: {
+  onSubmit: any
+  isCampaignTab?: boolean
+}) => {
   const theme = useTheme()
   const [isLoading, setLoading] = useState(false)
   const [hasMoreFilters, setMoreFilter] = useState(false)
@@ -34,19 +41,21 @@ const PlaceSearch = ({ onSubmit }) => {
   const form = useFormContext()
   const isMobile = useBreakpointValue({ base: true, lg: false })
   const city = form.watch('city')
+  const { currentCampaign } = useCampaignContext()
 
   return (
     <form onSubmit={form.handleSubmit(onSubmit)}>
       <Flex
-        bgColor="blue.100"
+        bgColor={isCampaignTab ? 'campaign.light' : 'blue.100'}
         px={{ base: 3, md: 5 }}
         py={{ base: 4, md: 6 }}
         borderRadius="md"
+        borderTopLeftRadius={currentCampaign ? 0 : 'md'}
         position="relative"
         zIndex={100}
         mb={{ base: 0, sm: 10 }}
-        mt={6}
         direction="column"
+        mt={currentCampaign ? 0 : 6}
       >
         <SimpleGrid columns={{ base: 1, md: 2, lg: 4 }} rowGap={0} w="100%">
           <Flex
@@ -261,8 +270,8 @@ const PlaceSearch = ({ onSubmit }) => {
             </Button>
             <Button
               type="submit"
-              colorScheme="blue"
               size="lg"
+              variant={isCampaignTab ? 'campaign' : 'blueFill'}
               // isDisabled={isDisabled}
               isLoading={isLoading}
             >
diff --git a/web/components/Place/PlacesPage.tsx b/web/components/Place/PlacesPage.tsx
new file mode 100644
index 00000000..f79433c5
--- /dev/null
+++ b/web/components/Place/PlacesPage.tsx
@@ -0,0 +1,242 @@
+import React, { useRef, useState, useMemo, useEffect } from 'react'
+import {
+  Container,
+  Flex,
+  Select,
+  Button,
+  Text,
+  ButtonGroup,
+  useBreakpointValue,
+  Stack,
+  Box,
+} from '@chakra-ui/react'
+import PlaceSearch from '~components/Place/PlaceSearch'
+import { useInfinitePlaces } from '~hooks/useInfinitePlaces'
+import { useScrollBottom } from '~hooks/useScrollBottom'
+import PlaceGrid from '~components/Place/PlaceGrid'
+import PlaceList from '~components/Place/PlaceList'
+import { formatSearch } from '~utils/search'
+import Arrow from 'public/assets/img/arrow-bottom.svg'
+import { useTranslation } from 'next-i18next'
+import { FormProvider, useForm } from 'react-hook-form'
+import { SortOptions } from '~utils/search'
+import { useQueryClient } from 'react-query'
+import NoResult from '~components/Place/NoResult'
+import MobileMap from '~components/Place/MobileMap'
+import { useRouter } from 'next/router'
+import { NextSeo } from 'next-seo'
+import { formatSearchToQuery } from '~utils/search'
+import { ROUTE_PLACES } from '~constants'
+import useCampaignContext from '~components/Campaign/useCampaignContext'
+import CampaignHelper from '~components/Campaign/CampaignHelper'
+
+const styleSelected = {
+  color: 'blue.500',
+  borderBottomColor: 'blue.500',
+}
+
+const PlacesPage = ({ isCampaignTab }: { isCampaignTab?: boolean }) => {
+  const { currentCampaign } = useCampaignContext()
+  const initialFilters =
+    currentCampaign && isCampaignTab
+      ? {
+          'disponibilities.campaign': currentCampaign?.id,
+        }
+      : {}
+  const router = useRouter()
+  const isMobile = useBreakpointValue({ base: true, md: false })
+  const { t } = useTranslation('place')
+  const ref = useRef(null)
+  const [isGridView, setGridView] = useState<boolean>(true)
+  const form = useForm<any>({
+    defaultValues: {
+      perimeter: 15,
+      ...router.query,
+    },
+  })
+
+  const [searchParams, setSearchParams] = useState<any>(initialFilters)
+
+  useEffect(() => {
+    setSearchParams({ ...initialFilters, ...formatSearch(router.query) })
+  }, [])
+  const queryClient = useQueryClient()
+
+  const {
+    data: places,
+    isLoading,
+    fetchNextPage,
+    hasNextPage,
+    isFetching,
+  } = useInfinitePlaces(
+    {
+      _limit: isGridView ? 12 : 6,
+      ...searchParams,
+    },
+    isCampaignTab ? 'campaignPlaces' : 'solidarityPlaces',
+  )
+  const nbPlaces = useMemo(() => places?.pages?.flat().length, [places?.pages])
+  const isPlural = useMemo(() => nbPlaces > 1, [nbPlaces])
+
+  useEffect(() => {
+    if (isMobile) setGridView(true)
+  }, [isMobile])
+
+  useScrollBottom(
+    ref,
+    () => {
+      if (hasNextPage && !isFetching) {
+        fetchNextPage()
+      }
+    },
+    isGridView,
+  )
+
+  const onSubmit = (data) => {
+    let forceSort
+    if (
+      !searchParams['disponibilities.start_gte'] &&
+      Boolean(data?.startDate)
+    ) {
+      forceSort = true
+      form.setValue('sortBy', 'nbDispoDesc')
+    }
+    const newSearch = formatSearch(data, forceSort)
+
+    setSearchParams(newSearch)
+
+    router.push({
+      pathname: ROUTE_PLACES,
+      query: formatSearchToQuery(data),
+    })
+  }
+
+  return (
+    <Container px={0}>
+      <NextSeo title={t('common:title.places')} />
+      <FormProvider {...form}>
+        {currentCampaign && isCampaignTab ? (
+          <Stack direction={{ base: 'column', xl: 'row' }} spacing={4}>
+            <Box flex={1}>
+              <CampaignHelper
+                campaign={currentCampaign}
+                paddingTop={8}
+                borderTopRadius={0}
+                marginBottom={0}
+              />
+            </Box>
+            <Box flex={1}>
+              <PlaceSearch onSubmit={onSubmit} isCampaignTab={isCampaignTab} />
+            </Box>
+          </Stack>
+        ) : (
+          <Box>
+            <PlaceSearch onSubmit={onSubmit} />
+          </Box>
+        )}
+        {!isLoading && !isFetching && places?.pages?.flat().length === 0 ? (
+          <NoResult />
+        ) : (
+          <>
+            <MobileMap places={places?.pages?.flat()} />
+            <Flex justifyContent="space-between" pb={4} alignItems="center">
+              <Flex alignItems="center">
+                {nbPlaces > 0 && (
+                  <>
+                    <Arrow />
+                    <Text textStyle="h2" pl={4}>
+                      {t(
+                        `search.${
+                          Object.keys(router.query).filter(
+                            (k) => k !== 'sortBy',
+                          ).length > 0
+                            ? 'nbPlacesWithDispo'
+                            : 'nbPlace'
+                        }${isPlural ? 's' : ''}`,
+                        {
+                          nb: nbPlaces,
+                        },
+                      )}
+                    </Text>
+                  </>
+                )}
+              </Flex>
+              {!isMobile && (
+                <ButtonGroup
+                  spacing={4}
+                  alignItems="center"
+                  justifyContent="flex-end"
+                >
+                  <Button
+                    variant="line"
+                    color="gray.500"
+                    borderBottomColor="transparent"
+                    {...(isGridView ? styleSelected : {})}
+                    onClick={() => setGridView(true)}
+                  >
+                    {t('search.grid')}
+                  </Button>
+                  <Button
+                    variant="line"
+                    color="gray.500"
+                    borderBottomColor="transparent"
+                    {...(!isGridView ? styleSelected : {})}
+                    onClick={() => setGridView(false)}
+                  >
+                    {t('search.list')}
+                  </Button>
+                  <Flex pl={10} alignItems="center">
+                    <Text color="gray.500" whiteSpace="nowrap" pr={3}>
+                      {t('search.filterBy.label')}
+                    </Text>
+                    <Select
+                      variant="unstyled"
+                      ref={form.register}
+                      name="sortBy"
+                      onChange={(event) => {
+                        form.setValue('sortBy', event.target.value)
+                        onSubmit(form.getValues())
+                        queryClient.refetchQueries(['places'], { active: true })
+                      }}
+                    >
+                      <option value={SortOptions.DISPO_ASC}>
+                        {t('search.filterBy.dispo')}
+                      </option>
+                      <option value={SortOptions.NB_DISPO_DESC}>
+                        {t('search.filterBy.nbDispo')}
+                      </option>
+                      <option value={SortOptions.SURFACE_ASC}>
+                        {t('search.filterBy.surfaceAsc')}
+                      </option>
+                      <option value={SortOptions.SURFACE_DESC}>
+                        {t('search.filterBy.surfaceDesc')}
+                      </option>
+                    </Select>
+                  </Flex>
+                </ButtonGroup>
+              )}
+            </Flex>
+            {isGridView ? (
+              <PlaceGrid
+                searchParams={searchParams}
+                places={places?.pages?.flat()}
+                isFetching={isFetching}
+                isLoading={isLoading}
+                gridRef={ref}
+              />
+            ) : (
+              <PlaceList
+                places={places?.pages?.flat()}
+                isFetching={isFetching}
+                isLoading={isLoading}
+                listRef={ref}
+              />
+            )}
+          </>
+        )}
+      </FormProvider>
+    </Container>
+  )
+}
+
+export default PlacesPage
diff --git a/web/components/Place/PlacesTab.tsx b/web/components/Place/PlacesTab.tsx
new file mode 100644
index 00000000..ecda1cb5
--- /dev/null
+++ b/web/components/Place/PlacesTab.tsx
@@ -0,0 +1,114 @@
+import React, { useEffect, useState } from 'react'
+import {
+  Tabs,
+  TabPanels,
+  TabPanel,
+  TabList,
+  Tab,
+  HStack,
+  Text,
+} from '@chakra-ui/react'
+import { format } from '~utils/date'
+import Tag from '~components/Tag'
+import { useTranslation } from 'next-i18next'
+import PlacesPage from '~components/Place/PlacesPage'
+import useCampaignContext from '~components/Campaign/useCampaignContext'
+import { useRouter } from 'next/router'
+
+const PlacesTabs = () => {
+  const router = useRouter()
+  const { currentCampaign } = useCampaignContext()
+  const { t } = useTranslation('common')
+  const [selectedTab, setSelectedTab] = useState<number>()
+
+  useEffect(() => {
+    if (router.query.tab) {
+      setSelectedTab(parseInt(router.query.tab as string, 10) || 0)
+    }
+  }, [router.query.tab])
+
+  return (
+    <Tabs
+      isLazy
+      marginTop={6}
+      onChange={(index) => {
+        setSelectedTab(index)
+        router.push({
+          pathname: router.pathname,
+          query: { ...router.query, tab: index },
+        })
+      }}
+      variant="enclosed"
+      index={selectedTab}
+    >
+      <TabList
+        border="1px solid #E3E5F0"
+        borderTopRadius="18px"
+        display="inline-flex"
+      >
+        <Tab
+          borderRadius="18px 0px 0px 0px"
+          borderColor="transparent"
+          _selected={{
+            backgroundColor: 'blue.100',
+            borderRadius: '18px 18px 0px 0px',
+            borderColor: 'blue.100',
+          }}
+          boxShadow="none!important"
+        >
+          <Text
+            backgroundColor={selectedTab === 0 && 'blue.500'}
+            color={selectedTab === 0 && 'white'}
+            paddingX={4}
+            paddingY={2}
+            borderRadius="12px"
+          >
+            {t('solidarity.title')}
+          </Text>
+        </Tab>
+        <Tab
+          borderRadius="0px 18px 0px 0px"
+          borderColor="transparent"
+          _selected={{
+            backgroundColor: 'campaign.light',
+            borderRadius: '18px 18px 0px 0px',
+            borderColor: 'campaign.light',
+          }}
+          boxShadow="none!important"
+        >
+          <HStack space={0}>
+            <Text
+              backgroundColor={selectedTab === 1 && 'campaign.primary'}
+              color={selectedTab === 1 && 'white'}
+              paddingX={4}
+              paddingY={2}
+              borderRadius="12px"
+            >
+              {currentCampaign?.title}
+            </Text>
+
+            <Tag status="campaign" display={{ base: 'none', md: 'block' }}>
+              {t('campaign.open', {
+                date: format(
+                  new Date(currentCampaign?.limitDate),
+                  'd MMMM yyyy',
+                ),
+              })}
+            </Tag>
+          </HStack>
+        </Tab>
+      </TabList>
+
+      <TabPanels>
+        <TabPanel padding={0}>
+          <PlacesPage />
+        </TabPanel>
+        <TabPanel padding={0}>
+          <PlacesPage isCampaignTab />
+        </TabPanel>
+      </TabPanels>
+    </Tabs>
+  )
+}
+
+export default PlacesTabs
diff --git a/web/components/Tag.tsx b/web/components/Tag.tsx
index c1ad3400..bcf6e901 100644
--- a/web/components/Tag.tsx
+++ b/web/components/Tag.tsx
@@ -16,6 +16,8 @@ interface Props extends TagProps {
     | 'occupied'
     | 'nextweek'
     | 'expired'
+    | 'campaign'
+    | 'solidarity'
   children?: React.ReactNode
 }
 
@@ -76,6 +78,18 @@ const Tag = ({ status, children, ...rest }: Props) => {
           <Text ml={2}>{children || t('tag.occupied')}</Text>
         </ChakraTag>
       )
+    case 'campaign':
+      return (
+        <ChakraTag bgColor="campaign.light" color="campaign.dark" {...rest}>
+          {children || t('tag.campaign')}
+        </ChakraTag>
+      )
+    case 'solidarity':
+      return (
+        <ChakraTag backgroundColor="blue.200" color="blue.500" {...rest}>
+          {children || t('tag.campaign')}
+        </ChakraTag>
+      )
   }
 }
 
diff --git a/web/hooks/useInfinitePlaces.tsx b/web/hooks/useInfinitePlaces.tsx
index f59a29ca..bc4ff9d5 100644
--- a/web/hooks/useInfinitePlaces.tsx
+++ b/web/hooks/useInfinitePlaces.tsx
@@ -2,9 +2,12 @@ import { useInfiniteQuery } from 'react-query'
 import { client } from '~api/client-api'
 import { Espaces } from '~typings/api'
 
-export const useInfinitePlaces = (params: Espaces.EspacesList.RequestQuery) => {
+export const useInfinitePlaces = (
+  params: Espaces.EspacesList.RequestQuery,
+  name = 'places',
+) => {
   return useInfiniteQuery(
-    ['places', params],
+    [name, params],
     ({ pageParam = 0 }) => {
       return client.espaces
         .espacesList({
diff --git a/web/hooks/usePlaces.ts b/web/hooks/usePlaces.ts
index 534b8d09..e6167443 100644
--- a/web/hooks/usePlaces.ts
+++ b/web/hooks/usePlaces.ts
@@ -1,7 +1,7 @@
 import { useQuery } from 'react-query'
 import { client } from '~api/client-api'
 
-export const usePlaces = (query: Record<string, any> = {}) => {
+export const usePlaces = (query: Record<string, any> = {}, name = 'places') => {
   return useQuery(['places', query], () =>
     client.espaces.espacesList(query).then((res) => res.data),
   )
diff --git a/web/pages/espaces/index.tsx b/web/pages/espaces/index.tsx
index dd56785d..4a72a763 100644
--- a/web/pages/espaces/index.tsx
+++ b/web/pages/espaces/index.tsx
@@ -1,213 +1,19 @@
-import React, { useRef, useState, useMemo, useEffect } from 'react'
+import React from 'react'
 import { SSRConfig } from 'next-i18next'
 import { GetServerSideProps } from 'next'
 import { serverSideTranslations } from 'next-i18next/serverSideTranslations'
-import {
-  Container,
-  Flex,
-  Select,
-  Button,
-  Text,
-  ButtonGroup,
-  useBreakpointValue,
-} from '@chakra-ui/react'
-import PlaceSearch from '~components/Place/PlaceSearch'
-import { useInfinitePlaces } from '~hooks/useInfinitePlaces'
-import { useScrollBottom } from '~hooks/useScrollBottom'
-import PlaceGrid from '~components/Place/PlaceGrid'
-import PlaceList from '~components/Place/PlaceList'
-import { formatSearch } from '~utils/search'
-import Arrow from 'public/assets/img/arrow-bottom.svg'
-import { useTranslation } from 'next-i18next'
-import { FormProvider, useForm } from 'react-hook-form'
-import { SortOptions } from '~utils/search'
-import { useQueryClient } from 'react-query'
-import NoResult from '~components/Place/NoResult'
-import MobileMap from '~components/Place/MobileMap'
-import { useRouter } from 'next/router'
-import { NextSeo } from 'next-seo'
-import { formatSearchToQuery } from '~utils/search'
-import { ROUTE_PLACES } from '~constants'
 
-const styleSelected = {
-  color: 'blue.500',
-  borderBottomColor: 'blue.500',
-}
-
-const Places = () => {
-  const router = useRouter()
-  const isMobile = useBreakpointValue({ base: true, md: false })
-  const { t } = useTranslation('place')
-  const ref = useRef(null)
-  const [isGridView, setGridView] = useState<boolean>(true)
-  const form = useForm<any>({
-    defaultValues: {
-      perimeter: 15,
-      ...router.query,
-    },
-  })
-
-  const [searchParams, setSearchParams] = useState<any>({})
-
-  useEffect(() => {
-    setSearchParams(formatSearch(router.query))
-  }, [])
-  const queryClient = useQueryClient()
+import useCampaignContext from '~components/Campaign/useCampaignContext'
+import PlacesPage from '~components/Place/PlacesPage'
 
-  const {
-    data: places,
-    isLoading,
-    fetchNextPage,
-    hasNextPage,
-    isFetching,
-  } = useInfinitePlaces({
-    _limit: isGridView ? 12 : 6,
-    ...searchParams,
-  })
-  const nbPlaces = useMemo(() => places?.pages?.flat().length, [places?.pages])
-  const isPlural = useMemo(() => nbPlaces > 1, [nbPlaces])
+import PlacesTabs from '~components/Place/PlacesTab'
 
-  useEffect(() => {
-    if (isMobile) setGridView(true)
-  }, [isMobile])
-
-  useScrollBottom(
-    ref,
-    () => {
-      if (hasNextPage && !isFetching) {
-        fetchNextPage()
-      }
-    },
-    isGridView,
-  )
-
-  const onSubmit = (data) => {
-    let forceSort
-    if (
-      !searchParams['disponibilities.start_gte'] &&
-      Boolean(data?.startDate)
-    ) {
-      forceSort = true
-      form.setValue('sortBy', 'nbDispoDesc')
-    }
-    const newSearch = formatSearch(data, forceSort)
-
-    setSearchParams(newSearch)
+const Places = () => {
+  const { currentCampaign } = useCampaignContext()
 
-    router.push({
-      pathname: ROUTE_PLACES,
-      query: formatSearchToQuery(data),
-    })
-  }
+  if (!currentCampaign) return <PlacesPage />
 
-  return (
-    <Container px={0}>
-      <NextSeo title={t('common:title.places')} />
-      <FormProvider {...form}>
-        <PlaceSearch onSubmit={onSubmit} />
-        {!isLoading && !isFetching && places?.pages?.flat().length === 0 ? (
-          <NoResult />
-        ) : (
-          <>
-            <MobileMap places={places?.pages?.flat()} />
-            <Flex justifyContent="space-between" pb={4} alignItems="center">
-              <Flex alignItems="center">
-                {nbPlaces > 0 && (
-                  <>
-                    <Arrow />
-                    <Text textStyle="h2" pl={4}>
-                      {t(
-                        `search.${
-                          Object.keys(router.query).filter(
-                            (k) => k !== 'sortBy',
-                          ).length > 0
-                            ? 'nbPlacesWithDispo'
-                            : 'nbPlace'
-                        }${isPlural ? 's' : ''}`,
-                        {
-                          nb: nbPlaces,
-                        },
-                      )}
-                    </Text>
-                  </>
-                )}
-              </Flex>
-              {!isMobile && (
-                <ButtonGroup
-                  spacing={4}
-                  alignItems="center"
-                  justifyContent="flex-end"
-                >
-                  <Button
-                    variant="line"
-                    color="gray.500"
-                    borderBottomColor="transparent"
-                    {...(isGridView ? styleSelected : {})}
-                    onClick={() => setGridView(true)}
-                  >
-                    {t('search.grid')}
-                  </Button>
-                  <Button
-                    variant="line"
-                    color="gray.500"
-                    borderBottomColor="transparent"
-                    {...(!isGridView ? styleSelected : {})}
-                    onClick={() => setGridView(false)}
-                  >
-                    {t('search.list')}
-                  </Button>
-                  <Flex pl={10} alignItems="center">
-                    <Text color="gray.500" whiteSpace="nowrap" pr={3}>
-                      {t('search.filterBy.label')}
-                    </Text>
-                    <Select
-                      variant="unstyled"
-                      ref={form.register}
-                      name="sortBy"
-                      onChange={(event) => {
-                        form.setValue('sortBy', event.target.value)
-                        onSubmit(form.getValues())
-                        queryClient.refetchQueries(['places'], { active: true })
-                      }}
-                    >
-                      <option value={SortOptions.DISPO_ASC}>
-                        {t('search.filterBy.dispo')}
-                      </option>
-                      <option value={SortOptions.NB_DISPO_DESC}>
-                        {t('search.filterBy.nbDispo')}
-                      </option>
-                      <option value={SortOptions.SURFACE_ASC}>
-                        {t('search.filterBy.surfaceAsc')}
-                      </option>
-                      <option value={SortOptions.SURFACE_DESC}>
-                        {t('search.filterBy.surfaceDesc')}
-                      </option>
-                    </Select>
-                  </Flex>
-                </ButtonGroup>
-              )}
-            </Flex>
-            {isGridView ? (
-              <PlaceGrid
-                searchParams={searchParams}
-                places={places?.pages?.flat()}
-                isFetching={isFetching}
-                isLoading={isLoading}
-                gridRef={ref}
-              />
-            ) : (
-              <PlaceList
-                places={places?.pages?.flat()}
-                isFetching={isFetching}
-                isLoading={isLoading}
-                listRef={ref}
-              />
-            )}
-          </>
-        )}
-      </FormProvider>
-    </Container>
-  )
+  return <PlacesTabs />
 }
 
 export const getServerSideProps: GetServerSideProps<SSRConfig> = async ({
diff --git a/web/public/locales/fr/common.json b/web/public/locales/fr/common.json
index da2bbf8e..6aef3d71 100644
--- a/web/public/locales/fr/common.json
+++ b/web/public/locales/fr/common.json
@@ -84,5 +84,16 @@
     "error": "Impossible de confirmer l'email",
     "success": "Merci ! Votre mail est validé et votre compte est maintenant en attente d’activation par StudioD. Vous recevrez une notification par mail dès qu’elle sera effective. Vous pouvez, en attendant, modifier vos informations.",
     "btn": "Retour à l’accueil"
-  }
+  },
+  "solidarity": {
+    "title": "Créneaux solidaires",
+    "tag": "Créneaux solidaires",
+    "helper_title": "Les créneaux solidaires ",
+    "helper": " sont proposés par les lieux inscrits sur la plateforme et sont réservables toute l'année selon les disponibilités proposées. La réservation est ouverte à toute compagnie inscrite sur Studio D"
+  },
+  "campaign": {
+    "open": "Ouvert jusqu'au {{date}}",
+    "partner": "Partenaire {{title}}"
+  },
+  "show": "Découvrir"
 }
diff --git a/web/public/locales/fr/home.json b/web/public/locales/fr/home.json
index 00ec0384..70075dcb 100644
--- a/web/public/locales/fr/home.json
+++ b/web/public/locales/fr/home.json
@@ -14,16 +14,10 @@
   "places": {
     "title": "Prochains créneaux disponibles",
     "btn": "Parcourir tous les espaces",
-    "solidarity": {
-      "helper_title": "Les créneaux solidaires ",
-      "helper": " sont proposés par les lieux inscrits sur la plateforme et sont réservables toute l'année selon les disponibilités proposées. La réservation est ouverte à toute compagnie inscrite sur Studio D"
-    },
     "campaign": {
-      "tag": "Ouvert jusqu'au {{date}}",
       "title": "Dispositif {{title}} ",
-      "cta": "Parcourir tous les espaces partenaires du dispositif {{title}}"
-    },
-    "show": "Découvrir"
+      "cta": "Parcourir tous les espaces partenaires {{title}}"
+    }
   },
   "news": {
     "title": "Les actus de la communauté",
@@ -43,8 +37,5 @@
         "cta": "Parcourir"
       }
     }
-  },
-  "solidarity": {
-    "tag": "Créneaux solidaires"
   }
 }
diff --git a/web/theme/components/Tag.ts b/web/theme/components/Tag.ts
index dde72e43..dde72210 100644
--- a/web/theme/components/Tag.ts
+++ b/web/theme/components/Tag.ts
@@ -1,18 +1,3 @@
-import theme from '~theme'
-import { campaign } from '~theme/colors'
-
-const baseContainerTag = {
-  container: {
-    fontSize: 'sm',
-    px: 2,
-    py: 1,
-    whiteSpace: 'pre',
-    lineHeight: 1,
-    borderRadius: 'sm',
-    color: 'white',
-  },
-}
-
 const Tag = {
   variants: {
     subtle: {
@@ -25,20 +10,6 @@ const Tag = {
         lineHeight: 1,
       },
     },
-    campaign: {
-      container: {
-        ...baseContainerTag,
-        backgroundColor: campaign.light,
-        color: campaign.dark,
-      },
-    },
-    blue: {
-      container: {
-        ...baseContainerTag,
-        backgroundColor: 'blue.200',
-        color: 'blue.500',
-      },
-    },
   },
   sizes: {
     md: {