/* RESPONSIVE CSS */

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

#middle .page {
	max-width: 970px;
}


	/* ------------------- ecran accueil ------------------- */

		/* texte magazine */
		#middle .loc-mag .txt-mag {
			padding: 33px 62px 0 28px;
		}

			#middle .loc-mag .txt-mag .txt-1 {
				padding: 0 100px 20px 0;
				line-height: 39px;
			}


	/* ------------------- ecran resultat recherche - carte ------------------- */
	/* cadre recherche */

		/* bandeau localisation */
		#middle .loc-retrait {
			padding-left: 19px;
		}

			#middle .loc-retrait .loc-form + .loc-form {
				margin-left: 21px;
			}


				/* boutons */
				#middle .loc-retrait .btn-trouver {
					margin-top: 15px;
				}


		/* cadre resultats */
		#middle .loc-result .res-item .rang {
			left: 17px;
		}

		#middle .loc-result .res-item .res-address {
			padding-right: 70px;
			padding-left: 48px;
		}

		#middle .loc-result .res-item .btn-more {
			right: 24px;
		}


			/* deroulant details */
			#middle .loc-result .res-item .details {
				padding-right: 45px;
				padding-left: 48px;
			}

}


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

#middle .page {
	max-width: 100%;
	padding: 30px 15px;
}


	/* titre */
	#middle h1 {
		margin: 0;
		padding-left: 60px;
		font-size: 21px;
		line-height: 25px;
	}

		#middle h1:before {
			width: 49px;
			height: 45px;
		}


	/* ------------------- ecran accueil ------------------- */
	#middle .loc-mag {
		flex-direction: column;
		align-items: center;
		margin-top: 33px;
	}


		/* visuel magazine */
		#middle .loc-mag .visu-mag {
			width: 50%;
			text-align: center;
		}


		/* texte magazine */
		#middle .loc-mag .txt-mag {
			width: 100%;
			padding: 33px 15px 0;
		}

			#middle .loc-mag .txt-mag .txt-1 {
				padding: 0 0 16px 0;
				font-size: 26px;
				line-height: 40px;
			}

			#middle .loc-mag .txt-mag .txt-2 {
				font-size: 18px;
				line-height: 29px;
			}


	/* ------------------- ecran resultat recherche - carte ------------------- */
	/* cadre recherche */
	#middle .loc-cadre {
		margin: 22px 0 0 0;
	}


		/* bandeau localisation */
		#middle .loc-retrait {
			justify-content: flex-start;
			padding: 14px 12px 19px;
		}

			#middle .loc-retrait .loc-form {
				width: 155px;
				margin: 15px 4px 0 0;
			}

			#middle .loc-retrait .loc-form + .loc-form {
				margin-left: 0;
			}


				/* boutons */
				#middle .loc-retrait .btn-autour span {
					padding-left: 10px;
				}

				#middle .loc-retrait .btn-autour span:before {
					margin-right: 8px;
				}

				#middle .loc-retrait .btn-trouver {
					margin-top: 0;
				}


		/* cadre resultats */
		#middle .loc-result {
			flex-direction: column;
		}


			/* liste resultats */
			#middle .loc-result .res-liste {
				order: 1;
				width: 100%;
			}

				#middle .loc-result .res-item:last-of-type {
					border-bottom: none;
				}
					

			/* carte resultats */
			#middle .loc-result .res-map {
				order: 0;
				width: 100%;
			}

				#middle .loc-result .res-map #map {
					height: 250px;
					border-bottom: 1px solid #b8b9b9;
					border-left: none;
				}
				
}


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

	/* ------------------- suggest recherche ------------------- */
	.typeahead,
	.tt-query,
	.tt-hint, 
	.tt-menu {
	  width: 186px;
	}

}


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

	/* titre */
	#middle h1 br {
		display: none;
	}

}