#paragraphe{
display: flex;
flex-wrap: wrap;
justify-content: center;
}

@font-face {
  font-family: myFirstFont;
  src: url(Luciole-Regular.ttf);
}


@media (max-width: 1024px) {
body{
padding:0;
margin:0;
font-family: myFirstFont;
font-size:2em;
width:98%;
color:#000000;
margin:auto;
background-color:#56AB53;
}

h1{
text-align:center;
color:#FFFFFF;
margin:0;
font-size:1.8em;
background-color:#56AB53;
}

h1 a,h1 a:visited{
color:#FFFFFF;
}

h1 a:hover{
text-decoration:none;
color:#FFFFFF;
background-color:red;
}

img{
border:0;
border-radius:10px;
width:60%
}

a.red{
border-bottom: dotted 1px;
text-decoration:none;
color:#FF0000;
}

.red a:visited{
text-decoration:none;
color:#FF0000;
}
 
.red a:hover{
text-decoration:none;
color:#FFFFFF;
background-color:#56AB53;
}



a{
border-bottom: dotted 1px;
text-decoration:none;
color:#000000;
}

a:visited{
text-decoration:none;
color:#000000;
}
 
a:hover{
text-decoration:none;
color:#FFFFFF;
background-color:#56AB53;
}

.bouton,.commande{
width:100%;
text-align:center;
border-radius:20px;
background-color:#FFFFFF;
}

.commande{
background-color:#FEC062;
}

.bouton a,.commande a{
display:block;
line-height:100px;
text-decoration:none;
color:#000000;
border-bottom: none;
}

.bouton a:visited,.commande a:visited{
text-decoration:none;
color:#000000;
}
 
.bouton a:hover,.commande a:hover{
text-decoration:none;
color:#FFFFFF;
background-color:#56AB53;
border-radius:20px;
}


.testcovid{
background-color:#EE360E;
text-align:left;
}

.testcovid a{
display:block;
text-decoration:none;
color:#FFFFFF;
border-bottom: none;
}

.testcovid a:visited{
text-decoration:none;
color:#FFFFFF;
}
 
.testcovid a:hover{
text-decoration:none;
color:#000000;
background-color:#56AB53;
border-radius:20px;
}





#intro{
display: flex;
flex-wrap: wrap;
justify-content:center;
}

.intro{
background-color:#FA280C;
text-align:center;
color:#FFFFFF;
border-radius:20px;
margin-top:5px;
width:70%;
padding:10px
}

.texte{
padding:10px;
width:100%;
}

.texte:nth-child(1){
margin:0;
margin-top:50px;
margin-bottom:50px;
}

.texte:nth-child(1n+2){
margin-top:10px;
color:#000000;
vertical-align: top;
border-radius:10px;
background-color:#FFFFFF;
}

footer{
display:none;
}

.big{
display:none;
}

h2{
font-size:1.4em;
}

}
























@media (min-width: 1024px) {

body{
padding:0;
margin:0;
font-family: myFirstFont;
background-color:#56AB53;
font-size:12px;
}

h1{
text-align:center;
color:#FFFFFF;
margin:0;
font-size:1.8em;
background-color:#56AB53;
}

h1 a,h1 a:visited{
color:#FFFFFF;
}

h1 a:hover{
text-decoration:none;
color:#FFFFFF;
background-color:red;
}

img{
border:0;
border-radius:10px;
}

a.red{
border-bottom: dotted 1px;
text-decoration:none;
color:#FF0000;
}

.red a:visited{
text-decoration:none;
color:#FF0000;
}
 
.red a:hover{
text-decoration:none;
color:#FFFFFF;
background-color:#56AB53;
}



a{
border-bottom: dotted 1px;
text-decoration:none;
color:#000000;
}

a:visited{
text-decoration:none;
color:#000000;
}
 
a:hover{
text-decoration:none;
color:#FFFFFF;
background-color:#56AB53;
}


.commande{
width:100%;
font-size:2em;
text-align:center;
border-radius:20px;
background-color:#FEC062;
}

.commande a{
display:block;
line-height:50px;
text-decoration:none;
color:#000000;
border-bottom: none;
}

.commande a:visited{
text-decoration:none;
color:#000000;
}
 
.commande a:hover{
text-decoration:none;
color:#FFFFFF;
background-color:#56AB53;
border-radius:20px;
}


.testcovid{
width:100%;
font-size:16px;
text-align:center;
border-radius:20px;
background-color:#EE360E;
}

.testcovid a{
display:block;
text-decoration:none;
color:#FFFFFF;
border-bottom: none;
}

.testcovid a:visited{
text-decoration:none;
color:#FFFFFF;
}
 
.testcovid a:hover{
text-decoration:none;
color:#FFFFFF;
background-color:#56AB53;
border-radius:20px;
}





#intro{
display: flex;
flex-wrap: wrap;
justify-content:center;
}

.intro{
background-color:#FA280C;
text-align:center;
color:#FFFFFF;
border-radius:20px;
margin-top:5px;
width:70%;
padding:10px
}

.texte{
padding:10px;
background-color:#FFFFFF;
color:#000000;
vertical-align: top;
border-radius:10px;
width:300px;
margin:5px;
}

h2{
font-size:1.4em;
}

footer{
width: 1024px;
margin-top:10px;
text-align: center;
}

}



#intro{
display:none;
}