/* CSS de la page d'introduction */

body
{

background-image: url("images/fond1.jpeg");
background-repeat: no-repeat;

}


.logo

{
margin-top: 90px;


}


section
{

display: flex;
flex-direction: column;
align-items: center;

}






a
{
	
text-decoration: none;	
color: red;	
	
}

/* Texte de présentation */

.presentation
{	

text-align: center;	
color: black;


}

.presentation p
{
	
font-family:  Arial, Helvetica, sans-serif;	
font-size: 1.2rem;	

	
}

/* Section des drapeaux */

#drapeaux
{
display: flex;
flex-direction: row;

	
}




#drapeaux img
{
padding-right: 20px;	
	
	
}

#drapeaux div:hover
{
	
transform: scale(1.3);	
	
}

/* Section bas de page */

footer
{

display: flex;
flex-wrap: nowrap;
justify-content: center;
align-items: center;	
margin-top: 50px;
background-color:#f0f0f0;
	
}




footer a:hover
{
	

	
transform: scale(1.3);		
	
	
}



.media_sociaux a
{
	
display: inline-block;
margin-right: 20px;

}



@media all and (max-device-width: 850px)

{
	
	
.logo img

{


height: auto;
max-width: 250px;
}


	
	#drapeaux {
		
		flex-direction: column;
		margin-bottom: 0px;
		
		
	}
	
	#drapeaux img{
		
		padding: 10px 0px;
		
		
	}
	

     .presentation {
	
         font-family:  Arial, Helvetica, sans-serif;	
        	
         
	
    }	
	
  



  footer{
		
		 flex-direction: column;
		 padding-top: 10px;
		 margin-top: 20px;
	     }
    
	


}