html {
	font-size: 0.5vw; /*responsive*/
	font-family: Arial, Helvetica, sans-serif;
	background-color: black;
	background-image: url("./etoiles.png");
	background-repeat: repeat;
  }

ul {	
	width: 100%;
	list-style-type: none;
	margin: 0 3vw;
	padding: 0% 3vw;	
  }

li {
      	display : inline-block;
	width: 28vw;
	text-align: center;
	color: white;
	font-weight: normal;
	font-size: 3.0vw; 
	border: 0.2vw solid orange;
	border-radius: 1vw;
	padding: 1vw 0px;
	margin: 0.8vw 0.6vw;
	background-color: #db550c; /* orange */
  }	

li:hover {
	color: white;
	font-size: 3.0vw; 
	font-weight: bold;
	border: 0.2vw solid #db550c; 
	background-color: orange;
  }

table {
	align: center;
	border: none;
	margin-left: auto;
        margin-right: auto;
	text-align: left;
 }

th, td {
	padding: 1vw;
	color: white;
	font-size: 2vw; 
	font-weight: bold;
	text-shadow:
	     	0.1vw 0.1vw 0 #000,
  		-0.1vw 0.1vw 0 #000,
      		-0.1vw -0.1vw 0 #000,
          	0.1vw -0.1vw 0 #000;
  }

.selection {
	color: white;
	font-size: 3.0vw; 
	font-weight: bold;
	border: 0.2vw solid #db550c; 
	background-color: orange;
  }

.remarque {
	text-align: center;
	line-height: 2em;
	color: black;
	font-size: 0.5vw; /*normal;   changé dans pizzas et boissons*/
	font-weight: normal;
	letter-spacing: 0;
	text-shadow: none;
  }

.annonce {
	text-align: center;
	letter-spacing: 7%;
	line-height: 1.5em;
	color: #ffcc20;
	font-size: 2.5vw; /*xxx-large;*/
	font-weight: bold;
	text-shadow:
	     	0.1vw 0.1vw 0 #000,
  		-0.1vw 0.1vw 0 #000,
      		-0.1vw -0.1vw 0 #000,
          	0.1vw -0.1vw 0 #000;
  }

.menu {	
	align: center;
	width: 91vw;
	margin-left: 2vw;
        margin-right: 2vw;
  }

.fond {
	display: block;
        margin: 0 auto;
        max-width: 100%;
  }

.logo {
	padding: 0.9vw;
	max-width: 6%;
  }

.centre {
    	display: block;
	margin-left: auto;
        margin-right: auto;
  }

.photofondchamp {
	width: 70%;
	margin-left: auto;
        margin-right: auto;
	margin-top: 3vw;
	margin-bottom: 0;
      	background-image: url(./champ.png);	
	background-repeat: no-repeat;
	background-size: 100%;
	padding: 4% 10% 10% 10%;
  }

.photofonddeuxpizzas {
	width: 70%;
	margin-left: auto;
        margin-right: auto;
	margin-top: 3vw;
	margin-bottom: 0;
      	background-image: url(./deuxpizzas.png);	
	background-repeat: no-repeat;
	background-size: 100%;
	padding: 4% 10% 10% 10%;
  }

.photofondnoredin {
	width: 70%;
	margin-left: auto;
        margin-right: auto;
	margin-top: 3vw;
	margin-bottom: 0;
      	background-image: url(./noredin.png);	
	background-repeat: no-repeat;
	background-size: 100%;
	padding: 4% 10% 40% 10%;
  }

.photofondcarte {
	width: 80%;
	margin-left: auto;
        margin-right: auto;
	margin-top: 1vw;
	margin-bottom: 0;
      	background-image: url(./pain.jpg);	
	background-repeat: repeat;
	padding: 4% 5% 4% 5%;
  }

.cadre {
	background-color: rgba(64, 64, 64, 0.7);
	width: 80%;
	border: 0.2vw solid orange;
	border-radius: 1vw;
	margin-left: auto;
        margin-right: auto;
  }