html{
	font-size: 16px;
} 

body {
	font-size: 75%;
	font-family:Arial, Helvetica, sans-serif;
	color: #505763;
	background-color: #bababe;
	line-height: 14px;
	margin: 0;
	text-align: center;
}
#global {
	margin-left: auto;
	margin-right: auto;
	width: 1100px;
	position: relative;
	text-align: left;
	}
	#entete {
	width: 1100px;
	height: 264px;
	position: absolute;
	float: left;
	top: 0px;
	}
	.conteneur {
	width: 1100px;
	text-align: justify;
	float: left;
	position: absolute;
	top: 296px;
	background-color: #a0a2a7;
	padding: 2px 0px 0px 2px;
	height: 800px;
	}
	.conteneur-menu {
	width: 1100px;
	text-align: justify;
	float: left;
	position: absolute;
	top: 296px;
	background-color: #a0a2a7;
	padding: 2px 0px 0px 2px;
	height: 800px;
	}
	#restaurant_grenoble {
	width: 1100px;
	text-align: justify;
	float: left;
	position: absolute;
	top: 296px;
	background-color: #a0a2a7;
	padding: 2px 0px 0px 2px;
	height: 800px;
}
	#navigation {
	position: absolute;
	top: 274px;
	width: 1100px;
	}
	#image-restaurant {
	margin-left: auto;
	margin-right: auto;
	width: 1100px;
	position: relative;
	top: 650px;
	}
.boit {
	width: 352px;
	background: transparent url(../img/bottom.jpg) no-repeat;
	background-position: center bottom;
	color: 5a616f;
}
.boit .top  {
	background: transparent url(../img/top.jpg) no-repeat;
	background-position: center top;
	padding-top: 36px;
	padding-left: 42px;
}
.boit   h2 {
	margin-left: 20px;
	width: 270px;
	
}

.boit p {
	margin: 1em 42px;
	text-align: justify;
}
.top {
}
	
.boiterouge {
	width: 352px;
	background: transparent url(../img/bottomrouge.jpg) no-repeat;
	background-position: center bottom;
	color: #d0c8c5;
}
.boiterouge .top {
	background: transparent url(../img/toprouge.jpg) no-repeat;
	background-position: center top;
	padding-left: 42px;
	padding-top: 36px;
}
.boiterouge p {
	text-align: justify;
	margin-right: 42px;
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: 42px;
}
.boite-h2 {
	margin-left: 20px;
}
.boiterouge-h2 {
	margin-left: 42px;
}
.boiterouge h1 {
	color: #ddc7c0;

}

.coldroite 
        {
	width:352px;
	float: right;
	margin-bottom: 0px;
	text-align: center;
        }

.colcentrale 
        {
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 380px;
	float: left;
	background-color: #a0a2a7;
	position: relative;
	margin-left: 6px;
        }
		
.conteneur-menu .colcentrale .boite
        {
	margin-bottom: -26px;
		}
.colgauche 
        {
	width:352px;
	float: left;
        }
.pied 
        {
	color: #DDDDDD;
	font-size: 10px;
	text-align: center;
        }
.grenoble
        {
	color: #DDDDDD;
	line-height: 16px;
	font-size: 10px;
	text-align: justify;
        }
.dia 
        {padding-top: 10px;}
.salle {
	width: 352px;
	background-color: #DAD8DD;
	margin-right: auto;
	margin-left: auto;
	height: 95px;
	background-image: url(../img/fourneau.jpg);
	margin-top: 8px;
        }
		.txtsalle {
	padding: 8px;
	color: #8C8383;
        }

/* Titraille / Intertitres */
h1,h2,h3,h4,h5,h6 {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
}
h1 {
	font-size: 20px;
	color: #5E6180;
	line-height: 23px;
	text-align: left;
}
h2 {
	font-size: 15px;
	line-height: 18px;
	color: #dcdcdc;
	font-weight: normal;
}
.filet{
	clear: both;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	margin-left: 30px;
	margin-right: 30px;
	position: relative;
}

/* navigation */

#onglet {
	margin-left: 0px;
	margin-top: 0px;
	font: bold 10px Verdana;
	text-align: center;
}

#onglet li {
list-style: none ;
display: inline ;
margin: 0;
}

#onglet li a {
	text-decoration: none;
	padding: 3px 0.5em;
	margin-right: 8px;
	background: #696969;
	color: #cccccc;
}

#onglet li a:link, # onglet li a:visited {
color: #222222 ;
}

#onglet li a:hover {
color: #eeeeee;
background: #555555 ;
}

#onglet li a.courant {
	background: #A0A0A9;
	color: #cccccc;
}