@font-face {
  font-family: 'Courgette';
  src: url('chemin/vers/courgette.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  
}
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro&display=swap');

  

body{
    width:980px;
    color:#444;
    font-family: 'Source Sans Pro', sans-serif;
    
}

header{
    text-align:center;
}

#citation{
    background-color:#d7e1ef;
    text-align:center;
    width:850px;
    margin-left:50px;
}


 a{
    text-decoration:none;
    color:#003884;
    font-family:'courgette',sans-serif;
    
    
    
    
}

li{
    
    font-weight:bold;
    
}

h1{
    font-size:40px;
}

h2{
    font-size:35px;
    color:#4f89b9;
    text-align:center;
    
}

h3{
    font-size:25px;
    color:#003884;
    text-align:center;
}

q{
    font-size:25px;
    font-family:'courgette',sans-serif;
    color:#003884;
}

#copyright{
    font-size:14px;
    color:#444;
    text-decoration:underline;
}
    
span{
    color:#003884;
}
i{
    color:#4f89b9;
}
footer{
    text-align:center;
}
#drapeau{
    float:right;
}
#statue{
    float:left;
}
#pont{
    float:right;
}
#taxi{
    float:left;
}
#demographie{
    margin-top:50px;
}