/*
###############
    FONT
###############
*/

@font-face {
    font-family: 'Courgette';
    src: url(font/Courgette-Regular.ttf) format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'source-sans-pro';
    src: url(font/SourceSansPro-Regular.ttf) format("truetype");
    font-weight: normal;
    font-style: normal;
}



body {
    font-family:'source-sans-pro';
    width: 980px;
    font-size: 18px;
    margin-left: auto;
    margin-right: auto;
}

h1, h2, h3, nav, .citation{
    font-family: 'courgette';
}
/* 
###############
    header
###############
*/
header{
    text-align: center;
}

h1{
    font-size: 40px;
    color: #003884;
    text-transform:UPPERCASE;
}

.citation{
    font-size: 25px;
    color: #003884;
    background-color: #d7e1ef;
    font-weight: bold;
}

nav{
    text-align: left;
    color: #003884;
    font-size: 25px;
    font-weight: bold;
}

a{
    text-decoration: none;
    color: #003884;
}

a:hover{
    text-shadow:2px 2px 4px black;
}

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

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

main p{
    color: #444;
}

article{
    line-height: 1.5;
}

.article-drapeau img{
    float: right;
    margin-left: 10px;
}

.article-statue img{
    float: left;
    margin-right: 10px;
}

.article-geo img{
    float: right;
    margin-left: 10px;
}

.article-taxi img{
    float: left;
    margin-right: 10px;
}

.Bold-Blue{
    font-weight: bold;
    color: #003884;
}

.Italic-blue{
    font-style: italic;
    color: #4f89b9;
}
/* 
###############
   Footer
###############
*/
            
footer{
    text-align: center;
    padding-top: 20px;
    margin-top: 40px;
    font-size: 14px;
}

footer img{
    width: 5%;
}

footer p{
    text-decoration: underline;
}

footer p:last-child{
    text-decoration: none;
    color: grey;
}