Cliquer sur le bouton Installer ci-dessous pour ajouter l'application sur votre écran d'accueil.

Installer l'application

Ajoutez ce site web à votre écran d'accueil pour y accéder facilement et l'utiliser en mode plein écran.

Oh non...

Bravo!

Desinscription

<div class="raw-html-embed"><style>
        header .hidden > div > div:nth-child(2){
            display : none;
        }

    .text-center {
        display: none;
    }
  
    .sncf_body {
        font-size: 16px;
        width: calc(100% + 4em);
        margin: -6em 0 -2em -2em;
        height: 100%;
        overflow-x: hidden;
        padding: 0;
    }
  
    a {
        color: #000;
    }
  
    a:visited {
        color: #000;
    }
  
    .separator_logo {
        width: 60px;
        height: 0.4em;
        background-color: #990439;
        border-radius: 1em;
    }
  
    b{
        color:#990439 !important;
    }
  
    p {
        line-height: 1.3em;
    }
  
    .flex_header_sncf{
        width: 100%;
        position: relative;
        display: flex;
        background-color: #F5E9DD;
        padding: 1em 2em;
        margin-bottom: 0.7em;
        margin-top: 4em;
    }
    
    .picture_supplier {
        width: 50%;
        flex: 4;
        object-fit: scale-down;
        margin: 0 !important;
    }
  
    .header_right_part {
        flex: 6;
        padding: 1em 0 0 1em;
    }
  
    .header_right_part p {
        color: #404041;
        font-size: 0.8em;
        margin-bottom: 0;
        font-weight: 600;
    }
  
    .header_right_part h1 {
        color: #990439;
        padding: 0;
        font-weight: 600;
        font-size: 1.3em;
        margin-top: 0.1em !important;
    }
    
    .france_map_supplier{
        width: 52%;
        margin: 0 !important;
    }
  
    .sncf_coulisses_block{
        text-align:center;
    }
  
    .supplier_description_sncf{
        margin-bottom: 0%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
  
    .supplier_description_sncf h2 {
        width: 100%;
        font-size: 0.8em;
        font-weight: 600;
        color: #990439;
        margin: 1em 0;
    }
  
    .supplier_description_sncf img {
        width: 10%;
        margin: 0 !important;
    }
  
    .supplier_description_block_sncf {
        padding: 0 2.2em;
        font-size: 0.7em;
        margin-top: 0.4em;
    }
  
    .supplier_description_block_sncf p {
        margin-bottom: 1em;
    }
  
    .supplier_quote_sncf{
        position: relative;
        background-color: #990439;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: 20%;
    }
  
    .supplier_quote_sncf h2 {
        margin: 0 0 0.5em 0;
        font-size: 0.9em;
        font-weight: 400;
        color: #fff;
    }
  
    .supplier_quote_paragraph {
        font-size: 0.7em;
        text-align: center;
        color: #fff;
        padding: 0 2.8em 1em 2.8em;
        position: relative;
    }
  
    .supplier_picture_quote{
        width: 83%;
        object-fit: cover;
        margin: -20% 0 0 0 !important;
    }
  
    .supplier_quote_logo {
        position: relative;
        width: 55px;
        margin: 0 0 0.2em 0 !important;
    }
  
    .sncf_proofs_block .separator_logo {
        margin-top: 0.8em;
    }
  
    .sncf_proofs_header {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
  
    .sncf_proofs_header img {
        width: 12%;
        margin: 0;
    }
  
    .sncf_proofs_header img:first-child {
        object-fit: scale-down;
        margin: 1em 0 0 0;
    }
  
    .sncf_proofs_header h2 {
        font-size: 0.8em;
        text-transform: uppercase;
        font-weight: 600;
        color: #990439;
        display: block;
        width: 100%;
        text-align: center;
        margin: 0;
    }
  
    .sncf_proofs_content {
        display: flex;
        background-color: #F5E9DD;
        margin-bottom: 1.5px;
        padding: 0.7em 2em;
    }
  
    .sncf_proofs_content img {
        display: block;
        object-fit: contain;
        flex: 1;
        width: 40px;
        margin: 0 1em 0 0 !important;
    }
  
    .sncf_proofs_text {
        flex: 8;
    }
  
    .sncf_proofs_text h3 {
        font-size: 0.8em;
        text-transform: uppercase;
        font-weight: 600;
        color: #990439;
        margin: 0;
    }
  
    .sncf_proofs_text p {
        color: #404041;
        font-size: 0.68em;
        margin: 0;
    }
  
    .sncf_bar_block {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
  
    .sncf_bar_header {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: 1em;
    }
  
    .sncf_bar_header img {
        width: 62px;
        margin: 0 !important;
    }
  
    .sncf_bar_header h2 {
        font-size: 0.8em;
        text-transform: uppercase;
        font-weight: 600;
        color: #990439;
        margin: 1em 0 1em 0;
    }
  
    .sncf_bar_content {
        width: 85%;
        display: grid;
        gap: 0.6em;
        grid-template-columns: repeat(2, 1fr);
        padding: 0.5em 1em;
    }
  
    .sncf_bar_item {
        /* width: 5em; */
    }
  
    .sncf_bar_item img {
        width: 100%;
        margin: 0;
    }
  
    .sncf_bar_item p {
        font-size: 0.68em;
        margin: 0.5em 0 0 0;
        text-align: center;
    }
  
    .sncf_bar_link {
        border-radius: 20px;
        background-color: #fff;
        padding: 0.3em 1.1em;
        margin: 1em 0 -1em 0;
        text-decoration: none !important;
        font-weight: 400 !important;
        text-transform: uppercase;
        font-size: 0.8em;
        border: solid 2px #990439;
        transition: 0.2s;
    }
  
    .sncf_bar_link:visited {
        color: #990439;
    }
  
    .sncf_bar_link:hover, .sncf_bar_link:focus {
        background-color: #990439;
        color: #fff;
    }
  
    .sncf_footer img {
        position: relative;
        width: 100%;
        padding:0;
        margin: 0;
    }

    .sncf_body > div:not(.sncf_footer) img{
       border-radius: 40px;
    }
  
  </style>
<div class="sncf_body">
<div class="flex_header_sncf"><img class="picture_supplier" src="https://d3nnu1nc49m1r7.cloudfront.net/Thierry_Marx_f520aa4fee.png">
<div class="header_right_part">
<h1>QUI EST THIERRY MARX ?</h1>
<img class="france_map_supplier" src="https://d3nnu1nc49m1r7.cloudfront.net/Carte_26bf5b58bc.png"></div>
</div>
<div class="sncf_coulisses_block">
<div class="supplier_description_sncf"><img src="https://d3nnu1nc49m1r7.cloudfront.net/3_Picto_Qui_Est_df0e3702c3.png">
<h2>Qui est Thierry Marx ?</h2>
<div class="separator_logo">&nbsp;</div>
<div class="supplier_description_block_sncf">
<p>Parisien d’origine, Thierry Marx est l’un des chefs <b>les plus reconnus de sa génération.</b> Il se forme chez les Compagnons du Tour de France et les meilleurs Chefs français parmi lesquels Claude Deligne, Joël Robuchon et Alain Chapel. Après deux années d’engagement dans l’armée, il quitte la France et voyage en <b>Australie, à Hong-Kong, en Thaïlande et au Japon.</b>A son retour, il est récompensé d’une première étoile Michelin en 1988 au Roc en Val à Tours et une autre en 1991 au Cheval Blanc à Nîmes. Le Chef officie 10 ans dans le Médoc au Relais &amp; Châteaux Cordeillan-Bages où il obtient 2 étoiles en 1999. En 2006, il est élu Chef de l’Année par Gault&amp;Millau et le magazine le Chef. En 2010 il prend les commandes de la restauration du nouveau palace Mandarin Oriental à Paris où il obtient 2 étoiles au Guide Michelin pour le Sur Mesure par Thierry Marx. La même année le grand public le découvre dans l’émission télévisée « Top Chef » pour laquelle il est membre du jury pendant 5 ans avant d’intégrer celui du programme « Master Chef », de retour sur les écrans, en Août 2022.</p>
<p>Avec une approche <b> innovante et planétaire </b>de la cuisine, Thierry Marx puise son inspiration en France, et à travers ses nombreux voyages</p>
</div>
</div>
</div>
<div class="supplier_quote_sncf"><img class="supplier_picture_quote" src="https://d3nnu1nc49m1r7.cloudfront.net/Quote_Thierry_Marx_c637f4899f.png"> <img class="supplier_quote_logo" src="https://d3nnu1nc49m1r7.cloudfront.net/6_Picto_Petit_Mot_c1fcd5eeab.png">
<div style="text-align: center;">
<h2>LE PETIT MOT DE THIERRY MARX</h2>
<p class="supplier_quote_paragraph">"Le Bar TGV INOUI est pour moi créateur de lien social, un lieu de vie où chacun peut se croiser et partager un moment. Je suis très heureux de faire partie de la parenthèse de votre voyage "</p>
</div>
</div>
<div class="sncf_proofs_block">
<div class="sncf_proofs_header"><img src="https://d3nnu1nc49m1r7.cloudfront.net/7_Picto_Feuilles_73bac8bd74.png">
<h2>Pourquoi une collaboration Le Bar INOUI X Thierry Marx ?</h2>
<div class="separator_logo">&nbsp;</div>
</div>
<div>
<div class="sncf_proofs_content"><img src="https://d3nnu1nc49m1r7.cloudfront.net/8_Picto_Label_Recompenses_d2f77fa4e0.png" alt="">
<div class="sncf_proofs_text">
<p>La rencontre entre le chef Thierry Marx et le Bar INOUI s’est faite tout naturellement. Familier de l’environnement du train, il a eu envie d’en devenir acteur à part entière en <b> partageant son savoir-faire avec les voyageurs.</b></p>
</div>
</div>
<div class="sncf_proofs_content"><img src="https://d3nnu1nc49m1r7.cloudfront.net/8_Picto_Made_In_France_6f8fcceea3.png" alt="">
<div class="sncf_proofs_text">
<p>Un chef profondément <b> engagé </b>qui signe 3 recettes inédites de plats et 2 recettes de gâteaux du moment pour faire plaisir aux voyageurs.</p>
</div>
</div>
</div>
</div>
<div class="sncf_bar_block">
<div class="sncf_bar_header"><img src="https://d3nnu1nc49m1r7.cloudfront.net/9_Picto_Le_Bar_c133c43ee0.png" alt="">
<h2>à découvrir au bar...</h2>
</div>
<div class="sncf_bar_content">
<div class="sncf_bar_item"><img src="https://d3nnu1nc49m1r7.cloudfront.net/Recette1_08c761cf62.png" alt="">
<p>Salade de lentilles, purée de brocoli, amandes</p>
</div>
<div class="sncf_bar_item"><img src="https://d3nnu1nc49m1r7.cloudfront.net/Recette2_ae45b1f2f9.png" alt="">
<p>Risotto d'épeautre, butternut, châtaignes, champignons</p>
</div>
<div class="sncf_bar_item"><img src="https://d3nnu1nc49m1r7.cloudfront.net/Recette3_f0da9e1206.png" alt="">
<p>Mijoté de carottes, navet et boeuf, pâtes</p>
</div>
</div>
<a class="sncf_bar_link" href="https://lebar.sncf.com/lacarte">je découvre la carte !</a></div>
<div class="sncf_footer"><img src="https://d3nnu1nc49m1r7.cloudfront.net/11_Footer_c3c643a2c1.png" alt=""></div>
</div></div>

Thierry Marx

large_UnPetitCreux (1).jpg

medium_UnPetitCreux (1).jpg

small_UnPetitCreux (1).jpg

thumbnail_UnPetitCreux (1).jpg

France

SNCF les coulisses du bar

<div class="raw-html-embed"><style> 
        header .hidden > div > div:nth-child(2){
            display : none;
        }

        .text-center {
            display: none;
        }

        .sncf_body {
            font-size: 16px;
            width: calc(100% + 4em);
            margin: -2em 0 -2em -2em;
            height: 100%;
            overflow-x: hidden;
            padding: 0;
        }

        a {
            color: #000;
        }

        a:visited {
            color: #000;
        }

        .separator_logo {
            width: 60px;
            height: 0.4em;
            background-color: #990439;
            border-radius: 1em;
        }

        b {
            color:#990439;
            text-transform: none;
        }

        p {
            line-height: 1.3em;
        }

        .flex_header_sncf{
            width: 100%;
            position: relative;
            display: flex;
            background-color: #F5E9DD;
            padding: 1em 2em;
            margin-bottom: 0.7em;
        }
        
        .picture_supplier {
            width: 50%;
            flex: 4;
            object-fit: scale-down;
            margin: 0 !important;
        }

        .header_right_part {
            flex: 6;
            padding: 1em 0 0 1em;
        }

        .header_right_part p {
            color: #404041;
            font-size: 0.8em;
            margin-bottom: 0;
            font-weight: 600;
        }

        .header_right_part h1 {
            color: #990439;
            padding: 0;
            font-weight: 600;
            font-size: 1.3em;
            margin-top: 0.1em !important;
        }
        
        .france_map_supplier{
            width: 52%;
            margin: 0 !important;
        }

        .sncf_coulisses_block{
            text-align:center;
        }

        .supplier_description_sncf{
            margin-bottom: 23%;
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        .supplier_description_sncf h2 {
            width: 100%;
            font-size: 0.8em;
            font-weight: 600;
            color: #990439;
            margin: 1em 0;
        }

        .supplier_description_sncf img {
            width: 10%;
            margin: 0 !important;
        }

        .supplier_description_block_sncf {
            padding: 0 2.2em;
            font-size: 0.7em;
            margin-top: 0.4em;
        }

        .supplier_description_block_sncf p {
            margin-bottom: 1em;
        }

        .supplier_quote_sncf{
            position: relative;
            background-color: #990439;
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        .supplier_quote_sncf h2 {
            margin: 0 0 0.5em 0;
            font-size: 0.9em;
            font-weight: 400;
            color: #fff;
        }

        .supplier_quote_paragraph {
            font-size: 0.7em;
            text-align: center;
            color: #fff;
            padding: 0 2.8em 1em 2.8em;
            position: relative;
        }

        .supplier_picture_quote{
            width: 83%;
            object-fit: cover;
            margin: -20% 0 0 0 !important;
        }

        .supplier_quote_logo {
            position: relative;
            width: 55px;
            margin: 0 0 0.2em 0 !important;
        }

        .sncf_proofs_block .separator_logo {
            margin-top: 0.8em;
        }

        .sncf_proofs_header {
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        .sncf_proofs_header img {
            width: 12%;
            margin: 0;
        }

        .sncf_proofs_header img:first-child {
            object-fit: scale-down;
            margin: 1em 0 0 0;
        }

        .sncf_proofs_header h2 {
            font-size: 0.8em;
            text-transform: uppercase;
            font-weight: 600;
            color: #990439;
            display: block;
            width: 100%;
            text-align: center;
            margin: 0;
        }

        .sncf_proofs_content {
            display: flex;
            background-color: #F5E9DD;
            margin-bottom: 1.5px;
            padding: 0.7em 2em;
        }

        .sncf_proofs_content img {
            display: block;
            object-fit: contain;
            flex: 1;
            width: 40px;
            margin: 0 1em 0 0 !important;
        }

        .sncf_proofs_text {
            flex: 8;
        }

        .sncf_proofs_text h3 {
            font-size: 0.8em;
            text-transform: uppercase;
            font-weight: 600;
            color: #990439;
            margin: 0;
        }

        .sncf_proofs_text p {
            color: #404041;
            font-size: 0.68em;
            margin: 0;
        }

        .sncf_bar_block {
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        .sncf_bar_header {
            display: flex;
            flex-direction: column;
            align-items: center;
            margin-top: 1em;
        }

        .sncf_bar_header img {
            width: 62px;
            margin: 0 !important;
        }

        .sncf_bar_header h2 {
            font-size: 0.8em;
            text-transform: uppercase;
            font-weight: 600;
            color: #990439;
            margin: 1em 0 1em 0;
        }

        .sncf_bar_content {
            width: 85%;
            display: grid;
            gap: 0.6em;
            grid-template-columns: repeat(2, 1fr);
            padding: 0.5em 1em;
        }

        .sncf_bar_item {
            /* width: 5em; */
        }

        .sncf_bar_item img {
            width: 100%;
            margin: 0;
        }

        .sncf_bar_item p {
            font-size: 0.68em;
            margin: 0.5em 0 0 0;
            text-align: center;
        }

        .sncf_bar_link {
            border-radius: 20px;
            background-color: #fff;
            padding: 0.3em 1.1em;
            margin: 1em 0 -1em 0;
            text-decoration: none !important;
            font-weight: 400 !important;
            text-transform: uppercase;
            font-size: 0.8em;
            border: solid 2px #990439;
            transition: 0.2s;
        }

        .sncf_bar_link:visited {
            color: #990439;
        }

        .sncf_bar_link:hover, .sncf_bar_link:focus {
            background-color: #990439;
            color: #fff;
        }

        .sncf_footer img {
            position: relative;
            width: 100%;
            padding:0;
            margin: 0;
        }

    </style>


    <div class="sncf_body">
        <div class="flex_header_sncf">
            <img class="picture_supplier" src="https://d3nnu1nc49m1r7.cloudfront.net/Portrait_Alexia_ed56a5ec89.png">  
            <div class="header_right_part">
                <p>À la rencontre de </p>
                <h1> ALEXIA DUCHÊNE </h1>
                <img class="france_map_supplier" src="https://d3nnu1nc49m1r7.cloudfront.net/2_Map_Nina_3af1824c6d.png">
            </div>
        </div>
        
        
        <div class="sncf_coulisses_block">
            <div class="supplier_description_sncf">
                <img src="https://d3nnu1nc49m1r7.cloudfront.net/3_Picto_Qui_Est_df0e3702c3.png">   
                <h2>QUI EST ALEXIA DUCHÊNE ?</h2>
                <div class="separator_logo"></div>
                <div class="supplier_description_block_sncf">
                    <p> Étoile montante de la gastronomie française, Alexia Duchêne a mis beaucoup de cœur à réaliser cette carte ayant pour ambition de <b>rassembler le plus grand nombre autour de valeurs</b> telles que <b>le partage et la convivialité</b>, à l’image des plats qu’elle cuisine pour elle et sa famille au quotidien.</p>
                    <p> La cuisine d’Alexia Duchêne est une cuisine de saison <b>engagée, végétale et centrée sur la mise en valeur du produit brut.</b> Mieux connaître les produits que l’on consomme, d’où ils viennent et surtout comprendre ce que l’on fait et pourquoi on le fait est fondamental dans sa démarche. </p> 
                </div>
            </div>
        </div>
        <div class="supplier_quote_sncf">
            <img class="supplier_picture_quote" src="https://d3nnu1nc49m1r7.cloudfront.net/10_Img_Alexia_Hachi_6e2f9d9ef8.png"> 
            <img class="supplier_quote_logo" src="https://d3nnu1nc49m1r7.cloudfront.net/6_Picto_Petit_Mot_c1fcd5eeab.png">
            <div style="text-align: center;">
                <h2>LE PETIT MOT D’ALEXIA</h2>
                <p class="supplier_quote_paragraph">"Dans ma cuisine, il y a la volonté de rassembler autour de goûts simples mais francs associés à des marqueurs récurrents ayant le pouvoir de relever des plats, d’apporter de la texture, de donner un coup de pep’s ou de la rondeur. "</p>
            </div>
        </div>
    
        
        <div class="sncf_proofs_block">
            <div class="sncf_proofs_header">
                <img src="https://d3nnu1nc49m1r7.cloudfront.net/7_Picto_Feuilles_73bac8bd74.png">
                <h2>pourquoi nous l'avons choisie ?</h2>
                <div class="separator_logo"></div>
            </div>
            <div>
                <div class="sncf_proofs_content">
                    <img src="https://d3nnu1nc49m1r7.cloudfront.net/8_Picto_Label_Recompenses_d2f77fa4e0.png" alt="">
                    <div class="sncf_proofs_text">
                        <h3>La simplicité et le goût mis à l’honneur !</h3>
                        <p>Alexia Duchêne propose une cuisine française facile à lire et à s’approprier</p>
                    </div>
                </div>
                <div class="sncf_proofs_content">
                    <img src="https://d3nnu1nc49m1r7.cloudfront.net/8_Picto_Made_In_France_6f8fcceea3.png" alt="">
                    <div class="sncf_proofs_text">
                        <h3>Le Twist qui fait la différence </h3>
                        <p>Trouvez le petit plus qui donne du pep’s à chacune des recettes ! Nous vous mettons sur la piste : le crumble de graines sur le hachis parmentier… à vous de jouer pour les autres recettes ! </p>
                    </div>
                </div>
            </div>
        </div>
        
        <div class="sncf_bar_block">
            <div class="sncf_bar_header">
                <img src="https://d3nnu1nc49m1r7.cloudfront.net/9_Picto_Le_Bar_c133c43ee0.png" alt="">
                <h2>à découvrir au bar...</h2>
            </div>
            <div class="sncf_bar_content">
                <div class="sncf_bar_item">
                    <img src="https://d3nnu1nc49m1r7.cloudfront.net/10_Img_Alexia_Hachi_6e2f9d9ef8.png" alt="">
                    <p>Hachis parmentier</p>
                </div>
                <div class="sncf_bar_item">
                    <img src="https://d3nnu1nc49m1r7.cloudfront.net/10_Img_Alexia_Salade_252ec270d9.png" alt="">
                    <p>Salade d’épeautre</p>
                </div>
                <div class="sncf_bar_item">
                    <img src="https://d3nnu1nc49m1r7.cloudfront.net/10_Img_Alexia_Toasted_31d12f08b2.png" alt="">
                    <p>Toasté carotte confite</p>
                </div>
            </div>
            <a class="sncf_bar_link" href="https://lebar.sncf.com/lacarte">je découvre la carte !</a>
        </div>
        
        <div class="sncf_footer">
            <img src="https://d3nnu1nc49m1r7.cloudfront.net/11_Footer_c3c643a2c1.png" alt="">
        </div>
    </div>
</div>

Alexia Duchene

<div class="raw-html-embed"><style>
        header .hidden > div > div:nth-child(2){
            display : none;
        }

        .text-center {
            display: none;
        }

        .sncf_body {
            font-size: 16px;
            width: calc(100% + 4em);
            margin: -6em 0 -2em -2em;
            height: 100%;
            overflow-x: hidden;
            padding: 0;
        }

        a {
            color: #000;
        }

        a:visited {
            color: #000;
        }

        .separator_logo {
            width: 60px;
            height: 0.4em;
            background-color: #990439;
            border-radius: 1em;
        }

        b {
            color:#990439;
            text-transform: none;
        }

        p {
            line-height: 1.3em;
        }

        .flex_header_sncf{
            width: 100%;
            position: relative;
            display: flex;
            background-color: #F5E9DD;
            padding: 1em 2em;
            margin-bottom: 0.7em;
            margin-top: 4em;
        }
        
        .picture_supplier {
            width: 50%;
            flex: 4;
            object-fit: scale-down;
            margin: 0 !important;
        }

        .header_right_part {
            flex: 6;
            padding: 1em 0 0 1em;
        }

        .header_right_part p {
            color: #404041;
            font-size: 0.8em;
            margin-bottom: 0;
            font-weight: 600;
        }

        .header_right_part h1 {
            color: #990439;
            padding: 0;
            font-weight: 600;
            font-size: 1.3em;
            margin-top: 0.1em !important;
        }
        
        .france_map_supplier{
            width: 52%;
            margin: 0 !important;
        }

        .sncf_coulisses_block{
            text-align:center;
        }

        .supplier_description_sncf{
            margin-bottom: 23%;
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        .supplier_description_sncf h2 {
            width: 100%;
            font-size: 0.8em;
            font-weight: 600;
            color: #990439;
            margin: 1em 0;
        }

        .supplier_description_sncf img {
            width: 10%;
            margin: 0 !important;
        }

        .supplier_description_block_sncf {
            padding: 0 2.2em;
            font-size: 0.7em;
            margin-top: 0.4em;
        }

        .supplier_description_block_sncf p {
            margin-bottom: 1em;
        }

        .supplier_quote_sncf{
            position: relative;
            background-color: #990439;
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        .supplier_quote_sncf h2 {
            margin: 0 0 0.5em 0;
            font-size: 0.9em;
            font-weight: 400;
            color: #fff;
        }

        .supplier_quote_paragraph {
            font-size: 0.7em;
            text-align: center;
            color: #fff;
            padding: 0 2.8em 1em 2.8em;
            position: relative;
        }

        .supplier_picture_quote{
            width: 83%;
            object-fit: cover;
            margin: -20% 0 0 0 !important;
        }

        .supplier_quote_logo {
            position: relative;
            width: 55px;
            margin: 0 0 0.2em 0 !important;
        }

        .sncf_proofs_block .separator_logo {
            margin-top: 0.8em;
        }

        .sncf_proofs_header {
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        .sncf_proofs_header img {
            width: 12%;
            margin: 0;
        }

        .sncf_proofs_header img:first-child {
            object-fit: scale-down;
            margin: 1em 0 0 0;
        }

        .sncf_proofs_header h2 {
            font-size: 0.8em;
            text-transform: uppercase;
            font-weight: 600;
            color: #990439;
            display: block;
            width: 100%;
            text-align: center;
            margin: 0;
        }

        .sncf_proofs_content {
            display: flex;
            background-color: #F5E9DD;
            margin-bottom: 1.5px;
            padding: 0.7em 2em;
        }

        .sncf_proofs_content img {
            display: block;
            object-fit: contain;
            flex: 1;
            width: 40px;
            margin: 0 1em 0 0 !important;
        }

        .sncf_proofs_text {
            flex: 8;
        }

        .sncf_proofs_text h3 {
            font-size: 0.8em;
            text-transform: uppercase;
            font-weight: 600;
            color: #990439;
            margin: 0;
        }

        .sncf_proofs_text p {
            color: #404041;
            font-size: 0.68em;
            margin: 0;
        }

        .sncf_bar_block {
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        .sncf_bar_header {
            display: flex;
            flex-direction: column;
            align-items: center;
            margin-top: 1em;
        }

        .sncf_bar_header img {
            width: 62px;
            margin: 0 !important;
        }

        .sncf_bar_header h2 {
            font-size: 0.8em;
            text-transform: uppercase;
            font-weight: 600;
            color: #990439;
            margin: 1em 0 1em 0;
        }

        .sncf_bar_content {
            width: 85%;
            display: grid;
            gap: 0.6em;
            grid-template-columns: repeat(2, 1fr);
            padding: 0.5em 1em;
        }

        .sncf_bar_item {
            /* width: 5em; */
        }

        .sncf_bar_item img {
            width: 100%;
            margin: 0;
        }

        .sncf_bar_item p {
            font-size: 0.68em;
            margin: 0.5em 0 0 0;
            text-align: center;
        }

        .sncf_bar_link {
            border-radius: 20px;
            background-color: #fff;
            padding: 0.3em 1.1em;
            margin: 1em 0 -1em 0;
            text-decoration: none !important;
            font-weight: 400 !important;
            text-transform: uppercase;
            font-size: 0.8em;
            border: solid 2px #990439;
            transition: 0.2s;
        }

        .sncf_bar_link:visited {
            color: #990439;
        }

        .sncf_bar_link:hover, .sncf_bar_link:focus {
            background-color: #990439;
            color: #fff;
        }

        .sncf_footer img {
            position: relative;
            width: 100%;
            padding:0;
            margin: 0;
        }

    </style>


    <div class="sncf_body">
        <div class="flex_header_sncf">
            <img class="picture_supplier" src="https://d3nnu1nc49m1r7.cloudfront.net/1_Portrait_Nina_62131d1a22.png">  
            <div class="header_right_part">
                <p>À la rencontre de </p>
                <h1> NINA MÉTAYER </h1>
                <img class="france_map_supplier" src="https://d3nnu1nc49m1r7.cloudfront.net/2_Map_Nina_3af1824c6d.png">
            </div>
        </div>
        
        
        <div class="sncf_coulisses_block">
            <div class="supplier_description_sncf">
                <img src="https://d3nnu1nc49m1r7.cloudfront.net/3_Picto_Qui_Est_df0e3702c3.png">   
                <h2>QUI EST NINA METAYER ?</h2>
                <div class="separator_logo"></div>
                <div class="supplier_description_block_sncf">
                    <p>Elle n’a que 33 ans, et pourtant… la Cheffe Nina Métayer est déjà <b>une référence en matière de pâtisserie haut de gamme ! </b>Ayant additionné les expériences dans les plus grandes maisons et collectionné les distinctions comme le titre de “Chef Pâtissier de l’Année” à deux reprises, elle a de quoi être fière de son parcours.</p>
                    <p>Mais c’est la tête sur les épaules, les yeux rieurs et <b>le sourire toujours scotché aux lèvres</b> qu’elle partage sa passion avec une profonde humilité et un enthousiasme contagieux. Vous pourrez la retrouver notamment dans sa boutique <a href="https://delicatisserie.com/">Delicatisserie.com</a>, labellisée Artisan de qualité du Collège Culinaire de France.</p> 
                </div>
            </div>
        </div>
        <div class="supplier_quote_sncf">
            <img class="supplier_picture_quote" src="https://d3nnu1nc49m1r7.cloudfront.net/5_Img_Nina_ac04802a4d.png"> 
            <img class="supplier_quote_logo" src="https://d3nnu1nc49m1r7.cloudfront.net/6_Picto_Petit_Mot_c1fcd5eeab.png">
            <div style="text-align: center;">
                <h2>LE PETIT MOT DE NINA</h2>
                <p class="supplier_quote_paragraph">" Pour le bar TGV INOUI, j'avais envie de vous proposer des gâteaux gourmands, la promesse de moments de plaisir, comme des petits bonheurs glissés dans votre voyage. "</p>
            </div>
        </div>
    
        
        <div class="sncf_proofs_block">
            <div class="sncf_proofs_header">
                <img src="https://d3nnu1nc49m1r7.cloudfront.net/7_Picto_Feuilles_73bac8bd74.png">
                <h2>pourquoi nous l'avons choisie ?</h2>
                <div class="separator_logo"></div>
            </div>
            <div>
                <div class="sncf_proofs_content">
                    <img src="https://d3nnu1nc49m1r7.cloudfront.net/8_Picto_Label_Recompenses_d2f77fa4e0.png" alt="">
                    <div class="sncf_proofs_text">
                        <h3>La nouvelle génération au service du goût !</h3>
                        <p>Nina Métayer incarne cette nouvelle génération qui révolutionne la pâtisserie et le rôle des Cheffes</p>
                    </div>
                </div>
                <div class="sncf_proofs_content">
                    <img src="https://d3nnu1nc49m1r7.cloudfront.net/8_Picto_Made_In_France_6f8fcceea3.png" alt="">
                    <div class="sncf_proofs_text">
                        <h3>Le plaisir et la qualité accessible à tous</h3>
                        <p>Un Savoir-Faire au service du voyage sans concession</p>
                    </div>
                </div>
            </div>
        </div>
        
        <div class="sncf_bar_block">
            <div class="sncf_bar_header">
                <img src="https://d3nnu1nc49m1r7.cloudfront.net/9_Picto_Le_Bar_c133c43ee0.png" alt="">
                <h2>à découvrir au bar...</h2>
            </div>
            <div class="sncf_bar_content">
                <div class="sncf_bar_item">
                    <img src="https://d3nnu1nc49m1r7.cloudfront.net/10_Img_Nina_Gateaux_346b016a62.png" alt="">
                    <p>Gâteau du moment</p>
                </div>
                <div class="sncf_bar_item">
                    <img src="https://d3nnu1nc49m1r7.cloudfront.net/10_Img_Nina_Brownie_cf85688d2a.png" alt="">
                    <p>Sablé brownie, noix de pécan et fleur de sel</p>
                </div>
                <div class="sncf_bar_item">
                    <img src="https://d3nnu1nc49m1r7.cloudfront.net/10_Img_Nina_Sables_89232669d5.png" alt="">
                    <p>Sablés aux éclats de caramel Nin Métayer x <a href="https://lesdeuxgourmands.fr/">Les Deux Gourmands</a></p>
                </div>
            </div>
            <a class="sncf_bar_link" href="https://lebar.sncf.com/lacarte">je découvre la carte !</a>
        </div>
        
        <div class="sncf_footer">
            <img src="https://d3nnu1nc49m1r7.cloudfront.net/11_Footer_c3c643a2c1.png" alt="">
        </div>
    </div>
</div>

Nina Metayer

<div class="raw-html-embed"><style>
        header .hidden > div > div:nth-child(2){
            display : none;
        }

    .text-center {
        display: none;
    }

    .sncf_body {
        font-size: 16px;
        width: calc(100% + 4em);
        margin: -6em 0 -2em -2em;
        height: 100%;
        overflow-x: hidden;
        padding: 0;
    }

    a {
        color: #000;
    }

    a:visited {
        color: #000;
    }

    .separator_logo {
        width: 60px;
        height: 0.4em;
        background-color: #990439;
        border-radius: 1em;
    }

    b {
        color:#990439;
        text-transform: none;
    }

    p {
        line-height: 1.3em;
    }

    .flex_header_sncf{
        width: 100%;
        position: relative;
        display: flex;
        background-color: #F5E9DD;
        padding: 1em 2em;
        margin-bottom: 0.7em;
        margin-top: 4em;
    }
    
    .picture_supplier {
        width: 50%;
        flex: 4;
        object-fit: scale-down;
        margin: 0 !important;
    }

    .header_right_part {
        flex: 6;
        padding: 1em 0 0 1em;
    }

    .header_right_part p {
        color: #404041;
        font-size: 0.8em;
        margin-bottom: 0;
        font-weight: 600;
    }

    .header_right_part h1 {
        color: #990439;
        padding: 0;
        font-weight: 600;
        font-size: 1.3em;
        margin-top: 0.1em !important;
    }
    
    .france_map_supplier{
        width: 52%;
        margin: 0 !important;
    }

    .sncf_coulisses_block{
        text-align:center;
    }

    .supplier_description_sncf{
        margin-bottom: 23%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .supplier_description_sncf h2 {
        width: 100%;
        font-size: 0.8em;
        font-weight: 600;
        color: #990439;
        margin: 1em 0;
    }

    .supplier_description_sncf img {
        width: 10%;
        margin: 0 !important;
    }

    .supplier_description_block_sncf {
        padding: 0 2.2em;
        font-size: 0.7em;
        margin-top: 0.4em;
    }

    .supplier_description_block_sncf p {
        margin-bottom: 1em;
    }

    .supplier_quote_sncf{
        position: relative;
        background-color: #990439;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .supplier_quote_sncf h2 {
        margin: 0 0 0.5em 0;
        font-size: 0.9em;
        font-weight: 400;
        color: #fff;
    }

    .supplier_quote_paragraph {
        font-size: 0.7em;
        text-align: center;
        color: #fff;
        padding: 0 2.8em 1em 2.8em;
        position: relative;
    }

    .supplier_picture_quote{
        width: 83%;
        object-fit: cover;
        margin: -20% 0 0 0 !important;
        border-radius:40px;
    }

    .supplier_quote_logo {
        position: relative;
        width: 55px;
        margin: 0 0 0.2em 0 !important;
    }

    .sncf_proofs_block .separator_logo {
        margin-top: 0.8em;
    }

    .sncf_proofs_header {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .sncf_proofs_header img {
        width: 12%;
        margin: 0;
    }

    .sncf_proofs_header img:first-child {
        object-fit: scale-down;
        margin: 1em 0 0 0;
    }

    .sncf_proofs_header h2 {
        font-size: 0.8em;
        text-transform: uppercase;
        font-weight: 600;
        color: #990439;
        display: block;
        width: 100%;
        text-align: center;
        margin: 0;
    }

    .sncf_proofs_content {
        display: flex;
        background-color: #F5E9DD;
        margin-bottom: 1.5px;
        padding: 0.7em 2em;
    }

    .sncf_proofs_content img {
        display: block;
        object-fit: contain;
        flex: 1;
        width: 40px;
        margin: 0 1em 0 0 !important;
    }

    .sncf_proofs_text {
        flex: 8;
    }

    .sncf_proofs_text h3 {
        font-size: 0.8em;
        text-transform: uppercase;
        font-weight: 600;
        color: #990439;
        margin: 0;
    }

    .sncf_proofs_text p {
        color: #404041;
        font-size: 0.68em;
        margin: 0;
    }

    .sncf_bar_block {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .sncf_bar_header {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: 1em;
    }

    .sncf_bar_header img {
        width: 62px;
        margin: 0 !important;
    }

    .sncf_bar_header h2 {
        font-size: 0.8em;
        text-transform: uppercase;
        font-weight: 600;
        color: #990439;
        margin: 1em 0 1em 0;
    }

    .sncf_bar_content {
        width: 85%;
        display: grid;
        gap: 0.6em;
        grid-template-columns: repeat(2, 1fr);
        padding: 0.5em 1em;
    }

    .sncf_bar_item {
        /* width: 5em; */
    }

    .sncf_bar_item img {
        width: 100%;
        margin: 0;
        border-radius: 40px;

    }

    .sncf_bar_item p {
        font-size: 0.68em;
        margin: 0.5em 0 0 0;
        text-align: center;
    }

    .sncf_bar_link {
        border-radius: 20px;
        background-color: #fff;
        padding: 0.3em 1.1em;
        margin: 1em 0 -1em 0;
        text-decoration: none !important;
        font-weight: 400 !important;
        text-transform: uppercase;
        font-size: 0.8em;
        border: solid 2px #990439;
        transition: 0.2s;
    }

    .sncf_bar_link:visited {
        color: #990439;
    }

    .sncf_bar_link:hover, .sncf_bar_link:focus {
        background-color: #990439;
        color: #fff;
    }

    .sncf_footer img {
        position: relative;
        width: 100%;
        padding:0;
        margin: 0;
    }

</style>


<div class="sncf_body">
    <div class="flex_header_sncf">
        <img class="picture_supplier" src="https://d3nnu1nc49m1r7.cloudfront.net/Microsoft_Teams_image_10_96cfc960d9.png">  
        <div class="header_right_part">
            <p>À la rencontre de </p>
            <h1> C'EST QUI LE </h1>
             <h1> PATRON ?! </h1>
            <img class="france_map_supplier" src="https://d3nnu1nc49m1r7.cloudfront.net/Carte_France_Juillet_a8ffd01a9d.png">
        </div>
    </div>
    
    
    <div class="sncf_coulisses_block">
        <div class="supplier_description_sncf">
            <img src="https://d3nnu1nc49m1r7.cloudfront.net/3_Picto_Qui_Est_df0e3702c3.png">   
            <h2>C'est qui le patron ?!</h2>
            <div class="separator_logo"></div>
            <div class="supplier_description_block_sncf">
                <p>Derrière cette question se développe une réelle démarche engagée pour la <b> juste rémunération des producteurs </b> de plus en plus connue du grand public (avec par exemple + de 60 millions de litres de lait vendus en grande distribution en 2021). Les consommateurs sociétaires de la coopérative ont voté pour la commercialisation de ce jus de pomme à bord des TGV INOUI. Cette validation va permettre de <b> soutenir encore plus les producteurs de jus de pomme </b> via une juste rémunération votée collectivement (on estime que cela représentera une augmentation de 16% des volumes pour les producteurs de pommes) mais aussi permettre à l'initiative collective "C'est qui le patron ?!" de se faire connaître par toujours plus de consommateurs ! 
            </p></div>
        </div>
    </div>
    <div class="supplier_quote_sncf">
        <img class="supplier_picture_quote" src="https://d3nnu1nc49m1r7.cloudfront.net/jus_de_pommes_275602461d.jpg"> 
        <img class="supplier_quote_logo" src="https://d3nnu1nc49m1r7.cloudfront.net/6_Picto_Petit_Mot_c1fcd5eeab.png">
        <div style="text-align: center;">
            <h2>LE PETIT MOT DE C'EST QUI LE PATRON ?!</h2>
            <p class="supplier_quote_paragraph">"Afin de reprendre en main notre alimentation, nous, consommateurs, avons créé collectivement le cahier des charges de ce jus de pomme grâce à un questionnaire en ligne. Nous avons tous ensemble choisi un pur jus non filtré produit en agriculture raisonnée  avec des variétés de pommes identifiées, un goût qui varie en fonction des saisons et une juste rémunération des producteurs. Merci à tous ! "</p>
        </div>
    </div>

    
    <div class="sncf_proofs_block">
        <div class="sncf_proofs_header">
            <img src="https://d3nnu1nc49m1r7.cloudfront.net/7_Picto_Feuilles_73bac8bd74.png">
            <h2>pourquoi nous les avons choisis ? </h2>
            <div class="separator_logo"></div>
        </div>
        <div>
            <div class="sncf_proofs_content">
                <img src="https://d3nnu1nc49m1r7.cloudfront.net/8_Picto_Label_Recompenses_d2f77fa4e0.png" alt="">
                <div class="sncf_proofs_text">
                    <p>Cette démarche s'inscrit parfaitement dans la démarche initiée depuis 2017 : sélections de TPE et PME, fabrication en France, produits Bio ou HVE ou issus de l'agriculture raisonnée et engagement éthique.</p>
                </div>
            </div>
            <div class="sncf_proofs_content">
                <img src="https://d3nnu1nc49m1r7.cloudfront.net/8_Picto_Made_In_France_6f8fcceea3.png" alt="">
                <div class="sncf_proofs_text">
                    <p>Un pur jus de pommes français, dont les pommes sont issues de vergers s'appuyant sur la démarche "Haute Valeur Environnementale"</p>
                </div>
            </div>
        </div>
    </div>
    
    <div class="sncf_bar_block">
        <div class="sncf_bar_header">
            <img src="https://d3nnu1nc49m1r7.cloudfront.net/9_Picto_Le_Bar_c133c43ee0.png" alt="">
            <h2>à découvrir au bar...</h2>
        </div>
        <div class="sncf_bar_content">
            <div class="sncf_bar_item">
                <img src="https://d3nnu1nc49m1r7.cloudfront.net/la_pause_64447dd36e.jpg" alt="">
                <p>La Pause</p>
            </div>
        </div>
        <a class="sncf_bar_link" href="https://lebar.sncf.com/lacarte">je découvre la carte !</a>
    </div>
    
    <div class="sncf_footer">
        <img src="https://d3nnu1nc49m1r7.cloudfront.net/11_Footer_c3c643a2c1.png" alt="">
    </div>
</div></div>

C'est qui le patron ?

<div class="raw-html-embed"><style>
        header .hidden > div > div:nth-child(2){
            display : none;
        }

    .text-center {
        display: none;
    }
  
    .sncf_body {
        font-size: 16px;
        width: calc(100% + 4em);
        margin: -6em 0 -2em -2em;
        height: 100%;
        overflow-x: hidden;
        padding: 0;
    }
  
    a {
        color: #000;
    }
  
    a:visited {
        color: #000;
    }
  
    .separator_logo {
        width: 60px;
        height: 0.4em;
        background-color: #990439;
        border-radius: 1em;
    }
  
    b {
        color:#990439;
        text-transform: none;
    }
  
    p {
        line-height: 1.3em;
    }
  
    .flex_header_sncf{
        width: 100%;
        position: relative;
        display: flex;
        background-color: #F5E9DD;
        padding: 1em 2em;
        margin-bottom: 0.7em;
        margin-top: 4em;
    }
    
    .picture_supplier {
        width: 50%;
        flex: 4;
        object-fit: scale-down;
        margin: 0 !important;
    }
  
    .header_right_part {
        flex: 6;
        padding: 1em 0 0 1em;
    }
  
    .header_right_part p {
        color: #404041;
        font-size: 0.8em;
        margin-bottom: 0;
        font-weight: 600;
    }
  
    .header_right_part h1 {
        color: #990439;
        padding: 0;
        font-weight: 600;
        font-size: 1.3em;
        margin-top: 0.1em !important;
    }
    
    .france_map_supplier{
        width: 52%;
        margin: 0 !important;
    }
  
    .sncf_coulisses_block{
        text-align:center;
    }
  
    .supplier_description_sncf{
        margin-bottom: 0%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
  
    .supplier_description_sncf h2 {
        width: 100%;
        font-size: 0.8em;
        font-weight: 600;
        color: #990439;
        margin: 1em 0;
    }
  
    .supplier_description_sncf img {
        width: 10%;
        margin: 0 !important;
    }
  
    .supplier_description_block_sncf {
        padding: 0 2.2em;
        font-size: 0.7em;
        margin-top: 0.4em;
    }
  
    .supplier_description_block_sncf p {
        margin-bottom: 1em;
    }
  
    .supplier_quote_sncf{
        position: relative;
        background-color: #990439;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
  
    .supplier_quote_sncf h2 {
        margin: 0 0 0.5em 0;
        font-size: 0.9em;
        font-weight: 400;
        color: #fff;
    }
  
    .supplier_quote_paragraph {
        font-size: 0.7em;
        text-align: center;
        color: #fff;
        padding: 0 2.8em 1em 2.8em;
        position: relative;
    }
  
    .supplier_picture_quote{
        width: 83%;
        object-fit: cover;
        margin: -20% 0 0 0 !important;
    }
  
    .supplier_quote_logo {
        position: relative;
        width: 55px;
        margin: 0 0 0.2em 0 !important;
    }
  
    .sncf_proofs_block .separator_logo {
        margin-top: 0.8em;
    }
  
    .sncf_proofs_header {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
  
    .sncf_proofs_header img {
        width: 12%;
        margin: 0;
    }
  
    .sncf_proofs_header img:first-child {
        object-fit: scale-down;
        margin: 1em 0 0 0;
    }
  
    .sncf_proofs_header h2 {
        font-size: 0.8em;
        text-transform: uppercase;
        font-weight: 600;
        color: #990439;
        display: block;
        width: 100%;
        text-align: center;
        margin: 0;
    }
  
    .sncf_proofs_content {
        display: flex;
        background-color: #F5E9DD;
        margin-bottom: 1.5px;
        padding: 0.7em 2em;
    }
  
    .sncf_proofs_content img {
        display: block;
        object-fit: contain;
        flex: 1;
        width: 40px;
        margin: 0 1em 0 0 !important;
    }
  
    .sncf_proofs_text {
        flex: 8;
    }
  
    .sncf_proofs_text h3 {
        font-size: 0.8em;
        text-transform: uppercase;
        font-weight: 600;
        color: #990439;
        margin: 0;
    }
  
    .sncf_proofs_text p {
        color: #404041;
        font-size: 0.68em;
        margin: 0;
    }
  
    .sncf_bar_block {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
  
    .sncf_bar_header {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: 1em;
    }
  
    .sncf_bar_header img {
        width: 62px;
        margin: 0 !important;
    }
  
    .sncf_bar_header h2 {
        font-size: 0.8em;
        text-transform: uppercase;
        font-weight: 600;
        color: #990439;
        margin: 1em 0 1em 0;
    }
  
    .sncf_bar_content {
        width: 85%;
        display: grid;
        gap: 0.6em;
        grid-template-columns: repeat(2, 1fr);
        padding: 0.5em 1em;
    }
  
    .sncf_bar_item {
        /* width: 5em; */
    }
  
    .sncf_bar_item img {
        width: 100%;
        margin: 0;
    }
  
    .sncf_bar_item p {
        font-size: 0.68em;
        margin: 0.5em 0 0 0;
        text-align: center;
    }
  
    .sncf_bar_link {
        border-radius: 20px;
        background-color: #fff;
        padding: 0.3em 1.1em;
        margin: 1em 0 -1em 0;
        text-decoration: none !important;
        font-weight: 400 !important;
        text-transform: uppercase;
        font-size: 0.8em;
        border: solid 2px #990439;
        transition: 0.2s;
    }
  
    .sncf_bar_link:visited {
        color: #990439;
    }
  
    .sncf_bar_link:hover, .sncf_bar_link:focus {
        background-color: #990439;
        color: #fff;
    }
  
    .sncf_footer img {
        position: relative;
        width: 100%;
        padding:0;
        margin: 0;
    }
  
  </style>

<div class="sncf_body">
<div class="flex_header_sncf"><img class="picture_supplier" src="https://d3nnu1nc49m1r7.cloudfront.net/Guillaume_et_Louis_6c3afb3c5b.png">
<div class="header_right_part">
<p>A LA RENCONTRE</p>
<h1><b>DES DEUX GOURMANDS, fournisseurs du Bar depuis 2018</b></h1>
<img class="france_map_supplier" src="https://d3nnu1nc49m1r7.cloudfront.net/Carte_26bf5b58bc.png"></div>
</div>
<div class="sncf_coulisses_block">
<div class="supplier_description_sncf"><img src="https://d3nnu1nc49m1r7.cloudfront.net/3_Picto_Qui_Est_df0e3702c3.png">
<h2>QUI SONT LES DEUX GOURMANDS ?</h2>
<div class="separator_logo">&nbsp;</div>
<div class="supplier_description_block_sncf">
  A l'origine, ils sont deux. Deux amis, deux gourmands. <b> Guillaume et Louis.</b> Fils et petit-fils d'agriculteurs ils partagent leur passion pour le <b> goût </b> et les <b> terroirs français.</b> <p></p>
<p>LES DEUX GOURMANDS, c'est leur projet de vie et l'expression même de leurs envies.</p>
  <p>
   L'ENVIE DE <b> BIEN MANGER</b>
    Ils réglent les papilles avec des produits <b> aussi simples que généreux.</b>
    Ils recherchent <b> le goût, le vrai, le bon.</b> Celui qui fait plaisir. Celui dont on se se souviendra.</p>
  <p> L'ENVIE DE FAIRE <b> SOI-MÊME</b>
    Ils sont <b> biscuitiers et apiculteurs.</b>
    Ils aiment leurs métiers et les pratiquent chaque jour avec <b> transparence et bienveillance.</b>
    Cette démarche et la <b> maîtrise de ces savoir-faire</b> sont essentielles. C'est aussi selon eux le meilleur gage de <b> confiance</b> et de <b> qualité </b>. </p>
  <p>
    L'ENVIE DE <b> BIEN FAIRE</b>
    Ils sont engagés dans une alimentation plus <b> authentique </b> et plus <b>locale </b> Dans leurs approvisionnements, ils sélectionnent toujours les <b> meilleurs ingrédients au plus près de chez eux </b> ; et dans leurs fabrications, ils choisissent uniquement des méthodes qui <b> respectent et subliment leurs produits.</b>
  </p>
  <p>
    Cette idée d'une <b> "alimentation de proximité" </b> est primordiale et les guide vers <b> le bon sens</b>, celui qui écoute et respecte tout ce qui les entoure. 
  </p>
</div>
</div>
<div class="sncf_proofs_block">
<div class="sncf_proofs_header"><img src="https://d3nnu1nc49m1r7.cloudfront.net/7_Picto_Feuilles_73bac8bd74.png">
  <h2>pourquoi nous les avons choisis ? </h2>
<div class="separator_logo">&nbsp;</div>
</div>
<div>
<div class="sncf_proofs_content"><img src="https://d3nnu1nc49m1r7.cloudfront.net/8_Picto_Label_Recompenses_d2f77fa4e0.png" alt="">
<div class="sncf_proofs_text">
  <p>LES DEUX GOURMANDS est une <b> PME familiale française </b>.
    Leur démarche <b> authentique et locale </b> s'inscrit parfaitement dans notre engagement en faveur de <b> l'éthique </b>
</p></div>
</div>
<div class="sncf_proofs_content"><img src="https://d3nnu1nc49m1r7.cloudfront.net/8_Picto_Made_In_France_6f8fcceea3.png" alt="">
<div class="sncf_proofs_text">
<p>Au delà de la fabrication en France, dans leur ferme, les deux gourmands s'attachent à utiliser des ingrédients français (blé, miel) dans toutes leurs recettes. 
</p></div>
</div>
</div>
</div>
<div class="sncf_bar_block">
<div class="sncf_bar_header"><img src="https://d3nnu1nc49m1r7.cloudfront.net/9_Picto_Le_Bar_c133c43ee0.png" alt="">
  <h2>A découvrir au Bar </h2>
</div>
<div class="sncf_bar_content">
<div class="sncf_bar_item"><img src="https://d3nnu1nc49m1r7.cloudfront.net/Cookie_les_2_Gourmands_924896f9bc.png" alt="">
  <p>Le Cookie aux éclats de chocolat au lait </p>
</div>

</div>
<a class="sncf_bar_link" href="https://lebar.sncf.com/lacarte">je découvre la carte !</a></div>
<div class="sncf_footer"><img src="https://d3nnu1nc49m1r7.cloudfront.net/11_Footer_c3c643a2c1.png" alt=""></div>
</div></div></div>

A la Rencontre des Deux Gourmands

<div class="raw-html-embed"><style>
        header .hidden > div > div:nth-child(2){
            display : none;
        }

    .text-center {
        display: none;
    }
  
    .sncf_body {
        font-size: 16px;
        width: calc(100% + 4em);
        margin: -6em 0 -2em -2em;
        height: 100%;
        overflow-x: hidden;
        padding: 0;
    }
  
    a {
        color: #000;
    }
  
    a:visited {
        color: #000;
    }
  
    .separator_logo {
        width: 60px;
        height: 0.4em;
        background-color: #990439;
        border-radius: 1em;
    }
  
    b{
        color:#990439 !important;
    }
  
    p {
        line-height: 1.3em;
    }
  
    .flex_header_sncf{
        width: 100%;
        position: relative;
        display: flex;
        background-color: #F5E9DD;
        padding: 1em 2em;
        margin-bottom: 0.7em;
        margin-top: 4em;
    }
    
    .picture_supplier {
        width: 50%;
        flex: 4;
        object-fit: scale-down;
        margin: 0 !important;
    }
  
    .header_right_part {
        flex: 6;
        padding: 1em 0 0 1em;
    }
  
    .header_right_part p {
        color: #404041;
        font-size: 0.8em;
        margin-bottom: 0;
        font-weight: 600;
    }
  
    .header_right_part h1 {
        color: #990439;
        padding: 0;
        font-weight: 600;
        font-size: 1.3em;
        margin-top: 0.1em !important;
    }
    
    .france_map_supplier{
        width: 52%;
        margin: 0 !important;
    }
  
    .sncf_coulisses_block{
        text-align:center;
    }
  
    .supplier_description_sncf{
        margin-bottom: 0%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
  
    .supplier_description_sncf h2 {
        width: 100%;
        font-size: 0.8em;
        font-weight: 600;
        color: #990439;
        margin: 1em 0;
    }
  
    .supplier_description_sncf img {
        width: 10%;
        margin: 0 !important;
    }
  
    .supplier_description_block_sncf {
        padding: 0 2.2em;
        font-size: 0.7em;
        margin-top: 0.4em;
    }
  
    .supplier_description_block_sncf p {
        margin-bottom: 1em;
    }
  
    .supplier_quote_sncf{
        position: relative;
        background-color: #990439;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: 20%;
    }
  
    .supplier_quote_sncf h2 {
        margin: 0 0 0.5em 0;
        font-size: 0.9em;
        font-weight: 400;
        color: #fff;
    }
  
    .supplier_quote_paragraph {
        font-size: 0.7em;
        text-align: center;
        color: #fff;
        padding: 0 2.8em 1em 2.8em;
        position: relative;
    }
  
    .supplier_picture_quote{
        width: 83%;
        object-fit: cover;
        margin: -20% 0 0 0 !important;
    }
  
    .supplier_quote_logo {
        position: relative;
        width: 55px;
        margin: 0 0 0.2em 0 !important;
    }
  
    .sncf_proofs_block .separator_logo {
        margin-top: 0.8em;
    }
  
    .sncf_proofs_header {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
  
    .sncf_proofs_header img {
        width: 12%;
        margin: 0;
    }
  
    .sncf_proofs_header img:first-child {
        object-fit: scale-down;
        margin: 1em 0 0 0;
    }
  
    .sncf_proofs_header h2 {
        font-size: 0.8em;
        text-transform: uppercase;
        font-weight: 600;
        color: #990439;
        display: block;
        width: 100%;
        text-align: center;
        margin: 0;
    }
  
    .sncf_proofs_content {
        display: flex;
        background-color: #F5E9DD;
        margin-bottom: 1.5px;
        padding: 0.7em 2em;
    }
  
    .sncf_proofs_content img {
        display: block;
        object-fit: contain;
        flex: 1;
        width: 40px;
        margin: 0 1em 0 0 !important;
    }
  
    .sncf_proofs_text {
        flex: 8;
    }
  
    .sncf_proofs_text h3 {
        font-size: 0.8em;
        text-transform: uppercase;
        font-weight: 600;
        color: #990439;
        margin: 0;
    }
  
    .sncf_proofs_text p {
        color: #404041;
        font-size: 0.68em;
        margin: 0;
    }
  
    .sncf_bar_block {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
  
    .sncf_bar_header {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: 1em;
    }
  
    .sncf_bar_header img {
        width: 62px;
        margin: 0 !important;
    }
  
    .sncf_bar_header h2 {
        font-size: 0.8em;
        text-transform: uppercase;
        font-weight: 600;
        color: #990439;
        margin: 1em 0 1em 0;
    }
  
    .sncf_bar_content {
        width: 85%;
        display: grid;
        gap: 0.6em;
        grid-template-columns: repeat(2, 1fr);
        padding: 0.5em 1em;
    }
  
    .sncf_bar_item {
        /* width: 5em; */
    }
  
    .sncf_bar_item img {
        width: 100%;
        margin: 0;
    }
  
    .sncf_bar_item p {
        font-size: 0.68em;
        margin: 0.5em 0 0 0;
        text-align: center;
    }
  
    .sncf_bar_link {
        border-radius: 20px;
        background-color: #fff;
        padding: 0.3em 1.1em;
        margin: 1em 0 -1em 0;
        text-decoration: none !important;
        font-weight: 400 !important;
        text-transform: uppercase;
        font-size: 0.8em;
        border: solid 2px #990439;
        transition: 0.2s;
    }
  
    .sncf_bar_link:visited {
        color: #990439;
    }
  
    .sncf_bar_link:hover, .sncf_bar_link:focus {
        background-color: #990439;
        color: #fff;
    }
  
    .sncf_footer img {
        position: relative;
        width: 100%;
        padding:0;
        margin: 0;
    }

    .sncf_body > div:not(.sncf_footer) img{
       border-radius: 40px;
    }
  
  </style>
<div class="sncf_body">
    <div class="flex_header_sncf">
        <img class="picture_supplier" src="https://d3nnu1nc49m1r7.cloudfront.net/Groupe_20d6e31940.png">
        <div class="header_right_part">
            <h1>QUI EST EAU NEUVE MARQUE CRÉÉE PAR LA COMPAGNIE DES PYRÉNÉES ?</h1>
            <img class="france_map_supplier" src="https://d3nnu1nc49m1r7.cloudfront.net/France_effd738acf.png">
        </div>
    </div>
    <div class="sncf_coulisses_block">
         <div class="supplier_description_sncf">
            <img src="https://d3nnu1nc49m1r7.cloudfront.net/3_Picto_Qui_Est_df0e3702c3.png">
            <h2>Qui est Eau Neuve ?</h2>
            <div class="separator_logo">
                &nbsp;
            </div>
            <div class="supplier_description_block_sncf">
                <p>La Compagnie des Pyrénées est une nouvelle entreprise d'embouteillage de Haute-Ariège (09) avec un fort ADN <b> ECOLOGIQUE,DURABLE et SOCIETAL.</b></p>
                <p>Eau Neuve, c'est une usine <b>éco-conçue</b>, utilisant les <b>énergies vertes</b> pour s'alimenter, récupérant la chaleur de sa partie production pur chauffer le bâtiment, et recyclant ses déchets de production les réduisant au maximum. C'est aussi plus de 45 <b> emplois locaux </b> auprès de collaborateurs habitant à 30 kilomètres de l'usine maximum, avec une <b> formation continue</b> sur des outils technologiques totalement nouveaux pour un minéralier.</p>
                <p>Eau Neuve (O9 en référence au numéro du département de l'Ariège) propose une <b>eau minéarale naturelle de montagne, pure et équilibrée </b>, puisée à 1332m d'altitude dans la chaîne des Pyrénées. Pauvre en sodium, avec un pH neutre, elle saura séduire le plus grand nombre et notamment les nourissons et les seniors à qui elle convient tout particulièrement au quotidien sans restriction. Eau Neuve fait partie des sources françaises à avoir reçu la norme Afnor "Convient à la préparation des biberons et à l'alimentation des nourrissons".</p>
                <p>C'est aussi la volonté de <b> préserver les ressources naturelles </b> et ne puiser que 15% de la source afin de lui permettre de s'auto-régénérer naturellement. L'eau est obtenue par les pluies et la fonte des neiges à 2300m et est filtrée naturellement pendant 5ans.</p>
                <p>L'ensemble du processus de captation, production, emballage, distribution et recyclage a été pensé dans un objectif premier <b> d'écoresponsabilité</b></p>
            </div>
            <div class="sncf_proofs_block">
                <div class="sncf_proofs_header">
                    <img src="https://d3nnu1nc49m1r7.cloudfront.net/7_Picto_Feuilles_73bac8bd74.png">
                    <h2>Pourquoi nous les avons choisis ?</h2>
                    <div class="separator_logo">
                        &nbsp;
                    </div>
                </div>
                <div>
                    <div class="sncf_proofs_content">
                        <img src="https://d3nnu1nc49m1r7.cloudfront.net/8_Picto_Recyclable_bd32fbdf0f.png" alt="">
                        <div class="sncf_proofs_text">
                            <p>Eau Neuve est une gamme de contenants différents <b> issus de recyclage</b> comme le 100% RPET, les canettes aluminium, le verre ou bio-sourcés comme pour la Tetra Top Water développée en partenariat exclusif avec TetraPak (Eau Neuve détient la seule machine de production de ce format en Europe). </p>
                        </div>
                    </div>
                <div class="sncf_proofs_content">
                    <img src="https://d3nnu1nc49m1r7.cloudfront.net/8_Picto_Made_In_France_6f8fcceea3.png" alt="">
                    <div class="sncf_proofs_text">
                        <p>Une eau française et novatrice, qui s'inscrit dans les valeurs partagées par le Bar TGV INOUI.</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="sncf_bar_block">
            <div class="sncf_bar_header">
                <img src="https://d3nnu1nc49m1r7.cloudfront.net/9_Picto_Le_Bar_c133c43ee0.png" alt="">
                <h2>à découvrir au bar...</h2>
            </div>
            <div class="sncf_bar_content">
                <div class="sncf_bar_item">
                    <img src="https://d3nnu1nc49m1r7.cloudfront.net/eau1_695ad5ad05.png" alt="">
                    <p>Eau minérale naturelle gazéifiée 33cl</p>
                </div>
                <div class="sncf_bar_item">
                    <img src="https://d3nnu1nc49m1r7.cloudfront.net/2_ec0e9aa07f.png" alt="">
                    <p>Eau minérale naturelle plate 50cl </p>
                </div>
            </div>
            <a class="sncf_bar_link" href="https://lebar.sncf.com/lacarte">je découvre la carte !</a>
        </div>
    </div>
</div>
<div class="sncf_footer"><img src="https://d3nnu1nc49m1r7.cloudfront.net/11_Footer_c3c643a2c1.png" alt=""></div>
</div></div>

Eau Neuve

<div class="raw-html-embed"><style>
        header .hidden > div > div:nth-child(2){
            display : none;
        }

    .text-center {
        display: none;
    }

    .sncf_body {
        font-size: 16px;
        width: calc(100% + 4em);
        margin: -6em 0 -2em -2em;
        height: 100%;
        overflow-x: hidden;
        padding: 0;
    }

    a {
        color: #000;
    }

    a:visited {
        color: #000;
    }

    .separator_logo {
        width: 60px;
        height: 0.4em;
        background-color: #990439;
        border-radius: 1em;
    }

    b {
        color:#990439;
        text-transform: none;
    }

    p {
        line-height: 1.3em;
    }

    .flex_header_sncf{
        width: 100%;
        position: relative;
        display: flex;
        background-color: #F5E9DD;
        padding: 1em 2em;
        margin-bottom: 0.7em;
        margin-top: 4em;
    }
    
    .picture_supplier {
        width: 50%;
        flex: 4;
        object-fit: scale-down;
        margin: 0 !important;
    }

    .header_right_part {
        flex: 6;
        padding: 1em 0 0 1em;
    }

    .header_right_part p {
        color: #404041;
        font-size: 0.8em;
        margin-bottom: 0;
        font-weight: 600;
    }

    .header_right_part h1 {
        color: #990439;
        padding: 0;
        font-weight: 600;
        font-size: 1.3em;
        margin-top: 0.1em !important;
    }
    
    .france_map_supplier{
        width: 52%;
        margin: 0 !important;
    }

    .sncf_coulisses_block{
        text-align:center;
    }

    .supplier_description_sncf{
        margin-bottom: 23%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .supplier_description_sncf h2 {
        width: 100%;
        font-size: 0.8em;
        font-weight: 600;
        color: #990439;
        margin: 1em 0;
    }

    .supplier_description_sncf img {
        width: 10%;
        margin: 0 !important;
    }

    .supplier_description_block_sncf {
        padding: 0 2.2em;
        font-size: 0.7em;
        margin-top: 0.4em;
    }

    .supplier_description_block_sncf p {
        margin-bottom: 1em;
    }

    .supplier_quote_sncf{
        position: relative;
        background-color: #990439;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .supplier_quote_sncf h2 {
        margin: 0 0 0.5em 0;
        font-size: 0.9em;
        font-weight: 400;
        color: #fff;
    }

    .supplier_quote_paragraph {
        font-size: 0.7em;
        text-align: center;
        color: #fff;
        padding: 0 2.8em 1em 2.8em;
        position: relative;
    }

    .supplier_picture_quote{
        width: 83%;
        object-fit: cover;
        margin: -20% 0 0 0 !important;
        border-radius:40px;
    }

    .supplier_quote_logo {
        position: relative;
        width: 55px;
        margin: 0 0 0.2em 0 !important;
    }

    .sncf_proofs_block .separator_logo {
        margin-top: 0.8em;
    }

    .sncf_proofs_header {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .sncf_proofs_header img {
        width: 12%;
        margin: 0;
    }

    .sncf_proofs_header img:first-child {
        object-fit: scale-down;
        margin: 1em 0 0 0;
    }

    .sncf_proofs_header h2 {
        font-size: 0.8em;
        text-transform: uppercase;
        font-weight: 600;
        color: #990439;
        display: block;
        width: 100%;
        text-align: center;
        margin: 0;
    }

    .sncf_proofs_content {
        display: flex;
        background-color: #F5E9DD;
        margin-bottom: 1.5px;
        padding: 0.7em 2em;
    }

    .sncf_proofs_content img {
        display: block;
        object-fit: contain;
        flex: 1;
        width: 40px;
        margin: 0 1em 0 0 !important;
    }

    .sncf_proofs_text {
        flex: 8;
    }

    .sncf_proofs_text h3 {
        font-size: 0.8em;
        text-transform: uppercase;
        font-weight: 600;
        color: #990439;
        margin: 0;
    }

    .sncf_proofs_text p {
        color: #404041;
        font-size: 0.68em;
        margin: 0;
    }

    .sncf_bar_block {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .sncf_bar_header {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: 1em;
    }

    .sncf_bar_header img {
        width: 62px;
        margin: 0 !important;
    }

    .sncf_bar_header h2 {
        font-size: 0.8em;
        text-transform: uppercase;
        font-weight: 600;
        color: #990439;
        margin: 1em 0 1em 0;
    }

    .sncf_bar_content {
        width: 85%;
        display: grid;
        gap: 0.6em;
        grid-template-columns: repeat(2, 1fr);
        padding: 0.5em 1em;
    }

    .sncf_bar_item {
        /* width: 5em; */
    }

    .sncf_bar_item img {
        width: 100%;
        margin: 0;
        border-radius: 40px;

    }

    .sncf_bar_item p {
        font-size: 0.68em;
        margin: 0.5em 0 0 0;
        text-align: center;
    }

    .sncf_bar_link {
        border-radius: 20px;
        background-color: #fff;
        padding: 0.3em 1.1em;
        margin: 1em 0 -1em 0;
        text-decoration: none !important;
        font-weight: 400 !important;
        text-transform: uppercase;
        font-size: 0.8em;
        border: solid 2px #990439;
        transition: 0.2s;
    }

    .sncf_bar_link:visited {
        color: #990439;
    }

    .sncf_bar_link:hover, .sncf_bar_link:focus {
        background-color: #990439;
        color: #fff;
    }

    .sncf_footer img {
        position: relative;
        width: 100%;
        padding:0;
        margin: 0;
    }

.sncf_body > div:not(.sncf_footer) img {
    border-radius: 40px;
}

</style>


<div class="sncf_body">
    <div class="flex_header_sncf">
        <img class="picture_supplier" src="https://d3nnu1nc49m1r7.cloudfront.net/Fillette_Bertel_1875x2083_ec4b53a296.png">  
        <div class="header_right_part">
            <p>À la rencontre de </p>
            <h1> Bertel </h1>
            <img class="france_map_supplier" src="https://d3nnu1nc49m1r7.cloudfront.net/Caarte_bretagne_b98d98ca90.png">
        </div>
    </div>
    
    
    <div class="sncf_coulisses_block">
        <div class="supplier_description_sncf">
            <img src="https://d3nnu1nc49m1r7.cloudfront.net/3_Picto_Qui_Est_df0e3702c3.png">   
            <h2>Qui est Bertel ? </h2>
            <div class="separator_logo"></div>
            <div class="supplier_description_block_sncf">
                <p>Entre terre et mer, un terroir source de <b> saveurs </b> et d’<b> authenticité </b>. Les Galettes Bertel sont depuis toujours à Pleudihen-sur-Rance dans les Côtes d’Armor (22). Fidèle à la <b> recette originale de 1979 </b>, nos crêpes de froment au <b> lait frais fermier </b> et nos galettes de <b> blé noir </b> sont le fruit d'un choix des <b> meilleurs ingrédients </b> et d'un <b> savoir-faire </b> mis au service de <b> la tradition.</b> 
Véritable référence en Haute Bretagne, notre maison familiale perpétue ses spécialités bretonnes avec un souci permanent de qualité, d'authenticité et de satisfaction clients.  
            </p></div>
        </div>
    </div>
    <div class="supplier_quote_sncf">
        <img class="supplier_picture_quote" src="https://d3nnu1nc49m1r7.cloudfront.net/Amand_Bertel_523x510_ee8022d86a.png"> 
        <img class="supplier_quote_logo" src="https://d3nnu1nc49m1r7.cloudfront.net/6_Picto_Petit_Mot_c1fcd5eeab.png">
        <div style="text-align: center;">
            <h2>LE PETIT MOT D'AMAND BERTEL </h2>
            <p class="supplier_quote_paragraph">" Mon équipe et moi-même souhaitons vous faire découvrir nos recettes authentiques bretonnes, le temps d'un trajet, au Bar TGV INOUI. Embarquement immédiat pour un plaisir gourmand lors de votre voyage "</p>
        </div>
    </div>

    
    <div class="sncf_proofs_block">
        <div class="sncf_proofs_header">
            <img src="https://d3nnu1nc49m1r7.cloudfront.net/7_Picto_Feuilles_73bac8bd74.png">
            <h2>pourquoi nous les avons choisis ? </h2>
            <div class="separator_logo"></div>
        </div>
        <div>
            <div class="sncf_proofs_content">
                <img src="https://d3nnu1nc49m1r7.cloudfront.net/8_Picto_Made_In_France_3d97b9f4d9.png" alt="">
                <div class="sncf_proofs_text">
                    <p>LOCAL : La galette est fabriquée en Bretagne <b> dans le respect de la tradition.</b> </p>
                </div>
            </div>
            <div class="sncf_proofs_content">
                <img src="https://d3nnu1nc49m1r7.cloudfront.net/8_Picto_Chef_befcb32774.png" alt="">
                <div class="sncf_proofs_text">
                    <p> LEURS SECRETS : une <b> farine française pur blé noir </b>, de la fonte brûlante et <b> surtout une recette traditionnelle depuis 1979 </b> </p>
                </div>
            </div>
        </div>
    </div>
    
    <div class="sncf_bar_block">
        <div class="sncf_bar_header">
            <img src="https://d3nnu1nc49m1r7.cloudfront.net/9_Picto_Le_Bar_c133c43ee0.png" alt="">
            <h2>à découvrir au bar...</h2>
        </div>
        <div class="sncf_bar_content">
            <div class="sncf_bar_item">
                <img src="https://d3nnu1nc49m1r7.cloudfront.net/galette_510x522_ba4973bf0f.png" alt="">
                <p>Galette au blé noir, poulet et champignons</p>
            </div>
        </div>
        <a class="sncf_bar_link" href="https://lebar.sncf.com/lacarte">je découvre la carte !</a>
    </div>
    
    <div class="sncf_footer">
        <img src="https://d3nnu1nc49m1r7.cloudfront.net/11_Footer_c3c643a2c1.png" alt="">
    </div>
</div></div>

Bertel

<div class="raw-html-embed"><style>
        header .hidden > div > div:nth-child(2){
            display : none;
        }

    .text-center {
        display: none;
    }
  
    .sncf_body {
        font-size: 16px;
        width: calc(100% + 4em);
        margin: -6em 0 -2em -2em;
        height: 100%;
        overflow-x: hidden;
        padding: 0;
    }
  
    a {
        color: #000;
    }
  
    a:visited {
        color: #000;
    }
  
    .separator_logo {
        width: 60px;
        height: 0.4em;
        background-color: #990439;
        border-radius: 1em;
    }
  
    b {
        color:#990439;
        text-transform: none;
    }
  
    p {
        line-height: 1.3em;
    }
  
    .flex_header_sncf{
        width: 100%;
        position: relative;
        display: flex;
        background-color: #F5E9DD;
        padding: 1em 2em;
        margin-bottom: 0.7em;
        margin-top: 4em;
    }
    
    .picture_supplier {
        width: 50%;
        flex: 4;
        object-fit: scale-down;
        margin: 0 !important;
    }
  
    .header_right_part {
        flex: 6;
        padding: 1em 0 0 1em;
    }
  
    .header_right_part p {
        color: #404041;
        font-size: 0.8em;
        margin-bottom: 0;
        font-weight: 600;
    }
  
    .header_right_part h1 {
        color: #990439;
        padding: 0;
        font-weight: 600;
        font-size: 1.3em;
        margin-top: 0.1em !important;
    }
    
    .france_map_supplier{
        width: 52%;
        margin: 0 !important;
    }
  
    .sncf_coulisses_block{
        text-align:center;
    }
  
    .supplier_description_sncf{
        margin-bottom: 0%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
  
    .supplier_description_sncf h2 {
        width: 100%;
        font-size: 0.8em;
        font-weight: 600;
        color: #990439;
        margin: 1em 0;
    }
  
    .supplier_description_sncf img {
        width: 10%;
        margin: 0 !important;
    }
  
    .supplier_description_block_sncf {
        padding: 0 2.2em;
        font-size: 0.7em;
        margin-top: 0.4em;
    }
  
    .supplier_description_block_sncf p {
        margin-bottom: 1em;
    }
  
    .supplier_quote_sncf{
        position: relative;
        background-color: #990439;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
  
    .supplier_quote_sncf h2 {
        margin: 0 0 0.5em 0;
        font-size: 0.9em;
        font-weight: 400;
        color: #fff;
    }
  
    .supplier_quote_paragraph {
        font-size: 0.7em;
        text-align: center;
        color: #fff;
        padding: 0 2.8em 1em 2.8em;
        position: relative;
    }
  
    .supplier_picture_quote{
        width: 83%;
        object-fit: cover;
        margin: -20% 0 0 0 !important;
    }
  
    .supplier_quote_logo {
        position: relative;
        width: 55px;
        margin: 0 0 0.2em 0 !important;
    }
  
    .sncf_proofs_block .separator_logo {
        margin-top: 0.8em;
    }
  
    .sncf_proofs_header {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
  
    .sncf_proofs_header img {
        width: 12%;
        margin: 0;
    }
  
    .sncf_proofs_header img:first-child {
        object-fit: scale-down;
        margin: 1em 0 0 0;
    }
  
    .sncf_proofs_header h2 {
        font-size: 0.8em;
        text-transform: uppercase;
        font-weight: 600;
        color: #990439;
        display: block;
        width: 100%;
        text-align: center;
        margin: 0;
    }
  
    .sncf_proofs_content {
        display: flex;
        background-color: #F5E9DD;
        margin-bottom: 1.5px;
        padding: 0.7em 2em;
    }
  
    .sncf_proofs_content img {
        display: block;
        object-fit: contain;
        flex: 1;
        width: 40px;
        margin: 0 1em 0 0 !important;
    }
  
    .sncf_proofs_text {
        flex: 8;
    }
  
    .sncf_proofs_text h3 {
        font-size: 0.8em;
        text-transform: uppercase;
        font-weight: 600;
        color: #990439;
        margin: 0;
    }
  
    .sncf_proofs_text p {
        color: #404041;
        font-size: 0.68em;
        margin: 0;
    }
  
    .sncf_bar_block {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
  
    .sncf_bar_header {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: 1em;
    }
  
    .sncf_bar_header img {
        width: 62px;
        margin: 0 !important;
    }
  
    .sncf_bar_header h2 {
        font-size: 0.8em;
        text-transform: uppercase;
        font-weight: 600;
        color: #990439;
        margin: 1em 0 1em 0;
    }
  
    .sncf_bar_content {
        width: 85%;
        display: grid;
        gap: 0.6em;
        grid-template-columns: repeat(2, 1fr);
        padding: 0.5em 1em;
    }
  
    .sncf_bar_item {
        /* width: 5em; */
    }
  
    .sncf_bar_item img {
        width: 100%;
        margin: 0;
        border-radius: 40px;
    }
  
    .sncf_bar_item p {
        font-size: 0.68em;
        margin: 0.5em 0 0 0;
        text-align: center;
    }
  
    .sncf_bar_link {
        border-radius: 20px;
        background-color: #fff;
        padding: 0.3em 1.1em;
        margin: 1em 0 -1em 0;
        text-decoration: none !important;
        font-weight: 400 !important;
        text-transform: uppercase;
        font-size: 0.8em;
        border: solid 2px #990439;
        transition: 0.2s;
    }
  
    .sncf_bar_link:visited {
        color: #990439;
    }
  
    .sncf_bar_link:hover, .sncf_bar_link:focus {
        background-color: #990439;
        color: #fff;
    }
  
    .sncf_footer img {
        position: relative;
        width: 100%;
        padding:0;
        margin: 0;
    }
  .sncf_body > div:not(.sncf_footer) img {
    border-radius: 40px;
}
  </style>


<div class="sncf_body">
    <div class="flex_header_sncf">
        <img class="picture_supplier" src="https://d3nnu1nc49m1r7.cloudfront.net/Groupe_523x510_fef485eab8.png">  
        <div class="header_right_part">
            <p>À la rencontre de </p>
            <h1> Néogourmets </h1>
            <img class="france_map_supplier" src="https://d3nnu1nc49m1r7.cloudfront.net/Centre_Val_de_Loire_d107095681.png">
        </div>
    </div>
    
    
    <div class="sncf_coulisses_block">
        <div class="supplier_description_sncf">
            <img src="https://d3nnu1nc49m1r7.cloudfront.net/3_Picto_Qui_Est_df0e3702c3.png">   
            <h2>Qui sont Néogourmets ? </h2>
            <div class="separator_logo"></div>
            <div class="supplier_description_block_sncf">
                <p>Néogourmets, c'est d'abord une histoire : celle de <b> Gaëlle, David et leurs trois enfants</b>. A la suite d'un souci de santé, Gaëlle a dû supprimer totalement les sucres rapides de son alimentation. Au départ vécu comme une contrainte, c'est rapidement devenu un <b> nouveau mode de vie familial </b> qu'ils ont voulu <b> partager ! </b> </p> 
                <p> L'aventure Néogourmets démarre en 2018 <b> avec la création de la biscuiterie certifiée BIO par ECOCERT à Saint-Cyr-sur-Loire </b>, au coeur de la Tourraine. La suite, c'est une <b> aventure humaine </b> faite de belles rencontres. Une petite <b> équipe de passionés </b> qui <b> partagent les mêmes valeurs.</b> </p>
                <p> Néogourmets fabrique, en plus des biscuits présents au Bar, des chocolats, des la pâte à tartiner, des granolas, des fruits secs enrobés et des biscuits sucrés et salés. Ils utilisent des <b> packagings 100% recyclables </b>. </p> 
                <p> L'idée est de revenir à des ingrédients <b> plus bruts, moins transformés </b> et donc <b> plus sains </b>. Les bons sucres existent, ils sont <b> naturellement présents </b> dans les fruits et sont utilisés tels quels dans les recettes. La nature fait bien les choses ... Respectons la ! </p> 
                <p> Se passer d'exhausteur de goût est aujourd'hui un <b> vrai défi </b> ! Chez Néogourmets, <b> pas d'édulcorant </b> pas de liste d'ingrédients à rallonge et aucun nom bizarre. <b> du bio, du bon, du naturel et c'est tout ! </b> </p>
                <p> L'entreprise propose des produits équitables et s'attache à garantir aux producteurs un <b> prix juste </b> ainsi que des <b> conditions de travail favorables </b>. Le travail des enfants est ainsi proscrit. <b> Equitable </b> également pour <b> la nature </b>, les fèves sont issues de <b> plantations respectueuses de l'environnement et des écosystèmes</b>. 
                </p></div>

        </div>
    </div>

    
    <div class="sncf_proofs_block">
        <div class="sncf_proofs_header">
            <img src="https://d3nnu1nc49m1r7.cloudfront.net/7_Picto_Feuilles_73bac8bd74.png">
            <h2>pourquoi nous les avons choisis ? </h2>
            <div class="separator_logo"></div>
        </div>
        <div>
            <div class="sncf_proofs_content">
                <img src="https://d3nnu1nc49m1r7.cloudfront.net/8_Picto_Made_In_France_3d97b9f4d9.png" alt="">
                <div class="sncf_proofs_text">
                    <p>LOCAL : Tous les biscuits sont <b> fabriqués artisanalement </b> dans leur atelier de Saint-Cyr-Sur-Loire, tous les ingrédients sont soigneusement sélectionnés <b> localement </b> dès que possible et <b> tout est naturel </b> </p>
                </div>
            </div>
            <div class="sncf_proofs_content">
                <img src="https://d3nnu1nc49m1r7.cloudfront.net/8_Picto_BIO_f7019be42a.png" alt="">
                <div class="sncf_proofs_text">
                    <p> BIO ET SANS SUCRES AJOUTÉS : des gammes de biscuits <b> sans sucres ajoutés </b> et <b> sans édulcorants, gourmands </b> mais 30% à 50% moins sucrés comparés à des recettes classiques.</p>
                </div>
            </div>
        </div>
    </div>
    
    <div class="sncf_bar_block">
        <div class="sncf_bar_header">
            <img src="https://d3nnu1nc49m1r7.cloudfront.net/9_Picto_Le_Bar_c133c43ee0.png" alt="">
            <h2>à découvrir au bar...</h2>
        </div>
        <div class="sncf_bar_content">
            <div class="sncf_bar_item">
                <img src="https://d3nnu1nc49m1r7.cloudfront.net/Ordi_sable_1875x2083_3bba50d97c.png" alt="">
                <p>Sablés au chocolat au lait et noisettes, sans sucres ajoutés</p>
            </div>
        </div>
        <a class="sncf_bar_link" href="https://lebar.sncf.com/lacarte">je découvre la carte !</a>
    </div>
    
    <div class="sncf_footer">
        <img src="https://d3nnu1nc49m1r7.cloudfront.net/11_Footer_c3c643a2c1.png" alt="">
    </div>
</div></div>

Néogourmets

<div class="raw-html-embed"><style>
        header .hidden > div > div:nth-child(2){
            display : none;
        }

    .text-center {
        display: none;
    }

    .sncf_body {
        font-size: 16px;
        width: calc(100% + 4em);
        margin: -6em 0 -2em -2em;
        height: 100%;
        overflow-x: hidden;
        padding: 0;
    }

    a {
        color: #000;
    }

    a:visited {
        color: #000;
    }

    .separator_logo {
        width: 60px;
        height: 0.4em;
        background-color: #990439;
        border-radius: 1em;
    }

    b {
        color:#990439;
        text-transform: none;
    }

    p {
        line-height: 1.3em;
    }

    .flex_header_sncf{
        width: 100%;
        position: relative;
        display: flex;
        background-color: #F5E9DD;
        padding: 1em 2em;
        margin-bottom: 0.7em;
        margin-top: 4em;
    }
    
    .picture_supplier {
        width: 50%;
        flex: 4;
        object-fit: scale-down;
        margin: 0 !important;
    }

    .header_right_part {
        flex: 6;
        padding: 1em 0 0 1em;
    }

    .header_right_part p {
        color: #404041;
        font-size: 0.8em;
        margin-bottom: 0;
        font-weight: 600;
    }

    .header_right_part h1 {
        color: #990439;
        padding: 0;
        font-weight: 600;
        font-size: 1.3em;
        margin-top: 0.1em !important;
    }
    
    .france_map_supplier{
        width: 52%;
        margin: 0 !important;
    }

    .sncf_coulisses_block{
        text-align:center;
    }

    .supplier_description_sncf{
        margin-bottom: 23%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .supplier_description_sncf h2 {
        width: 100%;
        font-size: 0.8em;
        font-weight: 600;
        color: #990439;
        margin: 1em 0;
    }

    .supplier_description_sncf img {
        width: 10%;
        margin: 0 !important;
    }

    .supplier_description_block_sncf {
        padding: 0 2.2em;
        font-size: 0.7em;
        margin-top: 0.4em;
    }

    .supplier_description_block_sncf p {
        margin-bottom: 1em;
    }

    .supplier_quote_sncf{
        position: relative;
        background-color: #990439;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .supplier_quote_sncf h2 {
        margin: 0 0 0.5em 0;
        font-size: 0.9em;
        font-weight: 400;
        color: #fff;
    }

    .supplier_quote_paragraph {
        font-size: 0.7em;
        text-align: center;
        color: #fff;
        padding: 0 2.8em 1em 2.8em;
        position: relative;
    }

    .supplier_picture_quote{
        width: 83%;
        object-fit: cover;
        margin: -20% 0 0 0 !important;
        border-radius:40px;
    }

    .supplier_quote_logo {
        position: relative;
        width: 55px;
        margin: 0 0 0.2em 0 !important;
    }

    .sncf_proofs_block .separator_logo {
        margin-top: 0.8em;
    }

    .sncf_proofs_header {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .sncf_proofs_header img {
        width: 12%;
        margin: 0;
    }

    .sncf_proofs_header img:first-child {
        object-fit: scale-down;
        margin: 1em 0 0 0;
    }

    .sncf_proofs_header h2 {
        font-size: 0.8em;
        text-transform: uppercase;
        font-weight: 600;
        color: #990439;
        display: block;
        width: 100%;
        text-align: center;
        margin: 0;
    }

    .sncf_proofs_content {
        display: flex;
        background-color: #F5E9DD;
        margin-bottom: 1.5px;
        padding: 0.7em 2em;
    }

    .sncf_proofs_content img {
        display: block;
        object-fit: contain;
        flex: 1;
        width: 40px;
        margin: 0 1em 0 0 !important;
    }

    .sncf_proofs_text {
        flex: 8;
    }

    .sncf_proofs_text h3 {
        font-size: 0.8em;
        text-transform: uppercase;
        font-weight: 600;
        color: #990439;
        margin: 0;
    }

    .sncf_proofs_text p {
        color: #404041;
        font-size: 0.68em;
        margin: 0;
    }

    .sncf_bar_block {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .sncf_bar_header {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: 1em;
    }

    .sncf_bar_header img {
        width: 62px;
        margin: 0 !important;
    }

    .sncf_bar_header h2 {
        font-size: 0.8em;
        text-transform: uppercase;
        font-weight: 600;
        color: #990439;
        margin: 1em 0 1em 0;
    }

    .sncf_bar_content {
        width: 85%;
        display: grid;
        gap: 0.6em;
        grid-template-columns: repeat(2, 1fr);
        padding: 0.5em 1em;
    }

    .sncf_bar_item {
        /* width: 5em; */
    }

    .sncf_bar_item img {
        width: 100%;
        margin: 0;
        border-radius: 40px;

    }

    .sncf_bar_item p {
        font-size: 0.68em;
        margin: 0.5em 0 0 0;
        text-align: center;
    }

    .sncf_bar_link {
        border-radius: 20px;
        background-color: #fff;
        padding: 0.3em 1.1em;
        margin: 1em 0 -1em 0;
        text-decoration: none !important;
        font-weight: 400 !important;
        text-transform: uppercase;
        font-size: 0.8em;
        border: solid 2px #990439;
        transition: 0.2s;
    }

    .sncf_bar_link:visited {
        color: #990439;
    }

    .sncf_bar_link:hover, .sncf_bar_link:focus {
        background-color: #990439;
        color: #fff;
    }

    .sncf_footer img {
        position: relative;
        width: 100%;
        padding:0;
        margin: 0;
    }

.sncf_body > div:not(.sncf_footer) img {
    border-radius: 40px;
}

</style>


<div class="sncf_body">
    <div class="flex_header_sncf">
        <img class="picture_supplier" src="https://d3nnu1nc49m1r7.cloudfront.net/Cultivateur_cacao_de9f544f3f.png">  
        <div class="header_right_part">
            <p>À la rencontre d'</p>
            <h1> Ethiquable </h1>
            <img class="france_map_supplier" src="https://d3nnu1nc49m1r7.cloudfront.net/Carte_France_Ethiquable_34b52fe9fe.png">
        </div>
    </div>
    
    
    <div class="sncf_coulisses_block">
        <div class="supplier_description_sncf">
            <img src="https://d3nnu1nc49m1r7.cloudfront.net/3_Picto_Qui_Est_df0e3702c3.png">   
            <h2>Qui est Ethiquable ? </h2>
            <div class="separator_logo"></div>
            <div class="supplier_description_block_sncf">
                <p>Créée en 2003, Ethiquable est une <b> société coopérative et participative </b> spécialisée dans la commercialisation de produits Bio issus du <b> commerce équitable. </b> </p>
<p> A travers une gamme de 300 produits, Ethiquable soutient des projets portés par des organisations d’agriculteurs à travers le monde : <b> Afrique, Amérique latine, Asie et en France. </b></p>
<p>En faisant le choix d’une <b> agriculture paysanne </b> à taille humaine, elle contribue au <b> maintien de savoir-faire </b> ancestraux ou à la culture de <b> variétés anciennes.</b></p>
<p>Soutien à l’agroécologie, à l’agroforesterie, diversification des productions et ou création de valeur ajoutée par la transformation des cultures, Ethiquable créé de l’impact pour <b> 91 coopératives et 47 800 producteurs </b> présents dans le monde entier.</p> <p>
En ce moment au Bar, vous pouvez découvrir (ou redécouvrir) le <b> chocolat noir 72% Haïti </b>Un chocolat <b> typé </b> et <b> franc </b> en bouche, à la fois <b>complexe</b> et <b>raffiné.</b> </p>
<p>Quelques notes de reglisse seront présentes en début de dégustation pour laisser place au velouté cacaoté et chocolaté mêlant des pointes de boisé avec un soupçon de tourbe et de cuir.</p>
<p>Pour en apprendre plus sur les secrets de ce grand chocolat <a href="https://www.ethiquable.coop/fiche-produit-equitable-et-bio/chocolat-noir-72-haiti-equitable-bio/"> Ethiquable</a> </p> 
            <p></p></div>
        </div>
    </div>
    <div class="supplier_quote_sncf">
        <img class="supplier_picture_quote" src="https://d3nnu1nc49m1r7.cloudfront.net/equipe_ethiquable_023ebea780.png"> 
        <img class="supplier_quote_logo" src="https://d3nnu1nc49m1r7.cloudfront.net/6_Picto_Petit_Mot_c1fcd5eeab.png">
        <div style="text-align: center;">
            <h2>LE PETIT MOT D'ETHIQUABLE </h2>
            <p class="supplier_quote_paragraph">" Nous sommes ravis d’accompagner les pérégrinations des voyageurs des TGV INOUI avec ce concentré gourmand et équitable  "</p>
        </div>
    </div>

    
    <div class="sncf_proofs_block">
        <div class="sncf_proofs_header">
            <img src="https://d3nnu1nc49m1r7.cloudfront.net/7_Picto_Feuilles_73bac8bd74.png">
            <h2>pourquoi nous les avons choisis ? </h2>
            <div class="separator_logo"></div>
        </div>
        <div>
            <div class="sncf_proofs_content">
                <img src="https://d3nnu1nc49m1r7.cloudfront.net/8_Picto_Label_Recompenses_1675fcd3dd.png" alt="">
                <div class="sncf_proofs_text">
                    <p>Parce qu'Ethiquable s’inscrit parfaitement dans notre démarche : privilégier les produits issus de pratiques d’agriculture vertueuse tout en permettant aux voyageurs de se faire plaisir. </p>
                </div>
            </div>
            <div class="sncf_proofs_content">
                <img src="https://d3nnu1nc49m1r7.cloudfront.net/8_Picto_Gout_bbb2c0fbee.png" alt="">
                <div class="sncf_proofs_text">
                    <p> Parce que le chocolat noir 72% Haïti nous a séduits par sa grande qualité gustative, son originalité et son intensité.</p>
                </div>
            </div>
        </div>
    </div>
    
    <div class="sncf_bar_block">
        <div class="sncf_bar_header">
            <img src="https://d3nnu1nc49m1r7.cloudfront.net/9_Picto_Le_Bar_c133c43ee0.png" alt="">
            <h2>à découvrir au bar...</h2>
        </div>
        <div class="sncf_bar_content">
            <div class="sncf_bar_item">
                <img src="https://d3nnu1nc49m1r7.cloudfront.net/Tablette_Haiti_5d44a99fc0.png" alt="">
                <p>Tablette chocolat noir grand cru Haïti 72%</p>
            </div>
        </div>
        <a class="sncf_bar_link" href="https://lebar.sncf.com/lacarte">je découvre la carte !</a>
    </div>
    
    <div class="sncf_footer">
        <img src="https://d3nnu1nc49m1r7.cloudfront.net/11_Footer_c3c643a2c1.png" alt="">
    </div>
</div></div>

A la rencontre d'Ethiquable

<div class="raw-html-embed"><style>
        header .hidden > div > div:nth-child(2){
            display : none;
        }

    .text-center {
        display: none;
    }

    .sncf_body {
        font-size: 16px;
        width: calc(100% + 4em);
        margin: -6em 0 -2em -2em;
        height: 100%;
        overflow-x: hidden;
        padding: 0;
    }

    a {
        color: #000;
    }

    a:visited {
        color: #000;
    }

    .separator_logo {
        width: 60px;
        height: 0.4em;
        background-color: #990439;
        border-radius: 1em;
    }

    b {
        color:#990439;
        text-transform: none;
    }

    p {
        line-height: 1.3em;
    }

    .flex_header_sncf{
        width: 100%;
        position: relative;
        display: flex;
        background-color: #F5E9DD;
        padding: 1em 2em;
        margin-bottom: 0.7em;
        margin-top: 4em;
    }
    
    .picture_supplier {
        width: 50%;
        flex: 4;
        object-fit: scale-down;
        margin: 0 !important;
    }

    .header_right_part {
        flex: 6;
        padding: 1em 0 0 1em;
    }

    .header_right_part p {
        color: #404041;
        font-size: 0.8em;
        margin-bottom: 0;
        font-weight: 600;
    }

    .header_right_part h1 {
        color: #990439;
        padding: 0;
        font-weight: 600;
        font-size: 1.3em;
        margin-top: 0.1em !important;
    }
    
    .france_map_supplier{
        width: 52%;
        margin: 0 !important;
    }

    .sncf_coulisses_block{
        text-align:center;
    }

    .supplier_description_sncf{
        margin-bottom: 23%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .supplier_description_sncf h2 {
        width: 100%;
        font-size: 0.8em;
        font-weight: 600;
        color: #990439;
        margin: 1em 0;
    }

    .supplier_description_sncf img {
        width: 10%;
        margin: 0 !important;
    }

    .supplier_description_block_sncf {
        padding: 0 2.2em;
        font-size: 0.7em;
        margin-top: 0.4em;
    }

    .supplier_description_block_sncf p {
        margin-bottom: 1em;
    }

    .supplier_quote_sncf{
        position: relative;
        background-color: #990439;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .supplier_quote_sncf h2 {
        margin: 0 0 0.5em 0;
        font-size: 0.9em;
        font-weight: 400;
        color: #fff;
    }

    .supplier_quote_paragraph {
        font-size: 0.7em;
        text-align: center;
        color: #fff;
        padding: 0 2.8em 1em 2.8em;
        position: relative;
    }

    .supplier_picture_quote{
        width: 83%;
        object-fit: cover;
        margin: -20% 0 0 0 !important;
        border-radius:40px;
    }

    .supplier_quote_logo {
        position: relative;
        width: 55px;
        margin: 0 0 0.2em 0 !important;
    }

    .sncf_proofs_block .separator_logo {
        margin-top: 0.8em;
    }

    .sncf_proofs_header {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .sncf_proofs_header img {
        width: 12%;
        margin: 0;
    }

    .sncf_proofs_header img:first-child {
        object-fit: scale-down;
        margin: 1em 0 0 0;
    }

    .sncf_proofs_header h2 {
        font-size: 0.8em;
        text-transform: uppercase;
        font-weight: 600;
        color: #990439;
        display: block;
        width: 100%;
        text-align: center;
        margin: 0;
    }

    .sncf_proofs_content {
        display: flex;
        background-color: #F5E9DD;
        margin-bottom: 1.5px;
        padding: 0.7em 2em;
    }

    .sncf_proofs_content img {
        display: block;
        object-fit: contain;
        flex: 1;
        width: 40px;
        margin: 0 1em 0 0 !important;
    }

    .sncf_proofs_text {
        flex: 8;
    }

    .sncf_proofs_text h3 {
        font-size: 0.8em;
        text-transform: uppercase;
        font-weight: 600;
        color: #990439;
        margin: 0;
    }

    .sncf_proofs_text p {
        color: #404041;
        font-size: 0.68em;
        margin: 0;
    }

    .sncf_bar_block {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .sncf_bar_header {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: 1em;
    }

    .sncf_bar_header img {
        width: 62px;
        margin: 0 !important;
    }

    .sncf_bar_header h2 {
        font-size: 0.8em;
        text-transform: uppercase;
        font-weight: 600;
        color: #990439;
        margin: 1em 0 1em 0;
    }

    .sncf_bar_content {
        width: 85%;
        display: grid;
        gap: 0.6em;
        grid-template-columns: repeat(2, 1fr);
        padding: 0.5em 1em;
    }

    .sncf_bar_item {
        /* width: 5em; */
    }

    .sncf_bar_item img {
        width: 100%;
        margin: 0;
        border-radius: 40px;

    }

    .sncf_bar_item p {
        font-size: 0.68em;
        margin: 0.5em 0 0 0;
        text-align: center;
    }

    .sncf_bar_link {
        border-radius: 20px;
        background-color: #fff;
        padding: 0.3em 1.1em;
        margin: 1em 0 -1em 0;
        text-decoration: none !important;
        font-weight: 400 !important;
        text-transform: uppercase;
        font-size: 0.8em;
        border: solid 2px #990439;
        transition: 0.2s;
    }

    .sncf_bar_link:visited {
        color: #990439;
    }

    .sncf_bar_link:hover, .sncf_bar_link:focus {
        background-color: #990439;
        color: #fff;
    }

    .sncf_footer img {
        position: relative;
        width: 100%;
        padding:0;
        margin: 0;
    }

.sncf_body > div:not(.sncf_footer) img {
    border-radius: 40px;
}

</style>


<div class="sncf_body">
    <div class="flex_header_sncf">
        <img class="picture_supplier" src="https://d3nnu1nc49m1r7.cloudfront.net/Agri_Omie_and_Cie_f5a0454c1e.png">  
        <div class="header_right_part">
            <p>À la rencontre d'</p>
            <h1> Omie &amp; Cie </h1>
            <img class="france_map_supplier" src="https://d3nnu1nc49m1r7.cloudfront.net/Pays_de_la_Loire_709adaa04b.png">
        </div>
    </div>
    
    
    <div class="sncf_coulisses_block">
        <div class="supplier_description_sncf">
            <img src="https://d3nnu1nc49m1r7.cloudfront.net/3_Picto_Qui_Est_df0e3702c3.png">   
            <h2>Qui est Omie, la marque en agriculture régénérative ? </h2>
            <div class="separator_logo"></div>
            <div class="supplier_description_block_sncf">
                <p> Omie est une marque alimentaire <b> engagée. </b>  Son objectif : faire de l'alimentation une solution pour <b> préserver le vivant. </b> </p>
              
<p> En France, 33% des émissions de gaz à effet de serre sont issues de l’alimentation. Mais si nous changeons de façon de produire, nous pouvons minimiser son impact négatif !</p> 

<p> C’est pour cela qu’Omie défend l'<b>agriculture régénérative </b>, parce qu'elle a le pouvoir de régénérer les sols, les espèces vivantes (et la santé, aussi !).</p>

<p> La démarche d’Omie est unique : commencer par chercher des producteurs locaux engagés, qui cultivent sans surexploiter les sols, qui respectent le vivant et le cycle de l'eau. Et les mettre ensuite en lien avec des fabricants, avec qui Omie développe des recettes selon un principe : les ingrédients les plus simples sont les meilleurs.</p>
<p>En ce moment, au Bar, vous pouvez découvrir la <b> purée bio de pommes </b> Ariane Omie. Ces pommes acidulées sont récoltées et cuisinées <b> entre Nantes et Angers, </b> avec des méthodes de cuisson traditionnelles qui mettent en valeur le goût du fruit. Cette purée régale les petits comme les grands avec sa texture onctueuse, son parfum fruité et son goût parfaitement équilibré entre sucrosité et acidité. </p>
<p>Pour en apprendre plus sur la mission d’Omie &amp; Cie et l’agriculture régénérative : <a href="https://www.omie.fr/mission-regeneration "> Omie Mission régénération </a> </p> 
            <p></p></div>
        </div>
    </div>
    <div class="supplier_quote_sncf">
        <img class="supplier_picture_quote" src="https://d3nnu1nc49m1r7.cloudfront.net/Pommes_Omie_0f49b81ba1.png"> 
        <img class="supplier_quote_logo" src="https://d3nnu1nc49m1r7.cloudfront.net/6_Picto_Petit_Mot_c1fcd5eeab.png">
        <div style="text-align: center;">
            <h2>LE PETIT MOT D'OMIE &amp; CIE  </h2>
            <p class="supplier_quote_paragraph">" Omie, c’est un mouvement pour l'avenir. Avec vous, nos producteurs et nos fabricants, on monte des filières locales, durables et résilientes. Des filières faites pour nous nourrir longtemps. Pour qu'on ne dépende ni des intrants chimiques, ni des importations pour manger, pour que les agriculteurs qui nous font vivre puissent vivre de leur travail. Pour qu'on ait tous accès à une alimentation de la meilleure qualité. "</p>
        </div>
    </div>

    
    <div class="sncf_proofs_block">
        <div class="sncf_proofs_header">
            <img src="https://d3nnu1nc49m1r7.cloudfront.net/7_Picto_Feuilles_73bac8bd74.png">
            <h2>pourquoi nous les avons choisis ? </h2>
            <div class="separator_logo"></div>
        </div>
        <div>
            <div class="sncf_proofs_content">
                <img src="https://d3nnu1nc49m1r7.cloudfront.net/8_Picto_Made_In_France_3d97b9f4d9.png" alt="">
                <div class="sncf_proofs_text">
                    <p>Des produits locaux, durables et respectueux de l’environnement, ce sont des valeurs que nous partageons avec Omie&amp;Cie. </p>
                </div>
            </div>
            <div class="sncf_proofs_content">
                <img src="https://d3nnu1nc49m1r7.cloudfront.net/8_Picto_Gout_bbb2c0fbee.png" alt="">
                <div class="sncf_proofs_text">
                    <p> Une purée de fruits aussi belle que bonne avec ses pommes Ariane. Un délice pour les voyageurs !</p>
                </div>
            </div>
        </div>
    </div>
    
    <div class="sncf_bar_block">
        <div class="sncf_bar_header">
            <img src="https://d3nnu1nc49m1r7.cloudfront.net/9_Picto_Le_Bar_c133c43ee0.png" alt="">
            <h2>à découvrir au bar...</h2>
        </div>
        <div class="sncf_bar_content">
            <div class="sncf_bar_item">
                <img src="https://d3nnu1nc49m1r7.cloudfront.net/Pureee_Pomme_Omie_1_de896c57e9.png" alt="">
                <p>Purée de pomme Ariane sans sucré ajouté </p>
            </div>
        </div>
        <a class="sncf_bar_link" href="https://lebar.sncf.com/lacarte">je découvre la carte !</a>
    </div>
    
    <div class="sncf_footer">
        <img src="https://d3nnu1nc49m1r7.cloudfront.net/11_Footer_c3c643a2c1.png" alt="">
    </div>
</div></div>

Omie & Cie

<div class="raw-html-embed"><style>
    header .hidden > div > div:nth-child(2){
        display : none;
    }

.text-center {
    display: none;
}

.sncf_body {
    font-size: 16px;
    width: calc(100% + 4em);
    margin: -6em 0 -2em -2em;
    height: 100%;
    overflow-x: hidden;
    padding: 0;
}

a {
    color: #000;
}

a:visited {
    color: #000;
}

.separator_logo {
    width: 60px;
    height: 0.4em;
    background-color: #990439;
    border-radius: 1em;
}

b {
    color:#990439;
    text-transform: none;
}

.sncf_coulisses_block b{
    color: #000 !important;
}

.sncf_coulisses_block b.rouge {
    color:#990439 !important;
    text-transform: none;
}

p {
    line-height: 1.3em;
}

.flex_header_sncf{
    width: 100%;
    position: relative;
    display: flex;
    background-color: #F5E9DD;
    padding: 1em 2em;
    margin-bottom: 0.7em;
    margin-top: 4em;
}

.picture_supplier {
    width: 50%;
    flex: 4;
    object-fit: scale-down;
    margin: 0 !important;
}

.header_right_part {
    flex: 6;
    padding: 1em 0 0 1em;
}

.header_right_part p {
    color: #404041;
    font-size: 0.8em;
    margin-bottom: 0;
    font-weight: 600;
}

.header_right_part h1 {
    color: #990439;
    padding: 0;
    font-weight: 600;
    font-size: 1.3em;
    margin-top: 0.1em !important;
}

.france_map_supplier{
    width: 52%;
    margin: 0 !important;
}

.sncf_coulisses_block{
    text-align:center;
}

.supplier_description_sncf{
    margin-bottom: 23%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.supplier_description_sncf h2 {
    width: 100%;
    font-size: 0.8em;
    font-weight: 600;
    color: #990439;
    margin: 1em 0;
}

.supplier_description_sncf img {
    width: 10%;
    margin: 0 !important;
}

.supplier_description_block_sncf {
    padding: 0 2.2em;
    font-size: 0.7em;
    margin-top: 0.4em;
}

.supplier_description_block_sncf p {
    margin-bottom: 1em;
}

.supplier_quote_sncf{
    position: relative;
    background-color: #990439;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.supplier_quote_sncf h2 {
    margin: 0 0 0.5em 0;
    font-size: 0.9em;
    font-weight: 400;
    color: #fff;
}

.supplier_quote_paragraph {
    font-size: 0.7em;
    text-align: center;
    color: #fff;
    padding: 0 2.8em 1em 2.8em;
    position: relative;
}

.supplier_picture_quote{
    width: 83%;
    object-fit: cover;
    margin: -20% 0 0 0 !important;
    border-radius:40px;
}

.supplier_quote_logo {
    position: relative;
    width: 55px;
    margin: 0 0 0.2em 0 !important;
}

.sncf_proofs_block .separator_logo {
    margin-top: 0.8em;
}

.sncf_proofs_header {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.sncf_proofs_header img {
    width: 12%;
    margin: 0;
}

.sncf_proofs_header img:first-child {
    object-fit: scale-down;
    margin: 1em 0 0 0;
}

.sncf_proofs_header h2 {
    font-size: 0.8em;
    text-transform: uppercase;
    font-weight: 600;
    color: #990439;
    display: block;
    width: 100%;
    text-align: center;
    margin: 0;
}

.sncf_proofs_content {
    display: flex;
    background-color: #F5E9DD;
    margin-bottom: 1.5px;
    padding: 0.7em 2em;
}

.sncf_proofs_content img {
    display: block;
    object-fit: contain;
    flex: 1;
    width: 40px;
    margin: 0 1em 0 0 !important;
}

.sncf_proofs_text {
    flex: 8;
}

.sncf_proofs_text h3 {
    font-size: 0.8em;
    text-transform: uppercase;
    font-weight: 600;
    color: #990439;
    margin: 0;
}

.sncf_proofs_text p {
    color: #404041;
    font-size: 0.68em;
    margin: 0;
}

.sncf_bar_block {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.sncf_bar_header {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 1em;
}

.sncf_bar_header img {
    width: 62px;
    margin: 0 !important;
}

.sncf_bar_header h2 {
    font-size: 0.8em;
    text-transform: uppercase;
    font-weight: 600;
    color: #990439;
    margin: 1em 0 1em 0;
}

.sncf_bar_content {
    display: grid;
    gap: 0.6em;
    grid-template-columns: repeat(3, 1fr);
    padding: 0.5em 1em;
}

.sncf_bar_item {
    /* width: 5em; */
}

.sncf_bar_item img {
    width: 100%;
    margin: 0;
    border-radius: 40px;

}

.sncf_bar_item p {
    font-size: 0.68em;
    margin: 0.5em 0 0 0;
    text-align: center;
}

.sncf_bar_link {
    border-radius: 20px;
    background-color: #fff;
    padding: 0.3em 1.1em;
    margin: 1em 0 -1em 0;
    text-decoration: none !important;
    font-weight: 400 !important;
    text-transform: uppercase;
    font-size: 0.8em;
    border: solid 2px #990439;
    transition: 0.2s;
}

.sncf_bar_link:visited {
    color: #990439;
}

.sncf_bar_link:hover, .sncf_bar_link:focus {
    background-color: #990439;
    color: #fff;
}

.sncf_footer img {
    position: relative;
    width: 100%;
    padding:0;
    margin: 0;
}

.sncf_body > div:not(.sncf_footer) img {
border-radius: 40px;
}

</style>


<div class="sncf_body">
<div class="flex_header_sncf">
    <img class="picture_supplier" src="https://d3nnu1nc49m1r7.cloudfront.net/1875x2083_dca391f2e7.png">  
    <div class="header_right_part">
        <p>À la rencontre de</p>
        <h1> Dammann Frères </h1>
        <img class="france_map_supplier" src="https://d3nnu1nc49m1r7.cloudfront.net/Centre_Val_de_Loire_d107095681.png">
    </div>
</div>


<div class="sncf_coulisses_block">
    <div class="supplier_description_sncf">
        <img src="https://d3nnu1nc49m1r7.cloudfront.net/3_Picto_Qui_Est_df0e3702c3.png">   
        <h2>DAMMANN Frères - De la feuille à la tasse, un savoir-faire unique </h2>
        <div class="separator_logo"></div>
        <div class="supplier_description_block_sncf">
            <p> Dammann Frères est aujourd'hui une des plus importantes <b> Maison de thé française </b> au rayonnement international et, parmi les dernières à en maîtriser tous les métiers. Chaque saison, les experts Dammann Frères parcourent le monde à la recherche des meilleures récoltes. </p> 
            <p> L'aromaticienne imagine et compose des mélanges de thés et des infusions aux parfums et saveurs uniques. </p>
            <p> Au coeur d'une usine de 30 000m² située à Dreux en Eure &amp; Loir, 190 personnes passionnées oeuvrent chaque jour à contrôler, trier, mélanger, aromatiser, conditionner et distribuer en France et dans le monde, plus de 320 recettes de thés et d'infusions. </p>
            
           <p> DAMMANN Frères met en oeuvre au quotidien une politique de qualité exigeante. La certification IFS de DAMMANN Frères garantit aux consommateurs une qualité et une sécurité alimentaire à chaque étape de fabrication et une parfaite traçabilité de tous ses produits. </p>
           <p> <b> Savoir-faire, qualité, authenticité, créativité, art de vivre <b> sont les valeurs cultivées au quotidien par DAMMANN Frères, une philosophie d'entreprise qui participe à son succès depuis sa <b> création en 1825 </b> et autour de laquelle se déploie aujourd'hui une <b> véritable démarche éthique.</b> 
          </b></b></p><p><b><b> En accord avec sa raison d'être : <b> Cultiver le lien entre l'Humain et les Plantes pour une qualité de vie supérieure </b>, DAMMANN Frères, Entreprise à Mission, engage l'ensemble de ses actions et décisions dans une démarche de développement durable </b></b></p><b><b>
           <p>... <b> dès l'amont agricole </b> : par le renforcement des liens et le développement de partenariats durables et responsables avec les agriculteurs et producteurs. </p>
          <p> ...<b> par la connaissance : </b> avec la transmission du savoir et la sensibilisation à une consommation durable. </p>
          </b><p><b> ...<b> grâce aux pratiques et à la culture d'entreprise </b> : en maîtrisant son empreinte environnementale et en améliorant la qualité de vie au travail. </b></p>
           <p> Retrouvez DAMMANN Frères sur : <a href="https://www.dammann.fr"> Dammann.fr</a></p>
           
        <p></p></b></div><b><b>
    </b></b></div><b><b>
</b></b></div><b><b>
<div class="supplier_quote_sncf">
    <img class="supplier_picture_quote" src="https://d3nnu1nc49m1r7.cloudfront.net/523x510_a56c83409d.png"> 
    <img class="supplier_quote_logo" src="https://d3nnu1nc49m1r7.cloudfront.net/6_Picto_Petit_Mot_c1fcd5eeab.png">
    <div style="text-align: center;">
        <h2>LE PETIT MOT DE DAMMANN FRÈRES </h2>
        <p class="supplier_quote_paragraph">" Le voyage est par nature au coeur de l'ADN de DAMMANN Frères, nous sommes heureux d'être à vos côtés et de contribuer à faire de votre voyage un moment qui nourrira vos souvenirs."</p>
    </div>
</div>


<div class="sncf_proofs_block">
    <div class="sncf_proofs_header">
        <img src="https://d3nnu1nc49m1r7.cloudfront.net/7_Picto_Feuilles_73bac8bd74.png">
        <h2>pourquoi nous les avons choisis ? </h2>
        <div class="separator_logo"></div>
    </div>
    <div>
        <div class="sncf_proofs_content">
            <img src="https://d3nnu1nc49m1r7.cloudfront.net/8_Picto_Made_In_France_3d97b9f4d9.png" alt="">
            <div class="sncf_proofs_text">
                <p> L'excellente qualité des thés et infusions de la maison DAMMANN, ses engagements en matière d'éco-responsabilité et des parfums créatifs. </p>
            </div>
        </div>
    </div>
</div>

<div class="sncf_bar_block">
    <div class="sncf_bar_header">
        <img src="https://d3nnu1nc49m1r7.cloudfront.net/9_Picto_Le_Bar_c133c43ee0.png" alt="">
        <h2>à découvrir au bar...</h2>
    </div>
    <div class="sncf_bar_content">
        <div class="sncf_bar_item">
            <img src="https://d3nnu1nc49m1r7.cloudfront.net/510x522_3_7fda76450c.png" alt="">
            <p>Thé noir Breakfast Bio, Dammann Frères </p>
        </div>
        <div class="sncf_bar_item">
            <img src="https://d3nnu1nc49m1r7.cloudfront.net/510x522_1_0c3cbe2d72.png" alt="">
            <p>Thé vert menthe Bio, Dammann Frères </p>
        </div>
        <div class="sncf_bar_item">
            <img src="https://d3nnu1nc49m1r7.cloudfront.net/510x522_2_728661ef7c.png" alt="">
            <p>Thé noir Earl Grey Bio, Dammann Frères </p>
        </div>
    </div>        
    <a class="sncf_bar_link" href="https://lebar.sncf.com/lacarte">je découvre la carte !</a>
</div>

<div class="sncf_footer">
    <img src="https://d3nnu1nc49m1r7.cloudfront.net/11_Footer_c3c643a2c1.png" alt="">
</div>
</b></b></div></div>

Dammann Frères

Partez à la rencontre de ces acteurs passionnés et engagés, et de bien d’autres encore! 

large_ToutF.jpg

medium_ToutF.jpg

small_ToutF.jpg

thumbnail_ToutF.jpg

Test

Les reconnaissez-vous?                                                                                                                                                                                                                                                                                                                            Ils font la carte du bar... Mais qui sont-ils?  