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.

Créer une nouvelle invitation

Oh non...

Bravo!

Desinscription

France - Rail

INOUI Optimum plus FR

<div class="raw-html-embed"><style>
header { display:none !important;}
main { padding-top: 0 !important;}
article { padding: 0 !important;margin-top: -2rem !important;}
article > h1 { display:none !important;}
</style>
<img src="https://d3nnu1nc49m1r7.cloudfront.net/250617_AO_TGV_In_Oui_Optimum_Plus_Carte_WEB_page_0001_99c8361874.jpg" style="width: 100%"></div>

La Carte

<div class="raw-html-embed"><style>
@font-face {
  font-family: "Avenir";
  src: url("https://d3nnu1nc49m1r7.cloudfront.net/Avenir_f45a6d5e53.ttc");
}

@font-face {
  font-family: "Avenir Next Condensed";
  src: url("https://d3nnu1nc49m1r7.cloudfront.net/Avenir_Next_Condensed_b522268d00.ttc");
}

h2,h3{font-family: "Avenir", Lato; letter-spacing: 1px;}
strong{font-family: "Avenir", Lato; font-weight: 600}

main, .bg-white{background-color:#002239 !important; padding-bottom:0 !important;}
section:nth-of-type(2) .flex-row{flex-direction: column !important; align-items: center !important; gap: 1rem;}
section:nth-of-type(2) .mb-6{
    background-color: #9B0C36;
    height: 3rem;
    width: 15rem !important;
    --tw-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1) !important;
    border-radius: 45px;
    color:white;
    margin-bottom: .5rem !important;
}

section:nth-of-type(2) .mb-6 > div:nth-of-type(2){
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top:-49px !important;
    text-transform: unset !important;
}

section:nth-of-type(2) .mb-6  div strong{ color: white}
section:nth-of-type(2) .mb-6 img{--tw-shadow:inherit !important; width:240px; height:48px}

section:nth-of-type(3){ margin-top: -1rem !important}
section:nth-of-type(3) .font-secondary{ display:none !important;}

.img-consult img{
   width: 33vh;
   margin: 1rem auto;
}

.top-ellipse{
    background-color: #9B0C36;
    clip-path: ellipse(52% 40% at top center);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 150px;
}

</style>
<br>
<h2 style="font-size: 24px;text-align:center;color:#F7C2C3 !important; margin: 10px 0 0 0 !important; text-transform:uppercase">Bienvenue en classe <span class="optimum"><img src="https://d3nnu1nc49m1r7.cloudfront.net/Logo_OPTIMUM_PLUS_blanc_ab70734aa8.svg" style="margin: auto !important; width: 125px;"></span></h2>
<div class="img-consult">
<img src="https://d3nnu1nc49m1r7.cloudfront.net/Consulter_la_carte_85ac74602f.png">
</div></div>

medium_800px-HD_transparent_picture.png

small_800px-HD_transparent_picture.png

thumbnail_800px-HD_transparent_picture.png

Semaine n°1

bottom

Semaine n°2

Semaine n°3

<div class="raw-html-embed"><style>

h3{
   color: white !important;
   text-align: center;
   font-size: 1.1em !important;
   text-transform: uppercase;
   margin-top: 0 !important;
}

section:nth-of-type(4) .flex-row{flex-direction: column !important; align-items: center !important; gap: 1rem;}
section:nth-of-type(4) .mb-6{
    background-color: #417CBC;
    height: 3rem;
    width: 15rem !important;
    --tw-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1) !important;
    border-radius: 45px;
    color:white;
}

section:nth-of-type(4) .mb-6 > div:nth-of-type(2){
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top:0 !important;
    text-transform: unset !important;
}

section:nth-of-type(4) .mb-6  div strong{ color: white}
section:nth-of-type(4) .mb-6 img{--tw-shadow:inherit !important; width:0px; height:0px}
section:nth-of-type(4) .mb-8{margin-bottom: 0 !important}

section:nth-of-type(5) .mb-6 img{--tw-shadow:inherit !important; width:50px;}

#main-container > div > div > div.pt-4.relative.z-10.rounded-t-3xl.bg-white > section:nth-child(5) > div > div{justify-content: center !important}
#main-container > div > div > div.pt-4.relative.z-10.rounded-t-3xl.bg-white > section:nth-child(3) > div{padding-top: 0 !important; margin-top: 0 !important;}

section:nth-of-type(5){max-height:100px !important;}

section:nth-of-type(5){
   margin-top: -40px !important;
}
</style>
<h3>Les autres services <span class="optimum"><img src="https://d3nnu1nc49m1r7.cloudfront.net/Logo_OPTIMUM_PLUS_blanc_ab70734aa8.svg" style="margin: auto !important; width: 100px;"></span></h3></div>

En savoir plus

small_france.png

thumbnail_france.png

small_royaume-uni.png

thumbnail_royaume-uni.png

<div class="raw-html-embed"><style>
section:nth-of-type(6){
  background-color: #9B0C36;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10vh;
  clip-path: ellipse(60% 85% at bottom center);
}
section:nth-of-type(6) > div{
    display: flex;
    padding: 0 !important;
    justify-content: center;
    margin: 0 !important;
}

section:nth-of-type(6) > div > div, section:nth-of-type(6) > img{width:75px}
</style>

<img src="https://d3nnu1nc49m1r7.cloudfront.net/TGV_INOUI_64a240cb94.svg"></div>