body {margin: 0;}
body {font-family: Arial, Helvetica, sans-serif;}
/* Paramètres PC */
@media screen and (min-width:520px) {
    .footer {
        font-size: small;
    }
    .footertxt {
        width: 40%;
    }
    .page {
        padding: 1.5%;
        width: 80%;
    }
    .h1 {
        font-size: 300%;
    }
}
/* Paramètres mobile */
@media screen and (max-width:520px) {
    .texte {
        display:none;
    }
    .footer {
        font-size: x-small;
    }
    .footertxt {
        width: 30%;
    }
    .page {
        padding: 3%;
        width: 90%;
    }
    .h1 {
        font-size: 200%;
    }
}
/* Typos */
@font-face {
    font-family: 'Mercia Script';
    src: url('MerciaScript.eot');
    src: url('MerciaScript.eot?#iefix') format('embedded-opentype'),
        url('MerciaScript.woff2') format('woff2'),
        url('MerciaScript.woff') format('woff'),
        url('MerciaScript.ttf') format('truetype'),
        url('MerciaScript.svg#MerciaScript') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
/* Widget Facebook */
.elfsight-app-9a8ad68e-e9e5-4971-8de6-a219c78538f2{
    font-family:Arial, Helvetica, sans-serif;
    margin-top:100px;
    margin-bottom:40px;
    margin-left: 5px;
    margin-right: 5px;
}
.eapps-widget.eapps-facebook-feed-popup{
    font-family:Arial, Helvetica, sans-serif;
}
/* Reste CSS */
.header {
	width: 100%;
	height: 65px;
	background-color: rgba(38, 38, 38, 0.80);
	position: fixed;
	top: 0px;
	z-index: 100;
    -webkit-backdrop-filter: blur(7px);
    backdrop-filter: blur(7px);
}
.logo {
	width: 65px;
	height: 100%;
	background-image: url(logo.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	margin-left: auto;
	margin-right: auto;
    z-index: 101;
}
.texte {
    color: white;
    font-family: "Mercia Script", Arial, Helvetica, sans-serif;
    font-size: 250%;
	float: left;
    margin-left: 10px;
    margin-top: 13px;
    margin-bottom: 10px;
}
.menu {
	width: 100%;
	height: 30px;
	background-color: rgba(206, 206, 206, 0.5);
	position: fixed;
	top: 65px;
	z-index: 100;
    -webkit-backdrop-filter: blur(7px);
    backdrop-filter: blur(7px);
}
#m1 {
    color:black;
    height: 25px;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    text-transform: uppercase;
    font-weight: bold;
}
#m1:hover {
    color:white;
    background-color: #bc2002;
}
.footer {
	width: 100%;
	height: 40px;
	background: linear-gradient(to right, #04167c, #bc2002);
	margin-top: 10px;
	padding-bottom: 10px;
	float: left;
    position: fixed;
    bottom: 0px;
    z-index: 100;
}
#footertxt { 
    color: white;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    float:left;
}
#legal { 
    width: 40%;
	padding-left: 20px;
	padding-right: 20px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	float:right;
}
#legal a:link, a:visited, a:active { 
	color: gray; 
	text-decoration: none; 
	border-bottom-width: 1px; 
	border-bottom-style: dotted; 
	border-bottom-color: gray;
}
#legal a:hover { 
	color: white; 
	text-decoration: underline; 
}
.page {
    margin-top: 110px;
    margin-bottom: 70px;
    margin-left: auto;
    margin-right: auto;
    background-color: beige;
}
.h1 {
    margin-top: 0px;
    margin-bottom: 0px;
    font-family: "Mercia Script", Arial, Helvetica, sans-serif;
}
.h2 {
    margin-bottom: 0px;
    font-weight: bold;
    font-size: 150%;
}