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


@media (max-width: 1024px) {
body{
font-family: myFirstFont;
font-size:1em;
width:100%;
color:#000000;
margin:auto;
background-color:#A7ADFE;
}

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

h1{
text-align:center;
margin:0;
font-size:1.2em;
background-color:#5266E4;
color:#FFFFFF;
}

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

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

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

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

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

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

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

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

.intro a,.intro a:visited,.intro2 a,.intro2 a:visited{
border-bottom: dotted 1px;
text-decoration:none;
color:#FFFFFF;
}

 
a:hover{
text-decoration:none;
color:#FFFFFF;
background-color:#328BFE;
}

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

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

.bouton a:visited{
text-decoration:none;
color:#000000;
}
 
.bouton a:hover{
text-decoration:none;
color:#FFFFFF;
background-color:#328BFE;
border-radius:20px;
}


footer{
display:none;
}

.big{
display:none;
}

h2{
font-size:1.4em;
}




}



























@media (min-width: 1024px) {

body{
padding:0;
font-family: myFirstFont;
font-size:1em;
color:#000000;
margin:auto;
background-color:#A7ADFE;
}

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

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

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

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

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

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


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

.rdv{
width:600px;
}

h2{
font-size:1.4em;
}

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

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


.intro a,.intro a:visited,.intro2 a,.intro2 a:visited{
border-bottom: dotted 1px;
text-decoration:none;
color:#FFFFFF;
}

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

}


/*
#intro2{
display:none;
}
*/



/*
laisser derniere accolade, ce qui est en-dessous en valable pour les 2 sortes d'écran
*/


/*
#intro{
display:none;
}
*/

/*
#intro2{
display:none;
}
/*