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

	hr {
		margin: 0 0 20px 0;
	}

	#menus {		
		display: none;
	}

	#menusResponsive {
		display: block;
	}

	#wrapper {
		overflow-x: hidden;
	}

	#infosColumnFirst {
		display: none;
	}


	#infosColumnSecond {
		display: flex;
		flex-wrap: wrap;

		width: 97%;
		height: fit-content;

		margin: 10px auto;

		color: #344e34;
	}

	#infosColumnSecond > div {
		width: 350px;
		text-align: center;
		margin: 20px auto;
	}

	#portrait img {
		display: block;
		width: 120px;
		margin: auto;
		border: 1px solid #344e34;
	}

	#za,
	#zb,
	#zc {
		text-align: center;
	}

	#za svg,
	#zb svg,
	#zc svg {
		display: block;
		margin: auto;
	}

	#twoColumns {
		margin: 40px auto 0 auto;
	}

	#speakColumn {
		width: 100%;
	}

	#quote {
		width: 90%;
		margin: auto;
	}

	#footer {
		height: 600px;
	}

	#footerTitle {
		margin: 10px 0;
	}

	#footerInfos {
		display: flex;
		flex-wrap: wrap;
	}

	#footerInfos > div {
		width: 350px;
		margin: 10px auto 30px;
	}


	#footerLegal {
		flex-wrap: wrap;
	}

	#webgridSolutions {
		margin: 30px 0 0 0;
	}

	.line {
		flex-wrap: wrap;
	}

	#podPicA,
	#podPicB,
	#podPicZ {
		width: 100%;
		height: 500px;

		background-origin: border-box;
		background-attachment: inherit;
		background-clip: content-box;
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;

		border: 1px solid var(--footerBackColor);
	}

	.podText {
		width: 100%;
		height: fit-content;

		background-color: #fff;
		color: var(--mainFontColor);
		border: 1px solid var(--headerFontColor);
	}

	.line:nth-child(3) {
		flex-direction: column-reverse;
	}

	#podiPicA,
	#podiPicB,
	#podiPicZ {
		width: 100%;
		height: 500px;

		background-origin: border-box;
		background-attachment: inherit;
		background-clip: content-box;
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;

		border: 1px solid var(--footerBackColor);
	}

	#listTarifs {
		margin: 35px auto;
		width: 80%;
		text-align: left;
	}

	#listTarifs > table {
		width: 100%;
	}

	#contactMeRefs {
		flex-direction: column;
	}

	#horairesTxt {
		text-align: center;
	}

	#concab {
		background-size: initial;
		border: none;
		margin: 0;
	}

	.pageTitle {
		text-align: center;
		width: 100%;
	}

	.contactsClass {
		margin: 0 0 40px 0;
	}

	.minusP {
		text-align: center;
	}

}

@media (min-width: 541px) and (max-width: 1250px) {

	.podText {
		height: 1150px;
	}
}