[href], button {
	border: none;
	box-shadow: none;
	background-color: transparent;
	text-decoration: none;}

input, textarea {
	border: none;
	background-color: transparent;
	padding: 0;
	color: var(--txt-color);
	font-size: 2em;
	font-family: 'GeneralSans-Variable';
	font-weight: 500;
	outline: none;}

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	appearance: none;}

input[type="number"] {
	-moz-appearance: textfield;}

a, h3, label {
	position: relative;
	font-family: 'GeneralSans-Variable';
	font-weight: 450;
	color: var(--txt-color);}

.send, #mc-embedded-subscribe-form button {
	cursor: pointer;
	font-family: 'GeneralSans-Variable';
	font-weight: 700;
	color: var(--txt-color);
	font-size: 1em;}

h3, label {
	font-weight: 600;}

.success a, .error a {
	font-weight: 600 !important;
	color: var(--txt-color2) !important;}

.header {
	margin-bottom: calc(3 * var(--marginBold)) !important;
	margin-left: 0 !important;}


/* --------------------------------------------------------------------------------------------------------------- CONTENUE */
.blocMaintenance {
	display: flex;
	flex-wrap: wrap;
    position: relative;
    margin: 0 var(--marginBold);}

.blocTxt {
    width: calc(40% - 1 * var(--marginBold));}

h2 {
	padding-bottom: var(--padding);
	border-bottom: solid var(--color2) 3px;
	margin-bottom: var(--marginBold) !important;}

h2:not(.ttl1 h2), .blocNewsletter {
	margin-top: calc(2 * var(--marginBold));}

.blocTxt h3:first-child {
	margin-top: 0;}

.newsletterBtn {
	display: flex;
	margin-right: 0;
	margin-left: auto;}

.newsletterBtn button {
	cursor: pointer;}

.blocImg {
    display: flex;
    width: 60%;
    height: calc(100vh - 2 * var(--marginBold));
    overflow: hidden;
    flex-wrap: wrap;
    margin: var(--marginBold);
    margin-right: 0;}

.blocImg img {
    width: 100%;
    height: 100%;
    object-fit: cover;}	

#mc-embedded-subscribe-form {
	display: flex;
	align-items: center;}

#mc-embedded-subscribe-form input {
	width: 66.66%;
	min-height: 33px;
	border: none;
	margin-bottom: 0;}

.blocNewsletter h3 {
	border-bottom: solid var(--color2) 3px;
	padding-bottom: var(--padding);
	margin-bottom: calc(2 * var(--marginLight));}

.cross {
    position: relative;
    width: 40px;
    height: 10px; 
    border: solid var(--color2) 3px; 
    border-radius: 50%;
    padding: var(--padding); 
    margin-right: var(--padding);
    display: flex;
    justify-content: center;
    align-items: center;}

textarea {
	width: 100%;
	resize: none;
	border: none;
	border-top: solid 3px var(--txt-color);
	background-color: transparent;}

label {
	margin-bottom: var(--padding);
    display: block;}

input {
    width: 100%;
	margin-bottom: var(--marginBold);
	border-top: solid 3px var(--txt-color);}

input:focus, textarea:focus {
    border: none;
	border-top: solid 3px var(--txt-color);
    outline: none;}

textarea, textarea:focus {
	overflow: hidden;}

input::placeholder, textarea::placeholder {
    color: var(--txt-color2);}

.arrow {
    position: relative;
    width: 40px;
    height: 10px; 
    border: solid var(--color2) 3px; 
    border-radius: 50%;
    padding: var(--padding); 
    margin-right: var(--padding);
    display: flex;
    justify-content: center;
    align-items: center; 
    opacity: 1;
    transition: all .25s cubic-bezier(.55,0,.29,.99);}

.newsletterBtn:hover .arrow {
	animation: rotateAnimation2 .5s cubic-bezier(.55,0,.29,.99) forwards;
	transition-delay: .1s !important;}

@keyframes rotateAnimation2 {
    0% {
        transform: rotate(0deg);}
    33% {
        transform: rotate(-22.5deg);}
    66% {
        transform: rotate(11.25deg);}
    100% {
        transform: rotate(0deg);}
}

.newsletterBtn:hover .arrow  {
    opacity: 1;}

.newsletterBtn:not(:hover) .arrow  {
    opacity: 0;}

.arrow .bar {
    position: relative;
    height: 2px;
    background-color: var(--color2);}

.arrow .bar:nth-child(1) {
    transform: rotate(45deg);
  	left: 21px;
  	top: -4px;
    width: 20px;}

.arrow .bar:nth-child(2) {
    width: 40px;}

.arrow .bar:nth-child(3) {
    transform: rotate(-45deg);
    right: 9px;
	bottom: -4px;
    width: 20px;}


/* --------------------------------------------------------------------------------------------------------------- FOOTER */
.footer {
	position: absolute !important;
	bottom: 0;
	display: flex;
	align-items: center;
	margin: var(--marginBold) 0;}

.container {
    display: flex;
    flex-direction: column;
    min-height: 100vh;}

.blocMaintenance {
    flex: 1;}


/* --------------------------------------------------------------------------------------------------------------- RESPONSIVE CONTENT */
@media screen and (max-width: 1150px) {
	#mc-embedded-subscribe-form input {
		width: 50%;}
}

@media screen and (max-width: 950px) {
	.header {
		margin-bottom: calc(2 * var(--marginBold)) !important;}
}

@media screen and (max-width: 850px) {
	.blocTxt {
		width: 100%;}
	.blocImg {
		height: auto;
		width: 100%;
		flex-wrap: unset;
		overflow: hidden;
		white-space: nowrap;
		scroll-snap-type: x mandatory;
		margin-left: 0;
		margin-top: calc(2 * var(--marginBold));
		margin-bottom: calc(3 * var(--marginBold));}
	.blocImg img {
		display: inline-block;
		height: auto;
		scroll-snap-align: center; 
		vertical-align: middle;
		flex-shrink: 0;}
	#mc-embedded-subscribe-form input {
		width: 66.66%;}
}

@media screen and (max-width: 600px) {
	.header {
		margin-top: var(--marginBold);}
	#mc-embedded-subscribe-form input {
		width: 50%;}
}


/* --------------------------------------------------------------------------------------------------------------- RESPONSIVE MOBILE */
@media (hover: none) {
	.newsletterBtn:not(:hover) .arrow  {
    	opacity: 1;}
}