/* @override http://mojo.fn.mac/css/screen.css */

/* @group Basics */

/* Remove padding and margin */
html, body,
h1, h2, h3, h4, h5, h6,
ul, ol, dl, li, dt, dd,
div, p, blockquote, pre, form, fieldset,
table, th, td {
	margin: 0;
	padding: 0;
	}

/* Put margin back on certain elements */
h2, h3, h4, h5, h6,
p, blockquote, pre, form, fieldset,
table, ul, ol {
	margin: 1em 0 0;
	}
blockquote {
	margin-left: 2em;
	}

/* Remove border around linked images */
img, a img, :link img, :visited img {
	border: none;
	}
:focus {
    outline:0;
    }
/* Typography */

html {
	background: #380000 url(../img/bg-body.png) 0 0;
	font-size: 100.01%;
	height: 100%;
	overflow:scroll;
	}

body {
	color: #FFF;
	font: 84%/1.3 Helvetica,Arial,sans-serif;
	height: auto !important;
	height: 100%; /* IE6 */
	min-height: 100%;
	text-align: center;
	min-width:970px;
	}
body * {
	font-size: 1em;
	}
html>body.hasBG {
	background: transparent url(../img/bg-page.png) 0 0 no-repeat;
	}

/* @end */

/* @group Links */

a:link {
	color: #FFF;
	text-decoration: none;
	}
a:visited {
	color: #FFF;
	text-decoration: none;
	}
a:hover, a:active {
	text-decoration: underline;
	}

/* @end */



/* @end */

/* General */

.clearfix { clear:both; }


/* @group Layout */

#container {
	}

/* @end */

/* @group Header */

#header {
	margin: 0 auto;
	padding: 50px 0 20px;
	position: relative;
	text-align: left;
	width: 970px;
	}
html>body #header.hasBG {
	background: transparent url(../img/bg-header.png) center top no-repeat;
	}

#header p {
	font-size: 1.4em;
	letter-spacing: 4px;
	margin: 0;
	position: absolute;
	top: 132px; left: 380px;
	}

#nav {
    position:absolute;
    top:122px;
    right:0;
    font-size:14px;
    text-transform:uppercase;
    list-style-type:none;
    }

#nav li {
    float:left;
    margin-left:80px;
    }
#nav li.facebook a {
    width:67px;
    height:17px;
    background:transparent url(../img/texte/facebook.png) center top no-repeat;
    display:block;
    text-indent:-9999px;
    overflow:hidden;
    padding-bottom:3px;
    position:relative;
    top:2px;
}
#nav a {
    padding-bottom:3px;
    display:block;
    }
#nav a:hover, .menu #nav .menu a, .carte #nav .carte a {
    text-decoration:none;
    border-bottom:3px solid #fff;
    }

/* @end */

/* @group Content */

#main-top {
    background: transparent url(../img/bg-main-top.png) center top no-repeat;
    height:35px;
    width:970px;
    padding:0 35px;
    margin: 0 auto;
    text-align: right;
    }
#main {
	background: transparent url(../img/bg-main-bottom.png) center bottom no-repeat;
	text-align: left;
	margin: 0 auto;
	width: 970px;
	padding:0 35px;
	position:relative;
	overflow:hidden;
	margin-bottom:40px;
	}
#main h2 {
    font-size:30px;
    font-weight:normal;
    padding-bottom:12px;
    }

/* @end */

/* @group Promo */
#promo-top {
    background: transparent url(../img/bg-main-top.png) center top no-repeat;
    height:10px;
    width:990px;
    padding:0 25px;
    margin: 0 auto;
    position:relative;
    top:-10px;
    left:-25px;
    }
#promo {
	background: transparent url(../img/bg-main-bottom.png) center bottom no-repeat;
	text-align: left;
	margin: 0 auto;
	width: 990px;
	padding:0 25px 20px;
	position:relative;
	}
#promo .texte {
    width:200px;
    float:right;
    text-transform:uppercase;
    position:relative;
    top:-10px;
    }
#promo #tout-va-bien {
    font-weight:normal;
    font-size:16px;
    }
#promo #tout-va-bien span {
    font-size:18px;
    font-weight:bold;
    }
#promo #lien-menu-du-jour {
    font-size:16px;
    font-weight:bold;
    }
#promo #lien-menu-du-jour a {
    color:#ffce70;
    }

/* @group Footer */

#footer {
	text-align: left;
	margin: 10px auto 0;
	padding: 0 35px 35px 35px;
	width: 970px;
	position:relative;
	}
#footer p {
	font-weight: bold;
	letter-spacing: 1px;
	margin: 0;
	padding: 15px 0 0;
	text-transform: uppercase;
	}
#footer #addr {
	float: left;
	}
#footer #email {
	float: right;
	text-align: right;
	}

/* @end */

/* Home */

body.home div#container div#main {
    height:439px;
    }
#photo-droite {
    position:absolute;
    right:33px;
    }
#photo-gauche {
    position:absolute;
    left:33px;
    }
#photo-droite img {
    position:absolute;
    top:0;
    right:0;
    }
#photo-gauche img {
    position:absolute;
    top:0;
    left:0;
    }
#img-nav {
    position:absolute;
    top:328px;
    left:33px;
    list-style-type:none;
    }
#img-nav li {
    float:left;
    margin-right:32px;
    }
#img-nav li.photo6 {
    position:relative;
    left:2px;
    }
#img-nav li a:hover, #img-nav li.selected a {
    padding-bottom:0px;
    border-bottom:3px solid #bf2621;
    display:block;
    }
#cuisine-festive {
    position:absolute;
    top:365px;
    left:50px;
    width:310px;
    height:28px;
    background:url(../img/texte/cuisine-festive.png) center center no-repeat transparent;
    text-indent:-9999px;
    overflow:hidden;
    }


/* Menu */

.menu #main .gauche, .menu #main .droite,
.menu-du-jour #main .gauche, .menu-du-jour #main .droite {
    width:400px;
    float:left;
    padding-bottom:30px;
    }
.menu #main .gauche, .menu-du-jour #main .gauche {
    margin:0 85px 0 50px;
    }
.menu #main .droite, .menu-du-jour #main .droite {
    margin:0;
    }
.menu #main table, .menu-du-jour #main table {
    width:400px;
    margin-bottom:24px;
    }
.menu #main table th, .menu-du-jour #main table th {
    font-size:30px;
    font-weight:normal;
    padding-bottom:12px;
    text-align:left;
    }
.menu #main table td, .menu-du-jour #main table td {
    font-size:12px;
    text-wrap:nowrap;
    padding-bottom:12px;
    text-align:left;
    }
.menu #main table th .details, .menu-du-jour #main table th .details {
    display:block;
    font-size:12px;
    }
.menu #main table .item, .menu-du-jour #main table .item {
    text-transform:uppercase;
    display:block;
    }
.menu #main .prix, .menu-du-jour #main .prix {
    text-align:right;
    white-space:nowrap;
    vertical-align:top;
    }
.menu #main th.prix, .menu-du-jour #main th.prix {
    vertical-align:bottom;
    font-size:12px;
    padding-bottom: 18px;
    }
.menu #main th .note, .menu-du-jour #main th .note {
	font-size: 12px;
	}
.menu #main table .sous-titre {
    padding-bottom:0;
    }
.menu #main table .sous-item .item{
    text-transform:none;
    }

/* S'y rendre */
.carte #main  {
    padding-bottom:30px;
}
#pin {
    position:absolute;
    top:174px;
    left:488px;
}

/* Menu du jour */
.menu-du-jour #main .gauche {
    width:200px;
    float:left;
    padding-bottom:30px;
    margin-right:123px;
    }
.menu-du-jour h2 {
    margin-top:15px;
    margin-bottom:60px;
    }
.menu-du-jour #menu-message {
    margin-bottom:322px;
    font-size:14px;
    font-weight:bold;
    }
.menu-du-jour .version-imprimable img {
    position:relative;
    top:6px;
    margin-right:3px;
    }