@font-face {
    font-family: manifont;
    src: url(font/ManifontGroteskBook.ttf);
}

@font-face {
    font-family: manifontbold;
    src: url(font/ManifontGroteskBold.ttf);
}

html
{
  cursor: url('funny-things/main1.png'), crosshair;
  background-color: white;
width:100%;
}

body
{
  width:70%;
  text-align: center;
  margin-left: 15%
}

h1
{
  font-size: 1.3em;

}


.titre
{
  font-family: manifontbold;
  text-align: center;

}

.menu
{
  font-family: manifont;
    font-size: 1.2em;
}

.header
{
  font-family: manifontbold;
  font-size: 2em;
   -webkit-text-stroke: 1px black;
      -webkit-text-fill-color: white;
}

.nav
{
  text-align: center;
   border: 3px solid red;
  padding-left:1%;
  padding-right:1%;

  display: inline-block;
}

.content
{
  text-align: left;
    font-family: manifont;
    font-size: 1em;
    background-color: white;
    padding-left:2%;
  padding-right:2%;
  padding-top:0.5%;
  padding-bottom:0.5%;
}

a
{
    color: black;
text-decoration-style: dotted;
cursor: url('funny-things/main1.png'), crosshair;

}

a:hover
{
   color:red 	;
   cursor: url('funny-things/main1.png'), crosshair;
}

a:visited
{
  font-size: 1em;
}

code{

  border-radius:3px;
  display:block;
  padding:10px 15px 13px;
  margin-bottom:1em;
  overflow:auto;
  font-family:Courier, monospace;
  line-height:18px;
  color:black;
  background-color:#fff;
  border:solid 1px #efeee6
}