body {
  padding: 50px;
  font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;
  background-color:#96969699;
}

a {
  color: #00B7FF;
}

.main{
  width:50%;
  border: 1px solid black;
  background-color: #23395e;
  opacity:75%;
  border-radius: 5%;
  /* text-align: center; */
  font-size: 35px;
  color:#ffffff;
  cursor:pointer;
}

#next{
  display: none;
}
#barcon{
  display: none;
}
#vanu{
  display: none;
}
#leReste{
  display: none;
}
#titre{
  font-style: italic;
}

.myButton {
	box-shadow:inset 0px 0px 15px 3px #23395e;
	background:linear-gradient(to bottom, #2e466e 5%, #415989 100%);
	background-color:#2e466e;
	border-radius:17px;
	border:1px solid #1f2f47;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	padding:6px 13px;
	text-decoration:none;
	text-shadow:0px 1px 0px #263666;
}
.myButton:hover {
	background:linear-gradient(to bottom, #415989 5%, #2e466e 100%);
	background-color:#415989;
}
.myButton:active {
	position:relative;
	top:1px;
}
.titreC{
  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  font-size: 31px;
  letter-spacing: 6px;
  word-spacing: -5px;
  font-weight: 700;
  text-decoration: none;
  font-style: normal;
  font-variant: small-caps;
  text-transform: capitalize;
}
h2{
  color:white;
}