body {
	background-color: #fae7ba;
	color: #1b2002;
	font-family: Arial, Tahoma, sans-serif	;
	font-size:  0.8125em;
	line-height: 1.6em;
	margin: 0px;
	padding: 0px;
}


a img {
	border: 0px;	
}	

h4 {
	color: #028141;
	font-size: 12px;	
	margin-bottom: 0px;
}	

#header {
	width: 925px;
	height: 160px;
	margin: auto;
	margin-top: 20px;
	clear: none;
}

#logo {

	width: 192px;
	height: 143px;
	margin-left: 30px;
	z-index: 1;
	position: relative;
}

#restaurant {
	clear: none;
	width: 644px;
	height: 81px;
	margin-left: 240px;
	float: left;
	margin-top: -110px;	

}		

#restaurant h1 {
	color: #dc2b2b;
	font-size: 48px;
	font-family: Arial	;
	margin-top: 0px;	
	margin-bottom: 10px;	
}
	
#restaurant h2 {
	color: #dc2b2b;
	font-size: 20px;
	font-family: Arial	;
	margin-top: 0px;	
}	

#restaurant-img {
	clear: none;
	width: 382px;
	height: 62px;
	margin-left: 510px;
	float: left;
	margin-top: -140px;	

}

#menu {
	width: 923px;
	background: url(http://www.restaurantgwadar.com/images/menu-background.png);
	height: 40px;
	text-align: right;
	margin: auto;
	margin-top: -48px;
    color: #fff88f;
    position: relative;
    z-index: 0;
}

#menu p {
	padding-top: 8px;
	padding-right: 20px;	
}	
	
#menu a {
	color: #fff88f;
	padding: 5px;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}		

#menu a:hover {
	background-color: #fae7ba;
	color: #028141;
}	

#content {
	width: 895px;
	background-color: #7f0b01;
	color: white;
	font-size: 12px;	
    margin: 0.5in auto;
	margin-bottom: 0.5em;
	margin-top: 0.5em;
	padding-top: 1em;
	padding-bottom: 1em;
	border: 5px solid #fff;

    /* Do rounding (native in Firefox and Safari) */
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
	
}

#content a {
	color: white;	
	text-decoration: none;
}	



#accueil {
	width: 900px;
	clear: none;
	display: inline;
	height: 370px;
}
	
#photo-accueil {
	width: 522px;
	float: left;	
	background-color: #fae7ba;
	padding: 0.5em;
	margin-left: 20px;
	
    /* Do rounding (native in Firefox and Safari) */
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;	
}

#presentation-accueil {
	margin-left: 580px;
	width: 250px;
	background-color: white;
	color: black;
	padding: 2px 20px;
	text-align: justify;
	
    /* Do rounding (native in Firefox and Safari) */
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;		
}

#presentation-accueil p {
	line-height: 140%;
}	

#presentation-accueil h3 {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 0px;	
}	

#annonce {
	background: url(http://www.restaurantgwadar.com/images/annonce.png);	
	width: 872px;
	text-align: center;
	height: 46px;
	margin: auto;
}

#annonce p {
	padding-top: 13px;	
}			

#annonce a {
	color: #fff88f;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;		
}	

#menus, #resto, #carte {
	width: 900px;
	clear: none;
	display: inline;

}

#menu-restaurant {
	width: 300px;
	background-color: white;
	color: #7f0b01;
	padding: 2px 10px;
	text-align: center;
	margin-left: 20px;
	float: left;
	padding: 0.5em;
	
    /* Do rounding (native in Firefox and Safari) */
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;	
}

#menu-restaurant i {
	font-size: 11px;	
}	



#salle {
	width: 520px;
	margin-left: 345px;	
	background-color: #fae7ba;
	padding: 0.5em;

	
    /* Do rounding (native in Firefox and Safari) */
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;	
    
}	


	
#resto-desc {
	width: 420px;
	margin-left: 20px;
	float: left;
	color: #7f0b01;
	padding: 0.5em;
	background-color: white;

    /* Do rounding (native in Firefox and Safari) */
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;		
}

#resto-plan {
	width: 382px;
	margin-left: 485px;	
	text-align: center;
	color: #7f0b01;
	
	padding: 0.5em;
	background-color: white;

    /* Do rounding (native in Firefox and Safari) */
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    	
}	

#carte h2 {
	color: orange;	
}	

#choix-carte, #submit, #thanks, #message {
	width: 720px;
	color: #7f0b01;
	padding: 1em;
	background-color: white;

    /* Do rounding (native in Firefox and Safari) */
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;  	
}	

#message {
	text-align: left;	
}	

#small {
	color: black;
	font-size: 10px;	
}	

#thanks {
	background-color:  #fae7ba;
}
	
#footer {
	width: 805px;
	margin: auto;	
	font-size: 10px;	
	text-align: right;
	font-weight: bold;	
}	

#footer a {
	text-decoration: none;
	color:	#7f0b01;
}	

#musique {
	overflow: hidden;
	width: 100px;
	height: 30px;	
	display: inline;
	vertical-align: middle;
}	

#pager {
	width: 800px;	
}		

#pager a {
	color: black;
	border: 1px solid #black;
	padding: 5px;
	margin: 2px;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
}	

#pager a:hover {
	border: 1px solid #ec3525;
	color: white;
	background-color: #ec3525;	
}

	
#pager #selected {
	border: 2px solid #ec3525;
	background-color: #fae7ba;		
	padding: 4px;	
}	

.approve a{
	background-color: green;
	padding: 4px;
	color: white;
	font-weight: bold;	
}	

.refuse {
	background-color: red;
	padding: 4px;
	margin: 4px;
	width: 50px;
	height: 30px;
	color: white;	
	font-weight: bold;		
}