/* @override 
	https://formesfluides.fr/sites/all/themes/custom/theme_ff/dist/css/override.css?*
	https://www.formesfluides.fr/sites/all/themes/custom/theme_ff/dist/css/override.css?* */



/* VAR */
:root {
	--gutter: 30px;
	--blanc: #FFF;
	--noir: #000;
	--contraste: #BFACAA;
	--mockup_device: #000;
	--mockup_fond: #333;
	--stroke: 1px;
	--border: var(--stroke) solid var(--contraste);
	--size1: 1rem;
	--size2: 1.3rem;
	--size3: 1.9rem;
	--size-2: .8rem;
	--size-3: .6rem;
}
@media print, screen and (min-width: 1600px) {
	:root {
		--size1: 1.2rem;
		--size2: 1.8rem;
		--size3: 2.4rem;
	}
}
@media print, screen and (max-width: 1200px) {
	
}
@media print, screen and (max-width: 960px) {
	:root {
		--size1: 0.8rem;
		--size2: 1.0rem;
		--size3: 1.0rem;
		--size-2: .7rem;
		--size-3: .5rem;
	}
}
@media print, screen and (max-width: 600px) {
	
}
/* FIN VAR */

/* GENERAL */
body {
	background-color: var(--noir);
	margin: 0;
	padding: 0;
	color: var(--blanc);
	font-family: termina, sans-serif;
	font-weight: 300;
	font-size: var(--size1);
	line-height: 1.5;
}
/*
body:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	width: 500px;
	height: 500px;
	background: 
	linear-gradient(-30deg, var(--noir) 60%, transparent),
	url("data:image/svg+xml,%3Csvg viewBox='0 0 500 500' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='5' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");

}
*/
strong {
	font-weight: 700;
}
#global {
	display: flex;
	flex-direction: column;
}
header {
	padding: calc(var(--gutter)*2);
	padding-bottom: var(--gutter);
}
#main {
	padding: 0 calc(var(--gutter)*2);
}
@media print, screen and (max-width: 1200px) {
	header {
		padding: var(--gutter);
	}
	#main {
		padding: 0 calc(var(--gutter)*1);
	}
}
ul,
ul li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
a {
	color: var(--blanc);
}
h1, h2, h3, h4, h5, h6 {
	font-size: var(--size1);
	font-weight: 400;
	margin: 0;
	line-height: 1.2;
}
* {
	box-sizing: border-box;
	-webkit-tap-highlight-color: transparent;
}
::selection {
  color: var(--blanc);
  background-color: var(--contraste);
}
.scrolltop {
	position: fixed;
	z-index: 1;
	bottom: calc(var(--gutter)*2);
	right: calc(var(--gutter)*2);
	width: 50px;
	height: 50px;
	background-color: var(--noir);
	border: var(--border);
	border-radius: 50px;
	transition: all .3s;
	opacity: 0;
	visibility: hidden;
}
.scrolltop.visible {
	opacity: 1;
	visibility: visible;
}
.scrolltop:after {
	content: "";
	position: absolute;
	top: 15px;
	left: 16px;
	height: 15px;
	width: 15px;
	border: 1px solid;
	border-color: var(--contraste) var(--contraste) transparent transparent;
	transform: rotate(-45deg);
}
.scrolltop:before {
	content: "";
	position: absolute;
	top: 13px;
	left: 24px;
	height: 20px;
	border-right: 1px solid var(--contraste);
	transition: height .3s;
}
.scrolltop:hover {
	height: 100px;
}
.scrolltop:hover:before {
	height: 70px;
}
/* FIN GENERAL */

/* HEADER */
header nav {
	border-bottom: var(--border);
}
header nav ul {
	padding-bottom: calc(var(--gutter)*.5);
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	margin: 0 calc(var(--gutter)*-.5);
}
header nav ul li a {
	font-size: var(--size-2);
	display: inherit;
	text-transform: uppercase;
	letter-spacing: 2px;
	line-height: 1;
	text-decoration: none;
	transition: all .3s;
	padding: 0 calc(var(--gutter)*.5);
}
header nav ul li a:hover,
header nav ul li a.is-active {
	color: var(--contraste);
	letter-spacing: 5px;
}
.logo {
	padding-bottom: calc(var(--gutter)*2);
	display: flex;
	justify-content: center;
	align-items: center;
	border-bottom: var(--border);
	margin-bottom: calc(var(--gutter)*.5);
	position: relative;
}
.logo img {
	height: 50px;
}
.logo .fluid {
	flex-grow: 1;
	transform: scaleX(1.09);
	transition: all .7s;
}
.logo .milieu {
	opacity: 0;
}
.logo:hover .fluid {
	flex-grow: 0;
	transform: scaleX(1);
}
@media print, screen and (max-width: 1920px) {
	.logo img {
		height: 30px;
	}
}
@media print, screen and (max-width: 1200px) {
	.logo {
		padding-bottom: calc(var(--gutter)*1);
	}
}
@media print, screen and (max-width: 960px) {
	.logo {
		flex-wrap: wrap;
	}
	.logo .milieu {
		width: 100%;
		height: 20px;
		opacity: 0;
	}
	.logo img {
		height: 30px;
	}
	header nav ul {
		flex-direction: column;
		align-items: center;
	}
	header nav ul li a {
		padding-top: 7px;
		padding-bottom: 7px;
	}
}
@media print, screen and (max-width: 600px) {
	.logo img {
		height: 25px;
	}
}
/* FIN HEADER */

/* PROJET */
.node.node--type-projet {
	/max-width: calc(1920px - calc(var(--gutter)*2));
	margin: 0 auto;
}
.grille {
	display: flex;
	align-items: flex-start;
	margin: 0 calc(var(--gutter)*-.5);
}
.grille > .colonne {
	padding: 0 calc(var(--gutter)*.5);
}
.grille > #gauche {
	width: 65%;
}
.grille > #droite {
	width: 35%;
	position: sticky;
	top: var(--gutter);
	padding-bottom: var(--gutter);
}
@media print, screen and (max-width: 960px) {
	.grille {
		flex-wrap: wrap;
	}
	.grille > .colonne {
		width: 100% !important;
	}
	.grille > #droite {
		position: relative;
		top: 0;
	}
	.grille > #gauche {
		order: 1;
	}
}
.champ.titre h1 {
	font-size: var(--size2);
	text-transform: uppercase;
	letter-spacing: 2px;
}
#droite .champ.soustitre {
	margin-bottom: 10px;
	font-size: var(--size-2);
}
.champ.soustitre:before {
	content: "— ";
}
.champ.partie:not(:last-child) {
	margin-bottom: var(--gutter);
}
.champ.image img,
.champ.video img {
	width: 100%;
	height: auto;
	display: inherit;
}
.champ.image .item:not(:last-child) {
	margin-bottom: var(--gutter);
}
.champ.video video {
	width: 100% !important;
	height: auto !important;
}
.champ.video {
	display: flex;
	justify-content: space-around;
	background: var(--mockup_fond);
	margin-bottom: var(--gutter);
	padding: var(--gutter) calc(var(--gutter)*1) 55px calc(var(--gutter)*1);
}
.champ.video.mobile {
	padding: var(--gutter) calc(var(--gutter)*2);
}
.champ.video .mockup {
	position: relative;
	border-width: 20px 10px 10px 10px;
	border-style: solid;
	border-color:  var(--mockup_device);
	border-radius: 15px 15px 0px 0px;
	display: flex;
	flex-direction: column;
}
.champ.video .mockup:before {
	content: "";
	position: absolute;
	background: var(--mockup_fond);
	width: 8px;
	height: 8px;
	border-radius: 50px;
	left: calc(50% - 4px);
	top: -15px;
}
.champ.video .mockup:after {
	content: "";
	position: absolute;
	left: -25px;
	right: -25px;
	height: 15px;
	bottom: -25px;
	border-radius: 0 0 5px 5px;
	background-color: var(--mockup_device);
}
.champ.video.mobile .mockup {
	position: relative;
	padding: 0;
	display: flex;
	flex-direction: column;
	width: 35%;
	margin: 0;
	border-width: 30px 10px;
	border-style: solid;
	border-color:  var(--mockup_device);
	border-radius: 15px;
}
.champ.video.mobile .mockup:before {
	content: "";
	position: absolute;
	background: var(--mockup_fond);
	width: 20px;
	height: 6px;
	border-radius: 50px;
	left: calc(50% - 10px);
	top: -17px;
}
.champ.video.mobile .mockup:after {
	position: absolute;
	width: 18px;
	height: 18px;
	border-radius: 50px;
	left: calc(50% - 9px);
	bottom: -24px;
	top: inherit;
	background: var(--mockup_fond);
}
@media print, screen and (max-width: 960px) {
	.champ.video {
		padding: 15px 30px 28px 30px;
	}
	.champ.video .mockup {
		border-width: 10px 5px 5px 5px;
		border-radius: 5px 5px 0px 0px;
	}
	.champ.video .mockup:before {
		height: 4px;
		width: 4px;
		top: -7px;
	}
	.champ.video .mockup:after {
		height: 13px;
		left: -20px;
		right: -20px;
		bottom: -18px;
		border-radius: 0 0 8px 8px;
	}
	.champ.video.mobile {
		padding: 20px;
	}
	.champ.video.mobile .mockup {
		border-width: 15px 5px;
		border-radius: 7px;
	}
	.champ.video.mobile .mockup:before {
		width: 10px;
		height: 3px;
		left: calc(50% - 5px);
		top: -9px;
	}
	.champ.video.mobile .mockup:after {
		width: 9px;
		height: 9px;
		left: calc(50% - 5px);
		bottom: -12px;
	}
}
/* page videos instagram */
.page-videos {
	display: flex;
	flex-wrap: wrap;
}
.page-videos .views-row {
	display: flex;
	justify-content: center;
	width: 672px;
	height: 1200px;
	background: var(--mockup_fond);
	margin-bottom: var(--gutter);
	margin-right: var(--gutter);
	position: relative;
}
.page-videos-ind .views-row {
	display: flex;
	justify-content: center;
	width: 100%;
	height: auto;
	background: var(--mockup_fond);
	margin-bottom: var(--gutter);
	margin-right: 0;
}
.page-videos-ind .views-row .champ.video {
	margin: 0;
	padding: calc(var(--gutter)*2)
}
.page-videos-ind .views-row .champ.video .mockup {
	max-width: 1400px;
}
.page-videos .views-row .paragraph {
	display: flex;
	align-items: center;
}
.page-videos .champ.video.mobile .mockup {
	width: 40%;
}
.page-videos .views-row .titre {
	position: absolute;
	text-transform: uppercase;
	color: var(--contraste);
	font-weight: bold;
}
.page-videos .views-row .lien {
	bottom: 50px;
	font-weight: normal;
	position: absolute;
	background-color: var(--contraste);
	color: var(--noir);
	padding: 20px;
	border-radius: 50px;
}
.page-videos .views-row img {
	position: absolute;
	width: 100px;
	height: 100px;
	border-radius: 50px;
	display: flex;
	top: 50px;
	left: 50px;
}
/* fin page videos instagram */
.champ.categories {
	display: flex;
	flex-wrap: wrap;
	margin-top: 15px;
}
.champ.categories span {
	border: 1px solid var(--contraste);
	padding: 8px 12px 8px 12px;
	border-radius: 50px;
	margin: 0 -1px -1px 0;
	font-size: var(--size-3);
	line-height: 1.2;
	text-decoration: none;
	transition: all .3s;
	text-transform: lowercase;
	color: var(--contraste);
}
.champ.date {
	margin-bottom: 10px;
	color: var(--contraste);
}
.champ.texte {
	margin: 10px 0;
}
.champ.texte p {
	margin-top: 0;
	margin-bottom: 10px;
}
.champ.site {
	margin-bottom: 20px;
}
.champ.site a {
	font-size: var(--size-2);
}
.champ.sousmenu {
	margin: 10px 0;
	padding: 10px 0 8px 0;
	font-size: var(--size-2);
	border-top: var(--border);
	border-bottom: var(--border);
}
.champ.sousmenu a {
	position: relative;
	text-transform: lowercase;
	text-decoration: none;
	color: var(--contraste);
	padding-left: 0;
	transition: all .3s ease-out;
}
.champ.sousmenu a:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	border-top: 1px solid var(--blanc);
	width: 0;
	transition: all .3s ease-out;
}
.champ.sousmenu a.is-active {
	color: var(--blanc);
	padding-left: 25px;
}
.champ.sousmenu a.is-active:after {
	width: 15px;
}
.champ.pager {
	border-top: var(--border);
	border-bottom: var(--border);
	margin-top: var(--gutter);
}
.champ.pager ul {
	margin: 0;
	display: flex;
}
.champ.pager ul li {
	width: 50%;
	display: flex;
	align-items: flex-end;
	margin: 0px;
}
.champ.pager ul li a {
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
	font-size: var(--size-3);
	text-transform: uppercase;
	letter-spacing: 1px;
	line-height: 1.2;
	text-decoration: none;
	padding: 15px 15px 35px 15px;
	background-image: url(../images/fleche-d.svg);
	background-position: center bottom 7px;
	background-repeat: no-repeat;
	background-size: 25px;
	border-left: var(--border);
	transition: color .3s;
}
.champ.pager ul li:first-child a {
	border-right: var(--border);
	border-left: none;
	margin-right: -1px;
	background-image: url(../images/fleche-g.svg);
}
.champ.pager ul li a:hover {
	color: var(--contraste);
}
@media print, screen and (max-width: 960px) {
	.champ.pager ul li a {
		background-position: center bottom 7px;
		background-size: 18px;
	}
}
/* FIN PROJET */

/* SIMPLE */
.champ.texte p a,
.champ.site a,
#block-theme-ff-primary-local-tasks ul:not(.contextual-links) li a {
	text-decoration: underline;
	text-underline-offset: 5px !important;
	text-decoration-thickness: 1px !important;
	position: relative;
	transition: all .3s;
}
.champ.texte p a:hover,
.champ.site a:hover,
#block-theme-ff-primary-local-tasks ul:not(.contextual-links) li a:hover {
	color: var(--contraste);
	text-underline-offset: 7px !important;
}
.node.node--type-simple {
	margin: 0 auto;
}
.node.node--type-simple .champ.texte {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	margin: 0 calc(var(--gutter)*-.5);
}
.node.node--type-simple .champ.texte p {
	width: calc(33.33% - calc(var(--gutter)*1));
	margin: 0 calc(var(--gutter)*0.5);
	margin-bottom: calc(var(--gutter)*2);
	padding-bottom: calc(var(--gutter)*2);
	position: relative;
	border-bottom: var(--border);
	transition: all .3s;
}
.node.node--type-simple .champ.texte p:nth-child(2n) {
	font-size: var(--size2);
	width: calc(66.66% - calc(var(--gutter)*1));
}
.node.node--type-simple .champ.texte p:nth-child(3n+3) {
	font-size: var(--size3);
	line-height: 1.2;
	width: calc(100% - calc(var(--gutter)*1));
}
.node.node--type-simple .champ.texte p:nth-child(2n+1) {
	color: var(--contraste);
}
.node.node--type-simple .champ.texte p:hover {
	color: var(--blanc);
}
@media print, screen and (max-width: 960px) {
	.node.node--type-simple .champ.texte p {
		width: 100% !important;
		margin-bottom: calc(var(--gutter)*1);
		padding-bottom: calc(var(--gutter)*1);
	}
}
/* FIN SIMPLE */

/* ACCUEIL */
/* pour passer la frontpage en hauteur 100vh
.path-frontpage #main {
	flex-grow: 1;
	padding: 0 var(--gutter) var(--gutter) var(--gutter);
	display: flex;
}
.path-frontpage #main section,
.path-frontpage #main #block-theme-ff-content,
.path-frontpage #main .views-element-container,
.path-frontpage #main section .projets {
	display: flex;
}
.path-frontpage #global {
	height: 100vh;
}
*/
.projets #vue-entete {
	font-size: var(--size2);
	padding: var(--gutter) 100px;
	margin-bottom: var(--gutter);
	display: flex;
	max-width: 1600px;
	color: var(--contraste);
}
.projets #vue-entete > * {
	width: 50%;
	margin: 0 var(--gutter);
}
.projets ul.liste {
	display: flex;
	flex-wrap: wrap;
	position: relative;
	margin-bottom: var(--gutter);
}
.projets ul.liste:before {
	content: "";
	position: absolute;
	z-index: -1;
	left: 50%;
	right: 0;
	top: 0px;
	border-top: var(--border);
	z-index: 3;
}
.projets ul.liste:after {
	content: "";
	position: absolute;
	z-index: -1;
	right: 0;
	left: 50%;
	bottom: calc(var(--stroke)*-1);
	border-top: var(--border);
	z-index: 3;
}
.projets ul.liste > li {
	width: 100%;
	margin-bottom: -1px;
}
.projets ul.liste > li .lien_projet {
	height: 220px;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	text-decoration: none;
	position: relative;
	transition: height 0.3s ease-in-out 0.3s;
}
.projets ul.liste > li .lien_projet:hover {
	height: 300px;
	transition: height 0.3s ease-in-out;
}
.projets ul.liste > li .lien_projet:after {
	content: "";
	top: 0;
	bottom: 0;
	width: 50%;
	position: absolute;
	z-index: -1;
	border: var(--border);
	left: 0;
	border-radius: 150px 0 0 150px;
	border-right-color: transparent;
	border-left: var(--border);
	transition: border-radius 0.3s ease-in-out, border-color 0.3s ease-in-out;
}
.projets ul.liste > li:nth-child(2n) .lien_projet:after {
	right: 0;
	left: inherit;
	border-radius: 0 150px 150px 0;
	border-left-color: transparent;
	border-right: var(--border);
}
.projets ul.liste > li .lien_projet:hover:after {
	border-radius: 0;
	border-right-color: transparent;
	border-left-color: transparent;
	transition: border-radius 0.3s ease-in-out 0.3s, border-color 0.3s ease-in-out 0.3s;
}
.projets ul.liste > li .lien_projet .content {
	position: relative;
	padding: 0 0 0 100px;
	width: 40%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	text-align: left;
	transition: padding 0.3s ease-in-out;
}
.projets ul.liste > li:nth-child(2n) .lien_projet .content {
	order: 2;
	align-items: flex-end;
	text-align: right;
	padding: 0 100px 0 0;
}
.projets ul.liste > li .lien_projet:hover .content {
	padding: 0 100px 0 0;
	transition: padding 0.3s ease-in-out 0.3s;
}
.projets ul.liste > li:nth-child(2n) .lien_projet:hover .content {
	padding: 0 0 0 100px;
}
.projets ul.liste > li .lien_projet .content .champ.titre h2 {
	text-transform: uppercase;
	letter-spacing: 4px;
	font-size: var(--size3);
	line-height: 1;
	font-weight: 300;
	margin-bottom: 0px;
	color: var(--blanc);
}
.projets ul.liste > li .lien_projet .content .champ.soustitre {
	margin: 0;
	color: var(--contraste);
	font-size: var(--size-2);
	font-weight: 400;
	margin: 0;
}
.projets ul.liste > li .lien_projet .content .champ.soustitre:before {
	content: "— ";
}
.projets ul.liste > li .lien_projet .content .champ.date {
	margin: 0;
	font-size: var(--size-2);
	font-weight: 400;
}
.projets ul.liste > li .lien_projet .content .champ.categorie {
	text-transform: lowercase;
	color: var(--contraste);
	font-size: var(--size-2);
	display: none;
}
.projets ul.liste > li .lien_projet .apercus {
	position: relative;
	z-index: -2;
	width: 60%;
	opacity: 0;
	visibility: hidden;
	border-left: var(--border);
	transition: all 0.3s ease-in-out 0.3s;
}
.projets ul.liste > li:nth-child(2n) .lien_projet .apercus {
	border-left: none;
	border-right: var(--border);
}
.projets ul.liste > li .lien_projet:hover .apercus {
	opacity: 1;
	visibility: visible;
	transition: all 0.3s ease-in-out .3s;
}
.projets ul.liste > li .lien_projet .apercus ul {
	height: 100%;
	display: flex;
	align-items: center;
	padding: 10px;
}
.projets ul.liste > li .lien_projet:nth-child(2n+1) .apercus ul {
	flex-direction: row;
}
.projets ul.liste > li:nth-child(2n) .lien_projet .apercus ul {
	flex-direction: row-reverse;
}
.projets ul.liste > li .lien_projet .apercus ul li {
	height: 100%;
	width: 50%;
	padding: 10px;
}
.projets ul.liste > li .lien_projet .apercus ul li img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}
.projets ul.liste > li .lien_projet .more {
	margin-top: var(--gutter);
	position: absolute;
	bottom: 40px;
	font-size: var(--size-3);
	line-height: 1.2;
	text-transform: uppercase;
	letter-spacing: 2px;
	border: 1px solid var(--contraste);
	color: var(--contraste);
	padding: 10px 15px 10px 15px;
	border-radius: 50px;
	opacity: 0;
	visibility: hidden;
	transition: all .6s;
}
.projets ul.liste > li .lien_projet .more:hover {
	background-color: var(--contraste);
	color: var(--noir);
}
.projets ul.liste > li .lien_projet:hover .more {
	opacity: 1;
	visibility: visible;
	display: inherit;
}
@media print, screen and (max-width: 1200px) {
	.projets #vue-entete {
		padding-top: calc(var(--gutter)*.5);
		padding-bottom: calc(var(--gutter)*.5);
	}
}
@media print, screen and (max-width: 960px) {
	.projets #vue-entete {
		max-width: 100%;
		padding: 0;
		text-align: center;
	}
	.projets ul.liste > li .lien_projet {
		flex-wrap: wrap;
		height: 200px;
	}
	.projets ul.liste > li .lien_projet:hover {
		height: 200px;
	}
	.projets ul.liste > li .lien_projet .content {
		width: 100%;
		height: 100%;
	}
	.projets ul.liste > li .lien_projet .content {
		padding: 0 0 0 50px;
	}
	.projets ul.liste > li:nth-child(2n) .lien_projet .content {
		padding: 0 50px 0 0;
	}
	.projets ul.liste > li .lien_projet:hover .content {
		padding: 0 50px 0 0;
	}
	.projets ul.liste > li:nth-child(2n) .lien_projet:hover .content {
		padding: 0 0 0 50px;
	}
	.projets ul.liste > li .lien_projet .content .champ.titre h2 {
		font-weight: 400;
	}
	.projets ul.liste > li .lien_projet .apercus {
		display: none;
	}
	.projets ul.liste > li .lien_projet .more {
		position: relative;
		opacity: 1;
		visibility: visible;
		bottom: inherit;
		margin-top: 15px;
		font-size: var(--size-3);
		padding: 6px 10px 6px 10px;
	}
}	
/* FIN ACCUEIL */

/* ADMIN */
#block-theme-ff-primary-local-tasks ul:not(.contextual-links) {
	display: flex;
	justify-content: center;
	border-bottom: var(--border);
	padding: 10px 0;
}
#block-theme-ff-primary-local-tasks ul:not(.contextual-links) li a {
	margin: 0 10px;
	font-size: var(--size-2);
	text-transform: uppercase;
	letter-spacing: 2px;
	line-height: 1;
}
form label {
	display: block;
	font-size: var(--size2);
	font-weight: 700;
}
form .description {
	font-size: var(--size-2);
	color: var(--contraste);
}
form .form-item {
	margin-bottom: var(--gutter);
}
form .form-text {
	font-family: tenso, sans-serif;
	font-size: var(--size-2);
	padding: 10px;
	border: var(--border);
	background-color: var(--noir);
	color: var(--blanc);
	transition: all .3s;
}
form .form-text:focus {
	outline: none;
	border-color: var(--blanc);
}
form .button {
	font-family: tenso, sans-serif;
	font-size: var(--size-2);
	padding: 10px 16px;
	border: var(--border);
	background-color: var(--noir);
	color: var(--blanc);
	text-transform: uppercase;
	letter-spacing: 2px;
	border-radius: 100px;
	cursor: pointer;
	transition: all .3s;
}
form .button:hover {
	border-color: var(--blanc);
}
table {
	width: 100%;
	font-size: var(--size-2);
	margin-bottom: var(--gutter);
}
table td {
	padding: 10px 0;
	border-bottom: 1px solid #666;
}
.draggable a.tabledrag-handle,
a.tabledrag-handle .handle {
	width: 25px;
	height: 20px;
	background-position: left center;
	display: block;
	margin: 0;
	padding: 0;
	margin-right: rem-calc(10);
}
.js .field--widget-paragraphs .draggable .tabledrag-handle {
	width: 29px;
	height: 29px;
	display: block;
	margin: 0;
	padding: 0;
	margin-right: 0;
}
.tabledrag-changed-warning {
	font-size: var(--size-2);
	color: var(--contraste);
}
/* FIN ADMIN */