:root {
	--typoWidth1__12 : calc(((6.1 / var(--width1))* 100vw) + 6px);

}
/*content*/
.contentBlock, .content {
	min-height: inherit;
}
.contentBlock {
	overflow: hidden;
}

.blockDonnees {
	width: 100%;
}
.conteneurContact .coloneContact {
	float: left;
}
.conteneurContact .infoContact {
	width: 100%;
	text-align: left;
}
.conteneurContact .coloneContact {
	width: 100%;
	overflow: hidden;
}
.lbContact {
	color: #000;
}

.gridContact {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: auto auto;
	column-gap: 5rem;	
}

.gridContact> div:nth-child(1) { grid-column: 1; grid-row: 1; }
.gridContact> div:nth-child(3) { grid-column: 1; grid-row: 2; }
.gridContact> div:nth-child(2) { grid-column: 2; grid-row: 1 / span 2; }

.gridContact > div:nth-child(2) {
	display: flex;
	flex-direction: column;
} 

.gridContact > div:nth-child(2) .diviContact:last-of-type {
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.gridContact > div:nth-child(2) .diviContact:last-of-type textarea {
	flex: 1;
	height: auto;
	min-height: 150px;
	resize: vertical;
}
.gridContact > div:nth-child(2) .diviContact:last-of-type textarea:focus {	
	outline: none;
	border: 1px solid #000;
}

/*--------Font-size--------*/
/*maxWidth 600px*/

.blockDonnees {
	font-size: calc((10 / var(--width3)) * 100vw);
	line-height: normal;
}

/*-----600px------ */
@media (min-width: 37.563em) {
	/*font-size*/

	.blockDonnees {
		font-size: calc((10 / var(--width2)) * 100vw);
		line-height: normal;
	}

}
/*--------1110x---------*/
@media (min-width: 69.438em) {
	/*font-size*/
	
	.blockDonnees, .conteneurContact .ligneContact.infoChamps {
		font-size: var(--typoWidth1__12);
	}	
	.blockDonnees {
		line-height: normal;
	}
}
/*--------1921px---------*/
@media (min-width: 120.063em) {
	/*font-size*/
	
	.blockDonnees {
		font-size: 0.756rem; /*12;1px*/
		line-height: normal;
	}
}



.blockDonnees {
	padding: 0 var(--padding);
}
.blockDonnees {
	max-width: 1400px;
	margin-top: 4.75rem;
}
.conteneurContact .coloneContact {
	max-width: 700px;
}
.conteneurContact .coloneContact textarea {
	height: 310px;
	padding: 1rem;
}
/*
.conteneurContact .ligneContact.infoChamps {
	padding-top: 4rem;
	padding-bottom: unset;
}*/
.conteneurContact .fond-argu-texte-long-chapeau {
	margin-top: 1.5rem;
}
/*--------1920px---------*/
@media (max-width: 120em) {
	.gridContact {
		column-gap: calc((80 / var(--width1)) * 100vw);	
	}
	.blockDonnees {
		padding: 0 var(--padding);
	}
	.blockDonnees {
		max-width: calc((1400 / var(--width1)) * 100vw);
		margin-top: calc((76 / var(--width1)) * 100vw);
	}
}
/*--------1110px---------*/
@media (max-width: 69.375em) {
	.gridContact {
		column-gap: calc((32 / var(--width2)) * 100vw);	
	}
	.blockDonnees {
		padding: 0 var(--padding2);
	}
	.blockDonnees {
		max-width: 100%;
		margin-top: calc((76 / var(--width2)) * 100vw);
	}
}
/*-----600px------ */
@media (max-width: 37.5em) {
	.blockDonnees {
		padding: 0 var(--padding3);
	}
	.blockDonnees {
		max-width: none;
		width: 100%;
		margin-top: calc((46 / var(--width3)) * 100vw);
	}
	.conteneurContact .coloneContact {
		max-width: none;
		width: 100%;
	}
	.gridContact{
		grid-template-columns: 1fr;
		grid-template-rows: repeat(3, auto);
	}
	.gridContact> div:nth-child(1) { grid-column: 1; grid-row: 1; }
	.gridContact> div:nth-child(2) { grid-column: 1; grid-row: 2; }
	.gridContact> div:nth-child(3) { grid-column: 1; grid-row: 3; }	
	
}