@font-face {
    font-family: 'Courgette';
    src: url('Courgette-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'SansPro';
    src: url('SourceSansPro-Black.woff') format('woff');
    src: url('SourceSansPro-BlackItalic.woff') format('woff');
    src: url('SourceSansPro-Bold.woff') format('woff');
    src: url('SourceSansPro-BoldItalic.woff') format('woff');
    src: url('SourceSansPro-ExtraLightItalic.woff') format('woff');
    src: url('SourceSansPro-Italic.woff') format('woff');
    src: url('SourceSansPro-Light.woff') format('woff');
    src: url('SourceSansPro-LightItalic.woff') format('woff');
    src: url('SourceSansPro-Regular.woff') format('woff');
    src: url('SourceSansPro-SemiBold.woff') format('woff');
    src: url('SourceSansPro-SemiBoldItalic.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


body {
	margin-left: 20%;
	margin-right: 20%;
	font-family: 'SansPro', sans-serif;
	color: #444;
	font-size: 18px;
	line-height: 1.5;
}

header, footer {
    line-height: 2;
	text-align: center;

}
.intro {
    font-family : "Courgette";
	color:#003884;
	font-weight: bold;
	font-size: 20px;
}
a{
    text-decoration: none;
    color:#003884;
}

h1{
    color : #003884;
    font-size : 40px;
    font-family : "Courgette";
    text-align: center;
	margin : auto;
}
h2 {
    font-family : "Courgette";
	font-weight: bold;
	font-size: 35px;
	color: #4f89b9;
	text-align: center;
}

h3 {
    font-family : "Courgette";
	font-weight: bold;
	font-size: 25px;
	color: #003884;
	text-align: center;
}

blockquote {
	text-align: center;
	color: #003884;
	background-color: #d7e1ef;
	font-family : "Courgette";
}

q {
	font-size: 25px;
	line-height: 1.5;
}

cite {
	font-style: normal;
    color : #003884 ;
    font-family : "Courgette";
    background-color : #d7e1ef;
}
.droite{
    float :right;
    margin-left: 1em;
}
.gauche{
    float : left;
    margin-right: 1em;
}
.container {
    text-align : justify;
    margin : auto;
    max-width: 980px;
}