@media screen and (150dpi <= resolution) {
body {
  font-size: 200%;
}
div.main {
  text-align: center;
  margin: auto;
  padding-left: 15px;
  padding-right: 15px;
}
}

@media screen and not (150dpi <= resolution) {
body {
  font-size: 140%;
}
div.main {
  text-align: center;
  margin: auto;
  width: 830px;
  padding-left: 15px;
  padding-right: 15px;
}
}

h1 {
  font-family: 'Berkshire Swash', cursive;
  font-size: 50px;
}

h2 {
  font-weight: normal;
  font-style: italic;
}

img.main {

}

.bouton {
	box-shadow: 0px 10px 14px -7px #3e7327;
	background:linear-gradient(to bottom, #77b55a 5%, #72b352 100%);
	background-color:#77b55a;
	border-radius:4px;
	border:1px solid #4b8f29;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-weight:bold;
	padding:12px 18px;
	text-decoration:none;
	text-shadow:0px 1px 0px #5b8a3c;
}
.bouton:hover {
	background:linear-gradient(to bottom, #72b352 5%, #77b55a 100%);
	background-color:#72b352;
}
.bouton:active {
	position:relative;
	top:1px;
}

.bouton2.off {
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}


.bouton2.off:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}

.bouton2 {
  background: #d97634;
  background-image: -webkit-linear-gradient(top, #d97634, #b8572b);
  background-image: -moz-linear-gradient(top, #d97634, #b8572b);
  background-image: -ms-linear-gradient(top, #d97634, #b8572b);
  background-image: -o-linear-gradient(top, #d97634, #b8572b);
  background-image: linear-gradient(to bottom, #d97634, #b8572b);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

div.rounded {
  border: solid black 1px;
  padding: 15px;
  border-radius: 20px;
  display: inline-block;
}
        
table.choose {
  display: inline-block;
}

table.choose td {
  padding: 5px 10px 5px 10px;
}