<!DOCTYPE html>
<html lang="fr">
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
	<meta name="description" content="A deux pas des calanques, le Yachting Club de la Pointe Rouge est un club nautique, sportif et de loisirs qui propose 365 jours par an des activités pour tous.">
    <title>Club voile marseille, club nautique marseille, cours voile marseille, YCPR.net</title>
	
	<link rel="shortcut icon" type="image/x-icon" href="images/favicon.png">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Manrope:wght@300;400&family=Poppins:wght@500;700&display=swap" rel="stylesheet">
    <link href="/css/bootstrap.min.css" rel="stylesheet" media="screen">
    <link href="/css/slicknav.min.css" rel="stylesheet">
    <link href="/css/swiper-bundle.min.css" rel="stylesheet" >
    <link href="/css/all.min.css" rel="stylesheet" media="screen">
    <link href="/css/animate.css" rel="stylesheet">
    <link href="/css/magnific-popup.css" rel="stylesheet" >
    <link href="/css/mousecursor.css" rel="stylesheet" >
    <link href="/css/custom.css?v=2.22" media="screen" rel="stylesheet" >

    <script type="text/javascript">
        var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
        document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
        </script>
        <script type="text/javascript">
        try {
        var pageTracker = _gat._getTracker("UA-345013-20");
        pageTracker._trackPageview();
        } catch(err) {}
    </script>

    <!-- Global site tag (gtag.js) - Google Analytics -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-Y5GTRJ2CCL"></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());

      gtag('config', 'G-Y5GTRJ2CCL');
    </script>
    
</head>
<body>
   

	<div class="preloader">
		<div class="loading-container">
			<div class="loading"></div>
			<div id="loading-icon"><img src="/images/ycpr.png" alt=""></div>
		</div>
	</div>

	<header class="main-header">
		<div class="header-sticky active-sticky-header">
			<nav class="navbar navbar-expand-lg">
				<div class="container">
					<a class="navbar-brand" href="/">
						<img src="/images/ycpr.png?v=1" alt="YCPR" height="80">
					</a>

					<!-- Main Menu Start -->
					<div class="collapse navbar-collapse main-menu">
                        <div class="nav-menu-wrapper">
                            <ul class="navbar-nav mr-auto" id="menu">
                                <li class="nav-item submenu"><a class="nav-link" href="/le-club.html">Le Club</a>
                                    <ul>                                        
                                        <li class="nav-item"><a class="nav-link" href="/le-club.html">Présentation</a></li>
                                        <li class="nav-item"><a class="nav-link" href="/devenir-membre.html">Devenir membre</a></li>
                                        <li class="nav-item"><a class="nav-link" href="/petites-annonces.html">Petites annonces</a></li>
                                        <li class="nav-item"><a class="nav-link" href="/meteo.html">Météo</a></li>
                                        <li class="nav-item"><a class="nav-link" href="https://www.le-yachting-restaurant-marseille.fr" target="_blank">Restaurant le Yachting</a></li>
                                        <li class="nav-item"><a class="nav-link" href="/infos-pratiques.html">Infos pratiques</a></li>
                                    </ul>
                                </li>
                                <li class="nav-item"><a class="nav-link" href="/actualites.html">Actualités</a></li>
                                <li class="nav-item"><a class="nav-link" href="/agenda.html">&Eacute;v&egrave;nements</a></li>
                                <li class="nav-item"><a class="nav-link" href="/club-voile-marseille.html">Voile</a></li>
                                <li class="nav-item"><a class="nav-link" href="/club-peche-marseille.html">Pêche</a></li>
                                <li class="nav-item"><a class="nav-link" href="/club-plongee-marseille.html">Plongée</a></li>
                                <li class="nav-item"><a class="nav-link" href="/club-ecole-apnee-marseille.html">Apnée</a></li>
                                <li class="nav-item"><a class="nav-link" href="/permis-bateau-marseille.html">Permis</a></li>
                                <li class="nav-item submenu"><a class="nav-link" href="#">Medias</a>
                                    <ul>                                        
                                        <li class="nav-item"><a class="nav-link" href="/photos.html">Albums photos</a></li>
                                        <li class="nav-item"><a class="nav-link" href="/revue-ycpr.html">Revues YCPR</a></li>
                                        <li class="nav-item"><a class="nav-link" href="/newsletter.html">Newsletter</a></li>

                                    </ul>
                                </li>
                            </ul>
                        </div>
					</div>
					
					<div class="navbar-toggle"></div>
				</div>
			</nav>
			<div class="responsive-menu"></div>
		</div>
	</header>

        <div class="hero hero1 dark-section">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-lg-12">
                    <div class="hero-content">
                        <div class="section-title">
                            <h3 class="wow fadeInUp">Voile, Pêche, Plongée &amp; Permis bateau</h3>
                            <h1 class="text-anime-style-2" data-cursor="-opaque">Yachting Club de la Pointe Rouge<br><span>club nautique à Marseille</span></h1>
                        </div>
                    
                        <div class="hero-btn wow fadeInUp" data-wow-delay="0.6s">
                            <a href="le-club.html" class="btn-default btn-highlighted">Découvrir le club</a>
                            <a href="actualites.html" class="btn-default btn-highlighted btn-transparent">Actualités</a>
                            <a href="agenda.html" class="btn-default btn-highlighted btn-transparent">&Eacute;vènements</a>
                        </div>
                    </div>
                </div>
               
            </div>
        </div>
    </div>



        <div class="our-scrolling-ticker">
        <!-- Scrolling Ticker Start -->
        <div class="scrolling-ticker-box">
            <div class="scrolling-content">
                <span><img src="images/ycpr-blanc.png" alt=""><a href="https://www.ycpr.net/club-ecole-apnee-marseille.html">Ouverture de l'Ecole d'Apn&eacute;e du YCPR</a></span>            </div>
            <div class="scrolling-content">
                <span><img src="images/ycpr-blanc.png" alt=""><a href="https://www.ycpr.net/club-ecole-apnee-marseille.html">Ouverture de l'Ecole d'Apn&eacute;e du YCPR</a></span>            </div>
        </div>
    </div>
    




    <div class="our-services">
        <div class="container-fluid">

            <div class="row section-row">
                <div class="col-lg-12">
                    <div class="section-title section-title-center">
                        <br><br>
                        <p>A deux pas des calanques, le Yachting Club de la Pointe Rouge est un club nautique, sportif et de loisirs qui propose 365 jours par an des activités pour tous.</p>
                        <br><br>
                        <h2 class="text-anime-style-2" data-cursor="-opaque">Découvrez nos pôles d'activités :</h2>
                    </div>
                </div>
            </div>


            <div class="row no-gutters service-list">
                <div class="col-lg-3 col-md-6">
                    <div class="service-item">
                        <div class="service-image">
                            <a href="club-voile-marseille.html" data-cursor-text="+">
                                <figure>
                                    <img src="images/voile.webp" alt="">
                                </figure>
                            </a>
                        </div>

                        <div class="service-body">
                            <div class="service-body-title">
                                <h3><a href="club-voile-marseille.html">Voile</a></h3>
                            </div>
                            <div class="service-content-box">
                                <div class="service-content">
                                    <p>Avis aux planches à voile, dériveurs, voiliers : RDV EN RADE SUD !</p>
                                </div>
                                <div class="service-readmore-btn">
                                    <a href="club-voile-marseille.html"><img src="images/arrow-accent.svg" alt=""></a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>


                <div class="col-lg-3 col-md-6">
                    <div class="service-item active">
                        <div class="service-image">
                            <a href="club-peche-marseille.html" data-cursor-text="+">
                                <figure>
                                    <img src="images/peche.webp" alt="">
                                </figure>
                            </a>
                        </div>

                        <div class="service-body">
                            <div class="service-body-title">
                                <h3><a href="club-peche-marseille.html">Pêche</a></h3>
                            </div>
                            
                            <div class="service-content-box">
                                <div class="service-content">
                                    <p>Vous êtes plutôt petits poissons ou gros poissons ?</p>
                                </div>
                                <div class="service-readmore-btn">
                                    <a href="club-peche-marseille.html"><img src="images/arrow-accent.svg" alt=""></a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-lg-3 col-md-6">
                    <div class="service-item">
                        <div class="service-image">
                            <a href="club-plongee-marseille.html" data-cursor-text="+">
                                <figure>
                                    <img src="images/plongee.webp" alt="">
                                </figure>
                            </a>
                        </div>

                        <div class="service-body">
                            <div class="service-body-title">
                                <h3><a href="club-plongee-marseille.html">Plongée</a></h3>
                            </div>
                            
                            <div class="service-content-box">
                                <div class="service-content">
                                    <p>Jetez-vous à l'eau et profitez...</p>
                                </div>
                                
                                <div class="service-readmore-btn">
                                    <a href="club-plongee-marseille.html"><img src="images/arrow-accent.svg" alt=""></a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-lg-3 col-md-6">
                    <div class="service-item">
                        <div class="service-image">
                            <a href="permis-bateau-marseille.html" data-cursor-text="+">
                                <figure>
                                    <img src="images/permis.webp" alt="">
                                </figure>
                            </a>
                        </div>

                        <div class="service-body">
                            <div class="service-body-title">
                                <h3><a href="permis-bateau-marseille.html">Permis Bateau</a></h3>
                            </div>
                            
                            <div class="service-content-box">
                                <div class="service-content">
                                    <p>L'école de navigation du YCPR est agréée pour l'enseignement des permis de plaisance pour la conduite des bateaux à moteur.</p>
                                </div>
                                
                                <div class="service-readmore-btn">
                                    <a href="permis-bateau-marseille.html"><img src="images/arrow-accent.svg" alt=""></a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>



    <div class="our-blog">
        <div class="container">
            <div class="row section-row">
                <div class="col-lg-12">
                    <div class="section-title section-title-center">
                        <div class="section-bg-title wow fadeInUp">
                            <span>Actualités</span>
                        </div>
                        <h3 class="wow fadeInUp" data-wow-delay="0.2s">de l'YCPR</h3>
                        <h2 class="text-anime-style-2" data-cursor="-opaque">Les dernières actualités</h2>
                    </div>
                </div>
            </div>

            <div class="row">

                                <div class="col-lg-3 col-md-6">
                    <div class="post-item wow fadeInUp">
                        <div class="post-featured-image">
                            <a href="le-ycpr-organise-l-etape-marseillaise-du-wls-trophy-une-regate-a1617.html" data-cursor-text="+">
                                <figure class="image-anime">
                                    <img src="upload/actualites/le-ycpr-accueille-le-women-1617.jpg" alt="Le YCPR organise l'&eacute;tape marseillaise du WLS Trophy, une r&eacute;gate 100% f&eacute;minine !" width="100%">                                </figure>    
                            </a>                            
                        </div>
                        <div class="post-item-body">
                            <div class="post-item-content">
                                <div class="post-item-date">04/07/2026</div>
                                <h2><a href="le-ycpr-organise-l-etape-marseillaise-du-wls-trophy-une-regate-a1617.html">Le YCPR organise l'&eacute;tape marseillaise du WLS Trophy, une r&eacute;gate 100% f&eacute;minine !</a></h2>
                            </div>
                            <div class="post-item-btn">
                                <a href="le-ycpr-organise-l-etape-marseillaise-du-wls-trophy-une-regate-a1617.html" class="readmore-btn">Lire la suite</a>
                            </div>
                        </div>
                    </div>
                </div>
                                <div class="col-lg-3 col-md-6">
                    <div class="post-item wow fadeInUp">
                        <div class="post-featured-image">
                            <a href="catamaran-le-grand-retour-du-raid-des-iles-a1603.html" data-cursor-text="+">
                                <figure class="image-anime">
                                    <img src="upload/actualites/catamaran-retour-du-raid-1603.jpg" alt="Catamaran - Le grand retour du Raid des &icirc;les !" width="100%">                                </figure>    
                            </a>                            
                        </div>
                        <div class="post-item-body">
                            <div class="post-item-content">
                                <div class="post-item-date">21/06/2026</div>
                                <h2><a href="catamaran-le-grand-retour-du-raid-des-iles-a1603.html">Catamaran - Le grand retour du Raid des &icirc;les !</a></h2>
                            </div>
                            <div class="post-item-btn">
                                <a href="catamaran-le-grand-retour-du-raid-des-iles-a1603.html" class="readmore-btn">Lire la suite</a>
                            </div>
                        </div>
                    </div>
                </div>
                                <div class="col-lg-3 col-md-6">
                    <div class="post-item wow fadeInUp">
                        <div class="post-featured-image">
                            <a href="la-croisiere-du-portant-arrive-les-27-et-28-juin-2026-a1641.html" data-cursor-text="+">
                                <figure class="image-anime">
                                    <img src="upload/actualites/la-croisiere-du-portant-1641.png" alt="La Croisi&egrave;re du Portant arrive les 27 et 28 juin 2026" width="100%">                                </figure>    
                            </a>                            
                        </div>
                        <div class="post-item-body">
                            <div class="post-item-content">
                                <div class="post-item-date">08/06/2026</div>
                                <h2><a href="la-croisiere-du-portant-arrive-les-27-et-28-juin-2026-a1641.html">La Croisi&egrave;re du Portant arrive les 27 et 28 juin 2026</a></h2>
                            </div>
                            <div class="post-item-btn">
                                <a href="la-croisiere-du-portant-arrive-les-27-et-28-juin-2026-a1641.html" class="readmore-btn">Lire la suite</a>
                            </div>
                        </div>
                    </div>
                </div>
                                <div class="col-lg-3 col-md-6">
                    <div class="post-item wow fadeInUp">
                        <div class="post-featured-image">
                            <a href="le-ycpr-a-l-assaut-de-l-etang-de-berre-progression-et-partage-a1640.html" data-cursor-text="+">
                                <figure class="image-anime">
                                    <img src="upload/actualites/le-ycpr-a-l-assaut-de-1640.jpg" alt="Le YCPR &agrave; l'assaut de l'&Eacute;tang de Berre : progression et partage &agrave; Miramas" width="100%">                                </figure>    
                            </a>                            
                        </div>
                        <div class="post-item-body">
                            <div class="post-item-content">
                                <div class="post-item-date">01/06/2026</div>
                                <h2><a href="le-ycpr-a-l-assaut-de-l-etang-de-berre-progression-et-partage-a1640.html">Le YCPR &agrave; l'assaut de l'&Eacute;tang de Berre : progression et partage &agrave; Miramas</a></h2>
                            </div>
                            <div class="post-item-btn">
                                <a href="le-ycpr-a-l-assaut-de-l-etang-de-berre-progression-et-partage-a1640.html" class="readmore-btn">Lire la suite</a>
                            </div>
                        </div>
                    </div>
                </div>
                                <div class="col-lg-3 col-md-6">
                    <div class="post-item wow fadeInUp">
                        <div class="post-featured-image">
                            <a href="voile-habitable-le-30-mai-2026-c-ur-de-voile-revient-au-ycpr-a1605.html" data-cursor-text="+">
                                <figure class="image-anime">
                                    <img src="upload/actualites/le-30-mai-prochain-c-ur-de-1605.jpg" alt="Voile Habitable - Le 30 mai 2026, C&oelig;ur de Voile revient au YCPR !" width="100%">                                </figure>    
                            </a>                            
                        </div>
                        <div class="post-item-body">
                            <div class="post-item-content">
                                <div class="post-item-date">30/05/2026</div>
                                <h2><a href="voile-habitable-le-30-mai-2026-c-ur-de-voile-revient-au-ycpr-a1605.html">Voile Habitable - Le 30 mai 2026, C&oelig;ur de Voile revient au YCPR !</a></h2>
                            </div>
                            <div class="post-item-btn">
                                <a href="voile-habitable-le-30-mai-2026-c-ur-de-voile-revient-au-ycpr-a1605.html" class="readmore-btn">Lire la suite</a>
                            </div>
                        </div>
                    </div>
                </div>
                                <div class="col-lg-3 col-md-6">
                    <div class="post-item wow fadeInUp">
                        <div class="post-featured-image">
                            <a href="ycpr-mer-veille-ensemble-pour-une-mediterranee-plus-propre-a1639.html" data-cursor-text="+">
                                <figure class="image-anime">
                                    <img src="upload/actualites/ycpr-mer-veille-ensemble-1639.jpg" alt="YCPR &times; Mer Veille : ensemble pour une Mediterranee plus propre " width="100%">                                </figure>    
                            </a>                            
                        </div>
                        <div class="post-item-body">
                            <div class="post-item-content">
                                <div class="post-item-date">28/05/2026</div>
                                <h2><a href="ycpr-mer-veille-ensemble-pour-une-mediterranee-plus-propre-a1639.html">YCPR &times; Mer Veille : ensemble pour une Mediterranee plus propre </a></h2>
                            </div>
                            <div class="post-item-btn">
                                <a href="ycpr-mer-veille-ensemble-pour-une-mediterranee-plus-propre-a1639.html" class="readmore-btn">Lire la suite</a>
                            </div>
                        </div>
                    </div>
                </div>
                                <div class="col-lg-3 col-md-6">
                    <div class="post-item wow fadeInUp">
                        <div class="post-featured-image">
                            <a href="les-puces-nautiques-2026-une-belle-matinee-de-partage-a1638.html" data-cursor-text="+">
                                <figure class="image-anime">
                                    <img src="upload/actualites/les-puces-nautiques-2026-1638.jpg" alt="Les Puces Nautiques 2026 : une belle matin&eacute;e de partage !" width="100%">                                </figure>    
                            </a>                            
                        </div>
                        <div class="post-item-body">
                            <div class="post-item-content">
                                <div class="post-item-date">27/05/2026</div>
                                <h2><a href="les-puces-nautiques-2026-une-belle-matinee-de-partage-a1638.html">Les Puces Nautiques 2026 : une belle matin&eacute;e de partage !</a></h2>
                            </div>
                            <div class="post-item-btn">
                                <a href="les-puces-nautiques-2026-une-belle-matinee-de-partage-a1638.html" class="readmore-btn">Lire la suite</a>
                            </div>
                        </div>
                    </div>
                </div>
                                <div class="col-lg-3 col-md-6">
                    <div class="post-item wow fadeInUp">
                        <div class="post-featured-image">
                            <a href="ne-ratez-pas-la-matinee-des-puces-nautiques-du-ycpr-a1635.html" data-cursor-text="+">
                                <figure class="image-anime">
                                    <img src="upload/actualites/ne-ratez-pas-la-matinee-des-1635.jpg" alt="Ne ratez pas la matin&eacute;e des Puces Nautiques du YCPR !" width="100%">                                </figure>    
                            </a>                            
                        </div>
                        <div class="post-item-body">
                            <div class="post-item-content">
                                <div class="post-item-date">23/05/2026</div>
                                <h2><a href="ne-ratez-pas-la-matinee-des-puces-nautiques-du-ycpr-a1635.html">Ne ratez pas la matin&eacute;e des Puces Nautiques du YCPR !</a></h2>
                            </div>
                            <div class="post-item-btn">
                                <a href="ne-ratez-pas-la-matinee-des-puces-nautiques-du-ycpr-a1635.html" class="readmore-btn">Lire la suite</a>
                            </div>
                        </div>
                    </div>
                </div>
                

            </div>
        </div>
    </div>



    <div class="match-highlights">
        <div class="container">
            <div class="row section-row">
                <div class="col-lg-6 col-md-10">
                    <div class="section-title">
                        <div class="section-bg-title wow fadeInUp">
                            <span>Agenda</span>
                        </div>
                        <h3 class="wow fadeInUp" data-wow-delay="0.2s">Ca se passe à l'YCPR !</h3>
                        <h2 class="text-anime-style-2" data-cursor="-opaque">&Eacute;vènements à venir</h2>
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="col-lg-12">
                    <div class="match-highlight-slider">
                        <div class="swiper">
                            <div class="swiper-wrapper">
                                
                                                                <div class="swiper-slide">
                                    <div class="match-highlight-item">
                                        <div class="match-highlight-item-body">
                                             <div class="agenda-item-date"><strong>13</strong> Juin </div>
                                            <div class="match-highlight-item-content">
                                                <h3 class="text-center">Wingfoil - La Cup</h3>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                                                <div class="swiper-slide">
                                    <div class="match-highlight-item">
                                        <div class="match-highlight-item-body">
                                             <div class="agenda-item-date"><strong>21</strong> Juin </div>
                                            <div class="match-highlight-item-content">
                                                <h3 class="text-center">Catamaran - Raid des &icirc;les</h3>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                                                <div class="swiper-slide">
                                    <div class="match-highlight-item">
                                        <div class="match-highlight-item-body">
                                             <div class="agenda-item-date"><strong>27</strong> Juin <em>au</em> <strong>28</strong> Juin</div>
                                            <div class="match-highlight-item-content">
                                                <h3 class="text-center">Habitable - Croisi&egrave;re du portant</h3>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                                                <div class="swiper-slide">
                                    <div class="match-highlight-item">
                                        <div class="match-highlight-item-body">
                                             <div class="agenda-item-date"><strong>04</strong> Juil. <em>au</em> <strong>05</strong> Juil.</div>
                                            <div class="match-highlight-item-content">
                                                <h3 class="text-center">J70 - WLS Trophy 2026 (Women Leading &amp; Sailing)</h3>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                                                <div class="swiper-slide">
                                    <div class="match-highlight-item">
                                        <div class="match-highlight-item-body">
                                             <div class="agenda-item-date"><strong>15</strong> Juil. <em>au</em> <strong>30</strong> Juil.</div>
                                            <div class="match-highlight-item-content">
                                                <h3 class="text-center">Travers&eacute;e Continent Sardaigne en convoi</h3>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                                                <div class="swiper-slide">
                                    <div class="match-highlight-item">
                                        <div class="match-highlight-item-body">
                                             <div class="agenda-item-date"><strong>06</strong> Sept. </div>
                                            <div class="match-highlight-item-content">
                                                <h3 class="text-center">P&ecirc;che au gros - Massilia Tuna Cup</h3>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                                                <div class="swiper-slide">
                                    <div class="match-highlight-item">
                                        <div class="match-highlight-item-body">
                                             <div class="agenda-item-date"><strong>06</strong> Sept. </div>
                                            <div class="match-highlight-item-content">
                                                <h3 class="text-center">Comptage des m&eacute;rous</h3>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                                                <div class="swiper-slide">
                                    <div class="match-highlight-item">
                                        <div class="match-highlight-item-body">
                                             <div class="agenda-item-date"><strong>13</strong> Sept. </div>
                                            <div class="match-highlight-item-content">
                                                <h3 class="text-center">P&ecirc;che sportive - Marseille f&ecirc;te la p&ecirc;che</h3>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                                                <div class="swiper-slide">
                                    <div class="match-highlight-item">
                                        <div class="match-highlight-item-body">
                                             <div class="agenda-item-date"><strong>19</strong> Sept. </div>
                                            <div class="match-highlight-item-content">
                                                <h3 class="text-center">Clean Port</h3>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                                                <div class="swiper-slide">
                                    <div class="match-highlight-item">
                                        <div class="match-highlight-item-body">
                                             <div class="agenda-item-date"><strong>26</strong> Sept. </div>
                                            <div class="match-highlight-item-content">
                                                <h3 class="text-center">Habitable - Ronde d'Automne</h3>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                                                
    
                            </div>
                            <div class="match-highlight-btn">
                                <div class="match-highlight-btn-prev"></div>
                                <div class="match-highlight-btn-next"></div>
                            </div>
                        </div>
                    </div>
                    <!-- Match Highlight Slider End -->
                </div>
            </div>
        </div>
    </div>

    <footer class="main-footer">
        <div class="footer-box dark-section">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="footer-header">
                            <div class="section-title">
                                <h2 class="text-anime-style-2" data-cursor="-opaque">INSCRIVEZ-VOUS &Agrave; NOTRE NEWSLETTER !</h2>
                            </div>

                            <div class="footer-newsletter-form wow fadeInUp">
                                <form id="inscription_newsletter" action="#" method="POST">
                                    <div class="form-group">
                                        <input type="email" name="mail" class="form-control" id="newsletter_email" placeholder="Saisir votre email" required>
                                        <button type="submit" class="btn-default btn-highlighted">Envoyer</button>
                                        <input type="hidden" name="provenance" value="newsletter" />
                                        <input type="hidden" name="spam" value="" />
                                    </div>
                                    <p style="font-size:11px;line-height: 12px;margin-top:10px;"><em>En renseignant votre adresse email, vous acceptez de recevoir notre newsletter par courrier électronique. Vous pouvez vous désinscrire à tout moment à l'aide des liens de désabonnement ou en nous contactant à l'adresse secretariat (at) ycpr.net</em></p>
                                </form>
                            </div>

                        </div>
                    </div>

                    <div class="col-lg-4">
                        <div class="about-footer">
                            <div class="footer-logo">
                                <img src="/images/ycpr-blanc.png" alt="">
                            </div>

                            <div class="about-footer-content">
                                <p>A deux pas des calanques, le Yachting Club de la Pointe Rouge est un club nautique, sportif et de loisirs qui propose 365 jours par an des activités pour tous.</p>
                            </div>

                            <div class="footer-social-links">
                                <h3>Suivez-nous :</h3>
                                <ul>
                                    <li><a href="https://www.facebook.com/YCPRMarseille" target="_blank"><i class="fa-brands fa-facebook-f"></i></a></li>
                                    <li><a href="https://www.instagram.com/ycprmarseille/" target="_blank"><i class="fa-brands fa-instagram"></i></a></li>
                                    <li><a href="https://www.youtube.com/user/sportsycpr" target="_blank"><i class="fa-brands fa-youtube"></i></a></li>
                                    <li><a href="https://x.com/YCPR_MRS" target="_blank"><i class="fa-brands fa-x-twitter"></i></a></li>
                                </ul>
                            </div>
                        </div>
                    </div>

                    <div class="col-lg-2 col-md-3">
                        <div class="footer-links footer-menu">
                            <h3>Accès rapide</h3>
                            <ul>
                                <li><a href="/">Accueil</a></li>
                                <li><a href="/actualites.html">Actualités</a></li>
                                <li><a href="/agenda.html">Evènements</a></li>
                                <li><a href="/le-club.html">Le club</a></li>
                            </ul>
                        </div>
                    </div>
                    
                    <div class="col-lg-3 col-md-4">
                        <div class="footer-links">
                            <h3>Sports</h3>
                            <ul>
                                <li><a href="/club-voile-marseille.html">Voile</a></li>
                                <li><a href="/club-peche-marseille.html">Pêche</a></li>
                                <li><a href="/club-plongee-marseille.html">Plongée</a></li>
                                <li><a href="/permis-bateau-marseille.html">Permis Bateau</a></li>
                            </ul>
                        </div>
                    </div>

                    <div class="col-lg-3 col-md-5">
                        <div class="footer-links footer-contact-details">
                            <h3>Contact</h3>
                            <div class="footer-contact-item">
                                <div class="icon-box">
                                    <img src="/images/icon-location-white.svg" alt="">
                                </div>
                                <div class="footer-contact-item-content">
                                    <h3>Adresse</h3>
                                    <p>PORT DE LA POINTE ROUGE<br>CS 40038<br>13295 MARSEILLE CEDEX 08 </p>
                                </div>
                            </div>

                            <div class="footer-contact-item">
                                <div class="icon-box">
                                    <img src="/images/icon-phone-white.svg" alt="">
                                </div>
                                <div class="footer-contact-item-content">
                                    <h3>Téléphone</h3>
                                    <p><a href="tel:+91123456789">04 91 73 06 75</a></p>
                                </div>
                            </div>

                            <a href="https://www.apayer.fr/fr/index.html?idCible=ycpr" class="btn-default btn-highlighted" target="_blank">Paiement en ligne</a>
                        </div>
                    </div>
                </div>
            </div>

            <div class="footer-copyright">
                <div class="container">
                    <div class="row align-items-center">
                        <div class="col-md-6">
                            <div class="footer-copyright-text">
                                <p>Conception : eliacom.fr</p>
                            </div>
                        </div>
                        
                        <div class="col-md-6">
                            <div class="footer-privacy-policy">
                                <ul>
                                    <li><a href="/mentions-legales.html">Mentions légales</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </footer>

    <script src="/js/jquery-3.7.1.min.js"></script>
    <script src="/js/bootstrap.min.js"></script>
    <script src="/js/validator.min.js"></script>
    <script src="/js/jquery.slicknav.js"></script>
    <script src="/js/swiper-bundle.min.js"></script>
    <script src="/js/jquery.waypoints.min.js"></script>
    <script src="/js/jquery.counterup.min.js"></script>
    <script src="/js/jquery.magnific-popup.min.js"></script>
    <script src="/js/SmoothScroll.js"></script>
    <script src="/js/parallaxie.js"></script>
    <script src="/js/gsap.min.js"></script>
    <script src="/js/magiccursor.js"></script>
    <script src="/js/SplitText.js"></script>
    <script src="/js/ScrollTrigger.min.js"></script>
    <script src="/js/jquery.mb.YTPlayer.min.js"></script>
    <script src="/js/wow.min.js"></script>
    <script src="/js/function.js"></script>


                <style type="text/css">
                .mfp-fade.mfp-bg {opacity: 0;transition: opacity 0.5s ease;}
                .mfp-fade.mfp-bg.mfp-ready {opacity: 0.8;}
                .mfp-fade.mfp-bg.mfp-removing {opacity: 0;}

                .mfp-fade.mfp-wrap .mfp-content {opacity: 0;transition: opacity 0.5s ease;}
                .mfp-fade.mfp-wrap.mfp-ready .mfp-content {opacity: 1;}
                .mfp-fade.mfp-wrap.mfp-removing .mfp-content {opacity: 0;}
            </style>
            <script type="text/javascript">
            jQuery(function($) {
                   setTimeout(function() {
                         $.magnificPopup.open({
                            items: {src: '#welcome-popup'},
                            type: 'inline',
                            mainClass: 'mfp-fade',
                            removalDelay: 0,
                            closeBtnInside: true
                        });
                    }, 1500);
                });
            </script>
         
            <div id="welcome-popup" class="white-popup mfp-hide" style="background: #fff; padding: 26px; max-width: 800px; margin: 20px auto; position: relative; border-radius: 4px;">
                <h4 style="padding-bottom: 10px;">Les Stages d'&eacute;t&eacute; sont de retour, inscrivez-vous vite !</h4> 
                <a href="https://www.ycpr.net/les-inscriptions-pour-les-stages-d-ete-sont-ouvertes-a1626.html" target="_blank"><img src="/upload/popup/-095246-3.jpg" alt="Les Stages d'&eacute;t&eacute; sont de retour, inscrivez-vous vite !" style="border:3px solid #fff;" /></a>
        </div>
    
</body>
</html>