@charset "UTF-8";
@font-face {
font-family: "MyFont";
src: url("/acmesa.TTF"); /* IE9 Compatibility */
src: url("/acmesa.eot?#iefix") format("embedded-opentype"),
}

html {
  background-color: black;
}
img {
    width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;   
}


body {
	max-width: 600px;
	margin: 0% auto;
	font-family: 'MyFont', sans-serif;
	font-size: 14px;
	font-size: .875rem;
	line-height: 1.6;
	word-wrap: break-word;
	background-color: bisque;
	padding: 20px 20px 20px 20px;
	
}
p1 {
    text-align: left;
    background-color: black;
    color: white;
    padding: 2px 2px 2px 2px;
}

/* Lien non visité */
a.class1:link {

     color: white;
     padding: 0px 5px 5px 0px; /* Espacement interne */
    text-decoration: none;
    display: inline-block; /* Pour ressembler à un bouton */
    border-radius: 2px; /* Coins arrondis */


}
/* Lien visité */
a.class1:visited {
   color: white;
}
/* Lien survolé */
a.class1:hover {
   color: orange;
   text-decoration: underline;
}
/* Lien actif */
a.class1:active {
   color: white;
}

/* Lien non visité */
a.class2:link {

     color: black;
     padding: 0px 5px 5px 0px; /* Espacement interne */
    text-decoration: none;
    display: inline-block; /* Pour ressembler à un bouton */
    border-radius: 2px; /* Coins arrondis */


}
/* Lien visité */
a.class2:visited {
   color: black;
}
/* Lien survolé */
a.class2:hover {
   color: orange;
   text-decoration: underline;
}
/* Lien actif */
a.class2:active {
   color: black;
}

hr {
  color: steelblue;
  background-color: steelblue;
  height: 2px;
  border-radius: 2px; 
}
.center {
   
  display: block;
  margin-left: auto;
  margin-right: auto;

}