.contact-form-error {
	white-space: pre-line;
}

.logo-header .nom-concessionnaire,
.adress-header {
	width: 220px;
	max-width: 100%;
}

.logo-header .nom-concessionnaire {
	white-space: nowrap;
	/* overflow: hidden; */
	text-overflow: ellipsis;
}

.detail-contact .contact-site { display: flex; align-items: center; }
.detail-contact .contact-site span {display: inline-block; margin-right: 10px; font-size: 20px; }

/** SPINNER CREATION **/
.loader {
	position: relative;
	text-align: center;
	margin: 15px auto 35px auto;
	z-index: 9999;
	display: block;
	width: 80px;
	height: 80px;
	border: 10px solid rgba(0, 0, 0, .3);
	border-radius: 50%;
	border-top-color: #000;
	animation: spin 1s ease-in-out infinite;
	-webkit-animation: spin 1s ease-in-out infinite;
}

@keyframes spin {
	to {
		-webkit-transform: rotate(360deg);
	}
}

@-webkit-keyframes spin {
	to {
		-webkit-transform: rotate(360deg);
	}
}

@media screen and (max-width: 360px) {
	.block-datepicker { display: block; }
	.txt-before { display: none; }
}


/* new formulaire P.C. */
#wait {
	position: fixed;
	top: 0;
	left: 0;
	background-color: #FFF;
	width: 100%;
	height: 200vh;
	z-index: 2000;
}
.title-header {
	margin: 0 auto;
}
.white-zone a {
	color: #DF0020;
}
.block-contact-header{
	margin-top: 4%;
	max-height: 431px;
	box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.4);
}
.list-motos {
	width: 84%;
}
.titre-groupe {
	width: 100%;
	padding: 5px 20px;
	background: #efefef;
	border-radius: 25px;
}
.modele {
	cursor: pointer;
	margin: 10px 0;
	padding: 10px 0 0 0;
	text-align: center;
	padding-bottom: 25px;
}
.modele:hover {
	 transform: scale(1.25);
	 transition: all 0.25s ease-out;
}
.modele p {
	position: absolute;
	bottom: -18px;
	left: 1%;
	right: 1%;
}
.photo-modele {
	max-width: 100%;
}
.photo-modele-detail {
	max-height: 269px;
	max-width: 100%;
}
.list-concess {
	width: 85%;
}
.concess {
	cursor: pointer;
	padding-bottom: 15px;
}
.concess:hover {
	 transform: scale(1.02);
	 transition: all 0.25s ease-out;
}
.concess-name {
	padding-left: 15px;
}
.concess-address {
	font-weight: bold;
}
.banniere {
	margin-top: 57px;
	margin-bottom: 20px;
	position: relative;
	background-color: #FFF;
}
.banniere h2 {
	color: #000;
	position: absolute;
	top: 3%;
	left: 3%;
}
@media screen and (max-width: 700px) {
	.banniere h2 {
		color: #FFF;
		text-shadow: 1px 1px 5px #000;
		top: -13%;
		margin: 0 auto;
		text-align: center;
	}
}
.banniere img {
	/*min-width: 100%;*/
	min-height: 459px;
	width: auto;
	margin: 0 auto;
}
@media screen and (max-width: 1020px) {
	.banniere img {
		min-height: inherit !important;
	}
}