CINXE.COM
Les Rencontres : Soune Serre, porteuse de flamme olympique - Construction Cayola
<!DOCTYPE HTML> <html lang="fr"> <head> <title>Les Rencontres : Soune Serre, porteuse de flamme olympique - Construction Cayola</title> <script type="application/ld+json"> { "@context":"https://schema.org", "@type":"NewsArticle", "mainEntityOfPage":{"@type":"WebPage","@id":"https://www.constructioncayola.com/rail/article/2024/07/26/149684/les-rencontres-soune-serre-porteuse-flamme-olympique"}, "headline":"Les Rencontres : Soune Serre, porteuse de flamme olympique", "datePublished":"2024-07-26T08:30:00+02:00", "description":"Responsable communication pour SNCF R\u00e9seau, Soune Serre est \u00e9galement une femme engag\u00e9e qui a port\u00e9 la flamme Olympique pour les enfants de l\u2019orphelinat \u00ab la maison du bonheur \u00bb. T\u00e9moignage.", "author":[{"@type":"Person","name":"Fr\u00e9d\u00e9ric Burgui\u00e8re"}] , "image":{"@type":"ImageObject", "url":"https://www.constructioncayola.com/e-docs/00/02/48/B4/les-rencontres-soune-serre-porteuse-flamme-olympique_620x350.jpg"} } </script> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width"> <meta name="description" content="Responsable communication pour SNCF R茅seau, Soune Serre est 茅galement une femme engag茅e qui a port茅 la flamme Olympique pour les enfants de l鈥檕rphelinat 芦 la maison du bonheur 禄. T茅moignage."> <link rel="canonical" href="https://www.constructioncayola.com/rail/article/2024/07/26/149684/les-rencontres-soune-serre-porteuse-flamme-olympique"/> <meta name="twitter:domain" content="constructioncayola.com"> <meta name="twitter:site" content="ConstructionCay"> <meta name="twitter:creator" content="ConstructionCay"> <meta name="twitter:card" content="summary_large_image"> <meta property="og:url" content="https://www.constructioncayola.com/rail/article/2024/07/26/149684/les-rencontres-soune-serre-porteuse-flamme-olympique"> <meta property="og:title" content="Les Rencontres : Soune Serre, porteuse de flamme olympique"> <meta property="og:description" content="Responsable communication pour SNCF R茅seau, Soune Serre est 茅galement une femme engag茅e qui a port茅 la flamme Olympique pour les enfants de l鈥檕rphelinat 芦 la maison du bonheur 禄. T茅moignage."> <meta property="og:image" content="https://www.constructioncayola.com/e-docs/00/02/48/B4/les-rencontres-soune-serre-porteuse-flamme-olympique_620x350.jpg"> <link rel="icon" href="/images/favicon/favicon_cc.png"> <style> a { text-decoration:none; color:#000000; outline:none; } body { margin:0; padding:0; } .bg-fond-blanc { height: 100%; left:0; position:fixed; top: 0; width: 100%; z-index:998; background-color:#ffffff; } .bouton { padding:15px 25px; display:inline-block; color:#ffffff; background:#e30a17; cursor:pointer; border:none; font-size:15px; border-radius:2px; background:border 0.2s; } .bouton:hover { background:#CC0000; } .bouton-light { padding:15px 25px; display:inline-block; cursor:pointer; border:1px solid #cccccc; border-radius:2px; font-size:15px; transition:border 0.2s; } .bouton-light:hover { border:1px solid #e30a17; } .centre-conteneur { max-width:620px; margin:0 auto; width:90%; } .espace { height:20px; } .espace-5 { height:5px; } .espace-10 { height:10px; } .espace-20 { height:20px; } .espace-30 { height:30px; } .espace-40 { height:40px; } input[type='checkbox'] { width:15px; height:15px; } input[type='text'] { font-size:17px; padding:20px; background-color:#F9FBFB; border:none; border-bottom:1px solid #37474F; width:100%; box-sizing: border-box; outline: none; font-family: "Montserrat", sans-serif; color:#17181e; font-weight:500; } input[type='password'] { font-size:17px; padding:20px; border:none; width:100%; box-sizing: border-box; outline: none; background-color:#F9FBFB; border-bottom:1px solid #37474F; font-family: "Montserrat", sans-serif; color:#17181e; font-weight:500; } input[type='submit'] { border:none; cursor:pointer; font-family: "Montserrat", sans-serif; } select { font-family: "Montserrat", sans-serif; color:#17181e; padding:20px; background-color:#F9FBFB; border:none; border-bottom:1px solid #37474F; font-weight:500; width:100%; box-sizing: border-box; font-size:17px; } .separateur { height:1px; background-color:#dadde9; margin:20px 0; } .separateur-5 { height:1px; background-color:#cccccc; margin:5px 0; } .separateur-10 { height:1px; background-color:#dadde9; margin:10px 0; } .separateur-40 { height:1px; background-color:#dadde9; margin:40px 0; } @media screen and (min-width:1000px) { } @font-face { font-family:Montserrat; src:url(/images/fonts/Montserrat/static/Montserrat-Regular.ttf) format("truetype"); } @font-face { font-family:Montserrat; font-weight:900; src:url(/images/fonts/Montserrat/static/Montserrat-ExtraBold.ttf) format("truetype"); } @font-face { font-family:Montserrat; font-weight:700; src:url(/images/fonts/Montserrat/static/Montserrat-Bold.ttf) format("truetype"); } @font-face { font-family:Montserrat; font-weight:500; src:url(/images/fonts/Montserrat/static/Montserrat-SemiBold.ttf) format("truetype"); } @font-face { font-family:Montserrat; font-weight:400; src:url(/images/fonts/Montserrat/static/Montserrat-Medium.ttf) format("truetype"); } a { color:#17181e; } .a-liste-grid { display:grid; grid-template-columns:repeat(1); grid-template-columns:1fr; gap:5px 20px; align-items:center; } body { font-family: "Montserrat", sans-serif; color:#17181e; } .color { color:#e30a17; } .bouton-noir { background-color:#1c1c1c; font-weight:700; transition: all .2s ease-out; } .bouton-light-sombre-conteneur { transition: all .2s ease-out; border:1px solid #17181e; } .bouton-light-sombre-conteneur:hover { border:1px solid #ffffff; } .bouton-light-sombre { font-weight:700; color:#ffffff; border:1px solid #ffffff; padding:10px 20px; font-size:12px; } .bouton-navigation { padding:15px 35px; font-size:0px; display:inline-block; color:#ffffff; background:#e30a17; cursor:pointer; border:none; border-radius:2px; transition: all .2s ease-out; } .bouton-navigation:hover { background:#CC0000; } .colonne-separateur { border-top:1px solid #cccccc; padding-top:20px; margin-top:20px; } .colonne-droite { max-width:620px; } .colonne-gauche { max-width:620px; } #conteneurIdentification { display:none; position:fixed; z-index:2001; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color:#ffffff; width:90%; max-width:500px; border-radius:10px; } #contenuMarqueConteneur { padding:30px; background-color:#171717; } #contenuMarqueSousConteneur { display:flex; gap:20px; flex-direction:column; justify-content:center; align-items:center; text-align:center; } .contenu-marque-picto { font-size:10px; font-weight:900; border-top:1px solid #e30a17; border-bottom:1px solid #e30a17; padding:3px 5px; display:inline-block; } .contenu-marque-picto::before { content: "CONTENU DE MARQUE"; } #entete { position:fixed; top:0; width:100%; z-index:800; background: linear-gradient(90deg, #1c1c1c 50%, #ffffff 50%); border-bottom:1px solid #efefef; } #enteteLarge { display:none; } #fondIdentification { height: 100%; width: 100%; background: rgba(0, 0, 0, 0.9); display:none; position:fixed; top:0; z-index:2000; align-items:center; justify-content:center; } #fondMenu { height: 100%; width: 100%; z-index:10; background: rgba(0, 0, 0, 0.8); display:none; position:absolute; top:62px; } .footer-conteneur { width:90%; max-width:1200px; margin:0 auto; padding:40px 0; display:flex; flex-wrap:wrap; gap:50px; justify-content: space-between; align-items:center; } .footer-lien { color:#ffffff; transition: all .2s ease-out; font-size:13px; font-weight:500; } .footer-lien:hover { color:#dddddd; } .img-logo { aspect-ratio:500/150; max-width:174px; width:100%; height:auto; } .img-logo-footer { aspect-ratio:500/150; max-width:154px; width:100%; height:auto; } .img-logo-large { aspect-ratio:500/150; max-width:154px; width:100%; height:auto; } .img-navigation { width:15px; height:24px; } #imgSAbonner { display:none; } #imgSeConnecter { display:none; } .les-plus { font-size:13px; line-height:20px; font-weight:500; padding:0 20px; display:flex; gap:10px 15px; align-items:center; } .les-plus-conteneur-colonne { background-color:#F4F5FA; } .les-plus-grid { display:grid; gap:10px 20px; grid-template-columns:repeat(1, minmax(0, 1fr)); } .les-plus-grid > a { border-bottom:1px solid #bbbbbb; padding:10px 0 20px 0; } .les-plus-titre-section { font-weight:900; font-size:22px; } .lien { transition: all .2s ease-out; } .lien:hover { color:#CC0000; } .lien img.img-principale { aspect-ratio:1000/564; transition: all .2s ease-out; -ms-transform: scale(1.01); -webkit-transform: scale(1.01); transform: scale(1.01); } .lien:hover img.img-principale { -ms-transform: scale(1.03); -webkit-transform: scale(1.03); transform: scale(1.03); } .lien-ariane { color:#B2B2B2; } .liste-img { max-width:620px; overflow:hidden; } #menu { left:-600px; position:absolute; top:62px; z-index:501; overflow-y:scroll; height:calc(100vh - 90px); max-width:412px; padding:0 2% 40px 0; width:80%; background-color:#1c1c1c; } #menuFond { height: 100%; width: 100%; z-index:500; background: rgba(0, 0, 0, 0.8); display:none; position:absolute; top:50px; } #menuLarge { display:flex; gap:6%; align-items:center; justify-content:center; padding:15px 0; } .menu-rubriques { font-weight:900; font-size:20px; } #menuRubriques { display:flex; flex-direction:column; gap:50px; padding-left:50px; } #newslettersConteneurFooter { padding:30px; display:flex; justify-content:center; background-color: rgba(0, 0, 0, 0.6); color:#ffffff; } #newslettersFondFooter{ background-image: url('/images/fonds/fond_newsletters_deux_src_ok_cc.png'); background-repeat:no-repeat; background-size:cover; } .picto-article-abonne-les-plus { float:left; width:14px; height:13px; margin-right:7px; margin-top:2px; } .picto-article-abonne-liste { float:left; width:14px; height:13px; margin-right:10px; margin-top:4px; } .picto-article-abonne-unes { float:left; width:15px; height:14px; margin-right:8px; margin-top:2px; } #pubFermeInterstitiel { position:fixed; top: 0px; right: 0px; cursor:pointer; font-size:40px; color:#ffffff; z-index:1100; margin-right:20px; } #pubFondInterstitiel { display:block; height: 100%; left:0; position:fixed; top: 0; width: 100%; z-index:998; background: rgba(0, 0, 0, 0.8); } #pubHalf, #pubHalfDeux { width:300px; height:600px; background-color:#efefef; margin:0 auto; } #pubHalfImg, #pubHalfDeuxImg { aspect-ratio:300/600; } #pubHaut, #pubHautDeux { font-size:0px; max-width:600px; width:90%; margin:82px auto 20px auto; aspect-ratio: 600/250; background-color:#efefef; } #pubHautDeux { margin:20px auto; } #pubHautImg, #pubHautDeuxImg { width:100%; } #pubHautLarge { display:none; } #pubHautLargeDeux { display:none; } .pub-half-colonne { margin:20px auto 0 auto !important; } #pubInterstitielImg { width:400px; height:600px; width:100%; height:auto; max-width:400px; } .titre-un { font-size:25px; font-weight:900; line-height:32px; } .titre-deux { font-size:15px; font-weight:900; line-height:21px; } .titre-trois { font-size:14px; font-weight:700; line-height:19px; } .titre-quatre { font-size:17px; font-weight:900; line-height:27px; } .titre-un-picto { float:left; width:19px; height:18px; margin:6px 8px 0 0; } .titre-deux-picto { float:left; width:14px; height:13px; margin:2px 7px 0 0; } .titre-trois-picto { float:left; width:12px; height:11px; margin:0 6px 0 0; } .titre-quatre-picto { float:left; width:14px; height:13px; margin:5px 9px 0 0; } .titre-section { flex:1; display:flex; align-items:center; gap:10px; justify-content:center; } .titre-section-img { aspect-ratio:89/109; width:20px; height:auto; } .titre-section-txt { font-size:25px; font-weight:900; } @media screen and (min-width:1000px) { .a-liste-grid { grid-template-columns:repeat(2); grid-template-columns:1fr 2fr; gap:20px; } #boutonHeaderSeConnecter, #boutonHeaderSAbonner { background-color:#171717; display:flex; align-items:center; height:100%; color:#ffffff; font-size:12px; font-weight:700; flex:1; white-space: nowrap; justify-content:center; padding-right:5%; gap:10px; } #boutonHeaderSAbonner { background-color:#e30a17; } .centre-conteneur { background-color:#ffffff; max-width:1234px; border-left:1px solid #dadde9; border-right:1px solid #dadde9; padding:10px 20px; } .colonnes-conteneur { display:grid; grid-template-columns:repeat(2, minmax(min-content, max-content)); gap:30px; justify-content: space-between; } .colonne-droite { width:300px; } .colonne-gauche { max-width:none; } #contenuMarqueSousConteneur { flex-direction:row; justify-content:normal; align-items:center; text-align:left; } .display-none { display:none; } #entete { display:none; } #enteteLarge { display:block; position:fixed; top:0; width:100%; z-index:800; background-color:#ffffff; border-bottom:1px solid #efefef; } .footer-grid { grid-template-columns:repeat(4, minmax(0, 1fr)); } .les-plus-grid { grid-template-columns:repeat(3, minmax(0, 1fr)); } .les-plus-grid > a { font-size:15px; } .liste-img { max-width:300px; } .menu-bouton-large { font-weight:900; transition: all .2s ease-out; cursor:pointer; } .menu-bouton-large:hover { color:#CC0000; } #newslettersConteneurFooter { background-color:rgba(255, 255, 255, 0); color:#171717; } #newslettersFondFooter { display:flex; max-width:1274px; width:90%; margin:0 auto; background-image: url('/images/fonds/fond_newsletters_deux_src_ok_cc.png'); background-repeat:no-repeat; justify-content:center; } #newslettersFondFooter > div { flex:1; } #pubFermeInterstitiel { font-size:60px; } #pubHalf, #pubHalfDeux { flex: 0 0 300px; /* position:sticky; top:120px; */ margin:0; } .pub-half-colonne { margin:0 !important; } #pubHaut { display:none; } #pubHautDeux { display:none; } #pubHautLarge, #pubHautLargeDeux { display:block; max-width:970px; margin:0 auto 20px auto; width:90%; text-align:center; overflow:hidden; font-size:0px; aspect-ratio: 970/250; background-color:#efefef; margin-top:140px; } #pubHautLargeDeux { margin-top:20px; } #pubHautLargeImg, #pubHautLargeDeuxImg { width:100%; } #pubInterstitielImg { width:900px; height:500px; width:100%; height:auto; max-width:900px; } .titre-un { font-size:30px; line-height:40px; } .titre-un-picto { width:23px; height:22px; margin:8px 10px 0 0; } .titre-section { justify-content:normal; } .video-flex { flex-direction:row; gap:30px; } .video-titre { font-size:22px; line-height:29px; } .video-chapo { font-size:15px; line-height:22px; } } @media screen and (min-width:1200px) { .img-logo-large { max-width:184px; } #imgSAbonner { display:block; } #imgSeConnecter { display:block; } } </style> <script async src="https://www.googletagmanager.com/gtag/js?id=G-VRJB3TPP7V"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-VRJB3TPP7V', { 'allow_google_signals': false, 'allow_ad_personalization_signals': false }); </script> </head> <body> <div id="consentementConteneur" style="position:fixed; width:100%; z-index:100000; bottom:0; left:0; background-color:#171717; color:#ffffff;"> <div style="padding:50px 30px;"> <div> Certaines fonctionnalit茅s de ce site reposent sur l鈥檜sage de cookies. </div> <div class="espace-20"> </div> <div> Les services de mesure d'audience sont n茅cessaires au fonctionnement du site en permettant sa bonne administration. </div> <div class="espace-20"> </div> <div style="display:flex; gap:10px; align-items:center; flex-wrap:wrap;"> <div onclick="consentGrantedAdStorage()" class="bouton"> ACCEPTER TOUS LES COOKIES </div> <div onclick="nonConsentGrantedAdStorage()" class="bouton"> LES COOKIES N脡CESSAIRES SEULEMENT </div> </div> </div> </div> <script> consentementConteneur = document.getElementById('consentementConteneur'); function consentGrantedAdStorage() { gtag('consent', 'update', { 'analytics_storage': 'granted' }); const dateDuJour = new Date(); dateDuJour.setFullYear(dateDuJour.getFullYear() + 1); document.cookie = "consentReponseDonnee=oui; expires=" + dateDuJour + "; path=/"; window.location.reload(); } function nonConsentGrantedAdStorage() { const dateDuJour = new Date(); dateDuJour.setFullYear(dateDuJour.getFullYear() + 1); document.cookie = "consentReponseDonnee=non; expires=" + dateDuJour + "; path=/"; window.location.reload(); } </script> <div id="fondMenu" onclick="afficherMenu()"> </div> <div id="menu"> <div> <div class="espace-40"> </div> <form action="/recherche/" method="get" name="form-recherche-entete" style="display:flex; background-color:#ffffff; align-items:center; width:90%; margin:0 auto; padding:10px 0;"> <div style="font-size:0px; padding-left:10px;"> <img alt="" style="width:15px; height:17px;" src="/images/pictos/loupe_noire.png"> </div> <input type="text" placeholder="Rechercher" name="q" style="background-color:#ffffff; font-size:15px; padding:10px 5px; border:none;"> </form> <div style="height:50px;"> </div> <div id="menuRubriques"> <a href="/accueil/page_speciale.php?evenement=tdm2024" style="color:#ffffff;"> <div class="menu-rubriques"> TDM 2024 </div> </a> <a href="/" style="color:#ffffff;"> <div class="menu-rubriques"> 脌 LA UNE </div> </a> <a href="/actualites/" style="color:#ffffff;"> <div class="menu-rubriques"> ACTUALIT脡S </div> </a> <a href="/abo/inscription-gratuite.php" style="color:#ffffff;"> <div class="menu-rubriques"> NEWSLETTERS </div> </a> <a href="/evenements/" style="color:#ffffff;"> <div class="menu-rubriques"> 脡V脡NEMENTS </div> </a> <a href="/videos/" style="color:#ffffff;"> <div class="menu-rubriques"> VID脡OS </div> </a> <a href="/podcasts/" style="color:#ffffff;"> <div class="menu-rubriques"> PODCASTS </div> </a> <a href="/abo/kiosque.php" style="color:#ffffff;"> <div class="menu-rubriques"> MAGAZINES </div> </a> <a href="/abo/contact.php" style="color:#ffffff;"> <div class="menu-rubriques"> CONTACT </div> </a> </div> <div style="height:80px;"> </div> <a href="/abo/espace.php" style="display:flex; justify-content:center;"> <div class="bouton-light" style="width:75%;"> <div style="display:flex; gap:10px; align-items:center; justify-content:center;"> <div style="font-size:0px;"> <img alt="" style="aspect-ratio:24/24;" src="/images/pictos/user_blanc.png"> </div> <div style="color:#ffffff;"> SE CONNECTER </div> </div> </div> </a> <div class="espace"> </div> <a href="/abo/abonnements.php" style="display:flex; justify-content:center;"> <div class="bouton abonnements-bouton" style="width:75%;"> <div style="display:flex; gap:10px; align-items:center; justify-content:center;"> <div style="font-size:0px;"> <img alt="" style="aspect-ratio:22/22;" src="/images/pictos/shop_blanc.png"> </div> <div> S'ABONNER </div> </div> </div> </a> <div class="espace-40"> </div> </div> </div> <div id="entete"> <div style="max-width:620px; width:90%; margin:0 auto;"> <div style="display:flex; align-items:center; "> <div style="flex:1; background-color:#ffffff;"> <div style="display:flex; max-width:100px;"> <div style="background-color:#1c1c1c; display:flex; align-items:center;"> <img onclick="afficherMenu()" id="imgMenuCroix" style="display:none;" alt="" style="width:44px; height:22px;" src="/images/pictos/croix_blanc.png"> <img onclick="afficherMenu()" id="imgMenuBurger" alt="" style="width:44px; height:22px;" src="/images/pictos/burger_blanc.png"> </div> <div style="font-size:0px; display:flex; justify-content:end; flex:1; background-color:#1c1c1c;"> <div style="font-size:0px; height:62px;"> <img alt="" style="aspect-ration:52/62; height:62px;" src="/images/pictos/inclinaison_1_src_ok_cc.png"> </div> </div> </div> </div> <div style="flex:1; text-align:center; font-size:0px; background-color:#ffffff; height:62px; display:flex; align-items:center;"> <a href="/"> <img alt="" class="img-logo" src="/images/logos/logo_cc_12.png"> </a> </div> <div style="flex:1; justify-content:end; font-size:0px; background-color:#ffffff; height:62px; display:flex; align-items:center;"> <a href="/abo/espace.php"> <img alt="" style="width:24px; height:24px;" src="/images/pictos/user_noir.png"> </a> </div> </div> </div> </div> <div id="enteteLarge"> <div style="display:flex; height:70px;"> <div style=" flex:1; display:flex; align-items:center; justify-content:space-between;"> <div style=" display:flex; align-items:center; background-color:#1c1c1c; height:100%; flex:1; padding:0px 50px; gap:20px;"> <a target="_blank" href="https://www.linkedin.com/showcase/constructioncayola/"> <img alt="" class="lazy" style="width:22px; height:22px;" src="/images/pixel_transparent.gif" data-src="/images/pictos/linkedin_blanc.png"> </a> <a target="_blank" href="https://www.youtube.com/@CayolaMedias"> <img alt="" class="lazy" style="width:26px; height:18px;" src="/images/pixel_transparent.gif" data-src="/images/pictos/youtube_blanc.png"> </a> <a target="_blank" href="https://open.spotify.com/show/2CBevUHiu16gHUz9QsMAIl"> <img alt="" class="lazy" style="width:25px; height:25px;" src="/images/pixel_transparent.gif" data-src="/images/pictos/spotify_blanc.png"> </a> <a target="_blank" href="https://www.facebook.com/construction.cayola"> <img alt="" class="lazy" style="width:25px; height:24px;" src="/images/pixel_transparent.gif" data-src="/images/pictos/facebook_blanc.png"> </a> <a target="_blank" href="https://twitter.com/ConstructionCay"> <img alt="" class="lazy" style="width:23px; height:21px;" src="/images/pixel_transparent.gif" data-src="/images/pictos/twitter_blanc.png"> </a> <a href="/recherche/"> <img alt="" style="width:24px; height:24px;" class="lazy" src="/images/pixel_transparent.gif" data-src="/images/pictos/loupe_blanc.png"> </a> </div> <div style="font-size:0px; height:100%;"> <img alt="" style="aspect-ratio:89/109; height:100%;" src="/images/pictos/inclinaison_1_src_ok_cc.png"> </div> </div> <a href="/"> <div style="flex:1; display:flex; align-items:center; font-size:0px; height:100%; padding:0 60px;"> <img alt="" class="img-logo-large" src="/images/logos/logo_cc_12.png"> </div> </a> <div style="background-color:#e30a17; flex:1; display:flex; align-items:center;"> <div style="flex:1; display:flex; height:100%; justify-content:space-between;"> <div style=" font-size:0px; height:100%; width:100%; max-width:57px;"> <img alt="" style="aspect-ratio:89/109; height:100%;" src="/images/pictos/inclinaison_2_src_ok_cc.png"> </div> <div id="boutonHeaderSeConnecter"> <a href="/abo/espace.php" style="color:#ffffff;"> <div id="imgSeConnecter" style="font-size:0px;"> <img alt="" style="aspect-ratio:24/24;" src="/images/pictos/user_blanc.png"> </div> </a> <a href="/abo/espace.php" style="color:#ffffff;"> <div> SE CONNECTER </div> </a> </div> </div> <div style="flex:1; display:flex; height:100%;"> <div style=" font-size:0px; height:100%; width:100%; max-width:57px;"> <img alt="" style="aspect-ratio:89/109; height:100%;" src="/images/pictos/inclinaison_3_src_ok_cc.png"> </div> <div id="boutonHeaderSAbonner"> <a href="/abo/abonnements.php" style="color:#ffffff;"> <div id="imgSAbonner" style="font-size:0px;"> <img alt="" style="aspect-ratio:22/22;" src="/images/pictos/shop_blanc.png"> </div> </a> <a href="/abo/abonnements.php" style="color:#ffffff;"> <div> S'ABONNER </div> </a> </div> </div> </div> </div> <div id="menuLarge"> <a href="/accueil/page_speciale.php?evenement=tdm2024"> <div class="menu-bouton-large" style="text-align:center;"> <div style="font-size:9px; font-weight:normal; background-color:#e30a17; color:#ffffff;">PAGES SP脡CIALES</div> TDM 2024 </div> </a> <a href="/actualites/"> <div class="menu-bouton-large"> ACTUALIT脡S </div> </a> <a href="/abo/inscription-gratuite.php"> <div class="menu-bouton-large"> NEWSLETTERS </div> </a> <a href="/evenements/"> <div class="menu-bouton-large"> 脡V脡NEMENTS </div> </a> <a href="/videos/"> <div class="menu-bouton-large"> VID脡OS </div> </a> <a href="/podcasts/"> <div class="menu-bouton-large"> PODCASTS </div> </a> </div> </div> <div id="pubHaut"> <a id="pubHautA" target="_blank"> <img alt="" id="pubHautImg"> </a> </div> <div id="pubHautLarge"> <a id="pubHautLargeA" target="_blank"> <img alt="" id="pubHautLargeImg"> </a> </div> <style> .article-titre { font-size:28px; line-height:35px; text-align:center; font-weight:900; } .article-services { margin:10px 0; display:flex; align-items:center; justify-content:center; gap:10px; flex-wrap:wrap; } #pubHalf { margin:20px auto; } #divQdPasImg { display:none; } #divTexteArticle { line-height:25px; color:#000000; font-weight:400; } #divTexteArticle a { color:#e30a17; text-decoration:underline; text-underline-offset:5px; font-weight:700; } #divTexteArticle a:hover { color:#CC0000; } #pourLireLIntegralite { display:none; } .suggestions-grid { display:grid; grid-template-columns:repeat(1, 1fr); gap:20px; } @media screen and (min-width:1000px) { .article-titre { font-size:38px; line-height:45px; text-align:left; } .article-services { justify-content:left; } .colonnes-conteneur-flex { display:flex; gap:80px; } .colonne-gauche-article { flex:0 0 300px; } #divQdPasImg { justify-content:space-between; background-color:#efefef; display:flex; gap:20px; align-items:center; padding:80px 20px; } #pourLireLIntegralite { display:block; } #pubHalf { margin:0px; } .suggestions-grid { grid-template-columns:repeat(4, 1fr); gap:20px; } } </style> <div id="fondIdentification" class="conteneur-panneau-identification" onClick="fermerIdentification();"> </div> <div id="conteneurIdentification"> <div style="padding:0 30px 40px 30px; width:100%;"> <div style="text-align:right; padding:20px 0 0 0;"> <div style="cursor:pointer; font-size:20px; display:inline-block;" onClick="fermerIdentification();"> ✕ </div> </div> <div class="espace-20"> </div> <div style="display:flex; align-items:center; gap:10px;"> <div style="font-size:0px;"> <img src="/images/pictos/inclinaison_4_src_ok_cc.png" style="width:20px; height:24px;"> </div> <div style="font-weight:900; font-size:30px;"> CONNEXION </div> </div> <div class="espace-20"> </div> <form> <input type="text" name="identifiant" placeholder="Identifiant (courriel)"> <div class="espace-20"> </div> <div id="divPasswordIdentification" style="display:flex; align-items:center; gap:10px;"> <div style="flex:1;"> <input id="inputPassword" type="password" name="password" placeholder="Mot de passe"> </div> <div style="font-size:0px; cursor:pointer;" onclick="afficheMotDePasse();"> <img id="imgOeil" style="aspect-ratio:48/31; width:30px;" alt="" src="/images/pictos/oeil_barre.png"> </div> </div> </form> <div class="espace-20"> </div> <span id="spanOkIdentification" data-typeIdentification="" class="bouton" onClick="actionIdentification();">Valider</span> <div class="espace-40"> </div> <div class="espace-20"> </div> <a target="_blank" rel="nofollow" href="/abo/identifiants.php" style="text-decoration:underline; font-weight:bold; font-size:12px;">Mot de passe oubli茅 ?</a> <div class="espace-40"> </div> </div> </div> <div class="centre-conteneur"> <div style="color:#B2B2B2; font-size:12px;"> <a class="lien lien-ariane" href="/">Accueil</a> > <a class="lien lien-ariane" href="/actualites/">Actualit茅s</a> > <a class="lien lien-ariane" href="/rail/">Rail</a> > <span style="font-weight:500; color:#17181e;">Les Rencontres : Soune Serre, porteuse de flamme olympique</span> </div> <div class="espace"> </div> <a style="font-weight:500;" class="lien" href="/rail/"> <div class="titre-section"> <img class="titre-section-img" alt="" src="/images/pictos/inclinaison_4_src_ok_cc.png"> <div class="titre-section-txt"> RAIL </div> </div> </a> <header style="margin:0 auto;"> <div> <h1 class="article-titre">Les Rencontres : Soune Serre, porteuse de flamme olympique</h1> </div> </header> <div class="colonnes-conteneur-flex"> <div class="colonne-gauche-article"> <div style="font-weight:900;"> PUBLI脡 LE 26 JUILLET 2024 </div> <div class="espace"> </div> <div style="padding:10px; border-left:1px solid #e30a17; color:#e30a17; font-weight:900;"> FR脡D脡RIC BURGUI脠RE </div> <div class="separateur"> </div> <div> <div title="Archiver" onclick="sauvArticle();" style="display:flex; align-items:center; gap:10px; cursor:pointer;"> <div style="vertical-align:middle; font-size:0px; display:inline-block;"> <img alt="" width="16" height="16" src="/images/pictos/archiver_noir.png"> </div> <div style="font-size:12px; font-weight:500;"> Archiver cet article </div> </div> <div id="divInvitSlide" style="display:none; background-color:#efefef; padding:10px; font-size:13px; margin-top:10px;"> <b>Archiver cet article dans votre compte.</b> <br><br> Ce service requiert une <a target="_blank" rel="nofollow" href="/abo/inscription-gratuite.php?a_s_p_a=oui&n=n&r=rail&urlr=L3JhaWwvYXJ0aWNsZS8yMDI0LzA3LzI2LzE0OTY4NC9sZXMtcmVuY29udHJlcy1zb3VuZS1zZXJyZS1wb3J0ZXVzZS1mbGFtbWUtb2x5bXBpcXVl" style="text-decoration:underline; font-weight:bold; color:#e30a17;">inscription gratuite</a>.<br><br>Abonn茅(e) ou d茅j脿 inscrit(e) ? <span style="cursor:pointer;" onClick="ouvrirIdentification();"><u>S'identifier</u></span> </div> <div id="divSauvSlide" style="display:none; background-color:#efefef; padding:10px; font-size:13px; margin-top:10px;"> L'article est enregistr茅 dans <a target="_blank" href="/abo/espace.php" style="text-decoration:underline; font-weight:bold; color:#e30a17">votre liste</a>. </div> </div> <div class="separateur"> </div> <div class="article-services"> <div style="display:flex; align-items:center; gap:10px;"> <div style=" flex:1; display:flex; gap:10px; align-items:center; margin-bottom:20px;"> <img alt="" class="lazy" style="width:30px; height:30px; cursor:pointer;" src="/images/pixel_transparent.gif" data-src="/images/pictos/linkedin_noir.png" onclick="partagerLinkedIn();"> <img alt="" class="lazy" style="width:30px; height:30px; cursor:pointer;" src="/images/pixel_transparent.gif" data-src="/images/pictos/facebook_noir.png" onclick="partagerFacebook();"> <img alt="" class="lazy" style="width:30px; height:30px; cursor:pointer;" src="/images/pixel_transparent.gif" data-src="/images/pictos/twitter_noir.png" onclick="partagerTwitter();"> <a href="mailto:?subject=Les Rencontres : Soune Serre, porteuse de flamme olympique&body=Responsable communication pour SNCF R茅seau, Soune Serre est 茅galement une femme engag茅e qui a port茅 la flamme Olympique pour les enfants de l鈥檕rphelinat 芦 la maison du bonheur 禄. T茅moignage.%0A%0A https://www.constructioncayola.com/rail/article/2024/07/26/149684/les-rencontres-soune-serre-porteuse-flamme-olympique%0A%0A Source : Construction Cayola%0A%0A"> <div style="font-size:0px;"> <img alt="" class="lazy" style="width:30px; height:30px;" src="/images/pixel_transparent.gif" data-src="/images/pictos/mail_noir.png"> </div> </a> <a href="/accueil/services/impression.php?m=cc&c=149684" rel="nofollow" target="_blank"> <div style="font-size:0px;"> <img alt="" class="lazy" style="width:25px; height:25px;" src="/images/pixel_transparent.gif" data-src="/images/reseaux_sociaux/printx32.png" /> </div> </a> </div> </div> </div> </div> <div style="flex:1;"> <iframe style="border-radius:12px; width:100%; height:250px;" src="https://open.spotify.com/embed/episode/0qkM1nEGV8nLN7L4obt2CS?si=0e4394e1f5544577" frameBorder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy"></iframe> </div> </div> <div class="espace"> </div> <div class="colonnes-conteneur-flex"> <div id="pubHalf"> <a id="pubHalfA" target="_blank"> <img alt="" id="pubHalfImg"> </a> </div> <div style="flex:1;"> <div id="divTexteArticle"> <article><strong>Responsable communication pour SNCF Réseau, Soune Serre est également une femme engagée qui a porté la flamme Olympique pour les enfants de l’orphelinat « la maison du bonheur ». Témoignage.</strong></article> </div> <div style="margin:40px 0; display:flex; gap:10px; align-items:center; justify-content:end; "> <div style="font-weight:900;"> PARTAGEZ </div> <img alt="" class="lazy" style="width:30px; height:30px; cursor:pointer;" src="/images/pixel_transparent.gif" data-src="/images/pictos/linkedin_noir.png" onclick="partagerLinkedIn();"> <img alt="" class="lazy" style="width:30px; height:30px; cursor:pointer;" src="/images/pixel_transparent.gif" data-src="/images/pictos/facebook_noir.png" onclick="partagerFacebook();"> <img alt="" class="lazy" style="width:30px; height:30px; cursor:pointer;" src="/images/pixel_transparent.gif" data-src="/images/pictos/twitter_noir.png" onclick="partagerTwitter();"> <a href="mailto:?subject=Les Rencontres : Soune Serre, porteuse de flamme olympique&body=Responsable communication pour SNCF R茅seau, Soune Serre est 茅galement une femme engag茅e qui a port茅 la flamme Olympique pour les enfants de l鈥檕rphelinat 芦 la maison du bonheur 禄. T茅moignage.%0A%0A https://www.constructioncayola.com/rail/article/2024/07/26/149684/les-rencontres-soune-serre-porteuse-flamme-olympique%0A%0A Source : Construction Cayola%0A%0A"> <div style="font-size:0px;"> <img alt="" class="lazy" style="width:30px; height:30px;" src="/images/pixel_transparent.gif" data-src="/images/pictos/mail_noir.png"> </div> </a> </div> </div> </div> <div class="separateur"> </div> <div class="titre-section"> <img class="titre-section-img" alt="" src="/images/pictos/inclinaison_4_src_ok_cc.png"> <div class="titre-section-txt"> À LIRE 脡GALEMENT </div> </div> <div class="separateur"> </div> <div class="suggestions-grid"> <a class="lien" href="/rail/article/2024/07/26/149565/special-jop-transporter-15-millions-voyageurs" style="border-bottom:1px solid #cccccc; padding-bottom:20px;"> <div style="overflow:hidden; font-size:0px;"> <img style="aspect-ratio:620/350; width:100%; height:auto;" class="lazy img-principale" src="/images/pixel_transparent.gif" data-src="/e-docs/00/02/48/3D/special-jop-transporter-15-millions-voyageurs_620x350.jpg" alt="[Sp茅cial JOP] Transporter 15 millions de voyageurs 聽"> </div> <div class="espace-10"> </div> <div> <div class="titre-deux-picto"> <img alt="" class="lazy" style="aspect-ratio:24/23; width:100%; height:auto;" src="/images/pixel_transparent.gif" data-src="/images/pictos/article_abonne_cc.png"> </div> <div class="titre-deux">[Sp茅cial JOP] Transporter 15 millions de voyageurs 聽</div> </div> </a> <a class="lien" href="/rail/article/2024/10/18/150435/eric-balincourt-prend-direction-systra-france" style="border-bottom:1px solid #cccccc; padding-bottom:20px;"> <div style="overflow:hidden; font-size:0px;"> <img style="aspect-ratio:620/350; width:100%; height:auto;" class="lazy img-principale" src="/images/pixel_transparent.gif" data-src="/e-docs/00/02/4B/A3/eric-balincourt-prend-direction-systra-france_620x350.jpg" alt="Eric de Balincourt prend la direction de SYSTRA France"> </div> <div class="espace-10"> </div> <div> <div class="titre-deux">Eric de Balincourt prend la direction de SYSTRA France</div> </div> </a> <a class="lien" href="/rail/article/2024/09/16/150031/soniq-rail-explorer-passe-t2-aux-ultrasons" style="border-bottom:1px solid #cccccc; padding-bottom:20px;"> <div style="overflow:hidden; font-size:0px;"> <img style="aspect-ratio:620/350; width:100%; height:auto;" class="lazy img-principale" src="/images/pixel_transparent.gif" data-src="/e-docs/00/02/4A/0F/soniq-rail-explorer-passe-t2-aux-ultrasons_620x350.jpg" alt="Le SoniQ Rail Explorer passe le T2 aux ultrasons"> </div> <div class="espace-10"> </div> <div> <div class="titre-deux-picto"> <img alt="" class="lazy" style="aspect-ratio:24/23; width:100%; height:auto;" src="/images/pixel_transparent.gif" data-src="/images/pictos/article_abonne_cc.png"> </div> <div class="titre-deux">Le SoniQ Rail Explorer passe le T2 aux ultrasons</div> </div> </a> <a class="lien" href="/rail/article/2024/10/01/150255/arcadis-concoit-les-amenagements-urbains-qui-accueilleront-1ere-ligne-urbanloop" style="border-bottom:1px solid #cccccc; padding-bottom:20px;"> <div style="overflow:hidden; font-size:0px;"> <img style="aspect-ratio:620/350; width:100%; height:auto;" class="lazy img-principale" src="/images/pixel_transparent.gif" data-src="/e-docs/00/02/4A/EF/arcadis-concoit-les-amenagements-urbains-qui-accueilleront-1ere-ligne-urbanloop_620x350.jpg" alt="Arcadis con莽oit les am茅nagements urbains qui accueilleront la 1猫re ligne Urbanloop"> </div> <div class="espace-10"> </div> <div> <div class="titre-deux">Arcadis con莽oit les am茅nagements urbains qui accueilleront la 1猫re ligne Urbanloop</div> </div> </a> </div> <div class="espace-30"> </div> <a href="/rail/"> <div class="bouton"> <div style="display:flex; gap:10px; align-items:center;"> <div style="font-weight:700;"> Tous les articles <span>Rail</span> </div> <div> <img alt="" class="lazy" src="/images/pixel_transparent.gif" data-src="/images/pictos/next_blanc.png" style="aspect-ratio:26/48;width:5px;"> </div> </div> </div> </a> </div> <script> function ajoutePartageDansBDD() { } function sauvArticle() { var cleArticle = 149684; var cleAbonne = 0; if (cleAbonne == 0) { ouvrirFermerDiv('divInvitSlide'); return false; } $.post('/e-docs/article_ajax.php',{action:'archiver', cle_article: cleArticle, cle_abonne:cleAbonne },function(data) { if (data == 'ok') { ouvrirFermerDiv('divSauvSlide'); } else { console.log(data); alert('Une erreur s\'est produite.'); return false; } }); } </script> <div class="espace-40"> </div> <div id="newslettersFondFooter"> <div> </div> <div id="newslettersConteneurFooter"> <div style="text-align:center; max-width:510px;"> <div style="font-size:30px; font-weight:900; max-width:400px; margin:0 auto;"> L'essentiel de l'actualit茅 de la construction </div> <div class="espace-20"> </div> <div style="font-size:13px;"> Ne manquez rien de l'actualit茅 de la construction ! <br> <b>Inscrivez-vous ou abonnez-vous pour recevoir les newsletters de votre choix dans votre bo卯te mail</b> </div> <div class="espace-20"> </div> <a href="/abo/inscription-gratuite.php"> <div class="bouton bouton-noir"> CHOISIR MES NEWSLETTERS </div> </a> </div> </div> </div> <div style="background-color:#171717;"> <div class="footer-conteneur"> <div style="width:300px; flex: 0 0 300px;"> <div> <img alt="" class="img-logo-footer" src="/images/logos/logo_cc_12_blanc.png"> </div> <div class="espace-40"> </div> <div style="color:#ffffff; font-size:12px; line-height:30px;"> Construction Cayola est un site de <a href="https://cayola-medias.com/" style="color:#E30A17; font-weight:700; text-decoration:underline; text-underline-offset:3px; white-space: nowrap;">Cayola M茅dias</a>, groupe de presse professionnelle sp茅cialis茅 dans l'茅dition de supports d茅di茅s 脿 la construction et 脿 l'environnement. </div> </div> <div style="display:flex; flex-direction:column;"> <a target="_blank" href="https://cayola-medias.com/espace-annonceurs/"> <div class="footer-lien" style="white-space: nowrap;"> Espace annonceurs </div> </a> <div class="espace"> </div> <a target="_blank" href="https://cayola-medias.com/"> <div class="footer-lien" style="white-space: nowrap;"> Qui sommes-nous ? </div> </a> <div class="espace"> </div> <a href="/abo/contact.php"> <div class="footer-lien"> Contactez-nous </div> </a> <div class="espace-40"> </div> <div> <span style="color:#ffffff; font-size:13px; font-weight:700;">Suivez-nous sur :</span> <div class="espace"> </div> <div style="display:flex; align-items:center; gap:10px;"> <a target="_blank" href="https://www.linkedin.com/showcase/constructioncayola/"> <img alt="" class="lazy" style="width:22px; height:22px;" src="/images/pixel_transparent.gif" data-src="/images/pictos/linkedin_blanc.png"> </a> <a target="_blank" href="https://www.youtube.com/@CayolaMedias"> <img alt="" class="lazy" style="width:26px; height:18px;" src="/images/pixel_transparent.gif" data-src="/images/pictos/youtube_blanc.png"> </a> <a target="_blank" href="https://open.spotify.com/show/2CBevUHiu16gHUz9QsMAIl"> <img alt="" class="lazy" style="width:25px; height:25px;" src="/images/pixel_transparent.gif" data-src="/images/pictos/spotify_blanc.png"> </a> <a target="_blank" href="https://www.facebook.com/construction.cayola"> <img alt="" class="lazy" style="width:25px; height:24px;" src="/images/pixel_transparent.gif" data-src="/images/pictos/facebook_blanc.png"> </a> <a target="_blank" href="https://twitter.com/ConstructionCay"> <img alt="" class="lazy" style="width:23px; height:21px;" src="/images/pixel_transparent.gif" data-src="/images/pictos/twitter_blanc.png"> </a> </div> </div> </div> <div > <a href="/abo/kiosque.php?mag=btpr"> <div style="background-color:#ffffff; padding:10px 50px; display:flex; gap:50px; justify-content:space-between; align-items:center;"> <div> <div style="font-weight:900;"> KIOSQUE </div> <div class="espace-10"> </div> <div style="font-size:12px; font-weight:500;"> D茅couvrez tous nos magazines </div> </div> <div style="font-size:0px;"> <img alt="" class="lazy" style="width:137px; height:179;" src="/images/pixel_transparent.gif" data-src="/qualia/kiosque/BTPRAIL/KIOSQUE/couv_55_300.jpg"> </div> </div> </a> </div> </div> <div class="separateur"> </div> <div class="footer-conteneur" style="color:#ffffff; font-size:12px;"> <div> 漏 2024 Construction Cayola - Tous droits r茅serv茅s </div> <div> <a target="_blank" class="footer-lien" href="https://cayola-medias.com/">Publicit茅</a> <span style="color:#e30a17;">|</span> <a class="footer-lien" href="/abo/mentions.php">Mentions l茅gales</a> <span style="color:#e30a17;">|</span> <a class="footer-lien" href="/abo/cgv_cgu_abo_mag.pdf">Conditions g茅n茅rales</a> <span style="color:#e30a17;">|</span> <a class="footer-lien" href="/abo/rgpd.pdf">Politique RGPD</a> </div> </div> </div> <script type="text/javascript"> function afficheMotDePasse() { $('#imgOeil').prop('src', '/images/pictos/oeil.png'); $('#inputPassword').attr('type','text'); $('#inputPassword').focus(); } let sousMenuOuvert = ''; function ouvrirSousMenu(type) { $('#sousMenuConteneur').fadeIn(100); } function fermerSousMenu(type) { $('#sousMenuConteneur').fadeOut(100); } function sousMenu(type) { $('.sous-menus-fleches').removeClass("rotate") $('.boutons-sous-menu-intitule').removeClass("boutons-sous-menu-gras-couleur") const boutonSousMenuFleche = document.getElementById('boutonSousMenu' + type + 'Fleche') const boutonSousMenuIntitule = document.getElementById('boutonSousMenu' + type + 'Intitule') boutonSousMenuFleche.classList.add("rotate") boutonSousMenuIntitule.classList.add("boutons-sous-menu-gras-couleur") $('.sous-menus-contenus').css('display', 'none'); $('#sousMenuContenu' + type).css('display', 'block'); if (!$('#sousMenuConteneur').is(":visible")) { ouvrirSousMenu(type) } else { if (sousMenuOuvert == type) { fermerSousMenu(type) $('.boutons-sous-menu-intitule').removeClass("boutons-sous-menu-gras-couleur") $('.sous-menus-fleches').removeClass("rotate") } } sousMenuOuvert = type } function accepteCookie(gA, rS, yT) { var ga = gA; var rs = rS; var y = yT; $.post('/abo/actions_abonnements_ajax.php',{ action:'consentements_cookies', aut:'oui', ga:ga, rs:rs, y:y },function(data) { if (data == 'ok') { window.location.reload(); } else { console.log(data); alert('Une erreur s\'est produite. Veuillez nous contacter au 01 30 08 14 14'); } }); } function accepteTousCookies(reponse) { var ga = 0; var rs = 0; var y = 0; if (reponse == 'oui') { ga = 1; rs = 1; y = 1; } $.post('/abo/actions_abonnements_ajax.php',{ action:'consentements_cookies', aut:'oui', ga:ga, rs:rs, y:y },function(data) { if (data == 'ok') { window.location.reload(); } else { console.log(data); alert('Une erreur s\'est produite. Veuillez nous contacter au 01 30 08 14 14'); } }); } function fermerInterstitiel() { $('#pubInterstitiel').fadeOut('fast'); } function afficherMenu() { if ($("#fondMenu").is(":hidden")) { $('#imgMenuBurger').hide(); $('#imgMenuCroix').show(); window.scrollTo(0, 0); $('#fondMenu').show(); $("#menu").animate({"left":"0px"}, "fast") $('body').css('overflow', 'hidden'); } else { $('#imgMenuCroix').hide(); $('#imgMenuBurger').show(); $("#menu").animate({"left":"-600px"}, "fast", function() { $('#fondMenu').hide(); $('body').css('overflow', 'auto'); }) } } </script> <script src="/js/jquery-3.7.1.min.js"></script> <script src="/js/jquery.lazy-1.7.9.min.js"></script> <script type="text/javascript"> /* function ajoutDestContact(courriel) { $('#inputHiddenCourrielDest').val(courriel); } function actionContact() { let urlAnnonce = ''; if($("#inputHiddenCleAnnonce").length == 0) { urlAnnonce = $("#inputHiddenUrlAnnonce").val(); } $.post('/ajax/contact.ajax.php',{message: $('[name=message]').val(), url_annonce: urlAnnonce, courriel_expe: $('#inputHiddenCourrielExpe').val(), courriel_dest: $('#inputHiddenCourrielDest').val(), type: $('#inputHiddenType').val() },function(data) { array_messages = ; alert(array_messages[data]); if (data == '7') { window.location.reload(); } }); } */ function ouvrirFermerDiv(div) { if ($('#' + div).is(":visible")) { $('#' + div).slideUp(); } else { $('#' + div).slideDown(); } } function ouvrirDiv(div) { $('#' + div).slideDown(); } function fermerDiv(div) { $('#' + div).slideUp(); } function ouvrirIdentification() { $('#fondIdentification').css('display', 'flex'); $('#conteneurIdentification').css('display', 'flex'); } function fermerIdentification() { $('#fondIdentification').css('display', 'none'); $('#conteneurIdentification').css('display', 'none'); } function actionIdentification() { $.post('/ajax/identification.ajax.php',{a: 1, i: $('[name=identifiant]').val(), p: $('[name=password]').val(), s: 'cc'},function(data) { array_messages = {"1":"Votre identifiant est manquant ou invalide.","2":"Identification r\u00e9ussie.","3":"L'identifiant saisi existe d\u00e9j\u00e0 dans notre base. Veuillez vous identifier.","4":"Votre inscription est r\u00e9ussie, votre mot de passe vient de vous \u00eatre adress\u00e9 par courriel.","5":"L'identifiant ou le mot de passe saisi est incorrect.","6":"\u00c9chec de l'envoi du message.","7":"Message envoy\u00e9.","8":"Annonce supprim\u00e9e.","9":"D\u00e9connexion r\u00e9ussie.","10":"Votre compte est actuellement utilis\u00e9 par un autre appareil. Votre compte est strictement personnel et ne peut \u00eatre utilis\u00e9 que sur un seul appareil \u00e0 la fois."}; if (data == '2' || data == '3' || data == '4' || data == '9' || data == '10') { window.location.reload(); } else { console.log(data) alert(array_messages[data]); } }); } function creerFormIdentification(i) { $('#spanOkIdentification').data('typeIdentification', i); switch (i) { case 1 : lib = "S'identifier"; $('#divPasswordIdentification').css( "display", "flex" ); break; case 2 : lib = "S'inscrire"; $('#divPasswordIdentification').css( "display", "none" ); $('#divRecaptchaIdentification').css( "display", "block" ); break; case 3 : lib = ""; break; } $('#spanLibTypeIdentification').html(lib); } function partagerFacebook() { var urlDePartage = 'https://www.facebook.com/sharer/sharer.php?u='; urlDePartage += 'https://www.constructioncayola.com/rail/article/2024/07/26/149684/les-rencontres-soune-serre-porteuse-flamme-olympique'; var w = window.open(urlDePartage, "popupWindow", "width=600, height=400, scrollbars=yes"); var $w = $(w.document.body); } function partagerTwitter() { var urlDePartage = 'https://twitter.com/intent/tweet?original_referer='; urlDePartage += 'https://www.constructioncayola.com/rail/article/2024/07/26/149684/les-rencontres-soune-serre-porteuse-flamme-olympique'; urlDePartage += '&url='; urlDePartage += 'https://www.constructioncayola.com/rail/article/2024/07/26/149684/les-rencontres-soune-serre-porteuse-flamme-olympique'; urlDePartage += '&text=' + '&ref_src=' + encodeURIComponent('twsrc^tfw') + '&tw_p=tweetbutton'; var w = window.open(urlDePartage, "popupWindow", "width=600, height=400, scrollbars=yes"); var $w = $(w.document.body); } function partagerLinkedIn() { var urlDePartage = 'https://www.linkedin.com/shareArticle?mini=true&url='; urlDePartage += 'https://www.constructioncayola.com/rail/article/2024/07/26/149684/les-rencontres-soune-serre-porteuse-flamme-olympique'; urlDePartage += '&title='; var w = window.open(urlDePartage, "popupWindow", "width=600, height=400, scrollbars=yes"); var $w = $(w.document.body); } function afficheImgChiffreMaxi() { $("#imgChiffreMaxi").attr("src", '/generique/inclusions/chiffre/chiffre_maxi_cc.png?date=20241123144556'); } $("#iframeYoutube").css("height", ($("#iframeYoutube").width() / 1.78)); /* $(".iframe-youtube-inclusion").css("height", ($(".iframe-youtube-inclusion").width() / 1.78)); $("#divIframeYouYouUne").css("height", ($("#divConteneurYouYouUne").width() / 1.78)); */ $("img.lazy").lazy({ effect: "fadeIn", effectTime: 250 }); </script><script> // let page = ''; function affichePub(clePGroupe) { $.get( "/e-pubs/pub_8.php?cle_p_groupe=" + clePGroupe, function( data ) { objJson = JSON.parse(data); if (clePGroupe == "100" || clePGroupe == "200") { if ( objJson.length == 0 ) { $("#pubHautLarge").css('min-height', '0'); } else { if (objJson["code_perso"] != '') { // postscribe('#pubHautLarge', objJson["code_perso"]); } else { $("#pubHautLargeA").attr("href", objJson["href"]); $("#pubHautLargeImg").attr("src", objJson["src"]); } } } else if (clePGroupe == "190" || clePGroupe == "210") { if (objJson["code_perso"] != '') { if ($('#pubHalf').length) { $('#pubHalf').html('') // postscribe('#pubHalf', objJson["code_perso"]); } } else { $("#pubHalfA").attr("href", objJson["href"]); $("#pubHalfImg").attr("src", objJson["src"]); } } else if (clePGroupe == "135" || clePGroupe == "451") { if ( objJson.length == 0 ) { $('#pubInterstitiel').hide(); } else { $("#pubInterstitielA").attr("href", objJson["href"]); $("#pubInterstitielImg").attr("src", objJson["src"]); } } else if (clePGroupe == "161" || clePGroupe == "454") { if ( objJson.length == 0 ) { $('#pubInterstitiel').hide(); } else { $("#pubInterstitielA").attr("href", objJson["href"]); $("#pubInterstitielImg").attr("src", objJson["src"]); } } else if (clePGroupe == "150" || clePGroupe == "220") { $("#pubHautA").attr("href", objJson["href"]); $("#pubHautImg").attr("src", objJson["src"]); } }); return false; } function affichePubDeux(clePGroupe) { $.get( "/e-pubs/pub_8.php?cle_p_groupe=" + clePGroupe, function( data ) { objJson = JSON.parse(data); if (clePGroupe == "100" || clePGroupe == "200") { if ( objJson.length == 0 ) { $("#pubHautLargeDeux").css('min-height', '0'); } else { if (objJson["code_perso"] != '') { // postscribe('#pubHautLargeDeux', objJson["code_perso"]); } else { $("#pubHautLargeDeuxA").attr("href", objJson["href"]); $("#pubHautLargeDeuxImg").attr("src", objJson["src"]); } } } else if (clePGroupe == "190" || clePGroupe == "210") { if (objJson["code_perso"] != '') { if ($('#pubHalfDeux').length) { $('#pubHalfDeux').html('') // postscribe('#pubHalfDeux', objJson["code_perso"]); } } else { $("#pubHalfDeuxA").attr("href", objJson["href"]); $("#pubHalfDeuxImg").attr("src", objJson["src"]); } } else if (clePGroupe == "150" || clePGroupe == "220") { $("#pubHautDeuxA").attr("href", objJson["href"]); $("#pubHautDeuxImg").attr("src", objJson["src"]); } }); return false; } $(document).ready(function () { /* $("img.lazy").lazy({ effect: "fadeIn", effectTime: 250 }); */ if (window.innerWidth >= 1000) { affichePub('100'); affichePub('190'); } else { affichePub('150'); affichePub('190'); } }); </script></body> </html>