@media screen and (max-width: 700px)
{
	/*
					#contact { display: none; }
				 */
}

@media screen and (max-width: 640px)
{
	span.lien-texte .part1, span.lien-texte .part3 { display: none; }
	span.lien-texte .part4 { display: inline; }
	span.lien-texte .part7 { font-size: 0.9em; }
	
	.menu1 .menu a, .menu1 .separator
	{
		padding: 9px 1em 7px 0.5em;
		font-size: 1em;
	}
	
	.logo2 { width: 35%; }
	
	img.logoA, img.logoB
	{
		display: inline-block;
		height: auto;
		vertical-align: top;
	}
	
	img.logoA { width: 100%; }
	
	img.logoB
	{
		width: 52%;
		padding-left: 3%;
	}
	
	.diaporama { max-height: 250px; }
	.page { margin-bottom: 0; }
	
	.fiche-contenu h2
	{
		display: block;
		padding: 20px 10px 10px 0;
	}
	
	.copyright, footer ul.nav { margin: 0; }
	.bloc8, .bloc12, .bloc16 { width: 20%; }
	.bloc25, .bloc33 { width: 50%; }
	.bloc50 { width: 100%; }
	.bloc-inner { font-size: 95%; }
	.bloc-titre span { display: none; }
	.article-agenda { min-width: 440px; }
}

@media screen and (max-width: 570px)
{
	.page { margin-bottom: 0; }
	.article-agenda { min-width: 370px; }
	footer li, footer li.item-331, footer li.item-332, footer li.item-333 { display: inline-block; }
}

@media screen and (max-width: 470px)
{
	html { font-size: 15px; }
	
	.logo-mobile
	{
		display: block;
		width: 62px;
		margin: 2px 0 0 0;
	}
	
	.menu1 .logo-mobile a { padding: 3px; }
	#devis.nav-module1 { display: none; }
	span.lien-texte .part7 { font-size: 0.7em; }
	#larecherche { display: none; }
	.headline-intro.avec-logo .logo { display: none; }
	.pagenav-next a span, .pagenav-prev a span { display: none; }
	.pagenav-prev img, .pagenav-next img { padding: 0 !important; }
	.sigplus-gallery ul li { width: 99%; }
	.page { margin-bottom: 0; }
	.article-agenda { min-width: auto; }
	.bloc { float: none; }
	.bloc.bloc16, .bloc.bloc12, .bloc.bloc8 { float: left; }
	
	.bloc25, .bloc33
	{
		width: 100%;
		float: none;
	}
	
	.bloc-titre span { display: inline-block; }
	.bloc25.lien-utile { width: 100%; }
	
	.encadre
	{
		padding: 1em;
		font-size: 1em;
	}
}

@media screen and (max-width: 400px)
{
	.logo2, img.logoB { display: none; }
	img#menuToggler { height: 36px; }
	span.lien-texte, span.lien-image img { font-size: 18px; }
	span.lien-texte .part7 { display: none; }
	
	.social
	{
		left: 38%;
		margin-bottom: 0;
		margin-top: 0;
		top: 60px;
	}
	
	#menuToggler span { line-height: 1.5; }
	
	#menuToggler .icon
	{
		top: 1%;
		right: 1%;
	}
}