/**************     CSS Menu Restaurant   ******************/ 
/**************     La Digue              ******************/


body
{
    background-image: url(Image/baie2.jpg);
    background-repeat:no-repeat;
    background-position:center; 
   
}
   
    
    /********  Le menu  ******/
 
   	div#DIV1  /* contenant l'image du livre */ 
	{
	   background-image: url(Image/book.png);
	   background-repeat:no-repeat ;
       position:relative;
	   margin:0px auto;
	   width:930px;
	   height:730px; 
		 
	}

    #myBook  /* contient les pages du livre */
	{
	   top: 10px;
       position:relative;
	   margin:0px auto;
	}
  
	div#home  /* contient l'image qui retourne au menu */
	{
		 position: absolute; 
		 top: 45px; 
		 right: -20px;
	 
	}

	.Page_Principale_Gauche
	{
		position:absolute;
		top:20px; 
		z-index:0;   
		color:#FFFFFF;
		left:40px; 
		width:120; 
		height:706px;  
		text-align:center;
		width :433px;
	}

    .Page_Gauche
	{
	  background-image: url('Image/page_gauche.png');
	  background-repeat :no-repeat;
	  background-color:#ffffff;
	  color:#ffffff;
	  text-align:center;
	}
	
    .Page_Droite 
	{
	  background-image: url('Image/page_droite.png');
	  background-repeat :no-repeat;
	  background-color:#ffffff;
	  color:#ffffff;	
	  text-align:center;
	}
    
    .Page_Droite_carte
	{
	  background-image: url('Image/page_droite.png');
	  background-repeat :no-repeat;
	  background-color:#ffffff;
	  color:#ffffff;	
	  
	}

	.Page_Gauche_carte
	{
	  background-image: url('Image/page_gauche.png');
	  background-repeat :no-repeat;
      background-color:#ffffff;
	  color:#ffffff;
	}
   
    .Texte_Menu
    {
	 color:Black;
	 margin-top:5px;	
	}

    .Texte_Menu_carte_gauche
    {
	 margin-left:10px ; 
	 color:Black;
	 margin-top:15px;
	 width :400px ; 
	 line-height: 19px; 	
	}
	
	.Texte_Menu_carte_droite
    {
         
	 margin-left:25px ; 
	 color:Black;
	 margin-top:15px;	
	 width :400px ; 
	 line-height: 19px; 
	}
	
	.Liste_Menus
	{
	  background:#055123 url(Image/page_droite.png);
	  background-color:#ffffff;
	  color:#ffffff;
	  height:680px;
	  top:100px;
	}

    .titre_menu
    {
	  font-size:18px;
      font-weight :bold;	
      color : #FF0000;
      TEXT-ALIGN: left;
      
    }
    
    .titre_menu_haut
    {
	  margin-top  : 20px; 
	  display : block; 
	  TEXT-ALIGN: center;
	  font-size:24px;
      font-weight :bold;	
      color : #FF0000;
      TEXT-ALIGN: center;
      
    }


    
    .titre_menu_carte
    {
	  PADDING-BOTTOM: 10px;
	  PADDING-TOP: 10px;
	  DISPLAY: block; 
	  font-size:16px;
      font-weight :bold;	
      color : #FF0000;
      clear : both;
    }

    .titre_menu_carte_principale
    {

	  DISPLAY: block; 
	  font-size:22pt;
      font-weight :bold;	
      color :  Black;
      clear : both;
      text-align:center;
      margin-top:40px ; 
      margin-bottom:20px ; 
      
    }
    
    .ligne_carte_prix
    {
		 DISPLAY: block; 
		 WIDTH: 10%; 
		  FLOAT: left; 
		 TEXT-ALIGN: left;
		 font-size:13px;
		 font-weight : bold; 
	}
    .ligne_carte
    {
		 DISPLAY: block; 
		 FLOAT: left; 
		 padding-left:10px; 
		 WIDTH: 87%;
		 font-size:12px;
	}
	.logo 
	{
		 margin-top:60px;
	}

	.nom_etablissement
	{
        font-size:22pt;
       	color : #FF0000; 
        text-align:center;
        margin-top:60px;
        font-weight:bold;
    }

	.photo_restaurant
	{
	  margin-top:60px;
	}
	
	.lien_menus_home
	{
		text-align:center;
		margin-top:120px;
	}

	a
	{
		display:block;
		text-decoration:none;
		color:#468cda;
		font-size:20px;
		margin:30px;
        text-align: center;
	}
		
	a:hover
	{
		text-decoration:underline;
		color:#FF0000;
		font-size:20px;
    	text-align: center;
	}

	.titre_menus_et_cartes
	{   
		margin-top:120px;
		font-weight :bold;
		text-align: center;
		color:  Black;
		font-size:  18pt;
	
	}

/*  Fin de la classe  */