<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="content-language" content="fr">
<meta name="author" content="hoplaweb">
<meta name="description" content="[Le Tire-Bouchon] - OFFICIEL | Winstub Le Tire-Bouchon, Restaurant Alsacien Incontournable au Centre de Strasbourg. Ambiance Chaleureuse, Cuisine qui Conjugue Tradition Alsacienne et Raffinement ">
<meta name="keywords" content="">
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
<link rel="icon" type="image/jpeg" href="https://www.letirebouchon.fr/images/logo-tire-bouchon.ico" />
<meta property="og:image" content="https://www.letirebouchon.fr//images/cathedrale-3000x2000.jpg">
<meta property="og:image:type" content="image/jpeg">
<meta property="og:image:width" content="1800">
<meta property="og:image:height" content="1200">
<meta property="og:locale" content="fr_FR" />
<meta property="og:type" content="website" />
<meta property="og:title" content="→ Le Tire-Bouchon | Restaurant Alsacien Winstub Strasbourg" />
<meta property="og:description" content="[Le Tire-Bouchon] - OFFICIEL | Winstub Le Tire-Bouchon, Restaurant Alsacien Incontournable au Centre de Strasbourg. Ambiance Chaleureuse, Cuisine qui Conjugue Tradition Alsacienne et Raffinement" />
<meta property="og:url" content="https://www.letirebouchon.fr/" />
<meta property="og:site_name" content="[Le Tire-Bouchon] - OFFICIEL | Winstub Le Tire-Bouchon, Restaurant Alsacien Incontournable au Centre de Strasbourg. Ambiance Chaleureuse, Cuisine qui Conjugue Tradition Alsacienne et Raffinement" />
<!-- PAGE TITLE -->
<title>→ Le Tire-Bouchon | Restaurant Alsacien Winstub Strasbourg</title>
<!-- DEFAULT AND BOOTSTRAP STYLESHEET -->
<link rel="stylesheet" href="https://www.letirebouchon.fr/css/bootstrap.min.css">
<link rel="stylesheet" href="https://www.letirebouchon.fr/css/bootstrap-grid.min.css">
<link rel="stylesheet" href="https://www.letirebouchon.fr/css/animate.min.css">
<link rel="stylesheet" href="https://www.letirebouchon.fr/css/cecarousel.css">
<!-- FONT ICONS -->
<link rel="stylesheet" href="https://www.letirebouchon.fr/css/glyphicons.min.css" />
<link rel="stylesheet" href="https://www.letirebouchon.fr/css/glyphicons-halflings.css" />
<link rel="stylesheet" href="https://www.letirebouchon.fr/css/bootstrap-datepicker.css" />
<link rel="stylesheet" href="https://www.letirebouchon.fr/css/fa.css" />
<!-- MAIN STYLESHEETS -->
<link rel="stylesheet" href="https://www.letirebouchon.fr/css/specif.css" />
</head>
<body id='Accueil'>
<script>
myimage = new Image(422,156); // width, height
myimage.src = "../images/Le-Tire-Bouchon-2022-1-HD.jpg"; // you will need to include the full url here i think
//myimage3= new Image(422,156); // width, height
//myimage3.src = "../images/"; // you will need to include the full url here i think
</script>
<script>
function verif_mail(form)
{
Email=form.elements["Input-News-Email"].value;
var valjson= {};
valjson.Action="enregistrermailing";
valjson.Email=Email;
var chaineJSON = JSON.stringify(valjson);
//check the username exists or not from ajax
$.ajax({
type: "POST",
dataType: "json", // expected Taxe for response
contentType: "application/json; charset=utf-8",
url: "https://www.letirebouchon.fr/ajax/validmailsendinblue.php",
data: chaineJSON,
success: function(data) {
switch(data.reponse)
{
case (data.reponse="yes"):
bootbox.alert("Votre demande d'inscription à la newsletter a bien été prise en compte.");
break;
default:
bootbox.alert("Erreur lors de l'émission du mail");
break;
};
}
});
//retirer toutes les classes et ajoute la classe messagebox et commence le fading
return false; //ne pas soumettre le formulaire
}
function verif_contactcli(form)
{
Email=form.elements["Input-Contact-Email"].value;
Tel=form.elements["Input-Contact-Tel"].value;
Nom=form.elements["Input-Contact-Nom"].value;
Message=form.elements["Input-Contact-Mes"].value;
News=document.getElementById("Input-Contact-News").checked;
var valjson= {};
valjson.Action="envoyermail";
valjson.Nom=Nom;
valjson.Email=Email;
valjson.Tel=Tel;
valjson.News=News;
valjson.Message=Message;
var chaineJSON = JSON.stringify(valjson);
//check the username exists or not from ajax
$.ajax({
type: "POST",
dataType: "json", // expected Taxe for response
contentType: "application/json; charset=utf-8",
url: "https://www.letirebouchon.fr/ajax/validcontactclisendinblue.php",
data: chaineJSON,
success: function(data) {
switch(data.reponse)
{
case (data.reponse="yes"):
bootbox.alert("Votre message a été transmis.<br />Nous vous répondrons prochainement.");
break;
default:
bootbox.alert("Erreur lors de l'émission du mail");
break;
};
}
});
//retirer toutes les classes et ajoute la classe messagebox et commence le fading
return false; //ne pas soumettre le formulaire
}
</script>
<div id="loader-wrapper">
<div id="loader">
</div>
<div class="loader-section section-left fondjauneclair">
<div class='d-flex justify-content-end h-100'>
<div class='d-flex align-items-center text-right pr-3'>
<img src="https://www.letirebouchon.fr/images/justelogo.png" width='100%'/>
</div>
</div>
</div>
<div class="loader-section section-right fondblanc">
<div class='d-flex h-100'>
<div class='d-none d-md-flex d-lg-flex d-xl-flex align-items-center text-left rouge pl-3'>
<div>
<h1 class='majuscule txtspecial taupefonce' style='letter-spacing: 10px;font-size:250%'><br /> Le Tire Bouchon<br /> à Strasbourg</h1>
<h2 class='rouge'>Winstub - Restaurant</h2>
</div>
</div>
<div class='d-flex d-md-none d-lg-none d-xl-none align-items-center text-left rouge pl-3'>
<h1 class='majuscule txtspecial' style='letter-spacing: 5px;font-size:80%'>Restaurant<br /> Le Tire Bouchon<br /> à Strasbourg</h1>
</div>
</div>
</div>
</div>
<div style='height:0%;;width:100%;' class=''>
<!-- <div style='position:absolute;left: 50%; transform: translate(-50%, 0%);top:0;z-index:1001' id='imagecentrale'>
<img src='<?php// echo $LIENSITE;?>images/logo-restaurant-1741-noir.png' class='m-auto' width='100%' style='max-width:700px;'/>
</div>-->
<nav class="navbar fixed-top navbar-toggleable-sm sanspadding fondtransparent" role="navigation" id='BarreMenu' style='margin-top:0px;overflow-y: visible;' >
<!--pour menu portable-->
<div class='barresousmenunoir noir w-100' style='min-height: 70px;z-index:1003;'>
<div class='row sanspadding'>
<div class='col-4 text-center sanspadding' style='margin-top:-2px'>
<div class='text-left' style='margin-top:-2px'>
<btn class='navbar-toggler navbar-toggler-right collapsed btn btn-specifheaderresarouge' id='btnmenuheader' style='cursor:pointer' data-toggle="collapse" data-target="#collapsingNavbar" aria-controls="collapsingNavbar" aria-expanded="false" aria-label="Toggle navigation">
<div class='row sanspadding'>
<div class='col-12 col-md-4 sanspadding' style='padding:13px'>
<span class="icon-bar top-bar"></span>
<span class="icon-bar middle-bar"></span>
<span class="icon-bar bottom-bar"></span>
</div>
<div class='col-12 col-md-4 sanspadding d-none d-lg-block d-xl-block' style='padding:15px;padding-top:20px'>
MENU
</div>
</div>
</btn><a href="https://www.google.com/maps/dir//le+tire+bouchon/data=!4m6!4m5!1m1!4e2!1m2!1m1!1s0x4796c853115bd99b:0xb7590ac9fec44ee5?sa=X&ved=2ahUKEwiw0tiRn8jrAhUuzYUKHYhHCVgQ9RcwC3oECBMQBQ" target='_blank' class='btn btn-specifheaderresataupe pl-md-4 pr-md-4 noir d-inline-block' id='btnmapheader'><span class="glyphicons glyphicons-map blanc" style='font-size: 22px'></span></a>
</div>
</div>
<div class='col-4 text-center'>
<div class='noir position-absolute' style='left:calc( 50% - 26px )' ><a href="https://www.letirebouchon.fr/fr/Restaurant/" ><img src='https://www.letirebouchon.fr/images/justelogo.png' alt='Restaurant Le Tire Bouchon' title='Restaurant Le Tire Bouchon' id='logoheader' height='70px'/></a></div>
</div>
<div class='col-4 text-center sanspadding' style='margin-top:0px'>
<div class='text-right'>
<a href="https://letirebouchon.bonkdo.com/fr/" target='_blank' class='btn btn-specifheaderresarouge pl-md-4 pr-md-4 noir d-inline-block' style='margin-top:-2px' ><span class="glyphicons glyphicons-gift blanc" style='font-size: 22px'></span></a><btn class='btn btn-specifheaderresataupe pl-md-4 pr-md-4 noir d-inline-block' data-toggle="modal" data-target="#ModalResa" style='margin-top:-2px'><span class='d-none d-lg-block d-xl-block'> Réserver </span><span class="glyphicons glyphicons-calendar blanc d-block d-lg-none" style='font-size: 22px'></span></btn>
</div>
</div>
</div>
</div>
<!-- justify-content-center-->
<div class="navbar-collapse collapse fondrougeestompe" id="collapsingNavbar" style='min-height:100%;overflow-y: auto;'>
<div class='position-absolute d-none d-md-block d-xl-block d-lg-block' style='top:0px;right:0px;z-index:1050;'><a class='btn fondtransparent pl-md-4 pr-md-4 blanc' href='https://www.letirebouchon.fr/fr/'><span class="glyphicons glyphicons-home blanc pt-2" style='font-size: 35px'></span></a></div>
<div class='row' style='min-height:100%;z-index: 1002'>
<div class='background-header' ></div>
<div class='col-12 sanspadding'>
<div class='row' style='margin-top:60px'>
<div class='col-12 bordure-bottom-grisclair blanc text-center' style='font-size: 120%'>
<a href='https://www.letirebouchon.fr/fr/' class='blanc'>Fr</a> | <a href='https://www.letirebouchon.fr/en/' class='blanc'>En</a> | <a href='https://www.letirebouchon.fr/de/' class='blanc'>De</a>
</div>
</div>
<div class='row sanspadding pb-3'>
<!--
<div class='d-none d-md-block d-lg-block d-xl-block col-12 col-md-6 bordure-right-grisclair text-right grisclair2 policefin sanspadding pr-3 txtspecial2'>
<br />
22 Quai des Bateliers<br />
67000 Strasbourg<br /><br />
Tel. <b><a href='tel:' class=' grisclair2 '><?php// echo $telclipoint;?></a></b><br />
</div>
-->
<div class='col-12 col-md-12 sanspadding'>
<ul class="navbar-nav text-center transition500ms" >
<li class=''>
<a href="https://www.letirebouchon.fr/fr/Carte-et-Menus/#Notre-Carte">Carte </a>
</li>
<li class=''>
<a href="https://www.letirebouchon.fr/fr/Carte-et-Menus/" >Menus</a>
</li>
<!--
<li class=''>
<a href="<?php// echo $LIENSITE.$LIENLANGUE;?>Actualites/" >Actualités</a>
</li>-->
<li class=''>
<a href="https://www.letirebouchon.fr/fr/Galerie-Photos/" >Galeries Photos</a>
</li>
<li class=''>
<a href="https://www.letirebouchon.fr/fr/Privatisation/">Privatisation - Groupes</a>
</li>
<li class=''>
<a href="https://www.letirebouchon.fr/fr/Recrutement/" >Recrutement</a>
</li>
<li class=''>
<a href="https://www.letirebouchon.fr/fr/Contact/" >Contact</a>
</li>
</ul>
</div>
<div class='col-12 bordure-top-grisclair blanc text-center'>
<ul class="navbar-nav text-center transition500ms" >
<li class=''>
<a href="https://letirebouchon.bonkdo.com/fr/" target='_blank' >Coffrets Cadeaux</a>
</li>
</ul>
</div>
<div class='col-12 col-md-12 text-left blanc policefin bordure-top-grisclair'>
<div class='row sanspadding'>
<div class='col-12 text-center grisclair2 sanspadding'>
Restaurant Le Tire-Bouchon<br />
5 Rue des Tailleurs de Pierre<br />
67000 Strasbourg
</div>
</div>
<div class='row sanspadding grisclair2'>
<div class='col-12 text-center pb-1 txtspecial2'>
Tel. <b><a href='tel:+33388221632' class='grisclair2'>+33 3.88.22.16.32</a></b><br />
<a href="https://www.letirebouchon.fr/fr/Situation-et-Acces/" class='pt-1 pb-1 grisclair2 text-center'>Nous trouver/Itinéraire</a>
</div>
</div>
</div>
</div>
<div class='row bordure-top-grisclair'>
<div class='col-12 col-md-12 text-md-center text-center mt-2'>
<a href='https://www.qualite-tourisme.gouv.fr'><img src="https://www.letirebouchon.fr/images/qualite-tourisme.png" alt="Qualité Tourisme " width="50" height="50"></a>
<a href='https://fr.gaultmillau.com/restaurant/winstub-le-tire-bouchon?locale=fr-FR' class='pl-2 pr-2'><img src="https://www.letirebouchon.fr/images/logo-gm.png" alt="Gaut Millau" ></a>
<a href='https://college-culinaire-de-france.fr/'><img src="https://www.letirebouchon.fr/images/college-culinaire-de-france2.png" alt="Collège Culinaire de France " class="" width="35" height="50"></a>
</div>
</div>
</div>
</div>
</div>
</nav>
<div class='slide-right position-absolute' style='top:0;right:-100%'>
</div>
<!-- Modal -->
<div class="modal right" id="ModalResa" tabindex="-1" role="dialog" aria-labelledby="myModalLabel2" >
<div class="modal-dialog modal-xl" role="document">
<div class="modal-content">
<div class="modal-header fondtaupe">
<h4 class="modal-title blanc" id="myModalLabel2"> Réserver </h4>
<button type="button" class="close blanc" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
</div>
<div class="modal-body fondtaupe blanc" style='z-index: 9999;line-height: 30px'>
En ligne ( confirmation immédiate )
<div class='bordure-bottom-grisclair pb-3 pt-3'>
<div class='ml-2' style='z-index:1000;height: 500px;background-color:#f8f8f8'>
<!--<iframe src="https://module.lafourchette.com//cta/vertical/6855-57c45" frameborder="0" scrolling="no" allowtransparency="true" width="100%" height="280px" ></iframe>-->
<div align="center"><iframe src="https://module.lafourchette.com/fr_FR/module/6855-57c45" style="width: 100%; min-height:500px; border:none; scrolling:yes;"></iframe>
</div>
</div>
</div>
<div class='bordure-bottom-grisclair pb-3 pt-3' style='z-index:1002'>
Par téléphone
<b><a href='tel:+33388221632' class='grisclair2 txtspecial2' style='left:15px;font-size:15px'>+33 3.88.22.16.32</a></b>
</div>
<div class='bordure-bottom-grisclair pb-3 pt-3' style='z-index:1002'>
Par email <b><a href='mailto:reservation@letirebouchon.fr' class='grisclair2' style='left:15px'>Contact</a></b>
</div>
<div class='pb-3' style='z-index:1002'>
Horaires <br />
<!--Horaire-->
Le Tire Bouchon est ouvert 7/7 en continu du lundi au dimanche de 11h30 à 22h30 et jusqu'à 23h le week-end </div>
</div>
</div><!-- modal-content -->
</div><!-- modal-dialog -->
</div><!-- modal -->
</div>
<div style='height:100%'>
<section id="one" class='fondblancestompe' >
<div id="carouselprinc" class="carousel slide carousel-fade" data-ride="carousel" style='z-index:1000;' data-interval="8000" data-pause='false'>
<!-- Bulles
<ol class="carousel-indicators">
<li data-target="#carouselprinc" data-slide-to="0" class="active"></li>
<li data-target="#carouselprinc" data-slide-to="1"></li>
</ol>-->
<!-- Slides -->
<div class="carousel-inner" style='index:998'>
<!-- Page 1 -->
<div class="carousel-item active" id='item-1'>
<div class="fill d-none d-md-block d-lg-block d-xl-block" style="background:url('https://www.letirebouchon.fr/images/Le-Tire-Bouchon-2022-1-HD.jpg');background-size: cover;background-position: right top;width:100%;height: 100%"></div>
<div class="fill d-none d-block d-md-none d-lg-none d-xl-none" style="background:url('https://www.letirebouchon.fr/images/Le-Tire-Bouchon-2022-1.jpg');background-size: cover;background-position: right bottom;width:100%;height: 100%"></div>
</div>
<!-- Page 2 -->
<div class="carousel-item" id='item-2'>
<div class="fill" style="background:url('https://www.letirebouchon.fr/images/os-a-moelle.jpg ');background-size: cover;background-position: center center;width:100%;height: 100%"></div>
</div>
<div class='position-absolute' style='top:40%;left:0%;right:30%;z-index: 9'>
<h1 class='majuscule p-2 p-md-5 text-center txtspecial blanc fondrougeestompe' style=''>Le Tire-Bouchon<br /> Winstub dans le centre historique de Strasbourg
</h1>
</div>
</div>
<a class="slider-control left" href="#carouselprinc" data-slide="prev" style='z-index:1006'>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewbox="0 0 477.175 477.175" style="enable-background:new 0 0 477.175 477.175;" xml:space="preserve" width="10%" height="10%">
<g>
<line fill="none" stroke="#fff" stroke-width="5" x1="42" y1="231" x2="300.00001" y2="458.00001" id="svg_1"/>
<path id="svg_2" d="m39,260.5l258,227"/>
<path id="svg_3" d="m39,260.5l258,227"/>
<path id="svg_5" d="m39,260.5l258,227"/>
<path id="svg_6" d="m39,260.5l258,227"/>
<path id="svg_7" d="m39,260.5l258,227"/>
<path id="svg_8" d="m39,260.5l258,227"/>
<path id="svg_9" d="m39,260.5l258,227"/>
<path id="svg_10" d="m39,260.5l258,227"/>
<path id="svg_11" d="m39,260.5l258,227"/>
<path id="svg_12" d="m39,260.5l258,227"/>
<path id="svg_13" d="m39,260.5l258,227"/>
<path id="svg_14" d="m39,260.5l258,227"/>
<path id="svg_15" d="m39,260.5l258,227"/>
<path id="svg_16" d="m39,260.5l258,227"/>
<path id="svg_17" d="m39,260.5l258,227"/>
<path id="svg_18" d="m39,260.5l258,227"/>
<path id="svg_19" d="m39,260.5l258,227"/>
<path id="svg_20" d="m39,260.5l258,227"/>
<line fill="none" stroke="#fff" stroke-width="5" x1="47" y1="13.5" x2="305.00001" y2="240.50001" id="svg_4" transform="rotate(100.501, 176, 127)"/>
</g>
</svg>
</a>
<a class="slider-control right text-right" href="#carouselprinc" data-slide="next" style='z-index:1006'>
<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewbox="0 0 477.175 477.175" style="enable-background:new 0 0 477.175 477.175;" xml:space="preserve" width="10%" height="10%">
<g>
<line fill="none" stroke="#fff" stroke-width="5" x1="44" y1="12" x2="302.00001" y2="239.00001" id="svg_1"/>
<path id="svg_2" d="m39,260.5l258,227"/>
<path id="svg_3" d="m39,260.5l258,227"/>
<path id="svg_5" d="m39,260.5l258,227"/>
<path id="svg_6" d="m39,260.5l258,227"/>
<path id="svg_7" d="m39,260.5l258,227"/>
<path id="svg_8" d="m39,260.5l258,227"/>
<path id="svg_9" d="m39,260.5l258,227"/>
<path id="svg_10" d="m39,260.5l258,227"/>
<path id="svg_11" d="m39,260.5l258,227"/>
<path id="svg_12" d="m39,260.5l258,227"/>
<path id="svg_13" d="m39,260.5l258,227"/>
<path id="svg_14" d="m39,260.5l258,227"/>
<path id="svg_15" d="m39,260.5l258,227"/>
<path id="svg_16" d="m39,260.5l258,227"/>
<path id="svg_17" d="m39,260.5l258,227"/>
<path id="svg_18" d="m39,260.5l258,227"/>
<path id="svg_19" d="m39,260.5l258,227"/>
<path id="svg_20" d="m39,260.5l258,227"/>
<line fill="none" stroke="#fff" stroke-width="5" x1="38" y1="231.5" x2="296.00001" y2="458.50001" id="svg_4" transform="rotate(100.501, 167, 345)"/>
</g>
</svg>
</a>
</div>
<style type="text/css">
/* Make each section 100% of the browser viewport height */
section {
height: 100%;
color: white;
position: relative;
text-align: center;
/* Center the content of the sections */
.inner {
margin: 0 auto;
max-width: 85%;
}
}
</style>
</div>
<div class='row sanspadding' style="">
<div class='col-12 col-md-12 sanspadding'>
<div class='row sanspadding fondblanc p-md-5'>
<div class='col-12 col-md-8 offset-md-2 sanspadding p-4 text-left'>
<h2 class='policefin grisfonce majuscule txtspecial taupe'>Nos coffrets cadeaux</h2>
<div class='pt-md-4 pb-md-4 font-italic rouge'>
<!--<h3 >Offrez un cadeau original grâce à notre sélection de coffrets.</h3>-->
<div class='row'>
<div class='col-12 col-md-4 p-3'>
<div class='cadreombrecoffret p-3'>
<a href='https://letirebouchon.bonkdo.com/fr/cadeau-gastronomie-cuisine-regionale-8159' target='_blank' class='rouge'>
<img src='https://www.letirebouchon.fr/images/coffret-menu-dorette-muller.jpg' width='100%'/>
Menu Dorette Muller
</a>
</div>
</div>
<div class='col-12 col-md-4 p-3'>
<div class='cadreombrecoffret p-3'>
<a href='https://letirebouchon.bonkdo.com/fr/cadeau-gastronomie-cuisine-regionale-8160' target='_blank' class='rouge'>
<img class='' src='https://www.letirebouchon.fr/images/coffret-menu-claude-weisbuch.jpg' width='100%' />
Menu Claude Weisbuch
</a>
</div>
</div>
<div class='col-12 col-md-4 p-3'>
<div class='cadreombrecoffret p-3'>
<a href='https://letirebouchon.bonkdo.com/fr/' target='_blank' class='rouge'>
<img src='https://www.letirebouchon.fr/images/coffret-bon.jpg' width='100%' />
Bon Cadeau
</a>
</div>
</div>
</div>
<br />
<a href='https://letirebouchon.bonkdo.com/fr/' target="_blank" class='btn btn-speciftaupe pl-md-4 pr-md-4'>Découvrez tous nos coffrets</a>
<br /><br />
</div>
</div>
</div>
</div>
</div>
<section id="four">
<div class='fondblanc' style='height:100%'>
<div class='fondtaupe arriereplan h-100'>
<div class='w-100 h-100' >
<div class='row w-100 h-100' id='noscoffrets-txt'>
<!--mobile-->
<div class="col-12 col-md-4 sanspadding fondtransparent text-right d-block d-md-none d-lg-none d-xl-none h-100" style='width:100%;bottom:0'>
<video class="ml-auto" playsinline loop muted autoplay =autoplay>
<source src="https://www.letirebouchon.fr/images/tirebouchon-cathedrale.mp4" type="video/mp4" >
</video>
</div>
<div class='col-12 d-block fondtaupe d-md-none d-lg-none d-xl-none position-absolute' style='bottom:0px'>
<div class='row sanspadding d-flex align-items-center' id='notreequipe-txt' style='min-height: 100%'>
<div class='col-12 align-self-center'>
<h2 class='policefin grisfonce majuscule txtspecial blanc pt-3'>L'art de vivre alsacien</h2>
<div class='pt-4 pb-4 font-italic blanc'>
A seulement quelques pas de la Cathédrale Notre-Dame, au centre de Strasbourg.
<br />Le Tire-Bouchon éveille et transmet l’âme des maisons de vins d’autrefois.
<br />La cuisine de notre Winstub s’écrit au rythme des saisons et des recettes ancestrales, soigneusement transmises de génération en génération.
<br /> Joues de porc mijotées, choucroute royale, jambonneau braisé, tarte au fromage blanc, salades pleines de fraîcheur, à déguster en terrasse ou au sein de notre restaurant climatisé.
<br /> Les assiettes sont généreuses et goûteuses à l’image de la gastronomie alsacienne.
<br /><br />
Le Tire-Bouchon appartient, plus que jamais, au patrimoine alsacien et perpétue la très belle tradition des Winstubs.
<br /><br />
<a href='https://www.letirebouchon.fr/fr/Carte-et-Menus/' class='btn btn-specifrouge mr-md-2'>Notre Carte & Menu</a>
<a href='' data-toggle="modal" data-target="#ModalResa" class='btn btn-specifrouge mr-md-2'>Réserver</a>
<a href='https://www.letirebouchon.fr/fr/Winstub/' class='btn btn-specifrouge mr-md-2'>Winstub</a>
</div>
</div>
</div>
</div>
<!--Tablette-->
<div class='col-12 col-md-8 p-5 d-none d-md-block d-lg-block d-xl-block'>
<div class='row sanspadding d-flex align-items-center' id='notreequipe-txt' style='min-height: 100%'>
<div class='col-12 align-self-center text-left'>
<h2 class='policefin grisfonce majuscule txtspecial blanc pt-3'>L'art de vivre alsacien</h2>
<div class='pt-4 pb-4 font-italic blanc' style="line-height: 30px">
A seulement quelques pas de la Cathédrale Notre-Dame, au centre de Strasbourg.
<br />Le Tire-Bouchon éveille et transmet l’âme des maisons de vins d’autrefois.
<br />La cuisine de notre Winstub s’écrit au rythme des saisons et des recettes ancestrales, soigneusement transmises de génération en génération.
<br /> Joues de porc mijotées, choucroute royale, jambonneau braisé, tarte au fromage blanc, salades pleines de fraîcheur, à déguster en terrasse ou au sein de notre restaurant climatisé.
<br /> Les assiettes sont généreuses et goûteuses à l’image de la gastronomie alsacienne.
<br /><br />
Le Tire-Bouchon appartient, plus que jamais, au patrimoine alsacien et perpétue la très belle tradition des Winstubs.
<br /><br />
<a href='https://www.letirebouchon.fr/fr/Carte-et-Menus/' class='btn btn-specifrouge mr-md-2'>Notre Carte & Menu</a>
<a href='' data-toggle="modal" data-target="#ModalResa" class='btn btn-specifrouge mr-md-2'>Réserver</a>
<a href='https://www.letirebouchon.fr/fr/Winstub/' class='btn btn-specifrouge mr-md-2'>Winstub</a>
</div>
</div>
</div>
</div>
<div class="col-12 col-md-4 sanspadding fondtransparent text-right h-md-100 d-none d-md-block d-lg-block d-xl-block" style='width:100%;bottom:0'>
<video class="ml-auto" playsinline loop muted autoplay =autoplay>
<source src="https://www.letirebouchon.fr/images/tirebouchon-cathedrale.mp4" type="video/mp4" >
</video>
</div>
</div>
</div>
</div>
</div>
</section>
<div id="five " class='row sanspadding h-100' style='min-height: 100%' >
<div class='fondblanc col-12 sanspadding h-100' style='min-height: 100%' >
<div class='background-restaurant-4 arriereplan h-100' style='min-height: 100%' >
<div class='row sanspadding d-flex align-items-end' id='notreequipe-txt' style='min-height: 100%'>
<div class='col-12 col-md-6 offset-md-6 sanspadding p-4 text-left fondblanc align-self-end'>
<h2 class='policefin grisfonce majuscule txtspecial noir'>Au coeur de Strasbourg</h2>
<div class='pt-4 pb-4 font-italic gris'>
A l’ombre de la cathédrale Notre-Dame, se dresse la façade entrelacée du Tire-Bouchon mélange d’art et de colombages. Considérée comme l’une des plus belles de Strasbourg, elle laisse imaginer un intérieur chaleureux et convivial.<br /><br />
Les portes du Winstub s’ouvrent…. Le charme du Tire-Bouchon opère. L’authenticité d’autrefois, confortée par la cuisine du chef s’exprime dans un cadre chaleureux et boisé. Les traditions d’Alsace s’incarnent.
<br /><br />
<a href='https://www.letirebouchon.fr/fr/Carte-et-Menus/' class='btn btn-speciftaupe mr-md-2'>Notre Carte & Menu</a>
<a href='' data-toggle="modal" data-target="#ModalResa" class='btn btn-speciftaupe mr-md-2'>Réserver</a>
<a href='https://www.letirebouchon.fr/fr/Tourisme/' class='btn btn-speciftaupe mr-md-2'>Tourisme</a>
</div>
</div>
</div>
</div>
</div>
<div class='row d-block d-md-none d-lg-none d-xl-none position-relative sanspadding' style='z-index:1000;'>
<div class='col-12 sanspadding'>
<img src='https://www.letirebouchon.fr/images/La-Vignette-Equipe-0013.jpg' width='100%' />
</div>
</div>
</div>
<!--
<div id="six " class='row sanspadding h-100' >
<div class='fondblanc col-12 sanspadding h-100' id='noscoffrets' style='min-height: 100%' >
<div class='background-restaurant-5 arriereplan h-100' style='min-height: 100%' >
<div class='row sanspadding d-flex align-items-end' id='notreequipe-txt' style='min-height: 100%'>
<div class='col-12 col-md-6 sanspadding p-4 text-left fondblanc align-self-end'>
<h2 class='policefin grisfonce majuscule txtspecial noir '>Une belle histoire</h2>
<div class='pt-4 pb-4 font-italic gris'>
Un défi relevé avec passion et succès. Le Tire-Bouchon résonne tout particulièrement dans le coeur de Cédric Moulot, son propriétaire. Le début d'une belle histoire qui figure comme un symbole de la gastronomie alsacienne et qui incarne véritablement toute l’authenticité et la convivialité de la région.<br /><br />
<a href='<?php// echo $LIENSITE.$LIENLANGUE;?>Carte-et-Menus/' class='btn btn-speciftaupe pl-md-4 pr-md-4'>Notre Carte & Menu</a>
<a href='' data-toggle="modal" data-target="#ModalResa" class='btn btn-speciftaupe pl-md-4 pr-md-4'>Réserver</a>
<br /><br />
</div>
</div>
</div>
</div>
</div>
<div class='row d-block d-md-none d-lg-none d-xl-none position-relative sanspadding' style='z-index:1000;'>
<div class='col-12 sanspadding'>
<img src='images/La-Vignette-Equipe-0013.jpg' width='100%' />
</div>
</div>
</div>-->
<div class='row fondjauneclair text-center position-relative' style='z-index:1000;'>
<div class='col-12 col-lg-8 offset-lg-2 grisclair text-center gris p-3'>
<div class='row'>
<div class='col-sm-12 col-lg-10 mb-3'>
<form id="Form-News" class="form-horizontal">
<div class='row fondjauneclair sanspadding pt-3 position-relative' style='z-index:1000;'>
<div class='col-12 text-center col-md-5 text-md-right mt-2'>
S'abonnez à la Newsletter
</div>
<div class='col-12 col-md-5'>
<div class="form-group input-group" >
<input type="text" name="Input-News-Email" id='Input-News-Email' placeholder="Email *" class="form-control formfooter">
</div>
</div>
<div class='col-12 col-md-2'>
<button type="submit" class="btn btn-speciftaupe btn-submit" id="Btn-Login">
<span name ="btnLogin" class="glyphicon" style="color:#4f4;"></span> Envoyer </button>
</div>
</div>
</form>
</div>
<div class='col-12 col-lg-12 text-justify pb-2' style='font-size:12px' >
Le restaurant Le Tire-Bouchon recueille vos données afin de traiter votre demande. Les données requises sont nécessaires pour le suivi de celle-ci. Conformément à la loi Informatique et libertés, vous bénéficiez d’un droit d’accès, de rectification et de suppression de vos données. Vous pouvez également vous opposer, pour un motif légitime, à l’utilisation de vos données. Vous seul pouvez exercer ces droits sur vos propres données.
</div>
</div>
</div>
</div>
<div class='row text-center position-relative mb-5 mb-md-0' style='z-index:1000;'>
<div class='col-12 col-lg-8 offset-lg-2 grisclair text-center gris p-3'>
5 Rue des Tailleurs de Pierre <b>|</b> 67000 Strasbourg <b>|</b> <b> <a href='tel:+33388221632' class='txtspecial2 grisclair'>+33 3.88.22.16.32</a></b> <b>|</b> <b> <a href='mailto:reservation@letirebouchon.fr' class='grisclair'>reservation@letirebouchon.fr</a></b><br />
</div>
<div class='col-12 col-lg-8 offset-lg-2 grisclair p-3'>
<span class="glyphicons glyphicons-clock grisclair" style=''></span>
<!--Horaire-->
Le Tire Bouchon est ouvert 7/7 en continu du lundi au dimanche de 11h30 à 22h30 et jusqu'à 23h le week-end<br />
</div>
<div class='col-12 col-lg-8 offset-lg-2 text-center bordure-bottom-gris'>
<a rel="facebook" href="https://www.facebook.com/WinstubLeTireBouchon/" target="_blank" title="website.socials.facebook" class="">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 32 32" width='30px'>
<path id="facebook" d="M27.99993,5.32469v21.3509a1.32468,1.32468,0,0,1-1.32457,1.32461H20.5595V18.7061h3.11971l.46705-3.6221H20.5595V12.77145c0-1.0487.2912-1.76335,1.79509-1.76335l1.918-.00088V7.76765a25.66255,25.66255,0,0,0-2.79492-.14271c-2.76537,0-4.6586,1.688-4.6586,4.78787V15.084H13.69145v3.6221H16.8191v9.2941H5.32455a1.32452,1.32452,0,0,1-1.32462-1.32461V5.32469A1.32442,1.32442,0,0,1,5.32455,4.00007H26.67536A1.32457,1.32457,0,0,1,27.99993,5.32469Z" fill="#262626"/>
</svg>
</a>
<a rel="twitter" href="https://twitter.com/letirebouchon67" target="_blank" title="website.socials.twitter" >
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 32 32" width='30px'>
<path id="twitter" d="M26.32865,10.20428c.01043.22891.01043.45778.01043.6867A15.18194,15.18194,0,0,1,2.99214,23.68808a10.26487,10.26487,0,0,0,1.26929.07283A10.70029,10.70029,0,0,0,10.8889,21.472a5.33486,5.33486,0,0,1-4.9836-3.70387,5.36636,5.36636,0,0,0,2.40336-.09364,5.34632,5.34632,0,0,1-4.2761-5.23331v-.07283a5.39627,5.39627,0,0,0,2.41374.6659A5.35659,5.35659,0,0,1,4.79205,5.90738,15.1498,15.1498,0,0,0,15.78924,11.484a5.89821,5.89821,0,0,1-.13524-1.21727,5.33642,5.33642,0,0,1,9.22847-3.65189,10.61188,10.61188,0,0,0,3.3918-1.2901A5.368,5.368,0,0,1,25.9229,8.27951a10.81127,10.81127,0,0,0,3.06924-.84274A10.868,10.868,0,0,1,26.32865,10.20428Z" fill="#262626"/>
</svg>
</a>
<a rel="twitter" href="https://www.tripadvisor.fr/Restaurant_Review-g187075-d779249-Reviews-Le_Tire_bouchon-Strasbourg_Bas_Rhin_Grand_Est.html" target="_blank" title="website.socials.tripadvisor" >
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 32 32" width='30px'>
<path id="tripadvisor" d="M10.08831,16.98393A1.16491,1.16491,0,1,1,8.924,15.82025,1.167,1.167,0,0,1,10.08831,16.98393Zm12.88426-1.16368a1.16515,1.16515,0,1,0,1.16429,1.16368A1.16237,1.16237,0,0,0,22.97257,15.82025Zm6.59259-1.17671A7.01083,7.01083,0,0,1,17.47885,21.408l-1.507,2.25251-1.49117-2.234a7.00225,7.00225,0,0,1-11.109-8.52336A9.06164,9.06164,0,0,0,2,10.12538L6.389,10.122a17.43025,17.43025,0,0,1,9.58067-2.62736,17.03968,17.03968,0,0,1,9.34509,2.59459l4.67753.00282a9.028,9.028,0,0,0-1.37736,2.80377A7.01206,7.01206,0,0,1,29.56516,14.64354ZM14.61032,17.04773A5.59565,5.59565,0,1,0,9.01641,22.641,5.60194,5.60194,0,0,0,14.61032,17.04773Zm2.00743-2.90868a6.97935,6.97935,0,0,1,6.14739-4.06889A16.4784,16.4784,0,0,0,15.96967,8.717,17.3194,17.3194,0,0,0,9.155,10.0426a7.01177,7.01177,0,0,1,6.845,6.49445A7.02963,7.02963,0,0,1,16.61775,14.13905Zm11.61854.99477a5.595,5.595,0,1,0-10.49705,3.87675v.00054a5.5992,5.5992,0,0,0,7.18657,3.31259A5.60521,5.60521,0,0,0,28.23629,15.13382ZM12.3865,16.98393a3.46256,3.46256,0,1,1-3.45916-3.46025A3.46581,3.46581,0,0,1,12.3865,16.98393Zm-1.19363,0a2.2689,2.2689,0,1,0-2.26553,2.27183A2.26864,2.26864,0,0,0,11.19287,16.98393Zm15.24,0a3.46145,3.46145,0,1,1-3.46031-3.46025A3.4661,3.4661,0,0,1,26.43288,16.98393Zm-1.19141,0a2.27007,2.27007,0,1,0-2.2689,2.27183A2.27082,2.27082,0,0,0,25.24147,16.98393Z" fill="#262626"/>
</svg>
</a>
<a rel="instagram" href="https://www.instagram.com/le_tire_bouchon/" target="_blank" title="website.socials.instagram">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 32 32" width='30px'>
<path id="instagram" d="M16,6.16216c3.20414,0,3.58366.01222,4.849.06995a6.64012,6.64012,0,0,1,2.22824.4132,3.97394,3.97394,0,0,1,2.27743,2.27743,6.64009,6.64009,0,0,1,.4132,2.22822c.05773,1.26538.06995,1.6449.06995,4.849s-.01222,3.58366-.06995,4.849a6.64012,6.64012,0,0,1-.4132,2.22824,3.97394,3.97394,0,0,1-2.27743,2.27743,6.64012,6.64012,0,0,1-2.22824.4132c-1.26518.05773-1.64466.06995-4.849.06995s-3.58384-.01222-4.849-.06995a6.64012,6.64012,0,0,1-2.22824-.4132,3.97394,3.97394,0,0,1-2.27743-2.27743,6.64009,6.64009,0,0,1-.4132-2.22822c-.05773-1.26538-.06995-1.6449-.06995-4.849s.01222-3.58366.06995-4.849a6.64012,6.64012,0,0,1,.4132-2.22824A3.97394,3.97394,0,0,1,8.92274,6.64531a6.64009,6.64009,0,0,1,2.22822-.4132c1.26538-.05773,1.6449-.06995,4.849-.06995M16,4c-3.259,0-3.66766.0138-4.94758.0722A8.80773,8.80773,0,0,0,8.13953,4.63,6.136,6.136,0,0,0,4.63,8.13953a8.80773,8.80773,0,0,0-.55779,2.91289C4.0138,12.33234,4,12.741,4,16s.0138,3.66766.0722,4.94758A8.80773,8.80773,0,0,0,4.63,23.86047,6.136,6.136,0,0,0,8.13953,27.37a8.80773,8.80773,0,0,0,2.91289.55779C12.33234,27.98621,12.741,28,16,28s3.66766-.01379,4.94758-.0722A8.80773,8.80773,0,0,0,23.86047,27.37,6.136,6.136,0,0,0,27.37,23.86047a8.80773,8.80773,0,0,0,.55779-2.91289C27.9862,19.66766,28,19.259,28,16s-.0138-3.66766-.0722-4.94758A8.80773,8.80773,0,0,0,27.37,8.13953,6.136,6.136,0,0,0,23.86047,4.63a8.80773,8.80773,0,0,0-2.91289-.55779C19.66766,4.0138,19.259,4,16,4Zm0,5.83784A6.16216,6.16216,0,1,0,22.16216,16,6.16216,6.16216,0,0,0,16,9.83784ZM16,20a4,4,0,1,1,4-4A4,4,0,0,1,16,20ZM22.40563,8.15437a1.44,1.44,0,1,0,1.44,1.44A1.44,1.44,0,0,0,22.40563,8.15437Z" fill="#262626"/>
</svg>
</a>
<br />
<div class='m-auto' style=''>
<div class='d-inline-block' onclick="if(event.target.nodeName.toLowerCase() !='a'){top.location.href='https://www.sluurpy.fr/strasbourg/restaurant/1980823/le-tire-bouchon';}" id="sluurpytag_22_l" style="all:unset;all:initial;cursor:pointer;font-family: 'Balsamiq Sans', cursive;color:#707070;box-sizing: border-box;display: block;overflow:hidden;clear:both;width:155px;height:155px;border:5px solid #ec7205;border-radius:100%;text-align:center;font-weight:bolder;"><div style="z-index:2;display: block;height:62.5px;padding:2px;background-color:white;"><img style="all:unset;all:initial;vertical-align: middle;border-style: none;width:30px;height:30px;" src="https://www.sluurpy.it/certificato/uu.png" ><div style="display: block;font-size:12px;"><a target="_blank" style="color:#707070;cursor:pointer;" href="https://www.sluurpy.com">SLUURPY</a> 2022</div></div><div style="display: block;font-size:12px;height:20px;line-height:20px;background-color: #ec7205;color:white;">CONSIGLIATO</div><div style="display: block;height:62.5px;background-color:white;padding-top:4px;font-weight:bold;"><a style="color:#707070;cursor:pointer;" target="_blank" href="https://www.sluurpy.fr/strasbourg/restaurant/1980823/le-tire-bouchon">Le Tire-bouchon</a></div></div>
<div class='d-inline-block'><link href=https://awards.infcdn.net/transparent_v2.css rel="stylesheet"/><div id="rest_white" data="28" class="rest_black" onclick="if(event.target.nodeName.toLowerCase() != 'a') {window.open(this.querySelector('.rest-white_center').href);return 0;}"> <div class="rest-white_year">2022</div> <a href=https://fr.restaurantguru.com/Le-Tire-Bouchon-Strasbourg class="rest-white_center fz12" target="_blank">Le Tire-Bouchon</a> <div class="rest_white_arc-heading"> <svg xmlns=http://www.w3.org/2000/svg xmlns:xlink=http://www.w3.org/1999/xlink width="140px" height="140px" viewbox="0 0 140 140"> <defs> <path id="rest_white_subheading-arc" d="M 12 70 a 58 58 0 0 0 116 0"></path> </defs> <text class="heading__subheading" fill="#fff" text-anchor="middle"> <textpath startoffset="50%" xlink:href="#rest_white_subheading-arc">Restaurant Guru • Recommandé</textpath> </text> </svg> </div> </div>
</div>
</div>
<br /><div class='' style='font-size: 80%'>Chèques non acceptes</div> <br />
</div>
<div class='col-12 col-lg-8 offset-lg-2 gris p-3' style='font-size: 80%'>
<a href='https://www.hoplaweb.fr' target='_blank' class='gris'>Création HoplaWeb</a> | <a href='https://www.letirebouchon.fr/fr/Mentions-Legales/' class='gris'>Mentions légales</a> | <a href='https://www.letirebouchon.fr/fr/Politique-Confidentialite/' class='gris'>Politique de confidentialité </a>
</div>
</div>
<div class='fixed-bottom w-100 fondrouge d-md-none d-xl-none d-lg-none' style='height:35px'>
<ul class="list-group list-group-horizontal d-flex justify-content-center sanspadding" style='list-style:none;'>
<li class="sanspadding">
<a class='btn btn-speciffooterresarouge pl-md-4 pr-md-4 noir' href='tel:+33388221632' ><span class="glyphicons glyphicons-earphone blanc" style='font-size: 22px'></span></a>
</li>
<li class="sanspadding" >
<btn class='btn btn-speciffooterresarouge pl-md-4 pr-md-4 noir' data-toggle="modal" data-target="#ModalResa"><span class="glyphicons glyphicons-calendar blanc" style='font-size: 22px'></span></btn>
</li>
<li class="sanspadding">
<a href="https://letirebouchon.bonkdo.com/fr/" target='_blank' class='btn btn-speciffooterresarouge pl-md-4 pr-md-4 noir'><span class="glyphicons glyphicons-gift blanc" style='font-size: 22px'></span></a>
</li>
</ul>
</div>
<!-- JQUERY -->
<script type="text/javascript" src="https://www.letirebouchon.fr/js/jquery-3.5.1.min.js"></script>
<!--CSS SCROLLBAR -->
<link rel="stylesheet" href="https://www.letirebouchon.fr/css/jquery.jscrollpane.css" />
<!-- VALIDATE -->
<script type="text/javascript" src="https://www.letirebouchon.fr/js/jquery.validate.js"></script>
<!-- pour boostrap
<script src="js/popper.min.js"></script>
<script src="js/tether.min.js"></script>-->
<!--BOOSTRAP JS-->
<script src="https://www.letirebouchon.fr/js/bootstrap4.4.min.js"></script>
<!--BOOTBOX-->
<script src="https://www.letirebouchon.fr/js/bootbox.min.js"></script>
<!--POUR COMPTEUR-->
<script src="https://www.letirebouchon.fr/js/jquery.waypoints.min.js"></script>
<!--POUR COMPTEUR-->
<script src="https://www.letirebouchon.fr/js/notrejs.js"></script>
<!--POUR descendre bas
<script src="<?php// echo $LIENSITE;?>js/jquery.jscrollpane.min.js"></script>
<script src="<?php// echo $LIENSITE;?>js/jquery.mousewheel.js"></script>-->
<!-- POUR BLOQUER -->
<script src="https://www.letirebouchon.fr/js/jquery.blockUI.js"></script>
<!--datepicker-->
<script src="https://www.letirebouchon.fr/js/bootstrap-datepicker.min.js"></script>
<script src="https://www.letirebouchon.fr/js/bootstrap-datepicker.fr.js"></script>
<!-- Include ScrollMagic -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/1.16.0/TweenMax.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.3/ScrollMagic.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.3/plugins/animation.gsap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.3/plugins/debug.addIndicators.min.js"></script>
<!--<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>-->
<script>
/*
$(window).scroll(function() {
if ($(document).scrollTop() > 50) {
$('#scrollUp').removeClass('animated fadeOut');
$('#scrollUp').css('display', 'block');
$('#scrollUp').addClass('animated fadeInUp');
} else {
$('#scrollUp').css('display', 'none');
$('#scrollUp').removeClass('animated fadeInUp');
$('#scrollUp').addClass('animated fadeOut');
}
});*/
$(".collapse").on('show.bs.collapse', function(){
$(".icon-bar").css("background-color","#fff");
$("#btnmenuheader.btn-specifheaderresarouge").css("background-color","transparent");
$("#btnmenuheader.btn-specifheaderresarouge").css("border-color","transparent");
$("#btnmapheader").addClass("masquer").removeClass("d-inline-block");
});
$(".collapse").on('hidden.bs.collapse', function(){
$(".icon-bar").css("background-color","#fff");
$("#btnmenuheader.btn-specifheaderresarouge").css("background-color","#db3e27");
$("#btnmenuheader.btn-specifheaderresarouge").css("border-color","#db3e27");
$("#btnmapheader").removeClass("masquer").addClass("d-inline-block");
});
// adds mobile class, and mobile os to html tag
jQuery(document).ready(function($){
$("#i-news").hover(function(){$("#i-news-txt").removeClass("masquer");},function(){$("#i-news-txt").addClass("masquer");});
var deviceAgent = navigator.userAgent.toLowerCase();
if (deviceAgent.match(/(iphone|ipod|ipad)/)) {
$('.arriereplan').removeClass('arriereplan');
}
});
</script>
<script language="javascript">
function affichefenetre(test,nomcli,idcontactcli)
{
lib="Contactez-nous au 03 88 22 16 32 !";
bootbox.alert(lib);
}
$.validator.setDefaults({
onfocusout: function(element) { $(element).valid(); },
errorElement: "span",
errorClass: "invalid-feedback",
highlight: function(element) {
var id_attr = "#" + $( element ).attr("name") + "1";
$(element).closest('.control-group').addClass('spe-is-invalid');
},
unhighlight: function(element) {
var id_attr = "#" + $( element ).attr("name") + "1";
$(element).closest('.control-group').removeClass('spe-is-invalid');
//$(id_attr).removeClass('icon-close').addClass('icon-check');
},
errorPlacement: function (error, element) {
if (element.parent('.input-group').length || element.prop('type') === 'checkbox' || element.prop('type') === 'radio') {
error.insertAfter(element.parent());
} else {
error.appendTo(element.parent());
}
}
});
$("#Form-News").validate({
rules: {
'Input-News-Email': {
required: true,
email: true,
maxlength: 200
}
},
messages: {
'Input-News-Email': {
required: "Entrez votre adresse email !",
email: "La syntaxe de votre adresse email est fausse !",
maxlength: "Votre nom ne peut pas dépasser 200 caractères !"
}
},
submitHandler: function (form) {
verif_mail(form);
}
});
</script>
<!--google cookie validation-->
<script type="text/javascript" src="https://www.letirebouchon.fr/tartecitroncookies/tarteaucitron.js"></script>
<script type="text/javascript">
tarteaucitron.init({
"privacyUrl": "", /* Privacy policy url */
"bodyPosition": "bottom", /* or top to bring it as first element for accessibility */
"hashtag": "#tarteaucitron", /* Open the panel with this hashtag */
"cookieName": "tarteaucitron", /* Cookie name */
"orientation": "bottom", /* Banner position (top - bottom) */
"groupServices": false, /* Group services by category */
"showAlertSmall": false, /* Show the small banner on bottom right */
"cookieslist": false, /* Show the cookie list */
"closePopup": false, /* Show a close X on the banner */
"showIcon": true, /* Show cookie icon to manage cookies */
//"iconSrc": "", /* Optionnal: URL or base64 encoded image */
"iconPosition": "BottomLeft", /* BottomRight, BottomLeft, TopRight and TopLeft */
"adblocker": false, /* Show a Warning if an adblocker is detected */
"DenyAllCta" : true, /* Show the deny all button */
"AcceptAllCta" : true, /* Show the accept all button when highPrivacy on */
"highPrivacy": true, /* HIGHLY RECOMMANDED Disable auto consent */
"handleBrowserDNTRequest": false, /* If Do Not Track == 1, disallow all */
"removeCredit": false, /* Remove credit link */
"moreInfoLink": true, /* Show more info link */
"useExternalCss": false, /* If false, the tarteaucitron.css file will be loaded */
"useExternalJs": false, /* If false, the tarteaucitron.js file will be loaded */
//"cookieDomain": ".my-multisite-domaine.fr", /* Shared cookie for multisite */
"readmoreLink": "", /* Change the default readmore link */
"mandatory": true, /* Show a message about mandatory cookies */
"mandatoryCta": true /* Show the disabled accept button when mandatory on */
});
tarteaucitron.user.gtagUa = 'G-P3B09DZCZD';
// tarteaucitron.user.gtagCrossdomain = ['example.com', 'example2.com'];
tarteaucitron.user.gtagMore = function () { /* add here your optionnal gtag() */ };
(tarteaucitron.job = tarteaucitron.job || []).push('gtag');
</script>
<!--
<script type="text/javascript">
tarteaucitron.user.facebookpixelId = '706582300177359'; tarteaucitron.user.facebookpixelMore = function () { /* add here your optionnal facebook pixel function */ };
(tarteaucitron.job = tarteaucitron.job || []).push('facebookpixel');
</script>-->
</body>
</html>
<script>
jQuery(document).ready(function($){
var deviceAgent = navigator.userAgent.toLowerCase();
if (deviceAgent.match(/(iphone|ipod|ipad)/)) {
$('.arriereplan').removeClass('arriereplan');
}
});
$(document).ready(function() {
setTimeout(function(){
$('body').addClass('loaded');
}, 0);
setTimeout(function(){
//lancer le carousel
$('#carouselprinc').carousel({
wrap: true,
pause:false
}).trigger('slid.bs.carousel'); // Make the carousel believe that it has just been slid so that the first item gets the animation
}, 3000);
$('.masquerloadergauche').css('width','0px');
$('.masquerloaderdroite').css('width','0px');
});
/*
(function($) {
var wh = window.innerHeight;
// init
var controller = new ScrollMagic.Controller({
globalSceneOptions: {
triggerHook: 'onLeave'
}
});
// Create scene
$("section").each(function() {
//scene standard les images
var name = $(this).attr('id');
new ScrollMagic.Scene({
triggerElement: this
})
.setPin(this)
.loglevel(3)
.addTo(controller);
});
//texte Nos coffrets
var fromTopTimeline = new TimelineMax();
var fromTopFrom = TweenMax.from("#noscoffrets-txt", 1, {
y: 0,
opacity:1
});
var fromTopTo = TweenMax.to("#noscoffrets-txt", 1, {
y: -500,
opacity:0.8
});
fromTopTimeline
.add(fromTopFrom)
.add(fromTopTo);
var controller = new ScrollMagic.Controller();
new ScrollMagic.Scene({
triggerElement: "#noscoffrets",
triggerHook:1,
duration: '50',
offset: -200
})
//.addIndicators()
.setTween(fromTopTimeline)
.duration('500')
//.addIndicators() // add indicators (requires plugin)
.addTo(controller);
//texte L equipe
var fromTopTimeline = new TimelineMax();
var fromTopFrom = TweenMax.from("#notreequipe-txt", 1, {
y: 0,
opacity:1
});
var fromTopTo = TweenMax.to("#notreequipe-txt", 1, {
y: -300,
opacity:1
});
fromTopTimeline
.add(fromTopFrom)
.add(fromTopTo);
var controller = new ScrollMagic.Controller();
new ScrollMagic.Scene({
triggerElement: "#footer",
triggerHook:1,
duration: '30',
offset: 100
})
//.addIndicators()
.setTween(fromTopTimeline)
.duration('100')
.addIndicators() // add indicators (requires plugin)
.addTo(controller);
})(jQuery);
$(document).ready(function ($) {
var scenes = $('section'); // expecting scene wrapper elements with the class 'scene'
for (var i = 0; i < scenes.length; i++) {
SM.sceneHeights.push($(scenes[i]).height()); // init scene heights
SM.scenePinLengths.push(0); // init scene pin duration array
}
});
*/
$(window).on("load", function (e) {
$('#ModalMessage').modal('show');
});
</script>
</body>
</html>
