/* Feuille de style pour http://www.savoie-philippe-chevrier.ch (c) Savoie Philippe Chevrier 2006
   Réalisé par exoconcept.ch d'après le graphisme de tuttorosso.ch */

*, p, body, html, ul, li, h2, h3, h4, hr, img, table, caption { margin: 0; padding: 0; border: 0; }
html, body { height: 100% }

body {
	background: #F6F4E6 url(images/savoie_bateau.gif) 50% 0% no-repeat; /* en ville, bateau */
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #003366;
}

#preload { /* prechargement pour navigation */
	display: none;
	position: absolute;
	left: 0;
	top: -5000px;
}

#navig, #leftblock, #content { text-align: justify; }
#leftblock, #content_navig { font-family: Verdana, Arial, Helvetica, sans-serif; }

a {
	color: #96969A;
	text-decoration: none; }
a:hover { color: #003366; }

.filet { /* image filet pour les titres */
	display: block;
	width: 515px;
	height: 1px;
}
.presse {
	text-align: right;
}

h1 {
	font-size: 10px;
}

/* ================================= Squelette */

#container { /* global */
	position: relative;
	width: 750px;
	margin: 0 auto 0 auto;
	text-align: center;
	min-height: 100%;
	background: #FBF9EC url(images/savoie_logo_fond.gif) bottom right no-repeat;
}

#header { height: 115px; } /* visuel */

#bar { /* barre navigation */
	position: absolute;
	left: 0;
	top: 115px;
	height: 15px;
	width: 100%;
	background-color: #FFFFFF;
	border-bottom: 1px solid #003366;
	border-top: 1px solid #003366;
}

/* ================================= Navigation (barre) */

#navig {
	height: 15px;
	margin: 0 0 25px 0;
	background-color: #FFFFFF;
	border-bottom: 1px solid #003366;
	border-top: 1px solid #003366;
	list-style-type: none;
}

#navig li {
	display: block;
	float: left;
	color: #FFFFFF; }
#navig li img { display: block; }

/* marges des images */
#present { padding: 0 83px 0 11px; }
#prive { padding: 0 48px 0 0; }
#regu { padding: 0 32px 0 0; }
#contact { padding: 0 29px 0 0; } 


/* ================================= Bloc Gauche */

#leftblock {
	clear: both;
	float: left;
	padding: 0 11px 0 11px;
	width: 175px;
	font-size: 10px; }
#leftblock img { margin: 20px 0 0 0; } /* logo */

#leftblock h2 {
	font-size: 10px;
	letter-spacing: normal;
}

#leftblock h2, .lang, .print, .print2 { /* langue */
	text-transform: uppercase;
	font-weight: bold; }
.print { margin: 35px 0 0 0; } /* seul */
.print2, #leftblock h2 { margin: 25px 0 0 0; } /* après text */
.suggest {
	font-style: italic;
	margin: 30px 0 0 0; }

/* ================================= Bloc Contenu */


/* =============== Navig secondaire */

#content_navig {
	height: 105px;
	font-size: 10px;
	text-transform: uppercase;
	font-weight: bold;
	line-height: 14px;
}

#navig1, #navig2, #navig3 {
	position: absolute;
	list-style-type: none;
	display: none; }
#navig1 { left: 198px; }
#navig2 { left: 386px; }
#navig3 { left: 574px; width: 140px; }

/* =============== Menus */

h2, h3, h4, caption, .menu_footer_left, .menu_footer_mid, .prix, .prix_detail, .cap { text-transform: uppercase; } /* capitalisation, titres */

h2 { /* titre principal, p.ex. epicurien */
	display: block;
	font-size: 17px;
	letter-spacing: 0.07em; }
.ligne { padding-top: 60px; } /* si plusieurs h2 sur la page */

h3, caption { /* titre du menu, p.ex. menu a */ margin: 0 0 10px 0; }
h4 { /* sous-menu */
	margin: 0 0 10px 0;
	font-weight: bold; }
h3, h4, caption, .prix, .prix_detail { /* detail = ligne sous le prix */ font-size: 15px; }
.prix_detail { padding: 10px 0 0 0; }

#menus {
	text-align: center;
	margin: 0 30px 0 200px;
}

.menu, .cocktail { /* un seul menu, inclut titre h3 et liste */
	padding: 40px 0 0 0;
	font-size: 15px;
	line-height: 17px;
}
.menu ul, .cocktail ul { list-style-type: none; }
.menu img { margin: 2px 0 0 0; }

.cocktail p {
	margin: 15px 0 0 0;
}
.cocktail h4 {
	margin: 40px 0 10px 0;
	font-size: 12px;
}
.cocktail li {
	margin: 0 0 5px 0;
}
.cocktail table {
	margin: 40px 0 0 0;
}

/* ================================= Bas page + Indications diverses */

.ft_italic, .ft_bold { padding-top: 80px; }
.f_italic, .f_bold, .tva, .f_normal { padding-top: 40px; }
.prix_bold { padding-top: 10px; }

.f_italic, .ft_italic {
	font-style: italic;
	font-size: 10px;
}
.f_bold, .ft_bold, .prix_bold {
	font-weight: bold;
}
.tva {
	font-size: 12px;
}
.footer {
	padding-bottom: 15px;
}
.nocap { /* texte pris dans un capital/gras */
	text-transform: none;
	font-weight: normal;
}
.soir {
	padding-bottom: 45px;
}
.viande {
	font-style: italic;
	font-size: 10px;
	padding-top: 20px;
}

/* ================================= Boissons */

table {
	width: 100%;
	text-align: left;
	margin: 0 0 30px 0;
	border-spacing: 0px 10px;
}

.tdr {
	text-align: right;
	width: 12%;
}

#boissons .tdl {
	width: 64%;
}

.cocktail .tdc {	
	text-align: right;
	width: 28%;
}
.cocktail .tdl {
	width: 52%;
}

#boissons h3, #boissons caption {
	text-align: left;
	font-weight: bold;
}

#boissons { /* conteneur */
	text-align: center;
	margin: 0 30px 0 200px;
}

/* ================================= Formulaires */

#forms {
	margin: 0 30px 0 200px;
	padding: 0 0 20px 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#forms p {
	font-size: 11px;
	line-height: 14px;
	margin: 0 0 15px 0;
}
#forms h2 {
	margin: 30px 0 0 0;
	font-size: 11px;
	line-height: 14px;
	font-weight: bold;
	text-transform: uppercase;
}
#forms h2.first { margin: 0; } /* si titre en debut de page */

#form p, label, input, textarea { font-size: 12px; }
#forms ul { list-style-type: none; font-weight: bold; }
#forms ul.cond { font-weight: normal; font-size: 11px; }
#forms li { padding: 0 0 10px 0; }
#forms ul.cond li {
	padding: 0;
}
#forms a { text-decoration: underline; }

.second {
	margin: 0 0 10px 20px;
}

.form_ligne {
	clear: both;
	padding: 25px 0 0 0;
}

label {
	float: left;
	width: 185px;
	height: 20px;
	border-bottom: 1px solid #003366;
	text-transform: uppercase;
}

.form_champ { /* input et textarea, mais pas bouton et radio */
	float: left;
	width: 324px;
}
.form_champ, .radio_champ {
	border-bottom: 1px solid #003366;
	border-top: 1px solid #003366;
	padding: 2px 5px 2px 5px;
}
.form_champ_h { /* input uniquement */ height: 15px; }
textarea { height: 100px; }

input, textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
}

.button { /* envoyer */
	text-align: left;
	width: 210px;
}

.radio1 { margin: 0 4px 0 4px; }
.radio2 { margin: 0 4px 0 10px; }
.radio_champ { width: 100px;}