@media (max-width: 767px) {

	form#login-form > section {
		flex-flow: column;
	}

	form#login-form > section > div {
		width: 100%;
	}

	form#login-form > section > div > *,
	form#login-form #submit-group-login {
		grid-column: 1/4 !important;
		margin-bottom: 5px;
	}

	section#login {
		grid-template-columns: 5% 1fr 1fr 5%;
	}

	.footer-form-container p {
		text-align: center;
		max-width: 85%;
	}

	section.page-content.baseline {
		grid-column: 2/4;
		grid-row: 2;
		padding-top: 1em;
	}

	section#login #season  {
		margin-top: 3em;
	}

}

@media (max-width: 1023px) {

	.contact.featured-group img.portrait {
		margin-right: 1em;
	}

	.typologies-container {
		text-align: center;
	}

	section#login {
		flex-direction: column;
		gap: 20px;
	}

}

@media (max-width: 1024px) {

	section#login #content {
		padding: 1em;
		margin-bottom: 3em;
	}

	section#transition {
		padding: 0 2em;
	}

	section#transition #content .personal_message {
		padding: 2em 1em;/*3166 2024*/
	}

	.personal_message .img,
	.contact .img {
		display: flex;
	}

	section#transition #message {
		margin-top: 2em;
	}

	/*
	--------------------------------------
	2024
	--------------------------------------
	*/

	.login-strips-container {
		/*padding-top: 20vh;*/
	}
	header .header-link-container {
		margin-top: 1.5em;
	}


}

@media (min-width: 768px) {

	.personal_message .img,
	.contact .img {
		max-width: 70%;
		margin: 0 auto;
	}

	section.page-content.baseline .typologies-container {
		margin: calc(50px + (120 - 50) * ((100vw - 320px) / (1920 - 320))) 0 0 calc(55px + (120 - 55) * ((100vw - 320px) / (1920 - 320)));
	}

}

@media (min-width: 1024px) {

	section#login {
		grid-template-columns: 1fr 45% 1fr;
	}

	section#login #content {
		grid-column: 2/3;
	}

	.reassurances-inner .reassurances-list {
		grid-row-gap: unset;
	}

	section#transition {
		display: grid;
		/*grid-template-rows: 65px 54px 1fr 190px;*/
		grid-template-rows: 100px 1fr 185px;
	}

	section#transition #content {
		grid-column: 2/3;
		/*grid-row: 3/10;*/
		grid-row: 2/10;
	}

	section#transition #message {
		grid-column: 3/4;
		/*grid-row: 1/10;*/
		grid-row: 2/10;
		margin-left: calc(40px + (64 - 40) * ((100vw - 1024px) / (1920 - 1024)));
	}

	.message {
		display: grid;
		grid-template-columns: 30% auto;
	}

	.message p:nth-child(-n+3) {
		grid-column: 2;
		grid-row: 1;
		align-self: center;
	}

	.contact.featured-group .logo_regroupeur {
		margin-top: -100px;
	}

	.social-networks-inner {
		max-width: 60%;
	}

	section#season {
		padding-left: 2em;
	}

}

@media (min-width: 1025px) and (max-width: 1700px) {

	section#content.hero {
		gap: 25px;
	}

	form#login-form > section > div,
	form#login-form > .form-footer {
		grid-template-columns: minmax(175px, 1fr) 1fr 1fr;
	}

	form#login-form > section .input,
	form#login-form #submit-group-login {
		grid-column: 2/4;
	}

	form#login-form > section .form-control-comment {
		grid-column: 1/4;
	}

}

@media (min-width: 1200px) {

	section#login {
		display: grid;
		grid-template-columns: 1fr 40% 1fr;
	}

	section#content.hero > .login-element {
		padding: 0 50px 0 50px;
	}

	.reassurances-inner {
		max-width: 60%;
	}

	section.img-illustration img {
		height: 450px;
		object-fit: cover;
	}

	section#season .marketing-title-container .marketing-title {
		white-space: nowrap;
	}

	section#content {
		width: 100%;
	}

}

@media (min-width: 1440px) {

	section#transition {
		grid-template-columns: 5% auto 40% 5%;
	}

	section#login {
		grid-template-columns: 36% 28% 1fr;
	}

	section#season {
		padding-left: 5em;
	}

}

@media (min-width: 1600px) {

	section#transition {
		/*grid-template-columns: 15% 30% 1fr 15%;*/
		grid-template-columns: 10% 25% 1fr 1%;
	}
}

@media (min-width: 1800px) {

	.message {
		grid-template-columns: 25% auto;
	}

	.message.no-img {
		grid-template-columns: 10% auto;
	}

}