/******************************************************************************/
/* Les Styles de mise en page du site du Restaurant de l'Yvette               */
/* Chan - Janvier/Février 2006                                                */
/* Copyleft is given to those who'll do a copy/paste operation                */
/* No warranty at all, for any purpose, nor any use.                          */
/******************************************************************************/

/*

- Mise en page globale par CSS

--------------------------------------------------------------------------------
|          |  Titre de Page                                           |        |
|   Logo   |                                                          |  Prix  |
|          |  Entete de Page                                          |        |
--------------------------------------------------------------------------------
|             Corps de Page (Double colonne des données par programme)               |
|                                                                              |
|               Colonne 1              |               Colonne 2               |
|                                      |                                       |
|                                      |                                       |
|                                      |                                       |
|                                      |                                       |
|                                      |                                       |
|                                      |                                       |
--------------------------------------------------------------------------------
| Pied de Page                                                                 |
--------------------------------------------------------------------------------

*/
html, body {
  font-family: "georgia";
}

body {
  margin: 0;
  padding: 0;
  background-color: #6b8fb3;
  }

.Page { 
	clear: left;
  width: 100%;
}

/* Place du logo */
.EnteteGauche {
	float: left;
	margin-left: 20px;
	margin-top: 15px;
  background-image : url('Images/Fond.gif');
	background-repeat: no-repeat;
}

/* Entete avec seulement un titre, pas de prix */
.EnteteDroite {
	margin-top: 20px;
	text-align: center;
	font-size: 14pt; 
	width:50%;
        color: #141414;
}

/* Titre d'entete de page avec un texte flottant a droite */
.EnteteFormule {
	text-align: left;
	font-size: 20pt; 
	font-weight: bold;
	color: 333333;
}

/* Titre d'entete de page avec un prix */
.EnteteTitre {
	text-align: left;
	font-size: 20pt; 
	font-weight: bold;
	color: 333333;
}

/* Texte d'entete */
.Entete {
	text-align: left;
	font-size: 16pt; 
	color: #52433c;
}

/* Prix en entete de page */
.EntetePrix {
	text-align: left;
	font-weight: bold; 
	font-size: 16pt;
	color: green;
}

.MenuAngInBox {
	width: 15%;
	height: 56px;
	background-image : url('Images/Decor/AngInBox.gif');
	background-repeat: no-repeat;
	background-position : center;
}

.MenuDrapInBox {
	width: 20px;
	display: run-in ;
	top:0;
}

.Frame {
	clear: left;
	margin-top: 5px;
  /*overflow: auto;*/ 
  height: 80%;
}

.FrameFull {
	clear: left;
	margin-top: 5px;
  height: 100%;
}

.ListeMenu {
 	border : none;
	border-width : 0;
	border-spacing : 0;
	margin : 0;
	border-collapse : collapse;
}

.PiedDePage {
	text-align: center;
  /*
	valign: center;
	background-image : url('Images/Decor/FriseBas.gif');
	background-repeat: repeat;
	*/
}

/* Type de Prix */
.TypePrix {
	font-size: 12pt; 
	color: #9C2740;
}

/* Puce de ligne de plats */
.Plat {
   list-style-position:outside;
	 padding-bottom: 0;
	 margin-top: 0;
	 margin-bottom: 0;
}

.Desc {
   list-style-type:none;
	 padding-top: 0;
	 margin-top: 0;
	 margin-bottom: 0;
	color: #ffffff;
}

.Erreur {
   font-size:12pt;
   font-weight:bold;
   color:red;
}

/******************************************************************************/
/* Les Styles pour la page d'Accueil                                          */
/******************************************************************************/

.TexteAccueil {
	text-align: center;
	font-size: 40pt;
	color: #B32D45;
}

.Cuisine {
	text-align: center;
	font-size: 18pt;
	color: #204469;
}

.Service {
	text-align: left;
	font-size: 16pt;
	font-weight:bold;
	color: #204469;
}

.Avert {
	text-align: center;
	font-size: 11pt;
	color: black;
}

.Click {
	text-align: center;
	font-size: 12pt;
	color: #204469;
}

/******************************************************************************/
/* Les Styles pour la page Formule                                            */
/******************************************************************************/

/* Nom de Formule */
.NomFormule {
	font-weight:bold;
	font-size: 16pt; 
	color: #ffffff;
}

/* Prix de Formule */
.PrixFormule {
	font-size: 12pt;
	font-weight: bold; 
	color: #ffffff;
}

/* Option de Formule */
.OptionFormule {
	font-size: 12pt; 
	color: #ffffff;
}

/* Description de Formule */
.DescriptionFormule {
	font-size: 12pt; 
	color: #ffffff;
}

/* Separateur de Formule */
.SeparateurFormule {
	font-size: 6pt; 
	color: black;
}

/* Pied de Formule */
.PiedFormule {
	font-size: 14pt; 
	color: black;
}

/******************************************************************************/
/* Les Styles pour les Formules Evenement                                     */
/******************************************************************************/

.NomEvenement {
   text-align: center;
   font-size:30pt;
	 font-weight: bold; 
}

.NomPlatEvenement {
   text-align: center;
   font-size:25pt;
	font-weight: bold; 
}

.PrixEvenement {
  text-align: center;
	font-size: 22pt;
	font-weight: bold; 
	color: green;
}

.DescEvenement {
   text-align: left;
   font-size:20pt;
}

/******************************************************************************/
/* Les Styles pour les pages de Plats                                         */
/******************************************************************************/

/* Variete de Plat */
.VarietePlat {
	text-align: left;  
	font-size: 14pt;
	font-weight: bold; 
	color: #ffffff;
}

/* Nom de Plat */
.NomPlat {
	font-size: 12pt; 
	color: #ffffff;
}

/* Prix de Plat */
.PrixPlat {
	font-size: 20pt;
	font-weight: bold; 
	color: #ffffff;
}

.PrixForce {
	text-align: right;  
	text-align: ".";  
	font-size: 12pt;
	color: #ffffff;
}

/* Description de Plat */
.DescriptionPlat {
	font-size: 12pt; 
	color: black;
}

/* Separateur vertical de Plat */
.SeparateurPlat {
  background-image : url('Images/Decor/FriseDte.gif');
	background-repeat: repeat-y;
	background-position : top left;
}

/* Pied de Plat */
.PiedPlat {
	font-size: 12pt; 
	color: red;
	text-decoration : underline;
}

/******************************************************************************/
/* Les Styles pour les pages Boissons                                         */
/******************************************************************************/

.NomBoisson {
	font-size: 12pt;
	color: #FFFFFF;
}

.PrixBoisson {
	text-align: ".";  
	font-size: 12pt;
	color: #ffffff;
}

.Index {
	background-image: url('Photos/Accueil/PasDePorte.jpg');
	background-repeat: no-repeat;
}

/******************************************************************************/
/* Les Styles pour les pages Petit Dejeuner                                   */
/******************************************************************************/

.NomPetitDej {
   text-align: center;
   font-size:30pt;
	font-weight: bold; 
}

.PrixPetitDej {
  text-align: center;
	font-size: 25pt;
	font-weight: bold; 
	color: green;
}

.DescPetitDej {
   text-align: center;
   font-size:20pt;
}

/******************************************************************************/
/* Les Styles pour les pages d'Infos                                          */
/******************************************************************************/

.InfosBig    { font-size: 20pt; }
.InfosLarge  { font-size: 18pt; }
.InfosMedium { font-size: 16pt; }
.Infos       { font-size: 14pt; }
.InfosLeft   { font-size: 14pt; text-align:left; }

/******************************************************************************/
/* Les Styles pour les pages Photos                                           */
/******************************************************************************/

.BoutonPhoto {
	text-align: center;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.BoutonPhoto .Bouton {
	text-align: center;
  list-style-type: none;
	padding: 1 5 1 5;
	border-style: outset;
	border-left-color: #FFCC33;
	border-top-color: #FFCC33;
	border-right-color: grey;
	border-bottom-color: grey;
}

.BoutonPhoto li {
	margin: 10px;
	border-style: outset;
	border-left-color: #FFCC33;
	border-top-color: #FFCC33;
	border-right-color: grey;
	border-bottom-color: grey;
}

.BoutonPhoto a {
  margin: 0 2px;
  color: black;
	font-size: 16pt;
  text-decoration: underline;
}

.BoutonPhoto a:hover {
	text-decoration: none;
}

/******************************************************************************/
/* Les Styles pour le Livre d'Or                                              */
/******************************************************************************/

.Merci {
	font-size: 16pt;
}

.Auteur {
	font-size: 12pt;
	color: #005500;
}
.Opinion {
	font-size: 14pt;
}

/******************************************************************************/
/* Les Styles pour le menu                                                    */
/******************************************************************************/

@media print {
#nav, #NavBar {
		visibility:hidden;
	}
}

/* Menu */
/* toutes les listes */
#Menu {
  background:url("Images/Decor/Degrade.jpg") repeat right top;
  width: 100%;
  height: 1.8em;
}
#nav, #nav ul { 
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}
/* tous les items de liste */
#nav li { 
	float: left;
  width: 7.5em; /* largeur obligatoire, pour opera */ 
}
#nav a {
	display: block;
	width: 7.5em;
	text-decoration:none;
	color:black;
  background:url("Images/Decor/Degrade.jpg") no-repeat right top;
  padding:5px 5px 5px 5px;
  /*white-space:nowrap;*/
}
 /* listes de deuxième niveau */
#nav li ul {
	position: absolute;
 	width: 7.5em;
	left: -999em; 
}
/* listes de troisième niveau et plus */
#nav li ul ul { 
	margin: -1em 0 0 7.5em;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}
/* listes imbriquées sous les items de listes survolés */
#nav li:hover ul, #nav li li:hover ul, 
#nav li li li:hover ul, #nav li.sfhover ul, 
#nav li li.sfhover ul, #nav li li li.sfhover ul { 
	left: auto;
}

#Formules #nav-NosFormules, #Evenement #nav-Evenement, 
#Entrees #nav-NosEntrees, #Plats #nav-NosPlats, #Desserts #nav-NosDesserts, 
#Boissons #nav-NosBoissons, #Vins #nav-NosVins, 
#SalonDeThe #nav-SalonDeThe, #SalonDeThe #nav-Douceurs, 
#PetitDej #nav-PetitDej, #PetitDej #nav-BoissonPetitDejeuner,  #PetitDej #nav-PlatPetitDejeuner,
#Infos #nav-InfoAdr, #Infos #nav-Photos, #Infos #nav-PlanDet, 
#Infos #nav-PlanGen, #Infos #nav-PlanRER, #Infos #nav-Hyperliens, #Infos #nav-InfosWeb, 
#LivreOr #nav-LivreOr, #LivreOr #nav-Signer {
   border-width:0;
}
#Formules #nav-NosFormules a, #Evenement #nav-Evenement a, 
#Entrees #nav-NosEntrees a, #Plats #nav-NosPlats a, #Desserts #nav-NosDesserts a, 
#Boissons #nav-NosBoissons a, #Vins #nav-NosVins a, 
#SalonDeThe #nav-SalonDeThe a, #SalonDeThe #nav-Douceurs a, 
#PetitDej #nav-PetitDej a, #PetitDej #nav-BoissonPetitDejeuner a,  #PetitDej #nav-PlatPetitDejeuner a,
#Infos #nav-InfoAdr a, #Infos #nav-Photos a, #Infos #nav-PlanDet a, 
#Infos #nav-PlanGen a, #Infos #nav-PlanRER a, #Infos #nav-Hyperliens a, #Infos #nav-InfosWeb a, 
#LivreOr #nav-LivreOr a, #LivreOr #nav-Signer a {
   background-position:100% -100px;
   padding-bottom:5px;
   color:#333;
}
#Menu li:hover { 
   background-position:0% -100px;
   color:#333;
}
#Menu li:hover a {
   background-position:100% -100px;
}

/******************************************************************************/
/* Les Styles pour la barre de navigation                                     */
/******************************************************************************/

#NavBar {
  position:fixed;
	bottom:0;
	left:0;
  background:url("Images/Decor/Degrade.jpg") repeat right top;
  width: 100%;
  height: 44px;
}
.BoutonPrec {
  float:left;
  width:5%;
	margin: 2px 4px 2px;
}
.BoutonSuiv {
  float:right;
  width:5%;
	margin: 2px 2px 2px 4px;
}
.TextePrec {
  float:left;
  width:15%;
  text-align:left;
}
.TextePrec a {
	color:black;
}
.TexteSuiv {
  float:right;
  text-align:right;
}
.TexteSuiv a {
	color:black;
}
.Version {
  float:left;
	width:60%;
  text-align:center;
}

.Version a {
	color:black;
}

/******************************************************************************/
/* Les styles pour les erreurs de document                                    */
/******************************************************************************/

.Oups {
   font-size:30pt;
   font-weight:bold;
   color:black;
	 text-align:center;
}

.ErreurDoc {
   font-size:20pt;
   font-weight:bold;
   color:red;
	 text-align:center;
}

.RetourPrec {
   font-size:16pt;
   color:black;
	 text-align:center;
}

.RetourIndex {
	 text-align:center;
}

/******************************************************************************/
/* Les Styles pour la Fiche                                                   */
/* Vieux design 2000 - Chan                                                   */
/* Remis au goût du jour                                                      */
/******************************************************************************/

/* Fiche Simple autoexpansible avec onglets */
td.FicheCoinSupGauche { width:15px; height:15px; background-image:url('Images/Fiche/FicheCoinSupGauche.gif'); background-position: bottom right; background-repeat:no-repeat; }
td.FicheLigneHorizontaleHaut { width:auto; height:15px; background-image:url('Images/Fiche/FicheLigneHorizontaleHaut.gif'); background-position:bottom; background-repeat:repeat-x; }
td.FicheCoinSupDroite { width:15px; height:15px; background-image:url('Images/Fiche/FicheCoinSupDroite.gif'); background-position:bottom left; background-repeat:no-repeat; }
td.FicheLigneVerticaleGauche { width:15px; height:auto; background-image:url('Images/Fiche/FicheLigneVerticaleGauche.gif'); background-position:right; background-repeat:repeat-y;}
td.FicheCentre { width:auto; height:auto; background-image:url('Images/Fiche/FicheCentre.gif'); background-position:center; background-repeat:repeat;}
td.FicheLigneVerticaleDroite { width:15px; height:auto; background-image:url('Images/Fiche/FicheLigneVerticaleDroite.gif'); background-position:left; background-repeat:repeat-y;}
td.FicheCoinInfGauche { width:15px; height:15px; background-image:url('Images/Fiche/FicheCoinInfGauche.gif'); background-position:top right; background-repeat:no-repeat;}
td.FicheLigneHorizontaleBas { width:auto; height:15px; background-image:url('Images/Fiche/FicheLigneHorizontaleBas.gif'); background-position:top; background-repeat:repeat-x;}
td.FicheCoinInfDroite { width:15px; height:15px; background-image:url('Images/Fiche/FicheCoinInfDroite.gif'); background-position:top left; background-repeat:no-repeat;}
td.FicheCoinInverseSupGauche { width:15px; height:15px; background-image:url('Images/Fiche/FicheCoinInverseSupGauche.gif'); background-position:bottom right; background-repeat:no-repeat;}
td.FicheCoinInverseSupDroite { width:15px; height:15px; background-image:url('Images/Fiche/FicheCoinInverseSupDroite.gif'); background-position:bottom left; background-repeat:no-repeat;}

/*  Pour guides graphiques */
td.FicheCaseVide { width:15px; height:15px; background-image:url('Images/Fiche/FicheCentre.gif'); background-position:center; background-repeat:repeat;}
td.FicheLigneVide { width:15px; height:auto; background-image:url('Images/Fiche/FicheCentre.gif'); background-position:center; background-repeat:repeat;}
td.FicheBordVide { width:15px; height:15px; }

/*  Pour des onglets imbriques */
td.FicheCoinInverseSupDroiteEtCoinInfGauche { width:15px; height:15px; background-image:url('Images/Fiche/FicheCoinInverseSupDroiteEtCoinInfGauche.gif'); background-position:center; background-repeat:no-repeat;}
td.FicheCoinInverseSupGaucheEtCoinInfDroite { width:15px; height:15px; background-image:url('Images/Fiche/FicheCoinInverseSupGaucheEtCoinInfDroite.gif'); background-position:center; background-repeat:no-repeat;}
td.FicheCoinSupDroiteEtLigneHorizontaleHaut { width:15px; height:15px; background-image:url('Images/Fiche/FicheCoinSupDroiteEtLigneHorizontaleHaut.gif'); background-position:bottom center; background-repeat:no-repeat;}
td.FicheCoinSupDroiteEtLigneVerticaleDroite { width:15px; height:15px; background-image:url('Images/Fiche/FicheCoinSupDroiteEtLigneVerticaleDroite.gif'); background-position:left center; background-repeat:no-repeat;}
td.FicheCoinSupGaucheEtLigneHorizontaleHaut { width:15px; height:15px; background-image:url('Images/Fiche/FicheCoinSupGaucheEtLigneHorizontaleHaut.gif'); background-position:bottom center; background-repeat:no-repeat;}
td.FicheCoinSupGaucheEtLigneVerticaleGauche { width:15px; height:15px; background-image:url('Images/Fiche/FicheCoinSupGaucheEtLigneVerticaleGauche.gif'); background-position:right center; background-repeat:no-repeat;}
td.FicheIntersectionVerticaleDroite { width:15px; height:auto; background-image:url('Images/Fiche/FicheIntersectionVerticaleDroite.gif'); background-position:center; background-repeat:repeat-y;}
td.FicheIntersectionVerticaleGauche { width:15px; height:auto; background-image:url('Images/Fiche/FicheIntersectionVerticaleGauche.gif'); background-position:center; background-repeat:repeat-y;}
td.FicheIntersectionHorizontaleHautGauche { width:auto; height:15px; background-image:url('Images/Fiche/FicheIntersectionHorizontaleHautGauche.gif'); background-position:center; background-repeat:repeat-x;}
td.FicheIntersectionHorizontaleHautDroite { width:auto; height:15px; background-image:url('Images/Fiche/FicheIntersectionHorizontaleHautDroite.gif'); background-position:center; background-repeat:repeat-x;}   
td.FicheLigneVerticaleHautEtCoinInfGauche {width:15px; height:15px; background-image:url('Images/Fiche/FicheLigneVerticaleHautEtCoinInfGauche.gif'); background-position:center; background-repeat:no-repeat;}