@font-face {
    font-family: police1;
    src: url(fonts/Borel-Regular.otf) ;
}
@font-face {
    font-family: police2;
    src: url(fonts/Pecita.otf);
}
#defaultCanvas0 {
    position: fixed;
    top:0;
    left:0px;
    z-index: -10;
}


body{
    background-color: #FFA07A;
}

h1{
    font-family: police2;
color: rgb(0, 138, 161);
text-align: center;
font-size: 180px;
margin-bottom: 40%;
}
img {
    width: 100%;
    margin-top: -6%;
    margin-bottom: 10%;
}


p{
    font-family: police1;
    color: #008aa1;
    text-align: left;
    font-weight: bold;
    font-size: 35px;
}



.texte {
    font-family: police1;
    color: rgb(218, 83, 5);
    text-align: left;
    font-size: 15px;
    margin-top: -4%;
    margin-bottom: 6%;
}


.bloc_gauche {

    display: inline-block;
    width: 45%;
    vertical-align: top;
    
}

.bloc_droit{
    
    display: inline-block;
    width: 45%; 
}

.droit {
    display: inline-block;
    width: 10%;
}
















/* SMARTPHONE MODE PORTRAIT */
@media screen and (orientation: portrait) {

   @font-face {
    font-family: police1;
    src: url(fonts/Borel-Regular.otf) ;
}
@font-face {
    font-family: police2;
    src: url(fonts/Pecita.otf);
}
body{
    background-color: #FFA07A;
}

h1{
    font-family: police1;
color: #008aa1;
text-align: center;
font-size: 50px;
}

p{
    font-family: police2;
    color: #008aa1;
    text-align: center;
    font-weight: bold;
    font-size: 20px;
}


img {
    width: 100%;
}


.liens {
    font-family: police1;
    color: #008aa1;
    text-align: center;
    font-size: 5px;
}

.texte {

    font-family: police1;
    color: crimson;
    text-align: center;
    font-size: 10px;
}


.bloc_gauche {

    display: inline-block;
    width: 56%;
    vertical-align: top;
    margin-left: 80px;
}

.bloc_droit {
    display: inline-block;
    width: 56%;
    vertical-align: top;
    margin-left: 80px;

}

}