/*
Theme Name: Les Colombes Intercommunales
Theme URI: http://www.lescolombes.fr/
Date: Decembre 2011
Version: 2.0
*/

@media screen and (max-width: 1200px) {

	header[role="banner"] {
		display: unset;
		padding: 0;
	}

	header[role="banner"] h1 { display: none; }

	header[role="banner"] nav {
		padding-top: unset;
		padding-bottom: 1rem;
	}

	header[role="banner"] ul {
		flex-flow: row wrap;
		justify-content: center;
	}

	header[role="banner"] ul li, footer[role="contentinfo"] ul li {
		order: 2;
	}

	#pastille {
		width: 100%;
		background-image: none;
		-webkit-transform: unset;
		transform: unset;
		height: auto;
		background-color: #ffccff;
		position: unset;
		order: 1;
		margin: 0 0 0.8rem 0;
	}

	body.index #pastille {
		position: fixed;
		top: 0;
		left: 0;
	}

	#pastille span { visibility: visible; }

	#pastille span::before, #pastille span::after {
		width: 25px;
		height: 25px;
		position: absolute;
		content: "";
		top: 0px;
	}

	#pastille span::after {
		right: -35px;
		background-image: url('../image/picto/artifice02.png');
	}

	#pastille span::before {
		left: -35px;
		background-image: url('../image/picto/artifice01.png');
	}

	.annee {
		transform: unset;
		-moz-transform: unset;
		position: unset;
		background-color: unset;
		text-align: center;
	}

}

@media screen and (max-width: 855px) {

	header[role="banner"], footer[role="contentinfo"] {
		position: unset;
		padding: 0;
	}

	main {
		padding: 20px 0 0 0;
	}

	footer[role="contentinfo"] nav {
		padding-top: unset;
	}

	main article {
		width: 100%;
		padding-left: 20px;
		padding-right: 20px;
	}

	body.index img {
		padding: 0 20px;
	}

	.galerie {
		width: 100%;
	}
}


@media screen and (max-width: 500px) {

	.deux-colonnes > * {
		width: 100%;
		padding: 0;
	}

}