/*
--------------------Contact--------------------
*/

@media all and (max-width: 1024px)
{
	/* Modification position texte slider, taille images portfolio + position fleches slider*/

	.slider_fleche_gauche, .slider_fleche_droite
	{
		top: 30%;
	}

	.slider_texte
	{
		position: relative;
		left: 0%;
		width: 100%;
		color: black;
		text-align: center;
	}

	.portfolio_article figure
	{
		max-width: 45%;
		margin: 10px;
	}
}

@media all and (max-width: 900px)
{
	/*Modification emplacement texte article_services*/

	.services_article
	{
		flex-direction: column;
	}

	.services_article_image, .services_article_texte
	{
		width: auto;
	}

	.services_article_texte
	{
		max-width: 100%;
	}
}

@media all and (max-width: 715px)
{
	/*Modification emplacement nav, taille images portfolio + position fleches slider*/

	header
	{
		flex-direction: column;
	}

	nav ul
	{
		margin: 0px;
	}

	nav a
	{
		padding: 0px 20px;
		border-top: rgba(255, 255, 255, 0);
		border-bottom: 4px solid white;
	}

	nav a:hover
	{
		padding: 0px 20px;
		border-top: rgba(255, 255, 255, 0);
		border-bottom: 4px solid #5CADD3;
	}

	.slider_fleche_gauche, .slider_fleche_droite
	{
		top: 25%;
	}	
}

@media all and (max-width: 600px)
{
	/*Modification emplacement formulaire*/

	#contact aside
	{
		position: static;
		text-align: center;
	}
}

@media all and (max-width: 500px)
{
	/*Modification taille images portfolio, position fleches slider*/

	.slider_fleche_gauche, .slider_fleche_droite
	{
		top: 22%;
	}

	.portfolio_article figure
	{
		max-width: 100%;
		margin: 5px;
	}
}

@media all and (max-width: 445px)
{
	/*Modification position flèche nav_portfolio + ecart nav, position fleches slider*/

	nav a, nav a:hover
	{
		padding: 0px 10px;
	}

	.slider_fleche_gauche, .slider_fleche_droite
	{
		top: 18%;
	}

	.fleche_active
	{
		top: 54px;
		left: 40%;
	}
}

@media all and (max-width: 350px)
{
	/*Modification image services, taille formulaire + ecart nav, position fleches slider*/

	nav a, nav a:hover
	{
		padding: 0px 5px;
	}

	.slider_fleche_gauche, .slider_fleche_droite
	{
		top: 17%;
	}

	.services_article_image
	{
		display: none;
	}	

	#contact aside input, #contact aside textarea
	{
		width: 250px;
	}
}