a {
  text-decoration: none;
  color: #0ffff;
}

a:visited {
  color: #0ffff;
}


a:hover, a:focus, a:active {
  text-decoration: none;
  color: #0ffff;
font-style: italic;

}


body {
color: black;
background-color: rgb(74, 74, 74);
font-family: verdana;
font-size:20px;
margin-top: 0px;
margin-left: 0px;
}


.bandeau {
width:100%;
height:60px; 
background-color: rgb(74, 74, 74);
}


.cadre {
position:absolute;
top:200px;
left:0;
right:0;
margin-left:auto;
margin-right:auto;
height:600px;
width:800px;
border: 5px solid black;
padding: 10px; 
background-color: #ffffff;
}


table {
border-collapse: collapse;
margin:auto;
}

.demi {
width:33%;
vertical-align:middle;
border-top: 1px solid black;
border-bottom: 1px solid black;
padding:0px 20px;
text-align:center; 
font-size:20px;
}

.case {
vertical-align:top;
border-left: 1px solid black;
border-right: 1px solid black;
padding:5px 20px;
text-align:center; 
font-size:16px;
}



video {
border: 0;
margin:auto;
display: block;
text-align:center;
}


p {
text-align:center;
}

.contenu {
vertical-align:middle;
text-align:center;
padding-top:10px;
}


input, textarea {
text-align:left;
font-size:24px;
}


.g {
text-align:left;
padding-left:30px;
}

.soustitre {
text-align:center;
background:#ccc;
}

.gauche {
vertical-align:middle;
text-align:left;
padding-top:10px;
font-size:14px;
}


.bouton {
position:absolute; 
top:150px;
left:250px; 
width:300px; 
border: 0;
margin-left:auto;  
margin-right:auto;
}

.photo {
border: 0;
margin:auto;
display: block;
text-align:center;
}

.suivant {
border: 0;
margin:auto;
display: block;
width:150px;
height:150px;
text-align:center;
}

.suivant_img {
width:80px;
height:80px;
}


.precedent {
border: 0;
margin-top:50px;
display: block;
width:150px;
height:150px;
text-align:left;
}

.precedent_img {
width:100px;
height:100px;
}


h1 {
font-family:Verdana; 
font-size: 120%;
text-align:center;
color:#65ffff;
}

h2 {
font-family:Verdana; 
text-align:center;
color:#65ffff;
font-size: 100%;
font-weight:normal;
}

h3 {
font-family:Verdana; 
text-align:center;
color:#FFFFFF;
font-size: 100%;
font-weight:bold;
}

audio { 
background-color: #fff;
border: 0px solid;
width: 80%;
height:20px;
}

.colonnes {
  width:100%;
  display: flex;
  justify-content: space-around;
}

.choix {
  cursor:pointer;
  font-weight:bold;
  width:300px;
  font-size:20px;
  background-color:#eee;
  border: 2px solid #aaa;
  border-radius: 20px;
}

.choix:hover {
  background-color:#666;
  color:#0f0;

}


.biais {
 width:95%;
 font-size:15px;
}

.biais tr td {
 width:20%;
 vertical-align:top;
 text-align:center;
 border-left: 1px solid black;
 border-right: 1px solid black;
 font-size:14px;
}

.boutonspan {
  width:150px;
  height:25px;
  background:#0ff;
  cursor:pointer;
  padding:5px;
  border-radius: 10px;
  border: 2px solid black;
  text-align:center;
  margin:auto;
}


.explications {
  display:none;
  text-align:left;
  padding: 30px 50px;
}