/* Mise en page pour mobile */

@media screen and (max-width: 2000px) {
	background: url('../img/banner-large.jpg') no-repeat fixed fixed center;
}



@media screen and (max-width: 1300px) {	/* max-width et non pas max-device-width pour prendre en cpte le redimensionnement manuel de la fenêtre */
	header h1 {
		display: block;			/* On affiche le titre du header */
	}

	nav {
		max-width: 100%;
	}

	nav a {
		display: none;
	}

	nav.responsive {
		position: relative;
	}

	nav.responsive div {
		width: 100%;
	}

	nav.responsive a {
		float: none;
		display: block;
		border-bottom: solid 1px #cbaea6;
	}

	nav .burger {
		display: block;			/* On affiche l'icône du menu */
	}

	nav.responsive .burger {
		position: absolute;
		right: 0;
		top: 0;
	}

	section {
		font-size: .9em;
	}

	article p {
		padding: 10px;
	}

	article blockquote {
		padding: 10px;
	}

	#section-liens-utiles div {
		padding: 10px;
	}

	#haut-page {
		display: none;			/* On maque le lien Haut de page */
	}
}



@media screen and (max-width: 900px) {
	#banner img {
		width: 250px;
		height: 280px;
	}
	
	#banner h1 {
		font-size: 1.4em;
	}

	#section-liens-utiles td:nth-of-type(1) {	/* On affiche que la 1ère colonne des tableaux */
		width: 100%
	}

	#section-liens-utiles td:nth-of-type(2), #section-liens-utiles td:nth-of-type(3) {
		display: none;
	}
}



@media screen and (max-device-width: 640px) {
	header h1 {
		font-size: 1em;
		left: 10px;
	}

	#banner {
		background: url('../img/banner-small.jpg') no-repeat fixed fixed center;
	}

	#banner h1 {
		font-size: 1.4em;
	}
	
	#banner img {
		width: 200px;
		height: 225px;
	}

	section h1 {
		font-size: 1.5em;
	}

	section h1:before, section h1:after {
		margin: 20px auto;
	}

	section:after {
		margin: 40px auto;
	}

	article  strong.celticalpes {
		font-size: 1em;
	}

	iframe.google-maps {		/* On masque les iframe Google Map inclues dans la page (remplacées par un lien) */
		display: none;
	}

	a.google-maps {				/* Lien Google Map */
		display: initial;
	}

	.section-separation {		/* On masque les images de séparation des sections */
		display: none;
	}

	article.galerie-2colonnes  figure {	/* Affichage des images sur 1 colonne */
		width: 100%;
		margin-bottom: 20px;
	}

	article.galerie-3colonnes figure {	/* Affichage des images sur 1 colonne */
		width: 100%;
		border-top: 0;
		border-left: 0;
		border-right: 0;
	}

	article.galerie-3colonnes figure.noresponsive {	/* On masque les images avec la class noresponsive (3 images maxi affichées) */
		display: none;
	}

	article.galerie-3colonnes img {
		cursor: default;
	}

	article.galerie-3colonnes i {					/* Affichage du bouton "+". Affiche 3 nouvelles images si clique sur "+" (voir script.js) */
		display: block;
	}

	article.galerie-3colonnes figure:hover {
		opacity: 1;
	}

	footer img {
		width: 30%;
		height: 30%;
	}
}



@media screen and (max-device-width: 640px) and (orientation: landscape) {	/* Orientation portrait */
	#banner h1 {
		font-size: 1.4em;
	}

	article.galerie-3colonnes figure {
		height: 400px;
	}

	article.galerie-3colonnes img {
		height: 400px;
	}

	footer img {
		width: 20%;
		height: 20%;
	}
}