@font-face {
    font-family: 'boorsok';
    src: url('police/boorsok.otf'),
    url('police/boorsok.ttf');
}

h1
{
    font-family: "boorsok";
    border: 3px #EC7135 /*dashed*/;
    text-align: center;
    color: #EC7135;
}
h2
{
    font-family: "boorsok";
    text-align: center;
    color: #EC7135;
    background-color: black;
    border-radius: 10px;
}
h6
{
    font-family: "boorsok";
    text-align: center;
    color: #EC7135;
}
p
{
    text-align:justify;
    color: #EC7135;
    border-radius: 10px;
}
footer
{
    text-align: center;
    border: 3px #EC7135 /*dashed*/;
    color: #EC7135;
}

#conteneur
{
    display: flex;
    text-align: center;
}

.tete
{
    text-align: center;
}

.gauche{
    border: 3px #EC7135 /*dashed*/;
    width: 20pc;
    height: 50pc;
    padding: 10px;
    margin: 10px;
    text-align: left;

}
.milieu
{
    border: 3px #EC7135 /*dashed*/;
    padding: 20px;
    margin: 10px;
}
.droite{
    width: 20pc;
    height: 50pc;
    border: 3px #EC7135 /*dashed*/;
    padding: 10px;
    margin: 10px;
    text-align: left;
}
.comment{
 background-color: #EC7135;
 color: black;
 border-radius: 10px;
 box-shadow: 6px 6px 0px grey;
}

body{
    background-color: black;
    font-family: Verdana, Arial;
    cursor: url("images/cursor_licorne_32px.png"), default;
  }
.imgcochon
{
    background-color: white;
    text-align: center;
}
#comment
{
    color: black;
}
a {
    color:aliceblue;
    text-decoration:none; 
    cursor: url("images/cursor_licorne_32px.png"), default;

}
a:hover, a:active {
    background-color: #EC7135;
    cursor: url("images/cursor_licorne_32px.png"), default;
  }