.pied { background:#fff; }



.pied .cols { padding:100px 60px 0; display:flex; align-items:stretch; border-top:1px solid #E8E6DF; }
.pied .sep { display:block; width:5px; flex:0 0 auto; }
.pied .col { padding:0 44px; display:flex; flex-direction:column; gap:18px; }
.pied .col.marque { flex:1.35 1 0; gap:26px; }
.pied .col.marque img { width:104px; height:auto; }
.pied .col.marque .ligne { font:500 12px Archivo,sans-serif; letter-spacing:.24em; text-transform:uppercase; color:#8A857A; white-space:nowrap; }
.pied .col.marque p { margin:0; font:300 17px/1.66 Archivo,sans-serif; color:#4A4842; }
.pied .col .titre { font:600 11px Archivo,sans-serif; letter-spacing:.3em; text-transform:uppercase; margin-bottom:6px; }
.pied .col a { font:300 17px Archivo,sans-serif; color:#3A3833; width:fit-content; white-space:nowrap; transition:color .22s ease; }
.pied .bas { margin:80px 60px 0; border-top:1px solid #E8E6DF; padding:30px 0 44px; display:flex; justify-content:space-between; align-items:center; gap:40px; font:400 13px Archivo,sans-serif; color:#8A857A; }
.pied .bas .g { flex:1 1 0; }


.pied .bas .d { flex:1 1 0; display:flex; flex-wrap:wrap; justify-content:flex-end; gap:14px 32px; }
.pied .bas a { transition:color .22s ease; }

@media (max-width:1000px) {
  .pied .cols { padding:80px 24px 0; flex-wrap:wrap; }
  .pied .col { padding:0 24px; }
}



@media (min-width:701px) and (max-width:1068px) {
  .pied .cols { display:grid !important; grid-template-columns:1fr 1fr; gap:44px 40px; padding:80px 40px 0; }
  .pied .sep { display:none !important; }
  .pied .col { padding:0; gap:13px; align-items:center; text-align:center; }
  .pied .col.marque { grid-column:1 / -1; gap:18px; }


  .pied div.col:not(.marque) { grid-column:1 / -1; }
  .pied nav.col { grid-column:auto; }
  .pied .col .titre { position:relative; padding-top:16px; margin-bottom:2px; }
  .pied .col .titre::before { content:""; position:absolute; top:0; left:50%; transform:translateX(-50%); width:34px; height:4px; background:currentColor; }
  .pied .bas { flex-direction:column; align-items:center; text-align:center; gap:14px; }
  .pied .bas .g, .pied .bas .d { flex:0 0 auto; justify-content:center; }
}

@media (max-width:700px) {
  .pied .cols { padding:52px 22px 0; display:grid; grid-template-columns:1fr 1fr; gap:38px 22px; }
  .pied .sep { display:none; }
  .pied .col { padding:0; gap:13px; align-items:center; text-align:center; }
  .pied .col.marque { grid-column:1 / -1; gap:18px; }
  .pied .col.marque img { width:84px; }
  .pied .col.marque .ligne { font-size:11px; letter-spacing:.22em; white-space:normal; }
  .pied .col.marque p { font:300 16px/1.62 Archivo,sans-serif; max-width:34ch; }
  .pied div.col:not(.marque) { grid-column:1 / -1; }
  .pied nav.col { grid-column:auto; }
  .pied .col .titre { position:relative; padding-top:16px; margin-bottom:2px; font-size:11px; letter-spacing:.28em; }
  .pied .col .titre::before { content:""; position:absolute; top:0; left:50%; transform:translateX(-50%); width:34px; height:4px; background:currentColor; }
  .pied .col a { font-size:16px; }
  .pied .bas { margin:44px 22px 0; padding:26px 0 40px; flex-direction:column; align-items:center; text-align:center; gap:14px; font-size:12px; line-height:1.6; }
  .pied .bas .g { flex:0 0 auto; }
  .pied .bas .d { flex:0 0 auto; justify-content:center; gap:22px; }
}






.pied a:hover {
  color: var(--skf-survol, #00B3A4) !important;
}










.skf-haut {
	position: fixed;
	right: 52px;
	bottom: calc(24px + var(--skf-haut-pied, 0px));
	z-index: 900;
	display: grid;
	place-items: center;

	width: 36px;
	height: 36px;


	isolation: isolate;
	border: 2px solid var(--skf-magenta, #E5007E);
	background: transparent;
	color: var(--skf-magenta, #E5007E);
	text-decoration: none;


	transition: color 260ms linear 170ms;
}



.skf-haut::before {
	content: "";
	position: absolute;
	z-index: -1;
	inset: -2px;
	background-color: var(--skf-magenta, #E5007E);
	transform: scaleY(0);
	transform-origin: bottom;
	transition: transform 650ms cubic-bezier(0.33, 0.02, 0.35, 1);
}


.skf-haut.pret {
	transition: color 260ms linear 170ms, opacity .28s ease, transform .28s ease,
		visibility 0s;
}



.skf-haut.pret.est-en-haut {
	transition: color 260ms linear 170ms, opacity .28s ease, transform .28s ease,
		visibility 0s linear .28s;
}

.skf-haut svg {
	width: 16px;
	height: 16px;
	display: block;
}



.skf-haut:focus-visible {
	color: var(--skf-fond, #fff);
}

.skf-haut:focus-visible::before {
	transform: scaleY(1);
}

@media (hover: hover) and (pointer: fine) {
	.skf-haut:hover {
		color: var(--skf-fond, #fff);
	}

	.skf-haut:hover::before {
		transform: scaleY(1);
	}
}



.skf-haut.est-en-haut {
	opacity: 0;
	visibility: hidden;
	transform: translateY(10px);
	pointer-events: none;
}



@media (max-width: 700.98px) {
	.skf-haut {
		right: 44px;
		bottom: calc(18px + var(--skf-haut-pied, 0px));


		width: 32px;
		height: 32px;
	}

	.skf-haut svg {
		width: 14px;
		height: 14px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.skf-haut.pret {
		transition: none;
	}
}