<style>
/* =========================
TOOSHIE — ST TROPEZ GUIDE
========================= */
.st-wrap,
.st-wrap * {
box-sizing: border-box;
}
.st-wrap {
width: 100%;
max-width: 100%;
margin: 0 auto;
padding: 0;
background: #fbf8f2;
color: #222222;
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
line-height: 1.45;
}
.st-wrap img {
display: block;
width: 100%;
height: auto;
margin: 0;
padding: 0;
}
.st-wrap p {
margin: 0 0 10px;
}
.st-wrap strong {
font-weight: 700;
}
/* HERO */
.st-hero {
width: 100%;
margin: 0;
padding: 0;
background: #fbf8f2;
}
.st-hero img {
display: block;
width: 100%;
height: auto;
}
/* INTRO */
.st-intro {
width: 100%;
background: #fbf8f2;
padding: 52px 30px 58px;
text-align: center;
}
.st-intro-inner {
width: 100%;
max-width: 720px;
margin: 0 auto;
}
.st-intro p {
margin: 0 0 10px;
}
/* MAIN CONTENT */
.st-inner {
width: calc(100% - 60px);
max-width: 960px;
margin: 0 auto;
}
/* CLUB 55 */
.st-club {
width: 100%;
background: #fbf8f2;
padding: 10px 0 55px;
}
.st-club-grid {
display: grid;
grid-template-columns: 46% 1fr;
gap: 48px;
align-items: center;
}
.st-club-copy {
max-width: 370px;
}
.st-club-copy p {
margin-bottom: 6px;
}
/* FIRST STOP + SWIM */
.st-double {
width: 100%;
background: #fbf8f2;
padding: 0 0 55px;
}
.st-double-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 34px;
align-items: start;
}
.st-double-card img {
width: 100%;
margin-bottom: 18px;
}
.st-double-copy {
padding-right: 8px;
}
.st-double-copy p {
margin-bottom: 8px;
}
/* GOLDEN HOUR + MORNING */
.st-golden {
width: 100%;
background: #fbf8f2;
padding: 0 0 58px;
}
.st-golden-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 34px;
align-items: start;
}
.st-golden-card img {
width: 100%;
margin-bottom: 18px;
}
.st-golden-copy {
padding-right: 8px;
}
.st-golden-copy p {
margin-bottom: 8px;
}
/* FAVOURITES */
.st-favourites {
width: 100%;
background: #e7f1f4;
padding: 48px 30px 50px;
}
.st-favourites-inner {
width: 100%;
max-width: 980px;
margin: 0 auto;
}
.st-favourites-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 30px 22px;
}
.st-favourite {
text-align: center;
}
.st-favourite img {
width: 100%;
margin: 0 0 11px;
}
.st-favourite p {
margin: 0;
font-size: 12px;
line-height: 1.35;
}
.st-after-blue {
width: 100%;
height: 58px;
background: #fbf8f2;
}
/* ESCAPE + BOAT */
.st-escape {
width: 100%;
background: #fbf8f2;
padding: 0 0 52px;
}
.st-escape-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 34px;
align-items: start;
}
.st-escape-card img {
width: 100%;
margin-bottom: 18px;
}
.st-escape-copy {
padding-right: 8px;
}
.st-escape-copy p {
margin-bottom: 8px;
}
/* WARDROBE */
.st-wardrobe {
width: 100%;
background: #fbf8f2;
padding: 8px 0 72px;
}
.st-wardrobe-grid {
display: grid;
grid-template-columns: 43% 1fr;
gap: 54px;
align-items: center;
}
.st-wardrobe-image {
width: 100%;
}
.st-wardrobe-copy {
max-width: 390px;
}
.st-wardrobe-copy p {
margin-bottom: 10px;
}
/* FINAL */
.st-final {
width: 100%;
background: #fbf8f2;
padding: 30px 30px 78px;
text-align: center;
}
.st-final-inner {
width: 100%;
max-width: 570px;
margin: 0 auto;
}
.st-final-title {
margin: 0 0 17px;
font-family: Georgia, "Times New Roman", serif;
font-size: 17px;
line-height: 1.2;
font-weight: 700;
color: #1a1a1a;
}
.st-final p {
margin: 0 0 8px;
}
.st-button {
display: inline-block;
margin-top: 22px;
padding: 11px 27px;
background: #3a6b9e;
color: #ffffff !important;
border-radius: 30px;
font-family: Georgia, "Times New Roman", serif;
font-size: 13px;
font-weight: 700;
line-height: 1;
text-decoration: none !important;
}
.st-button:hover {
background: #2a2a2a;
color: #ffffff !important;
}
/* MOBILE */
@media screen and (max-width: 800px) {
.st-wrap {
font-size: 14px;
}
.st-intro {
padding: 40px 22px 46px;
}
.st-inner {
width: calc(100% - 44px);
}
.st-club {
padding-bottom: 45px;
}
.st-club-grid,
.st-double-grid,
.st-golden-grid,
.st-escape-grid,
.st-wardrobe-grid {
grid-template-columns: 1fr;
}
.st-club-grid {
gap: 26px;
}
.st-club-copy,
.st-wardrobe-copy {
max-width: 100%;
}
.st-double-grid,
.st-golden-grid,
.st-escape-grid {
gap: 38px;
}
.st-double,
.st-golden {
padding-bottom: 45px;
}
.st-favourites {
padding: 40px 22px 42px;
}
.st-favourites-grid {
grid-template-columns: repeat(2, 1fr);
gap: 27px 16px;
}
.st-favourite p {
font-size: 12px;
}
.st-after-blue {
height: 45px;
}
.st-escape {
padding-bottom: 42px;
}
.st-wardrobe {
padding-bottom: 58px;
}
.st-wardrobe-grid {
gap: 28px;
}
.st-final {
padding: 25px 22px 60px;
}
}
</style>
<div class="st-wrap">
<!-- ================================================
IMAGE 01 — HERO
REPLACE ONLY: https://placehold.co/1200x800
================================================ -->
<section class="st-hero">
<img src="https://cdn.shopify.com/s/files/1/0918/9670/9506/files/01_HEADER.jpg?v=1791136962" alt="A Tooshie Guide to Saint-Tropez with By Marie">
</section>
<!-- INTRO -->
<section class="st-intro">
<div class="st-intro-inner">
<p>There are many versions of Saint-Tropez.</p>
<p>
The one before everyone wakes up.<br>
The one seen from the back of a scooter.<br>
The one spent swimming at Les Salins.<br>
And the one that begins with a drink at La Ponche and ends whenever it feels like it.
</p>
<p>
For our latest Destination Guide, we return to the South of France with our friends
and brand partners at By Marie to discover their guide to Saint-Tropez. From
favourite beaches and restaurants to the local addresses worth knowing.
</p>
<p>Not simply where to go.</p>
<p>But how to spend time there.</p>
</div>
</section>
<!-- ================================================
IMAGE 02 — CLUB 55
REPLACE ONLY: https://placehold.co/1200x800
================================================ -->
<section class="st-club">
<div class="st-inner">
<div class="st-club-grid">
<div class="st-club-image">
<img src="https://cdn.shopify.com/s/files/1/0918/9670/9506/files/02_LE_CLUB_55.jpg?v=1791136962" alt="Club 55 Saint-Tropez">
</div>
<div class="st-club-copy">
<p>First things first.</p>
<p>Club 55 or Chez Loulou?</p>
<p><strong>“Club 55. Always.”</strong></p>
<p>Some Saint-Tropez rituals simply don’t need changing.</p>
<p>And when it comes to getting around? Forget the car.</p>
<p><strong>“The scooter is your best ally in the heart of summer.”</strong></p>
<p>Walk. Swim. Scooter.</p>
<p>Repeat as necessary.</p>
</div>
</div>
</div>
</section>
<!-- FIRST STOP + SWIM -->
<section class="st-double">
<div class="st-inner">
<div class="st-double-grid">
<!-- ================================================
IMAGE 03 — FIRST STOP / PLACE DE LA GARONNE
REPLACE ONLY: https://placehold.co/1200x800
================================================ -->
<div class="st-double-card">
<img src="https://cdn.shopify.com/s/files/1/0918/9670/9506/files/03_BY_MARIE.jpg?v=1791136962" alt="Place de la Garonne and By Marie boutique Saint-Tropez">
<div class="st-double-copy">
<p>Before the beach, there’s one place to go.</p>
<p><strong>Place de la Garonne.</strong></p>
<p>Home to the By Marie boutique.</p>
<p>It’s the first stop on arrival, grab a Tooshie before Saint-Tropez properly begins.</p>
</div>
</div>
<!-- ================================================
IMAGE 04 — SWIM / LES SALINS
REPLACE ONLY: https://placehold.co/1200x800
================================================ -->
<div class="st-double-card">
<img src="https://cdn.shopify.com/s/files/1/0918/9670/9506/files/04_LES_SALINS.jpg?v=1791136962" alt="Les Salins beach Saint-Tropez">
<div class="st-double-copy">
<p><strong>Les Salins.</strong></p>
<p>
For swimming.<br>
For dreaming.<br>
Or for disappearing for a while.<br>
Preferably with nowhere else you need to be.
</p>
</div>
</div>
</div>
</div>
</section>
<!-- GOLDEN HOUR + MORNING AFTER -->
<section class="st-golden">
<div class="st-inner">
<div class="st-golden-grid">
<!-- ================================================
IMAGE 05 — THE GOLDEN HOUR
REPLACE ONLY: https://placehold.co/1200x800
================================================ -->
<div class="st-golden-card">
<img src="https://cdn.shopify.com/s/files/1/0918/9670/9506/files/05_GOLDENHOUR.jpg?v=1791136961" alt="Golden hour at Hôtel de la Ponche Saint-Tropez">
<div class="st-golden-copy">
<p>The perfect end to the day is wonderfully simple.</p>
<p>A drink at <strong>Hôtel la Ponche.</strong></p>
<p>No itinerary. No rush.</p>
<p>Just that specific Saint-Tropez light and the feeling that dinner can wait.</p>
</div>
</div>
<!-- ================================================
IMAGE 06 — THE MORNING AFTER
REPLACE ONLY: https://placehold.co/1200x800
================================================ -->
<div class="st-golden-card">
<img src="https://cdn.shopify.com/s/files/1/0918/9670/9506/files/06_MORNINGAFTER.jpg?v=1791136962" alt="Le Sénéquier early morning Saint-Tropez">
<div class="st-golden-copy">
<p>Saint-Tropez has another side.</p>
<p>You just have to wake up early enough to find it.</p>
<p>
Head to <strong>Le Sénéquier</strong> first thing, when the tables are quiet and almost no one is there.
</p>
<p>The same Saint-Tropez.</p>
<p>A completely different mood.</p>
</div>
</div>
</div>
</div>
</section>
<!-- ================================================
PALE BLUE FAVOURITES SECTION
IMAGES 07–14
================================================ -->
<section class="st-favourites">
<div class="st-favourites-inner">
<div class="st-favourites-grid">
<!-- IMAGE 07 — BEACH / LES SALINS -->
<div class="st-favourite">
<img src="https://cdn.shopify.com/s/files/1/0918/9670/9506/files/07_BEACH.jpg?v=1791136961" alt="Les Salins beach Saint-Tropez">
<p>Les Salins.</p>
</div>
<!-- IMAGE 08 — LUNCH / CLUB 55 -->
<div class="st-favourite">
<img src="https://cdn.shopify.com/s/files/1/0918/9670/9506/files/08_LUNCH.jpg?v=1791136961" alt="Club 55 Saint-Tropez">
<p>Club 55. Always.</p>
</div>
<!-- IMAGE 09 — DINNER / BAN HOI -->
<div class="st-favourite">
<img src="https://cdn.shopify.com/s/files/1/0918/9670/9506/files/10_DINNER.jpg?v=1791136961" alt="Ban Hoi restaurant Saint-Tropez">
<p>Ban Hoi.</p>
</div>
<!-- IMAGE 10 — DRINK / HÔTEL DE LA PONCHE -->
<div class="st-favourite">
<img src="https://cdn.shopify.com/s/files/1/0918/9670/9506/files/11_DRINK.jpg?v=1791136961" alt="Hôtel de la Ponche Saint-Tropez">
<p>Hôtel de la Ponche.</p>
</div>
<!-- IMAGE 11 — COFFEE / LE SÉNÉQUIER -->
<div class="st-favourite">
<img src="https://cdn.shopify.com/s/files/1/0918/9670/9506/files/12_COFFEE.jpg?v=1791136961" alt="Le Sénéquier Saint-Tropez">
<p>Le Sénéquier — before everyone else arrives.</p>
</div>
<!-- IMAGE 12 — SOMETHING SWEET / LES 2 FRÈRES -->
<div class="st-favourite">
<img src="https://cdn.shopify.com/s/files/1/0918/9670/9506/files/13_SOMETHINGSWEEET.jpg?v=1791136961" alt="Burnt fruit tart Les 2 Frères Saint-Tropez">
<p>The burnt fruit tart from Les 2 Frères.</p>
</div>
<!-- IMAGE 13 — SOMETHING CLASSIC / TARTE TROPÉZIENNE -->
<div class="st-favourite">
<img src="https://cdn.shopify.com/s/files/1/0918/9670/9506/files/14_SOMETHINGCLASSIC.jpg?v=1791136961" alt="Tarte tropézienne Saint-Tropez">
<p>A tarte tropézienne. Always.</p>
</div>
<!-- IMAGE 14 — STAY / HÔTEL LA PONCHE -->
<div class="st-favourite">
<img src="https://cdn.shopify.com/s/files/1/0918/9670/9506/files/15_STAY.jpg?v=1791136961" alt="Hôtel la Ponche Saint-Tropez">
<p>Hôtel la Ponche.</p>
</div>
</div>
</div>
</section>
<div class="st-after-blue"></div>
<!-- ESCAPE + BOAT -->
<section class="st-escape">
<div class="st-inner">
<div class="st-escape-grid">
<!-- ================================================
IMAGE 15 — ESCAPE THE CROWDS / GRIMAUD
REPLACE ONLY: https://placehold.co/1200x800
================================================ -->
<div class="st-escape-card">
<img src="https://cdn.shopify.com/s/files/1/0918/9670/9506/files/16_ESCAPETHECROWDS.jpg?v=1791136961" alt="Grimaud village near Saint-Tropez">
<div class="st-escape-copy">
<p>Not everything happens in Saint-Tropez itself.</p>
<p>
Nearby, <strong>Grimaud</strong> holds a special place, the village of Marie’s father-in-law.
</p>
<p>Authentic. Charming.</p>
</div>
</div>
<!-- ================================================
IMAGE 16 — IF WE HAD A BOAT / RIVA AQUARAMA
REPLACE ONLY: https://placehold.co/1200x800
================================================ -->
<div class="st-escape-card">
<img src="https://cdn.shopify.com/s/files/1/0918/9670/9506/files/17_BOAT.jpg?v=1791136961" alt="Riva Aquarama Saint-Tropez">
<div class="st-escape-copy">
<p>It would be a <strong>Riva Aquarama.</strong></p>
<p>Naturally.</p>
</div>
</div>
</div>
</div>
</section>
<!-- ================================================
IMAGE 17 — THE SAINT-TROPEZ WARDROBE
REPLACE ONLY: https://placehold.co/1200x800
================================================ -->
<section class="st-wardrobe">
<div class="st-inner">
<div class="st-wardrobe-grid">
<div class="st-wardrobe-image">
<img src="https://cdn.shopify.com/s/files/1/0918/9670/9506/files/St_Tropez_Wardrobe.png?v=1791138379" alt="Saint-Tropez summer wardrobe">
</div>
<div class="st-wardrobe-copy">
<p>Saint-Tropez dressing should work from morning until night.</p>
<p>
Start with jelly sandals by Ancient Greek the accessory that never gets left behind.
</p>
<p>Add a Pucci pareo.</p>
<p>
Then a piece from By Marie’s summer capsule collection co-created with Diane de Monoki,
finished with a Dezso jewel.
</p>
<p>And the colours?</p>
<p>
Turquoise for the jewellery.<br>
Yellow for summer.
</p>
<p>We couldn’t agree more.</p>
</div>
</div>
</div>
</section>
<!-- ONE LAST THING -->
<section class="st-final">
<div class="st-final-inner">
<div class="st-final-title">
One Last Thing
</div>
<p>Swim at Les Salins.</p>
<p>Take the scooter.</p>
<p>Order the tarte tropézienne.</p>
<p>Stay for one more drink at La Ponche.</p>
<p>And if you can, find Saint-Tropez, off season, like a local.</p>
<p>Some places are worth seeing differently.</p>
<a href="/en/collections/nos-maillots-tooshie-swimwear" class="st-button">
Discover Tooshie Swimwear
</a>
</div>
</section>
</div>