/* CSS Document pour le restaurant du Signal à Grandvaux, copyright Designis.ch */
*{margin: 0; padding: 0}
body {
	margin:0;
	color:#F0C99E;
	text-align:center;
	background-color: #FAF1EB;
	font-family: arial;
	font-size: 12px;
	line-height: 1.7em;
}
p {font: 12px arial; line-height:1.6em}

a, a:link, a:visited { color: #F0C99E}
a:hover { color: #FE036C}

/* Mise en forme du template */

#main {
	margin:0 auto;
	padding:0;
	width:913px;
	text-align:left;
	background-color: #311D11;
	border-right-width: 4px;
	border-left-width: 4px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #FE036C;
	border-left-color: #F90;
}
#header {
	padding-left: 20px;
	height: 93px;
	text-align:left;
}
span.textop {
	float:right;
	width: 400px;
	margin:0 20px 0 0;
	padding-top:40px;
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#F90;
	font-style:italic;
	font-weight:bold
}
span.logo {
	float:left;
	margin:-3px 0 0 22px
}
#nav {
	width:100%;
	color: #F0C99E;
}
#menu {
	width:180px;
	text-align:left;
	float:left;
	padding-left: 20px;
}
#menu ul {
	margin:45px 0 0;
	padding: 0;
	list-style:none;
}
#menu li {
	margin:0;
	padding: 0;
	line-height:320%;
	background-image: url(../images/sep.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
#menu li a {
	padding-left: 32px;
	background-color: transparent;
	background-image: url(../images/fleche_off.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
#menu a:link, #menu a:visited {color:#F0C99E}
#menu a:link, #menu a:visited, #menu a:hover {text-decoration:none}
#menu li a:hover {color: #FE036C; background-color: transparent; background-image: url(../images/fleche_on.gif); background-repeat: no-repeat; background-position: left center}
#menu .noborder {border:none}
#menu li a.on {color: #FE036C; background-color: transparent; background-image: url(../images/fleche_on.gif); background-repeat: no-repeat; background-position: left center}
#photo {
	margin-left:230px;
	width:659px;
	height:344px;
	background-color: #472D1F;
	background-repeat: no-repeat;
	background-position: left top;
	border: 1px solid #492E1D;
}
#photo_inner {
	padding: 16px 12px 16px 15px;
}
.image {
	padding: 0;
	border: 1px solid #2F1B10;
	margin-right: 18px;
	float: left;
}
#content {
	clear: both;
	margin: 30px 20px 20px 20px
}
.contenu {
	float: left;
	width: 660px
}
.adresse {
	width: 167px;
	float: left;
	padding-left: 5px;
	margin-right: 38px;
	background-color: #472D1F;
	margin-bottom: 15px;
}
.adresse h1 {padding: 5px;
	font-weight: normal;
	font-size: 12px;
	color: #B37553;
	margin-bottom: -5px;
}
.adresse p{
	font-weight: normal;
	font-size: 12px;
	line-height: 1.6em;
	margin: 0 5px 0 0;
	padding: 5px;
}
.cold p, .colg p,.cold2 p, .colg2 p, .contenu p  {
	line-height: 1.7em
}
.colg {
	float: left;
	margin-right: 5px;
	width: 483px
}
.cold {
	width: 130px;
	float:left;
	border-left:#472D1F 1px solid;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 25px;
}
.colg2 {
	float: left;
	margin-right: 15px;
	width: 305px
}
.cold2 {
	width: 310px;
	float:left;
	border-left:#472D1F 1px solid;
	padding-left: 20px;
}

/* accessoires */

.sep {
	clear: both;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #472D1F;
	padding: 0px;
}
.ph {
	background-color: #442717;
	padding: 6px;
	border: 1px solid #492E1D;
	float: left;
	margin-right: 14px;
	margin-top: 5px;
}
.ph_jazz{
	background-color: #472D1F;
	padding: 2px;
	border: 1px solid #311D11;
	float: left;
	margin: 5px 30px 5px 0px;
}
.box_jazz {
	padding: 0px 0px 10px;
	width: 100%;
	background-color: #311D11;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #472D1F;
}

.noprint {}
hr {clear:both; visibility:hidden; width:1px; line-height:1px}

/* police */
h1 {
	font-size: 13px;
	text-align: left;
	color: #F90;
	margin: 0 0 5px 0
}
h2 {
	font-size: 13px;
	text-align: left;
	color: #FE036C;
	margin: 0 0 5px 0
}
h3 {
	margin: 0; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#F90; font-style:italic}
h4 {
	padding: 0 0 0.6em;
	font: 14px Arial, Helvetica, sans-serif;
	color: #F90;
	letter-spacing: 0.1em;
}
h5 {margin: 0.2em 0 0.15em 0; font-size: 12px; text-align: left; color: #F90; border-bottom: #F90}
h6 {margin: 0.2em 0 0.15em 0; font-size: 12px; text-align: left; color: #FE036C;  border-bottom: #FE036C }
.soustitre {margin: 0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FF9900}
.date {
	font-weight:bold;
	font-size:12px;
	margin-bottom: 5px;
	margin-top: 5px;
}
.new {margin: 0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FE036C}
#footer {
	padding-top: 22px;
	font-size:10px;
	height:40px;
	background-image: url(../images/sep.gif);
	background-repeat: repeat-x;
	background-position: top
}
#footer p {font-size:12px}
.footg {margin-right: 5%; width: 65%}
.footd {text-align:right; width: 30%; float:right}