/* Les Éléments Généraux
--------------------------------------------------------------------------------------- */

*{margin:0; padding:0;}

body {
	background: #fff;
	color: #333;
	font: 12px/18px Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	margin: 20px 0;
}

img {border: none;}

p {margin: 0 0 15px 0;}

a:link, a:visited {color: #940129; text-decoration: none;}
a:hover {color: #9d9fa2;}
a:focus {color: #ff0000;}

h1 {padding: 134px 0 0 24px;}
h2 {font-size: 20px; margin: 0 0 15px 0; color: #940129;}
h3 {font-size: 16px; margin: 0 0 5px 0;}

.floatright {float: right;}
.floatleft {float: left;}



/* Le Container
--------------------------------------------------------------------------------------- */

#page {
	margin: 0px auto 10px;
	width: 755px;
	border: 1px solid #bbbdc0;
	overflow: auto;
}



/* Le Header
--------------------------------------------------------------------------------------- */

#haut {
	height: 407px;
	background: url(images/haut.jpg) no-repeat 0 44px;
}

#header {
	width: 755px;
	height: 282px;
}

#header p{margin: 15px 5px 0 0;}

#header a:link, #header a:visited {color: #9d9fa2; text-decoration: none;}
#header a:hover {color: #940129;}
#header a:focus {color: #ff0000;}

.accueil #header, .terrasse #header {background: url(images/bande1.jpg) no-repeat 0 44px;}
.midi #header, .promo #header {background: url(images/bande2.jpg) no-repeat 0 44px;}
.menu #header, .heure #header {background: url(images/bande3.jpg) no-repeat 0 44px;}
.carte #header, .joindre #header {background: url(images/bande4.jpg) no-repeat 0 44px;}
.histoire #header {background: url(images/bande5.jpg) no-repeat 0 44px;}
.ambiance #header {background: url(images/bande6.jpg) no-repeat 0 44px;}



/* Le Contenu
--------------------------------------------------------------------------------------- */

#right {
	width: 510px;
	padding: 0 25px 0 0;
	float: right;
}

.gauche {
	margin: 0 10px 15px 0; 
	text-align: center;
	float: left;
}
.droite {
	margin: 0 0 15px 0; 
	text-align: center;
	float: left;
}
.menus {margin: 0 0 15px 0;}
.plat {width: 460px; padding: 3px;}
.prix {width: 50px; padding: 3px; text-align: right;}
.vin {width: 55%; padding: 3px;}
.bouteille, .verre {width: 15%; padding: 3px; text-align: center;}
.alt {background: #f0f0f0;}

.menu #right img {border: 1px solid #221e1f;}



/* La Sidebar
--------------------------------------------------------------------------------------- */

#left {
	width: 194px;
	border-right: 1px solid #bbbdc0;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align: center;
	float: left;
}

#left ul { margin: 15px 22px; }
#left  ul#anglais {margin: 15px 16px;}

#left ul li {
	list-style: none;
	font-style: italic;
	font-weight: bold;
}

/* Le menu français 
------------------------------------------------------------------------------------------------------------- */
#midi a {background: url(images/midi.gif); display: block; width: 149px; height: 21px; text-indent: -999px; }
#midi a:hover {background: url(images/midi-o.gif);}
.midi #midi a {background: url(images/midi-o.gif);}

#regulier a {background: url(images/menus.gif); display: block; width: 149px; height: 21px; text-indent: -999px; }
#regulier a:hover {background: url(images/menus-o.gif);}
.menu #regulier a {background: url(images/menus-o.gif);}

#carte a {background: url(images/boire.gif); display: block; width: 149px; height: 22px; text-indent: -999px; }
#carte a:hover {background: url(images/boire-o.gif);}
.carte #carte a {background: url(images/boire-o.gif);}

#histoire a {background: url(images/historique.gif); display: block; width: 149px; height: 22px; text-indent: -999px; }
#histoire a:hover {background: url(images/historique-o.gif);}
.histoire #histoire a {background: url(images/historique-o.gif);}

#ambiance a {background: url(images/ambiance.gif); display: block; width: 149px; height: 20px; text-indent: -999px; }
#ambiance a:hover {background: url(images/ambiance-o.gif);}
.ambiance #ambiance a {background: url(images/ambiance-o.gif);}

#terrasse a {background: url(images/terrasse.gif); display: block; width: 149px; height: 23px; text-indent: -999px; }
#terrasse a:hover {background: url(images/terrasse-o.gif);}
.terrasse #terrasse a {background: url(images/terrasse-o.gif);}

#promo a {background: url(images/puce.gif); display: block; width: 149px; height: 21px; text-indent: -999px; }
#promo a:hover {background: url(images/puce-o.gif);}
.promo #promo a {background: url(images/puce-o.gif);}

#promo a {background: url(images/cadeau.gif); display: block; width: 149px; height: 21px; text-indent: -999px; }
#promo a:hover {background: url(images/cadeau-o.gif);}
.promo #promo a {background: url(images/cadeau-o.gif);}

#heure a {background: url(images/heures.gif); display: block; width: 149px; height: 21px; text-indent: -999px; }
#heure a:hover {background: url(images/heures-o.gif);}
.heure #heure a {background: url(images/heures-o.gif);}

#joindre a {background: url(images/contact.gif); display: block; width: 149px; height: 39px; text-indent: -999px; }
#joindre a:hover {background: url(images/contact-o.gif);}
.joindre #joindre a {background: url(images/contact-o.gif);}

/* Le menu anglais 
------------------------------------------------------------------------------------------------------------- */
#midiEn a {background: url(images/midi-eng.gif); display: block; width: 160px; height: 21px; text-indent: -999px; }
#midiEn a:hover {background: url(images/midi-eng-o.gif);}
.midi #midiEn a {background: url(images/midi-eng-o.gif);}

#regulierEn a {background: url(images/menus-eng.gif); display: block; width: 149px; height: 21px; text-indent: -999px; }
#regulierEn a:hover {background: url(images/menus-eng-o.gif);}
.menu #regulierEn a {background: url(images/menus-eng-o.gif);}

#carteEn a {background: url(images/boire-eng.gif); display: block; width: 149px; height: 21px; text-indent: -999px; }
#carteEn a:hover {background: url(images/boire-eng-o.gif);}
.carte #carteEn a {background: url(images/boire-eng-o.gif);}

#histoireEn a {background: url(images/historique-eng.gif); display: block; width: 149px; height: 21px; text-indent: -999px; }
#histoireEn a:hover {background: url(images/historique-eng-o.gif);}
.histoire #histoireEn a {background: url(images/historique-eng-o.gif);}

#ambianceEn a {background: url(images/ambiance-eng.gif); display: block; width: 149px; height: 21px; text-indent: -999px; }
#ambianceEn a:hover {background: url(images/ambiance-eng-o.gif);}
.ambiance #ambianceEn a {background: url(images/ambiance-eng-o.gif);}

#terrasseEn a {background: url(images/terrasse-eng.gif); display: block; width: 149px; height: 24px; text-indent: -999px; }
#terrasseEn a:hover {background: url(images/terrasse-eng-o.gif);}
.terrasse #terrasseEn a {background: url(images/terrasse-eng-o.gif);}

#promoEn a {background: url(images/puce-eng.gif); display: block; width: 149px; height: 21px; text-indent: -999px; }
#promoEn a:hover {background: url(images/puce-eng-o.gif);}
.promo #promoEn a {background: url(images/puce-eng-o.gif);}

#promoEn a {background: url(images/cadeau-eng.gif); display: block; width: 149px; height: 23px; text-indent: -999px; }
#promoEn a:hover {background: url(images/cadeau-eng-o.gif);}
.promo #promoEn a {background: url(images/cadeau-eng-o.gif);}

#heureEn a {background: url(images/heures-eng.gif); display: block; width: 149px; height: 22px; text-indent: -999px; }
#heureEn a:hover {background: url(images/heures-eng-o.gif);}
.heure #heureEn a {background: url(images/heures-eng-o.gif);}

#joindreEn a {background: url(images/contact-eng.gif); display: block; width: 149px; height: 35px; text-indent: -999px;}
#joindreEn a:hover {background: url(images/contact-eng-o.gif);}
.joindre #joindreEn a {background: url(images/contact-eng-o.gif);}


/* Le Footer
--------------------------------------------------------------------------------------- */

#footer {
	height: 152px;
	background: url(images/bas.gif);
}

#img1 {
	margin: 2px 0 0 160px;
	float: left;
}

#img2 {
	margin: 2px 0 0 293px;
	float: left;
}