/*  ---------------------------------------------maintenance.css----------------------------------------------------- */
/*  ----------------------------------------------------------------------------------------------------------------- */



* { margin: 0;  padding: 0;  box-sizing: border-box;}
body { width: 100vw;  overflow-x: hidden;  font-family: arial, sans-serif;  background-color: rgb(240,240,239);}


.icon::before { display: inline-block;  margin-right: 0.4em;  font-family: Bullesdesaison;  font-style: normal;  font-weight: normal;  font-variant: normal;  text-transform: none;  line-height: 1;  -webkit-font-smoothing: antialiased;}


.logoheader { width: 100%;}
.logoheader p { padding: 2% 0;  width: 100%;  text-align: center;}
.logoheader p img { width: 35%;}

.message { width: 100%;}
.message p { margin: 1% 25%;  padding: 0.8%;  font-family: Sweetcoffee, arial, sans-serif;  font-size: 1.4em;  text-align: center;  background-color: rgb(168,220,171);  border-radius: 1vw;}

.banniere { width: 100%;}
.banniere p { padding: 1% 0;  width: 100%;  text-align: center;}
.banniere p img { width: 80%;}


@media (width <= 800px) {
	.logoheader p { margin-top: 5%;}
	.logoheader p img { width: 85%;}
	.message p { margin: 10% 5%;  padding: 2%;  font-size: 1em;  border-radius: 4vw;}
	.banniere { margin-bottom: 5%;}
	.banniere p img { width: 90%;}
}