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


body
{
    background-image: url(Image/baie2.jpg);
    background-repeat:no-repeat;
    background-position:center; 
    
	    font-family : Arial;
   
}
   
    
    /********  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#entrees  /* contient l'image qui retourne au menu */
	{
		 position: absolute; 
		 top: 45px; 
		 right: -20px;
	 
	}
	div#plats  /* contient l'image qui retourne au menu */
	{
		 position: absolute; 
		 top: 215px; 
		 right: -20px;
	 
	}
	div#desserts  /* contient l'image qui retourne au menu */
	{
		 position: absolute; 
		 top: 385px; 
		 right: -20px;
	 
	}

	.Page_Principale_Gauche
	{
		position:absolute;
		top:20px; 
		z-index:0;   
		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:White;
	  text-align:center;
	}
	
    .Page_Droite 
	{
	  background-image: url('Image/page_droite.png');
	  background-repeat :no-repeat;
	  background-color : White;
	  text-align:center;
	}
	.Page_Suivante
	{
	  background-image: url('Image/MenuRestaurantImage/right.jpg');
	  background-repeat :no-repeat;
	  background-position:right;
	  text-align:right;
	  color : Red;
	  position : relative;
	  height : 55px;
	  line-height : 55px;
	  bottom : 48px;
	  right : 20px;
	  padding-right : 60px;
	}  
	.Page_Precedente
	{
	  background-image: url('Image/MenuRestaurantImage/left.jpg');
	  background-repeat :no-repeat;
	  background-position:left;
	  text-align:left;
	  color : Red;
	  position : relative;
	  height : 55px;
	  line-height : 55px;
	  bottom : -270px;
	  left : 20px;
	  padding-left : 60px;
	}         
	.Page_Droite table
	{
	    width : 100%; 
	    height : 100%;  
	}
	.Page_Droite table table
	{
	    width : 100%; 
	    height : auto;  
	}
	.img_par_4 img
	{
	    margin-top : 15px;
	    width : 100px;   
	}
	.img_par_3 img
	{
	    width : 150px;
	    margin-top : 5px;   
	}
    .img_par_1 img
	{
	    width : 250px;   
	}
    .Texte_Menu
    {
	 color:Black;
	 margin-top:5px;	
	}    
	
	.Liste_Menus
	{
	  background:#055123 url(Image/page_droite.png);
	  height:680px;
	  top:100px;
	  background-color:White;
	}

    
	.logo 
	{
		 margin-top:100px;
	}

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

	
	.lien_menus_home
	{
		text-align:center;
		margin-top:220px;
	}

	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
	{   
		font-weight :bold;
		text-align: center;
		color:  red;
		font-size:  20pt;
		font-family:Arial;
	}

/*  Fin de la classe  */