.scrolling {
   overflow: scroll;
      }

h1{
color: red;
text-align: center;
margin-top: 0px
}
p{
text-align: justify;
font-size: 18px;
color: black;
font-family: Bell MT;
/*font-weight: bold;*/
} 

.accueil
{
    position: static;
    right: 60px;
    bottom: 2px;
}	
.retour
{
    position: static;
    right: 10px;
    bottom: 2px;
}
h3{
color: blue;
text-align: left;
margin-top: 0px;
font-size: 21px;
font-family: Bell MT;
}
.rouge
{
	color: red;
	}
	
	
a.steph {

   position: relative;
   color: black;
   text-decoration: none;
   color: red
  /* border-bottom: 3px green solid; *//* On souligne le texte. */

}

a.steph span {
   display: none; /* On masque l'infobulle. */
}

a.steph:hover {
   background: none; /* Correction d'un bug d'Internet Explorer. */
   z-index: 500; /* On définit une valeur pour l'ordre d'affichage. */
   cursor: help; /* On change le curseur par défaut par un curseur d'aide. */
}

a.steph:hover span {
   display: inline; /* On affiche l'infobulle. */
   position: relative;
   white-space: nowrape; /* On change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non désiré. */
   top: 0px; /* On positionne notre infobulle. */
   right: 0px;
   background: aqua;
   color: black;
   padding: 2px;
   font-size:20px;
   font-style:italic;
}
/* Info-bulle */ 
.infobulle { 
  text-decoration:none; 
  position:relative;
  } 
.infobulle span { 
  display:none; 
  -moz-border-radius:6px; 
  -webkit-border-radius:6px; 
  border-radius:6px; 
  color:black; 
  background-color: #eff1f3; 
  font-size:20px; 
  font-style:italic; 
    } 
.infobulle span img { 
 /* float:left;
  margin:0px 8px 8px 0;*/
} 
.infobulle:hover span 
{ 
  display:block; 
  position:absolute; 
  top:0px; 
  left:0px; 
  z-index:1000; 
  width:190px; /*largeur bulle*/
  /* max-width:200px; */ 
  min-height:20px; 
  border:1px solid black; 
  margin-top:0px; /*position  verticale bulle par rapport au mot*/
  margin-left:45px; /* position latérale bulle par rapport au mot*/
  overflow:hidden;
  padding:8px; /*hauteur et largeur de la bulle*/
}	


/* Info-bulle2 */ 
.infobulle2 { 
  text-decoration:none; 
  position:relative;
  } 
.infobulle2 span { 
  display:none; 
  -moz-border-radius:6px; 
  -webkit-border-radius:6px; 
  border-radius:6px; 
  color:black; 
  background-color: #eff1f3; 
  font-size:10px; 
  font-style:italic; 
    } 
.infobulle2 span img { 
 /* float:left;
  margin:0px 8px 8px 0;*/
} 
.infobulle2:hover span 
{ 
  display:block; 
  position:absolute; 
  top:-200px; 
  left:-600px; 
  z-index:1000; 
  width:440px; /*largeur bulle*/
  /* max-width:200px; */ 
  min-height:0px; 
  border:1px solid black; 
  margin-top:0px; /*position  verticale bulle par rapport au mot*/
  margin-left:545px; /* position latérale bulle par rapport au mot*/
  overflow:hidden;
  padding:8px; /*hauteur et largeur de la bulle*/
}	

/* Info-bulle3 */ 
.infobulle3 { 
  text-decoration:none; 
  position:relative;
  } 
.infobulle3 span { 
  display:none; 
  -moz-border-radius:6px; 
  -webkit-border-radius:6px; 
  border-radius:6px; 
  color:black; 
  background-color: #eff1f3; 
  font-size:20px; 
  font-style:italic; 
    } 
.infobulle3 span img { 
 /* float:left;
  margin:0px 8px 8px 0;*/
} 
.infobulle3:hover span 
{ 
  display:block; 
  position:absolute; 
  top:-200px; 
  left:-600px; 
  z-index:1000; 
  width:440px; /*largeur bulle*/
  /* max-width:200px; */ 
  min-height:0px; 
  border:1px solid black; 
  margin-top:-10px; /*position  verticale bulle par rapport au mot*/
  margin-left:545px; /* position latérale bulle par rapport au mot*/
  overflow:hidden;
  padding:8px; /*hauteur et largeur de la bulle*/
}	
/* Info-bulle3 */ 
.infobulle3 { 
  text-decoration:none; 
  position:relative;
  } 
.infobulle3 span { 
  display:none; 
  -moz-border-radius:6px; 
  -webkit-border-radius:6px; 
  border-radius:6px; 
  color:black; 
  background-color: #eff1f3; 
  font-size:20px; 
  font-style:italic; 
    } 
.infobulle3 span img { 
 /* float:left;
  margin:0px 8px 8px 0;*/
} 
.infobulle3:hover span 
{ 
  display:block; 
  position:absolute; 
  top:-200px; 
  left:-600px; 
  z-index:1000; 
  width:440px; /*largeur bulle*/
  /* max-width:200px; */ 
  min-height:0px; 
  border:1px solid black; 
  margin-top:-10px; /*position  verticale bulle par rapport au mot*/
  margin-left:345px; /* position latérale bulle par rapport au mot*/
  overflow:hidden;
  padding:8px; /*hauteur et largeur de la bulle*/
}	
/* Info-bulle4 */ 
.infobulle4 { 
  text-decoration:none; 
  position:relative;
  } 
.infobulle4 span { 
  display:none; 
  -moz-border-radius:6px; 
  -webkit-border-radius:6px; 
  border-radius:6px; 
  color:black; 
  background-color: #eff1f3; 
  font-size:20px; 
  font-style:italic; 
    } 
.infobulle4 span img { 
 /* float:left;
  margin:0px 8px 8px 0;*/
} 
.infobulle4:hover span 
{ 
  display:block; 
  position:absolute; 
  top:-200px; 
  left:-600px; 
  z-index:1000; 
  width:440px; /*largeur bulle*/
  /* max-width:200px; */ 
  min-height:0px; 
  border:1px solid black; 
  margin-top:-10px; /*position  verticale bulle par rapport au mot*/
  margin-left:245px; /* position latérale bulle par rapport au mot*/
  overflow:hidden;
  padding:8px; /*hauteur et largeur de la bulle*/
}