@font-face {
    font-family: police1 ;
    src: url(fonts/SpaceMono-Bold.ttf);
}

#defaultCanvas0 {
    position: fixed;
    top:0;
    left:0px;
    z-index: -10;
}

#fond {
    position: fixed;
    left:0px;
    opacity: 0.2;
    z-index: -1;
}

h1{
font-family: police1;
font-size: 12px;
color:indianred;
margin-top: -20px;
margin-bottom: 0px;
}

h4{
    font-family: police1;
    font-size: 60px;
    color: beige;
    margin-top: -5px;
    margin-bottom: -5px;
    text-align: center;
}

h2{
    font-family: police1;
    font-size: 20px;
    color:chartreuse;
     margin-top: 15px;
    margin-bottom: 10px;
    text-align: center;
   
}

h5{
    font-family: police1;
    font-size: 20px;
    color: chartreuse;
     margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
}

h6{
font-family: police1;
font-size: 20px;
color: beige;
margin-top: -10px;

}

h3{
    font-family: police1;
    font-size: 60px;
    color:indianred;
    margin-top: 100px;
    margin-bottom: 100px;
    text-align: center; 

}

p{
font-family: police1;
font-size: 40px;
color:beige;
text-align: center;
margin-top: 120px;
margin-bottom: -20px;

}

body{
    background-color: black;

}

#site {
    width: 80%;
    margin: 0 auto;
}

#image img {
 width: 30%;
     margin: 0 auto;
     display: block;
  margin-top: 70px;
}


 a {
    display: block;
}








/* SMARTPHONE MODE PORTRAIT */
@media screen and (orientation: portrait) {
    @font-face {
    font-family: police1 ;
    src: url(fonts/SpaceMono-Bold.ttf);
}

#defaultCanvas0 {
    position: fixed;
    top:0;
    left:0px;
    z-index: -10;
}

#fond {
    position: fixed;
    left:0px;
    opacity: 0.2;
    z-index: -1;
}

h1{
font-family: police1;
font-size: 12px;
color: cornflowerblue;
margin-top: -20px;
margin-bottom: -10px;
}

h2{
    font-family: police1;
    font-size: 15px;
    color: cornflowerblue;
    
}



p{
font-family: police1;
font-size: 20px;
color: cornflowerblue;
text-align: center;
}

body{
    background-color: black;

}

#site {
    width: 90%;
    margin: 0 auto;
}

#image img {
 width: 100%;
     margin: 0 auto;
     display: block;
 
}


 a {
    display: block;
}


#Titre {
  
    width: 150%;

}



   

}