/* @override 
	https://dev.formesfluides.fr/themes/custom/milleformes/dist/css/override.css?*
	https://www.milleformes.fr/themes/custom/milleformes/dist/css/override.css?* */



/* FONTS */
@font-face {
    font-family: 'GL';
    src: url('../fonts/GL_Destination_x524_20220911-Regular.woff2') format('woff2'),
        url('../fonts/GL_Destination_x524_20220911-Regular.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'GL';
    src: url('../fonts/GL_Destination_x524_20220911-Book.woff2') format('woff2'),
        url('../fonts/GL_Destination_x524_20220911-Book.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'GL';
    src: url('../fonts/GL_Destination_x524_20220911-Bold.woff2') format('woff2'),
        url('../fonts/GL_Destination_x524_20220911-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'GL';
    src: url('../fonts/GL_Destination_x524_20220911-Black.woff2') format('woff2'),
        url('../fonts/GL_Destination_x524_20220911-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
/* FIN FONTS */

/* VAR */
:root {
	--maxwidth: 1400px;
	--gutter: 20px;
	--hauteur_header: 50px;
	--hauteur_header_menu: 80px;
	--blanc: #fefdfa;
	--neutre: var(--blanc);
	--noir: #000;
	--gris: #c4c2c3;
	--gris_fonce: #838383;
	--rouge: #ff0202;
	--rose: #f9cede;
	--rose_fonce: #f086ad;
	--jaune: #fee2ad;
	--jaune_fonce: #fabe31;
	--orange: #fbcaa4;
	--orange_fonce: #f08133;
	--violet: #cecae6;
	--violet_fonce: #746caf;
	--bleu: #c8d3ed;
	--bleu_fonce: #7d9fd4;
	--vert: #c7dba9;
	--vert_fonce: #72b039;
	--stroke: 5px;
	--border: var(--stroke) solid var(--rouge);
	--size1: 1rem;
	--size15: 1.4rem;
	--size2: 1.6rem;
	--size3: 2.2rem;
	--size-2: .8rem;
	--size-3: .6rem;
	/* convert hex to filter : https://codepen.io/sosuke/pen/Pjoqqp */
	--filter_jaune: invert(90%) sepia(17%) saturate(735%) hue-rotate(335deg) brightness(105%) contrast(99%);
	--filter_jaune_fonce: invert(92%) sepia(11%) saturate(6885%) hue-rotate(333deg) brightness(103%) contrast(96%);
	--filter_bleu: invert(86%) sepia(23%) saturate(154%) hue-rotate(179deg) brightness(99%) contrast(96%);
	--filter_bleu_fonce: invert(65%) sepia(17%) saturate(915%) hue-rotate(177deg) brightness(93%) contrast(89%);
	--filter_rouge: invert(20%) sepia(65%) saturate(7460%) hue-rotate(358deg) brightness(99%) contrast(125%);
	--filter_vert: invert(94%) sepia(14%) saturate(421%) hue-rotate(40deg) brightness(98%) contrast(87%);
	--filter_vert_fonce: invert(56%) sepia(85%) saturate(359%) hue-rotate(48deg) brightness(94%) contrast(82%);
	--filter_violet_fonce: invert(49%) sepia(16%) saturate(1313%) hue-rotate(207deg) brightness(87%) contrast(87%);
	--filter_blanc: invert(89%) sepia(41%) saturate(123%) hue-rotate(334deg) brightness(110%) contrast(98%);
	--filter_gris: invert(98%) sepia(0%) saturate(1795%) hue-rotate(48deg) brightness(91%) contrast(67%);
	--magellansticky: 5px;
	--magellan_decal: 5px;

}
@media print, screen and (max-width: 1200px) {

}
@media print, screen and (max-width: 1024px) {
	:root {
		--hauteur_header: 40px;
		--stroke: 4px;
		--gutter: 15px;
		--size1: 0.8rem;
		--size15: 1.0rem;
		--size2: 1.4rem;
		--size3: 1.8rem;
		--size-2: .7rem;
		--size-3: .5rem;
		--magellan_decal: 10px;
	}
}
@media print, screen and (max-width: 600px) {
	:root {
		--gutter: 15px;
		--size1: 0.8rem;
		--size15: 1.0rem;
		--size2: 1.4rem;
		--size3: 1.4rem;
		--size-2: .7rem;
		--size-3: .5rem;
	}
}
/* FIN VAR */

/* COULEURS MAIN */
.jaune main,
.jaune .magellan-container {
	background-color: var(--jaune);
}
.blanc main,
.blanc .magellan-container {
	background-color: var(--blanc);
}
.neutre main,
.neutre .magellan-container {
	background-color: var(--blanc);
}
.bleu main,
.bleu .magellan-container,
.node--type-boiteoutils-node main {
	background-color: var(--bleu);
}
.violet main,
.violet .magellan-container {
	background-color: var(--violet);
}
.orange main,
.orange .magellan-container {
	background-color: var(--orange);
}
.vert main,
.vert .magellan-container {
	background-color: var(--vert);
}
.rose main,
.rose .magellan-container {
	background-color: var(--rose);
}
.gris main,
.gris .magellan-container {
	background-color: var(--gris);
}
.path-artistes main,
.node--type-individu main {
	background-color: var(--jaune);
}
.path-programme main,
.node--type-evenement main {
	background-color: var(--vert);
}
/* FIN COULEURS MAIN */

/* GLOBAL */
* {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
body {

}
#global {
	border: var(--border);
	border-top: none;
	padding: 0;
	max-width: 100%;
	min-height: 100vh;
	background-color: var(--blanc);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}
main {
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	background-color: var(--orange);
	margin-bottom: calc(var(--stroke)*-1);
}
@media print, screen and (max-width: 1024px) {
	main {
		margin-bottom: 0;
	}
}
#header {
	border-top: var(--border);
	position: sticky;
	z-index: 10;
	top: 0;
	background-color: var(--blanc);
}
.sticky-preheader #infos {
	position: sticky;
	top: 0;
	z-index: 11;
}
.sticky-preheader.toolbar-fixed #infos {
	top: 78px;
}
.path-frontpage #header {
	top: inherit;
}
footer {
	margin-top: auto;
	z-index: 9;
	border-top: var(--border);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	background-color: var(--blanc);
}
p {
	font-size: var(--size1);
}
p.grand {
	font-size: var(--size2);
}
p.titre {
	font-size: var(--size15);
	font-weight: 700;
}
p a {
	position: relative;
}
.jaune .champ.texte a {
	color: var(--jaune_fonce);
}
.bleu .champ.texte a {
	color: var(--bleu_fonce);
}
.violet .champ.texte a {
	color: var(--violet_fonce);
}
.orange .champ.texte a {
	color: var(--orange_fonce);
}
.vert .champ.texte a {
	color: var(--vert_fonce);
}
.rose .champ.texte a {
	color: var(--rouge);
}
h1 {
	font-size: var(--size3);
	font-weight: 900;
	text-transform: uppercase;
	margin: var(--gutter) 0;
	line-height: 1.3;
}
h2 {
	margin: 0;
	font-size: var(--size2);
	line-height: 1.3;
}
.node--type-accueil main .block-milleformes-page-title {
	display: none;
}
.node--type-page .champ.titre h1 {
	text-transform: inherit;
	margin: 0;
}
.para.sous-titre.bleu {
	background-color: var(--bleu);
}
.para .champ.couleur,
.para .champ.ouvert {
	display: none;
}
.para.sous-titre.jaune {
	background-color: var(--jaune);
}
.para.sous-titre.orange {
	background-color: var(--orange);
}
.para.sous-titre.violet {
	background-color: var(--violet);
}
.para.sous-titre.blanc {
	background-color: var(--blanc);
}
.para.fichier .item {
	margin-bottom: 5px;
}
.champ.liens a:hover, 
.champ.texte a:hover, 
.champ.texte a:hover strong, 
.champ.fichier a:hover, 
.champ.discipline a:hover, 
.para.fichier a:hover, 
p a:hover, 
p a:hover strong {
	color: var(--rouge) !important;
}
/* FIN GLOBAL */

/* ADMIN */
.button-group {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	margin: 0;
	margin-right: calc(var(--stroke)*-1);
}
.button-group a {
	-webkit-box-flex: 1;
	    -ms-flex: 1 0 auto;
	        flex: 1 0 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: 300;
	padding: var(--gutter);
}
.button-group a:hover {
	background-color: var(--blanc);
}
.button-group a.is-active {
	background-color: var(--rouge);
	color: var(--blanc);
}
.button-group a {
	background-color: var(--violet);
	border-right: var(--border);
	border-bottom: var(--border);
}
/* FIN ADMIN */

/* THROBBLER */
.ajax-progress,
.ajax-progress-throbber,
.ajax-progress-fullscreen {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	border-radius: 0;
	opacity: 1;
	background: rgba(255, 255, 255, 0.8);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999999;
	overflow: hidden;
	text-indent: -99999em;
}
.ajax-progress-throbber:before,
.ajax-progress-fullscreen:before {
	content: ' ';
	display: block;
	width: 120px;
	height: 120px;
	-webkit-animation: load8 3s infinite linear;
	        animation: load8 3s infinite linear;
	overflow: hidden;
	text-indent: -99999em;
	margin: auto;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-size: 100%;
	background-repeat: no-repeat;
	background-image: url(/sites/default/files/medias/pictos/bandeau-1.svg);
	-webkit-filter: var(--filter_rouge);
	        filter: var(--filter_rouge);
}
@-webkit-keyframes load8 {
	0% {
		-webkit-transform: rotate(0deg);
		        transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		        transform: rotate(360deg);
	}
}
@keyframes load8 {
	0% {
		-webkit-transform: rotate(0deg);
		        transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		        transform: rotate(360deg);
	}
}
/* FIN THROBBLER */

/* INFOS */
#infos {
	background-color: var(--rouge);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
#infos .container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	border-top: var(--border);
	color: var(--blanc);
	font-size: var(--size-2);
	padding: 5px var(--gutter);
	position: sticky;
	top: 0;
	z-index: 1;
	max-width: var(--maxwidth);
	width: 100%;
}
#infos p {
	font-size: var(--size-2);
}
#infos .block {
	padding: 0 var(--gutter);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
#infos .block .layout {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
#infos .block .layout .champ.picto {
	width: 50px;
	margin-right: 10px;
	-webkit-filter: var(--filter_blanc);
	        filter: var(--filter_blanc);
}
#infos [class*=block-logospompidouetclermont] {
	padding-right: 0;
}
#infos [class*=block-logospompidouetclermont] a {
	text-indent: -10000px;
	display: inline-block;
	width: 150px;
	height: 30px;
	-webkit-filter: var(--filter_blanc);
	        filter: var(--filter_blanc);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	
}
#infos [class*=block-logospompidouetclermont] a.pompidou {
	background-image: url(/themes/custom/milleformes/dist/img/logo-pompidou.svg);
}
#infos [class*=block-logospompidouetclermont] a.clermont {
	background-image: url(/themes/custom/milleformes/dist/img/logo-clermont.png);
}
@media print, screen and (max-width: 1024px) {
	#infos .container {
		position: relative;
		padding-left: 0;
		padding-right: 0;
		padding-top: 5px;
		padding-bottom: 5px;
	}
	#infos .container, 
	#infos p {
		font-size: var(--size-3);
	}
	#infos .block {
		padding-left: calc(var(--gutter)*.5);
		padding-right: calc(var(--gutter)*.5);
	}
	#infos .block .layout .champ.picto {
		width: 30px;
		margin-right: 7px;
		-webkit-filter: var(--filter_blanc);
		        filter: var(--filter_blanc);
	}
	#infos [class*=block-logospompidouetclermont] {
		display: none;
	}
}
/* FIN INFOS */

/* HEADER */
#header > div {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: var(--size1);
	font-weight: 900;
	border-bottom: var(--border);
}
#header .preheader .block,
#header .header .block {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	height: var(--hauteur_header);
}
#header #header_menu {
	position: relative;
}
#header .block_recherche {
	width: calc(calc(100vw / 12) - 2px);
}
.recherche-dropdown {
	border: none;
	border-top: var(--border);
	border-bottom: var(--border);
	background-color: var(--blanc);
	padding: 0;
	left: 0 !important;
	right: 0 !important;
	width: auto;
	
}
.recherche-dropdown input {
	margin: 0;
	padding: var(--gutter) calc(var(--gutter)*3);
	height: auto;
	border: none !important;
	background-color: var(--gris) !important;
	-webkit-box-shadow: none !important;
	        box-shadow: none !important;
	font-size: var(--size2);
	font-weight: 700;
}
.recherche-dropdown input::-webkit-input-placeholder {
	color: var(--gris_fonce);
}
.recherche-dropdown input::-moz-placeholder {
	color: var(--gris_fonce);
}
.recherche-dropdown input:-ms-input-placeholder {
	color: var(--gris_fonce);
}
.recherche-dropdown input::-ms-input-placeholder {
	color: var(--gris_fonce);
}
.recherche-dropdown input::placeholder {
	color: var(--gris_fonce);
}
.recherche-dropdown:before,
.recherche-dropdown:after {
	content: "";
	position: absolute;
	top: 50%;
	margin-top: -15px;
	width: 30px;
	height: 30px;
	background-repeat: repeat-x;
	background-size: 100%;
	-webkit-filter: var(--filter_rouge);
	        filter: var(--filter_rouge);
	background-image: url(/sites/default/files/medias/pictos/f21.svg);
}
.recherche-dropdown:before {
	left: 10px;
}
.recherche-dropdown:after {
	right: 10px;
}

#header .block_recherche a.recherche {
	height: var(--hauteur_header);
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	text-align: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	text-indent: -10000px;
	position: relative;
	border-left: var(--border);
}
#header .block_recherche a.recherche:after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	background-image: url(/sites/default/files/medias/pictos/f20.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 35px;
	-webkit-filter: var(--filter_rouge);
	        filter: var(--filter_rouge);
}
#header .block_recherche a.recherche.hover,
.views-id-recherche #header .block_recherche a.recherche {
	background-color: var(--rouge);
}
#header .block_recherche a.recherche.hover:after,
.views-id-recherche #header .block_recherche a.recherche:after {
	-webkit-filter: var(--filter_blanc);
	        filter: var(--filter_blanc);
}
#header .block-identitedusite,
#header .block-ville {
	padding: 0 var(--gutter);
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	text-align: center;
	font-size: var(--size2);
	line-height: 1;
}
.block-ville {
	border-left: var(--border);
}
.block-ville p {
	font-size: var(--size2);
}
#header .logo .block {
	width: 100%;
}
#header .logo a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	margin-left: calc(var(--stroke)*-1);
	margin-right: calc(var(--stroke)*-1);
	background-color: var(--rouge);
}
#header .logo a span {
	/* height: calc(calc(100vw / 12) - var(--stroke)); */
	height: var(--hauteur_header_menu);
	width: var(--hauteur_header_menu);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	font-size: var(--size2);
	text-transform: uppercase;
	font-weight: 900;
	text-indent: -100000px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 110%;
	background-color: var(--blanc);
}
#header .logo a span.letter-1,
.champ.sitename .logo span.letter-1 {
	background-image: url(../img/logo-01.svg);
	border-left: var(--border);
	width: calc(var(--hauteur_header_menu) + var(--stroke));
}
#header .logo a span.letter-2,
.champ.sitename .logo span.letter-2 {
	background-image: url(../img/logo-02.svg);
}
#header .logo a span.letter-3,
.champ.sitename .logo span.letter-3 {
	background-image: url(../img/logo-03.svg);
}
#header .logo a span.letter-4,
.champ.sitename .logo span.letter-4 {
	background-image: url(../img/logo-04.svg);
}
#header .logo a span.letter-5,
.champ.sitename .logo span.letter-5 {
	background-image: url(../img/logo-05.svg);
}
#header .logo a span.letter-7,
.champ.sitename .logo span.letter-7 {
	background-image: url(../img/logo-07.svg);
}
#header .logo a span.letter-8,
.champ.sitename .logo span.letter-8 {
	background-image: url(../img/logo-08.svg);
}
#header .logo a span.letter-9,
.champ.sitename .logo span.letter-9 {
	background-image: url(../img/logo-09.svg);
}
#header .logo a span.letter-10,
.champ.sitename .logo span.letter-10 {
	background-image: url(../img/logo-10.svg);
}
#header .logo a span.letter-11,
.champ.sitename .logo span.letter-11 {
	background-image: url(../img/logo-11.svg);
}
#header .logo a span.letter-12,
.champ.sitename .logo span.letter-12 {
	background-image: url(../img/logo-12.svg);
}
#header .logo a span {
	border-right: var(--border);
}
#header .block_menu {
	-webkit-box-flex: 1;
	    -ms-flex: 1 0 auto;
	        flex: 1 0 auto;
}
#header .selecteur_langue ul:not(.contextual-links),
#header .block_menu ul:not(.contextual-links) {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	height: 100%;
	width: 100%;
}
#header .selecteur_langue.gauche ul li:nth-child(2),
#header .selecteur_langue.droite ul li:nth-child(1) {
	display: none;
}
#header .selecteur_langue ul:not(.contextual-links) li,
#header .block_menu ul:not(.contextual-links) li {
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
}
#header .selecteur_langue ul:not(.contextual-links) li a,
#header .block_menu ul:not(.contextual-links) li a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 100%;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	text-align: center;
	padding: 0 var(--gutter);
	border-right: var(--border);
	text-transform: lowercase;
	line-height: 1.4;
	position: relative;
}
#header .block_menu ul:not(.contextual-links) li a {
	padding: 0 calc(var(--gutter)*1);
}
#header .selecteur_langue.droite ul:not(.contextual-links) li a {
	border-left: var(--border);
	border-right: none;
}
#header .block_menu ul:not(.contextual-links) li:last-child a {
	border-right: none;
}
#header .selecteur_langue ul:not(.contextual-links) li a {
	text-transform: uppercase;
	width: calc(calc(100vw / 12) - 2px);
}
#header .selecteur_langue ul:not(.contextual-links) li a:hover,
#header .block_menu ul:not(.contextual-links) li a:hover {
	background-color: var(--rouge);
	color: var(--blanc);
}
#header .selecteur_langue ul:not(.contextual-links) li a.is-active,
#header .block_menu ul:not(.contextual-links) li a.is-active,
#header .block_menu ul:not(.contextual-links) li.is-active a {
	background-color: var(--rouge);
	color: var(--blanc);
}
#header .block .layout .champ.picto {
	width: 40px;
}
/* FIN HEADER */

/* HEADER MOBILE */
#header .header_mobile {
	display: none;
}
#header #header_menu .block_menu_footer,
#header #header_menu .logo_partenaire {
	display: none;
}
@media print, screen and (max-width: 1024px) {
	#header .logo a span {
		-webkit-box-flex: 1;
		    -ms-flex: 1;
		        flex: 1;
		height: calc(calc(100vw / 12) - var(--stroke));
	}
	footer {
		display: none;
	}
	#header .header_mobile,
	#header #header_menu .block_menu_footer,
	#header #header_menu .logo_partenaire {
		display: block;
		height: inherit;
	}
	#header #header_menu .logo_partenaire {
		margin-bottom: var(--gutter);
		border: none;
	}
	#header .block-identitedusite,
	#header .block-ville,
	#header .block-ville p {
		font-size: var(--size15);
	}
	#header #header_menu .block_recherche {
		display: none;
	}
	#header #header_menu {
		display: none;
		background-color: var(--blanc);
		margin-right: 0;
	}
	#header .block_menu {
		height: inherit !important;
	}
	#header #header_menu.menu_open,
	#header .block_menu ul:not(.contextual-links) {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-ms-flex-wrap: nowrap;
		    flex-wrap: nowrap;
	}
	#header .block_menu ul:not(.contextual-links) li a {
		-webkit-box-pack: start;
		    -ms-flex-pack: start;
		        justify-content: flex-start;
		padding: var(--gutter);
		padding-right: 60px;
		border-bottom: var(--border);
		border-right: none;
		font-size: var(--size2);
		position: relative;
		text-align: left;
	}
	#header .block_menu ul:not(.contextual-links) li a:after {
		content: "";
		position: absolute;
		height: 100%;
		width: 80px;
		-webkit-transform: rotate(180deg);
		    -ms-transform: rotate(180deg);
		        transform: rotate(180deg);
		right: var(--gutter);
		background-image: url(/sites/default/files/medias/pictos/f11.svg);
		background-repeat: no-repeat;
		background-position: left center;
		background-size: 40%;
		-webkit-filter: var(--filter_rouge);
		        filter: var(--filter_rouge);
	}
	#header .block_menu ul:not(.contextual-links) li a:hover:after,
	#header .block_menu ul:not(.contextual-links) li a.is-active:after,
	#header .block_menu ul:not(.contextual-links) li.is-active a:after {
		-webkit-filter: var(--filter_blanc);
		        filter: var(--filter_blanc);
	}
	#header #header_menu .block_menu_footer {
		padding: 10px 0;
	}
	#header #header_menu .block_menu_footer li a {
		font-size: var(--size15);
		padding: 5px var(--gutter);
		display: block;
		font-weight: 500;
	}
	#header .header_mobile {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
	}
	#ham {
		height: var(--hauteur_header);
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		border-right: var(--border);
		cursor: pointer;
		background-image: url(/sites/default/files/medias/pictos/f18.svg);
		background-repeat: no-repeat;
		background-position: center;
		background-size: 40px;
		-webkit-filter: var(--filter_rouge);
		        filter: var(--filter_rouge);
		text-indent: -10000px;
	}
	#ham.menu_open {
		background-image: url(/sites/default/files/medias/pictos/f19_0.svg);
	}
	#header .block_recherche a.recherche {
		border-left: var(--border);
		border-right: none;
	}
	#header .block-hamburger,
	#header .block_recherche,
	#header .selecteur_langue {
		width: 50px;
	}
	#header .selecteur_langue ul:not(.contextual-links) li a {
		width: auto;
	}
	#header .block-entreerapidemobile {
		-webkit-box-flex: 1;
		    -ms-flex: 1;
		        flex: 1;
	}
	#header .block-entreerapidemobile ul {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		height: 100%;
	}
	#header .block-entreerapidemobile ul li {
		-webkit-box-flex: 1;
		    -ms-flex: 1;
		        flex: 1;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
	#header .block-entreerapidemobile ul li a {
		-webkit-box-flex: 1;
		    -ms-flex: 1;
		        flex: 1;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		font-size: var(--size1);
		line-height: 1;
	}
	#header .block-entreerapidemobile ul li:not(:last-child) a {
		border-right: var(--border);
	}
}
@media print, screen and (max-width: 600px) {
	#header .block-identitedusite,
	#header .block-ville,
	#header .block-ville p {
		font-size: var(--size1);
	}
	#header .block-ville {
		display: none !important;
	}
}
/* FIN HEADER MOBILE */

/* PRECONTENT */
#precontent .block_menu_sous ul,
#precontent .block_filtres ul,
#magellan-menu ul,
.bef-exposed-form {
	border-bottom: var(--border);
}
.bef-exposed-form {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
#precontent .block form,
#precontent .block .bef-links,
.bef-exposed-form fieldset {
	-webkit-box-flex: 1;
	    -ms-flex: 1 0 auto;
	        flex: 1 0 auto;
	width: 100%;
	margin: 0;
}
#precontent .block ul,
#magellan-menu ul,
.bef-exposed-form .form-radios {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
#precontent .block ul li a,
#magellan-menu ul li a,
.bef-exposed-form .form-radios label.option {
	font-size: var(--size2);
	line-height: 1;
	font-weight: 900;
	padding: var(--gutter) calc(calc(var(--gutter)*.5) + 50px);
	margin: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	text-align: center;
	position: relative;
}
#precontent .block-filtres-ages .form-radios label.option {
	font-size: var(--size1);
}
#precontent .block_filtres label:not(.option),
.bef-exposed-form legend,
.bef-exposed-form .form-radios input {
	display: none;
}
@media print, screen and (max-width: 1024px) {
	#precontent .block ul,
	.bef-exposed-form .form-radios {
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
	}
	#precontent .block ul li a.is-active:after,
	#precontent .block ul li a.is-active:before,
	#precontent .block ul li a.bef-link--selected:after,
	#precontent .block ul li a.bef-link--selected:before {
		width: 20px;
		height: 20px;
		margin-top: -8px;
	}
}
/* FIN PRECONTENT */

/* FOOTER */
footer .block-pieddepage {
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	margin-bottom: calc(var(--stroke)*-1);
}
footer .block-pieddepage ul:not(.contextual-links) {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	height: 100%;
}
footer .block-pieddepage ul:not(.contextual-links) li {
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
}
footer .block-pieddepage ul:not(.contextual-links) li a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 100%;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	text-align: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	padding: 0 calc(var(--gutter)*1);
	padding-bottom: 2px;
	border-right: var(--stroke) solid var(--rouge);
	border-bottom: var(--stroke) solid var(--rouge);
	text-transform: lowercase;
	line-height: 1;
	height: calc(var(--hauteur_header)*1);
	background-color: var(--blanc);
	color: var(--rouge);
	font-weight: 600;
}
footer .block-pieddepage ul:not(.contextual-links) li a:hover {
	background-color: var(--rouge);
	color: var(--blanc);
}
footer .block-pieddepage ul:not(.contextual-links) li a.is-active {
	background-color: var(--rouge);
	color: var(--blanc);
}
[class*=block-logocentrepompidou] {
	border-right: var(--stroke) solid var(--rouge);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
[class*=block-logocentrepompidou] a {
	text-indent: -10000px;
	display: inline-block;
	width: 150px;
	height: 30px;
	-webkit-filter: var(--filter_rouge);
	        filter: var(--filter_rouge);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(/themes/custom/milleformes/dist/img/logo-pompidou.svg);
}
[class*=block-logovilledeclermontferrand] {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
[class*=block-logovilledeclermontferrand] a {
	text-indent: -10000px;
	display: inline-block;
	width: 150px;
	height: 30px;
	-webkit-filter: var(--filter_rouge);
	        filter: var(--filter_rouge);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(/themes/custom/milleformes/dist/img/logo-clermont.png);
}
/* FIN FOOTER */

/* MAIN */
main {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
main #precontent {
	width: 100%;
}
main .container {
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	-webkit-box-sizing: content-box;
	        box-sizing: content-box;
	max-width: var(--maxwidth);
	width: 100%;
	margin-left: calc(var(--stroke)*-1);
	margin-right: calc(var(--stroke)*-1);
	border-left: var(--border);
	border-right: var(--border);
}
main .block-milleformes-page-title {
	padding: var(--gutter);
	border-bottom: var(--border);
}
.node--type-page main .block-milleformes-content .layout > .champ:not(.para),
.node--type-page main .block-milleformes-content .layout > .champ.para > .para {
	padding: var(--gutter);
	border-bottom: var(--border);
}
main .block-milleformes-content .layout > .champ:not(.para):last-child,
main .block-milleformes-content .layout > .champ.para > .para:last-child {
	border-bottom: none;
}
/* FIN MAIN */

/* DIAPORAMA */
.champ.glide {
	position: relative;
}
.champ.glide .glide__arrows {
	top: 50%;
	width: 100%;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
	position: absolute;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	padding: 0 var(--gutter);
}
.champ.glide .glide__arrows button {
	cursor: pointer;
}
.champ.glide .glide__arrows svg {
	padding: 5px;
	width: 50px;
	height: 50px;
}
.champ.glide .glide__arrows svg path {
	stroke-width: calc(var(--stroke)*0.5);
	stroke: var(--rouge);
	fill: var(--rouge);
}
.champ.glide .glide__arrows button:hover svg path {
	stroke: var(--orange);
	fill: var(--orange);
}
/* FIN DIAPORAMA */

/* SPLIDE */
.splide {
	z-index: 0;
}
.node-evenement .splide--field {
	margin: 0 50px;
}
.splide__arrow {
	background-color: transparent;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	width: 50px;
	height: 50px;
	opacity: 1;
}
.splide__arrow[disabled] {
	opacity: 0;
}
@media print, screen and (max-width: 1024px) {
	.splide__arrow {
		display: none;
	}
}
.splide__arrow:hover {
	border-color: var(--noir);
}
.splide__arrow svg {
	display: none;
}
.splide__arrow--prev,
.splide__arrow--next {
	-webkit-filter: var(--filter_rouge);
	        filter: var(--filter_rouge);
	background-size: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(/sites/default/files/medias/pictos/f11.svg);
}
.splide__arrow--prev {
	left: -50px;
}
.splide__arrow--next {
	right: -50px;
	-webkit-transform-origin: center top;
	    -ms-transform-origin: center top;
	        transform-origin: center top;
	-webkit-transform: rotate(180deg) translateY(-50%);
	    -ms-transform: rotate(180deg) translateY(-50%);
	        transform: rotate(180deg) translateY(-50%);
}
.node-view.grid-x > #col-centre .splide__arrow--prev {
	margin-left: calc(var(--gutter)*-4);
	left: -40px;
}
.node-view.grid-x > #col-centre .splide__arrow--next {
	margin-right: calc(var(--gutter)*-4);
	right: -40px;
}
.splide__pagination {
	position: relative;
	margin: var(--gutter) 0;
}
.splide__pagination button {
	-webkit-filter: var(--filter_rouge);
	        filter: var(--filter_rouge);
	opacity: 1;
	width: 40px;
	height: 40px;
	margin: 0 5px;
	background-color: transparent !important;
	background-size: 100% !important;
	background-position: center bottom !important;
	background-repeat: no-repeat !important;
	background-image: url(/sites/default/files/medias/pictos/f12.svg) !important;
}
.splide__pagination button.is-active {
	-webkit-transform: none;
	    -ms-transform: none;
	        transform: none;
	background-position: center top !important;
}
.splide__pagination li:nth-child(6n+1) button {
	background-image: url(/sites/default/files/medias/pictos/f12.svg) !important;
}
.splide__pagination li:nth-child(6n+2) button {
	background-image: url(/sites/default/files/medias/pictos/f13.svg) !important;
}
.splide__pagination li:nth-child(6n+3) button {
	background-image: url(/sites/default/files/medias/pictos/f14.svg) !important;
}
.splide__pagination li:nth-child(6n+4) button {
	background-image: url(/sites/default/files/medias/pictos/f15.svg) !important;
}
.splide__pagination li:nth-child(6n+5) button {
	background-image: url(/sites/default/files/medias/pictos/f16.svg) !important;
}
.splide__pagination li:nth-child(6n+6) button {
	background-image: url(/sites/default/files/medias/pictos/f17.svg) !important;
}
.slide__caption,
.blazy__caption {
	font-size: var(--size-2);
	line-height: 1;
	padding: 5px 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}
.slide__caption .slide__title,
.blazy__caption .blazy__caption--title {
	-webkit-box-ordinal-group: 3;
	    -ms-flex-order: 2;
	        order: 2;
	font-size: var(--size-2);
}
.slide__caption .slide__description {
	-webkit-box-ordinal-group: 2;
	    -ms-flex-order: 1;
	        order: 1;
}
.is-b-loading {
	z-index: 0;
}
.is-b-loading::before {
	background: url(../img/logo-01.svg) !important;
	-webkit-animation: none !important;
	        animation: none !important;
}
@media print, screen and (max-width: 1024px) {
	.node-evenement .splide--field {
		margin: 0 0 var(--gutter) 0;
	}
	.node-view .splide .slide img {
		width: 100%;
		height: auto !important;
	}
	.splide__pagination {
		display: none;
	}
}
/* FIN SPLIDE */

/* ACCUEIL */
.path-frontpage #header .logo a span {
	-webkit-box-flex: inherit;
	    -ms-flex: inherit;
	        flex: inherit;
	width: calc(100% / 6);
	height: calc(calc(100vw / 6) - var(--stroke));
}
.path-frontpage #header .logo a span:nth-child(-n+6) {
	border-bottom: var(--border);
}
.path-frontpage #header .logo a span.letter-7 {
	border-left: var(--border);
}
.para.accordeon .para.sous-titre {
	margin-top: 0;
	border-top: none;
	border-bottom: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.node-view .para.accordeon {
	display: block;
	width: 100%;
	padding: 0 !important;
	position: relative;
	z-index: 0;
	border-bottom: var(--border);
}
.para.accordeon .para.texte {
	max-width: 1000px;
}
.para.accordeon .para.texte,
.para.accordeon .para.texte-image {
	padding-left: calc(var(--gutter)*4);
	padding-right: calc(var(--gutter)*4);
	padding-top: calc(var(--gutter)*2);
	padding-bottom: calc(var(--gutter)*2);
}
.para.accordeon .para.video {
	max-width: 1000px;
	margin: 0 auto;
}
.para.accordeon .para.fichier {
	text-align: right;
	padding-left: calc(var(--gutter)*4);
	padding-right: calc(var(--gutter)*4);
}
.para.accordeon .para.texte .champ.texte ul li {
	margin-left: -50px;
}
.node-view .para.accordeon > .layout {
	background: transparent !important;
}
.node-view .para.accordeon.jaune {
	background-color: var(--jaune);
}
.node-view .para.accordeon.blanc {
	background-color: var(--blanc);
}
.node-view .para.accordeon.bleu {
	background-color: var(--bleu);
}
.node-view .para.accordeon.violet {
	background-color: var(--violet);
}
.node-view .para.accordeon.orange {
	background-color: var(--orange);
}
.node-view .para.accordeon.vert {
	background-color: var(--vert);
}
.node-view .para.accordeon.rose {
	background-color: var(--rose);
}

.para.accordeon .para.sous-titre .champ.sous-titre {
	display: inline-block;
}
.para.accordeon .para.sous-titre h2 {
	text-transform: uppercase;
	font-weight: 700;
	font-size: var(--size3);
}
.node-view.node-accueil .para.vue {
	padding: 0;
}
.node-view.node-accueil .layout > .cell > .para.lien {
	padding: 0;
	height: 100%;
}
.node-view.node-accueil .layout > .cell > .para.lien .champ.lien {
	height: 100%;
}
.node-view.node-accueil .layout > .cell > .para.lien .champ.lien a {
	height: 100%;
	padding: var(--gutter);
	text-transform: uppercase;
	font-weight: 700;
	font-size: var(--size3);
	line-height: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	border-bottom: var(--border);
}
.node-view.node-accueil .layout > .cell > .para.lien .champ.lien a:before {
	display: none;
}
.node-view.node-accueil .layout > .cell > .para.lien .champ.lien a:hover {
	background-color: var(--rouge);
	color: var(--blanc);
}
.layout.accordeon .accordion {
	display: block;
	width: 100%;
	background: transparent !important;
}
.layout.accordeon .accordion > li {
	background: transparent !important;
}
.layout.accordeon .accordion-title,
.layout.accordeon .accordion-content {
	padding: 0;
	padding-right: 40px;
	border: none;
	background: transparent !important;
}
.layout.accordeon .accordion-content {
	border-top: var(--border);
	padding: 0;
}
.layout.accordeon .accordion-title:before {
	content: "";
	width: 40px;
	height: 40px;
	margin: 0;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
	background-size: 100%;
	background-position: center top;
	background-repeat: no-repeat;
	background-image: url(/sites/default/files/medias/pictos/f23.svg);
	-webkit-filter: var(--filter_rouge);
	        filter: var(--filter_rouge);
}
.layout.accordeon .is-active .accordion-title:before {
	-webkit-transform: translateY(-50%) rotate(90deg);
	    -ms-transform: translateY(-50%) rotate(90deg);
	        transform: translateY(-50%) rotate(90deg);
}
.layout.accordeon .accordion-content .para.lien {
	padding: 0;
}
.layout.accordeon .accordion-content .para.lien .champ.lien a {
	border-top: var(--border);
	padding: calc(var(--gutter)*.5) var(--gutter);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	font-size: var(--size2);
	text-align: center;
	line-height: 1;
}
.layout.accordeon .accordion-content .para.lien .champ.lien a:hover {
	background-color: var(--rouge);
	color: var(--blanc);
}
.taxonomie_ages_liste ul.liste {
	margin: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	margin-bottom: calc(var(--stroke)*-1);
	margin-right: calc(var(--stroke)*-1);
}
.taxonomie_ages_liste ul.liste li {
	-webkit-box-flex: 2;
	    -ms-flex-positive: 2;
	        flex-grow: 2;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	border-bottom: var(--border);
	border-right: var(--border);
}
.taxonomie_ages_liste ul.liste li a {
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	text-align: center;
	padding: var(--gutter);
	line-height: 1;
	font-weight: 900;
}
.taxonomie_ages_liste ul.liste li a:hover {
	background-color: var(--rouge);
	color: var(--blanc);
}
/* FIN ACCUEIL */

/* TEASER */
.teaser .champ.titre h2 {
	font-size: var(--size15);
	font-weight: 700;
}
.teaser .champ.node_soustitre {
	margin-top: var(--gutter);
	font-size: var(--size1);
	font-weight: 500;
}
.teaser .champ.texte.chapeau {
	margin: var(--gutter) 0;
}
#col-droite .champ:not(:last-child) {
	margin-bottom: calc(var(--gutter)*1);
}
.teaser.taxo .titre {
	font-weight: 900;
}
/* FIN TEASER */

/* GRID */
.vue.programme ul.grid-x {
	overflow: hidden;
	margin-left: 0;
	margin-right: calc(var(--stroke)*-1);
	margin-top: calc(var(--stroke)*-1);
}
.vue.programme ul.grid-x > li {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	border-right: var(--border);
	border-top: var(--border);
	padding: var(--gutter);
	padding-top: 0;
}
.vue.programme ul.grid-x > li > .layout,
.vue.programme ul.grid-x > li > .layout .teaser {
	height: 100%;
}
/**/
.vue #vue_footer .champ.picto {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-filter: var(--filter_rouge);
	        filter: var(--filter_rouge);
	border-top: var(--border);
	padding: var(--gutter);
	margin-top: calc(var(--stroke)*-1);
}
.vue #vue_footer .champ.picto .item {
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
}
.vue #vue_footer .champ.picto img {
	border: none;
	padding: 10%;
}
.vue #vue_contenu > div > h3 {
	text-align: center;
	margin: 0;
	padding: var(--gutter);
	border-bottom: var(--border);
	font-size: var(--size2);
	font-weight: 700;
	text-transform: lowercase;
}
.vue .liste-tableau {
	margin: 0;
}
.vue.boiteoutils_articles .liste-tableau {
	margin-bottom: calc(var(--stroke)*-1);
}
.vue .liste-tableau li a {
	border-bottom: var(--border);
	padding: var(--gutter);
	font-size: var(--size2);
	font-weight: 900;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	position: relative;
	line-height: 1;
}
.vue .liste-tableau li a .categorie,
.vue .liste-tableau li a .age {
	font-size: var(--size1);
}
.vue.individus .liste-tableau li a {
	color: var(--jaune_fonce);
	padding-top: calc(var(--gutter) + 0px);
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
}
.vue.programme .liste-tableau li a {
	color: var(--vert_fonce);
}
.vue.boiteoutils_articles .liste-tableau li a {
	color: var(--bleu_fonce);
}
.vue .liste-tableau li a .picto {
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 50px;
	        flex: 0 0 50px;
	margin-right: var(--gutter);
}
.vue.individus .liste-tableau li a .picto {
	-webkit-filter: var(--filter_jaune_fonce);
	        filter: var(--filter_jaune_fonce);
}
.vue.programme .liste-tableau li a .picto {
	-webkit-filter: var(--filter_vert_fonce);
	        filter: var(--filter_vert_fonce);
}
.vue.boiteoutils_articles .liste-tableau li a .picto {
	-webkit-filter: var(--filter_bleu_fonce);
	        filter: var(--filter_bleu_fonce);
}
.vue.boiteoutils_articles .liste-tableau li a .annee {
	text-align: right;
}
.vue .liste-tableau li a .picto.droite {
	margin-left: var(--gutter);
	margin-right: 0;
}
.vue .liste-tableau li a .picto img {
	width: 50px;
	height: 30px;
}
.vue .liste-tableau li a > div {
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
}
.vue .liste-tableau li a > div:not(.picto) {
	padding-right: 20px;
}
.vue .liste-tableau li a .article {
	-webkit-box-flex: 3;
	    -ms-flex: 3;
	        flex: 3;
}
.vue .liste-tableau li a .discipline,
.vue .liste-tableau li a .thematique,
.vue .liste-tableau li a .typologie {
	text-transform: lowercase;
}
.vue .liste-tableau li a .evenement {
	text-transform: uppercase;
}
.vue .liste-tableau li a:hover {
	color: var(--rouge);
}
.vue .liste-tableau li a:hover .picto {
	-webkit-filter: var(--filter_rouge);
	        filter: var(--filter_rouge);
}
@media print, screen and (max-width: 1024px) {
	.vue .liste-tableau li a {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
	.vue .liste-tableau li a > div:not(.picto) {
		padding: 5px 0;
		text-align: center;
	}
	.vue .liste-tableau li a .picto {
		-webkit-box-flex: 0;
		    -ms-flex: 0 0 30px;
		        flex: 0 0 30px;
	}
	.vue .liste-tableau li a .picto.gauche {
		margin: 0 0 10px 0;
	}
	.vue .liste-tableau li a .picto.droite {
		margin: 10px 0 0 0;
	}
}
/* FIN GRID */

/* TEASER EVEN */
.teaser.node.evenement .cell {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}
.teaser.node.evenement .age_cat {
	text-align: center;
	line-height: 1;
	margin-bottom: var(--gutter);
	border-bottom: var(--border);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.teaser.node.evenement .age_cat .champ,
.vue.artistes_pour_mille_formes .teaser.node.evenement .age_cat .champ {
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	padding: var(--gutter);
	margin: 0 !important;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	font-weight: 700;
}
.teaser.node.evenement .age_cat .champ:not(:last-child) {
	border-right: var(--border) !important;
}
.teaser.node.evenement .date-libre {
	font-size: var(--size2);
	font-weight: 300;
	line-height: 1.3;
	padding-bottom: var(--gutter);
	margin-bottom: var(--gutter);
	border-bottom: var(--border);
}
.teaser.node.evenement .titre h2 {
	text-transform: uppercase;
	font-size: var(--size2);
}
.teaser.node.evenement .couverture {
	margin: var(--gutter) 0;
	border: var(--border);
}
.teaser.node.evenement .couverture img {
	width: 100%;
}
.teaser.node.evenement .production {
	font-size: var(--size-2);
	margin-top: auto;
}
/* override ref even dans les pages artistes */
.vue.artistes_pour_mille_formes .teaser.node.evenement .age,
.vue.artistes_pour_mille_formes .teaser.node.evenement .date-libre {
	text-align: left;
	border: none;
}
.vue.artistes_pour_mille_formes .teaser.node.evenement .champ {
	padding: 0;
	margin: calc(var(--gutter)*.5) !important;
}
.vue.artistes_pour_mille_formes .teaser.node.evenement .cell {
	border-bottom: var(--border);
	padding-bottom: var(--gutter);
	margin-bottom: var(--gutter);
}
/* FIN TEASER EVEN */

/* NODE EVEN */
.node-view.grid-x > .cell {
	padding: var(--gutter);
}
.node-view.grid-x > #col-gauche {
	border-right: var(--border);
}
.node-view.grid-x > #col-gauche,
.node-view.grid-x > #col-droite {
	padding-top: calc(var(--gutter)*2 + 3px);
}
.node-view.grid-x > #col-centre {
	padding-left: calc(var(--gutter)*4);
	padding-right: calc(var(--gutter)*4);
}
.node-view.grid-x > #col-centre {
	padding-bottom: calc(var(--gutter)*4);
}
.node-view .champ.sous-titre {
	margin-bottom: var(--gutter);
}
.node-view.grid-x > #col-centre .two-col {
	margin: 0 calc(var(--gutter)*-1);
}
.node-view.grid-x > #col-centre .two-col > .cell {
	padding: 0 calc(var(--gutter)*1);
}
/* hack pour pas voir les border rouge sur les images */
.node-view .media {
	margin: 0px;
}
.node-view .champ.medias img,
.node-view .splide img {
	width: 100%;
	border: var(--border);
}
.node-view .champ.responsive-embed iframe {
	border: var(--border);
}
.node-view .splide .slide {
	display: -webkit-box !important;
	display: -ms-flexbox !important;
	display: flex !important;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
.node-view .splide .slide > div:has(iframe) {
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	height: 100%;
	width: 100%;
}
.node-view .splide .slide .layout {
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
.node-view .splide .slide img {
	max-height: 600px;
	width: auto;
}
.node-view.node-page.grid-x .layout_gauche .splide {
	margin: var(--gutter) 0;
}
.node-view.node-page.grid-x .layout_gauche .splide .slide img {
	height: auto;
}
.node-view .champ.production {
	margin-top: calc(var(--gutter)*2);
}
.node-view .champ.discipline {
	border-top: var(--border);
	padding-top: var(--gutter);
	margin-top: calc(var(--gutter)*2);
}
.node-view.node-individu .champ.discipline {
	border-top: none;
	padding-top: 0;
	margin-top: 0;
}
.node-view .champ.discipline .item {
	display: inline-block;
	text-transform: lowercase;
	font-size: var(--size2);
	font-weight: 300;
}
.node-view.node-evenement .champ.discipline .item a {
	color: var(--vert_fonce);
}
.node-view.node-individu .champ.discipline .item a {
	color: var(--jaune_fonce);
}
.node-view.node-individu #col-gauche .pays a {
	color: var(--jaune_fonce);
	font-size: var(--size2);
	font-weight: 300;
	text-transform: lowercase;
}
.node-view .champ.discipline .item:not(:last-child):after {
	content: ", ";
}
.node-view #col-gauche > .champ:not(:last-child) {
	margin-bottom: var(--gutter);
	padding-bottom: var(--gutter);
	border-bottom: var(--border);
}
.node-view #col-gauche > .age_cat {
	margin-bottom: var(--gutter);
	padding-bottom: var(--gutter);
	border-bottom: var(--border);
	font-weight: 700;
}
.node-view:not(.node-boiteaoutils) #col-gauche .taxo.espace .titre,
.node-view:not(.node-boiteaoutils) #col-gauche .taxo.espace .address {
	line-height: 1.4;
}
.node-view #col-gauche .fichier a {
	font-weight: 700;
	line-height: 1.4;
}
.node-view.node-evenement #col-gauche .fichier a {
	color: var(--vert_fonce);
}
.node-view.node-boiteaoutils #col-gauche .fichier a {
	color: var(--bleu_fonce);
}
.node-boiteaoutils #col-gauche > .fichier span.random_picto {
	-webkit-filter: var(--filter_bleu_fonce) !important;
	        filter: var(--filter_bleu_fonce) !important;
}
.node-view .champ.pager {
	width: 100%;
	border-top: var(--border);
	border-bottom: var(--border);
}
.node-view .champ.pager ul {
	margin: 0;
	margin-right: calc(var(--stroke)*-1);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.node-view .champ.pager ul li {
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	margin: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.node-view .champ.pager ul li a {
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	height: 100%;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	text-align: center;
	font-size: var(--size2);
	line-height: 1.3;
	font-weight: 700;
	text-transform: uppercase;
	padding: var(--gutter) calc(var(--gutter)*2);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	border-right: var(--border);
	position: relative;
}
@media print, screen and (max-width: 1024px) {
	.node-view.grid-x > #col-centre {
		padding-left: calc(var(--gutter)*1);
		padding-right: calc(var(--gutter)*1);
	}
	.node-view .champ.pager ul li a {
		font-size: var(--size15);
	}
	.node-view .champ.pager {
		border-bottom: none;
	}
	.node-view #col-gauche > .age_cat {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		padding: 0;
	}
	.node-view #col-gauche > .age_cat .champ {
		-webkit-box-flex: 1;
		    -ms-flex: 1;
		        flex: 1;
		text-align: center;
		padding: var(--gutter);
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}
	.node-view #col-gauche > .age_cat .champ:not(:last-child) {
		border-right: var(--border);
	}
}
#precontent .block_menu_sous ul li a {
	font-size: var(--size2);
}
.node-view .champ.pager ul li a:after {
	right: var(--gutter);
	left: inherit;
}
.node-view .champ.pager ul li a:hover {
	background-color: var(--rouge);
	color: var(--blanc);
}
.node-view:not(.node-boiteaoutils) .para {
	padding: var(--gutter);
}
.node-view .para.texte-image .no-image-style {
	-webkit-filter: var(--filter_rouge);
	        filter: var(--filter_rouge);
}
.node--type-evenement .node-view .champ.pager ul li a:hover {
	color: var(--vert);
}
.node--type-individu .node-view .champ.pager ul li a:hover {
	color: var(--jaune);
}
.node--type-boiteoutils-node .node-view .champ.pager ul li a:hover {
	color: var(--bleu);
}
.node-view.node-page .layout.two-col .layout_droite .para,
.node-view.node-page .layout.one-col .layout_full .para {
	padding-left: calc(var(--gutter)*4);
	padding-right: calc(var(--gutter)*4);
}
.node-view .para.diaporama {
	padding: 0 calc(var(--gutter)*3);
}
.node-view .champ.separateur {
	border-bottom: var(--border) !important;
	padding: 0 !important;
	margin: 0 !important;
}
.node-view .para.sous-titre {
	margin-top: calc(var(--stroke)*-1);
	border-top: var(--border);
	border-bottom: var(--border);
}
.node-view .para .champ.sous-titre {
	margin-bottom: 0;
}
.node-view .para .champ.sous-titre h2 {
	font-weight: 900;
}
.node-view .para.grille-de-pictos .champ.medias {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-filter: var(--filter_rouge);
	        filter: var(--filter_rouge);
}
.node-view .para.grille-de-pictos .champ.medias .item {
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
}
.node-view .para.grille-de-pictos .champ.medias img {
	border: none;
	padding: 10%;
}
.node-view .para.grille-de-logos .champ.image-media {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}
.node-view .para.grille-de-logos .champ.image-media .item {
	padding: 10px;
}
.node-view .para.grille-de-logos .champ.image-media .item img {
	border: none;
	max-height: 120px;
	max-width: 170px;
	width: auto;
}
.para.accordeon .para.image {
	max-width: 1000px;
	margin: 0 auto;
}
.node-view .para.image .item:not(:last-child) {
	margin-bottom: calc(var(--gutter)*2);
}
.node-view .image-field-caption {
	border: none;
	padding: 0 !important;
	margin: 10px 0;
}
.node-view .image-field-caption * {
	margin: 0;
	font-size: var(--size-2);
	color: var(--rouge);
	text-align: center;
}
.node-view .para.image .image-field-caption p {
	font-size: var(--size-2);
	color: var(--rouge);
}
/* individus */
.node-view.node-individu.grid-x {
	margin-right: calc(var(--stroke)*-1);
}
.node-view.node-individu.grid-x > #col-gauche {
	border-right: var(--border);
	padding-top: 0;
}
.node-view.node-individu.grid-x > #col-droite {
	padding-top: 0;
}
.node-view.node-individu h1 {
	padding-bottom: var(--gutter);
	border-bottom: var(--border);
}
.node-view.node-individu .champ.dynamic-twig-fieldnode-artiste-titre-pour-mille-formes {
	font-size: var(--size3);
	line-height: 1;
	font-weight: 900;
	text-transform: uppercase;
	margin: var(--gutter) 0;
	margin-bottom: 0 !important;
	padding-bottom: var(--gutter);
	border-bottom: var(--border);
}
.para.texte-image .champ.image-media {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.para.texte-image .champ.image-media img:not(:last-child) {
	margin-bottom: var(--gutter);
}
.para.texte-image .img_gauche {
	padding-left: calc(var(--gutter)*2.5);
}
@media print, screen and (max-width: 1024px) {
	.para.texte-image .champ.image-media {
		margin-bottom: var(--gutter);
	}
}
.champ.texte ul {
	margin: 0;
}
.node-view.node-individu .champ.liens a,
.node-view .layout.two-col .champ.lien a,
.champ.texte ul li {
	position: relative;
	display: block;
	padding: 5px 0 5px 50px;
	font-size: var(--size1);
}
.champ.texte ul li p {
	margin: 0;
}
.layout_droite .para.texte .champ.texte ul li {
	margin-left: -50px;
	font-size: var(--size1);
}
.node-view.node-individu .champ.liens a:before,
.node-view .layout.two-col .champ.lien a:before,
.champ.texte ul li:before {
	content: "";
	-webkit-filter: var(--filter_rouge);
	        filter: var(--filter_rouge);
	position: absolute;
	left: 0;
	top: 0;
	width: 25px;
	height: 25px;
	background-size: 100%;
	background-position: center top;
	background-repeat: no-repeat;
	background-image: url(/sites/default/files/medias/pictos/f12.svg);
}
@media print, screen and (max-width: 1024px) {
	.node-view.node-individu .champ.liens a:before,
	.node-view .layout.two-col .champ.lien a:before,
	.champ.texte ul li:before {
		width: 20px;
		height: 20px;
		margin-top: 4px;
		left: 17px;
	}
}
.node-view.node-individu .champ.liens a {
	color: var(--jaune_fonce);
}
.node-view.node-individu .champ.liens a:before {
	-webkit-filter: var(--filter_jaune_fonce);
	        filter: var(--filter_jaune_fonce);
}
.node-view.node-individu .champ.liens .item:nth-child(2n) a:before,
.champ.texte ul li:nth-child(2n):before {
	background-image: url(/sites/default/files/medias/pictos/f13.svg);
}
.node-view.node-individu .champ.liens .item:nth-child(3n) a:before,
.champ.texte ul li:nth-child(3n):before {
	background-image: url(/sites/default/files/medias/pictos/f14.svg);
}
.node-view.node-individu .champ.liens .item:nth-child(4n) a:before,
.champ.texte ul li:nth-child(4n):before {
	background-image: url(/sites/default/files/medias/pictos/f15.svg);
}
.node-view.node-individu .champ.liens .item:nth-child(5n) a:before,
.champ.texte ul li:nth-child(5n):before {
	background-image: url(/sites/default/files/medias/pictos/f16.svg);
}
.node-view.node-individu .champ.pager ul {
	margin-right: 0;
}
.node-view.node-individu .champ.pager {
	margin-top: 0;
}
.node-view.node-individu.grid-x .champ.medias > .item:not(:last-child) {
	margin-bottom: var(--gutter);
}
/* page*/
.node-view.node-page.grid-x img,
.node-view.node-boiteaoutils.grid-x img {
	border: var(--border);
}
.node-view.node-page.grid-x > .layout {
	width: 100%;
}
.node-view.node-page.grid-x .layout_gauche {
	border-right: var(--border);
}
.node-view.node-page.grid-x .layout_gauche .champ.texte * {
	font-size: var(--size-2);
}
.jaune .node-view.node-page.grid-x .layout_gauche .champ.texte * {
	color: var(--jaune_fonce);
}
.orange .node-view.node-page.grid-x .layout_gauche .champ.texte * {
	color: var(--orange_fonce);
}
.violet .node-view.node-page.grid-x .layout_gauche .champ.texte * {
	color: var(--violet_fonce);
}
.bleu .node-view.node-page.grid-x .layout_gauche .champ.texte * {
	color: var(--bleu_fonce);
}
.vert .node-view.node-page.grid-x .layout_gauche .champ.texte * {
	color: var(--vert_fonce);
}
.rose .node-view.node-page.grid-x .layout_gauche .champ.texte * {
	color: var(--rose_fonce);
}
.gris .node-view.node-page.grid-x .layout_gauche .champ.texte * {
	color: var(--gris_fonce);
}
.jaune .node-view.node-page.grid-x .layout_gauche .champ.texte a {
	border-bottom-color: var(--jaune_fonce);
}
.orange .node-view.node-page.grid-x .layout_gauche .champ.texte a {
	border-bottom-color: var(--orange_fonce);
}
.violet .node-view.node-page.grid-x .layout_gauche .champ.texte a {
	border-bottom-color: var(--violet_fonce);
}
.bleu .node-view.node-page.grid-x .layout_gauche .champ.texte a {
	border-bottom-color: var(--bleu_fonce);
}
.vert .node-view.node-page.grid-x .layout_gauche .champ.texte a {
	border-bottom-color: var(--vert_fonce);
}
.rose .node-view.node-page.grid-x .layout_gauche .champ.texte a {
	border-bottom-color: var(--rose_fonce);
}
.gris .node-view.node-page.grid-x .layout_gauche .champ.texte a {
	border-bottom-color: var(--gris_fonce);
}
.node-view.node-page.grid-x .layout_gauche .champ {
	position: relative;
}
.node-view.node-page.grid-x .layout_droite {
	padding-bottom: var(--gutter);
}
.node-view .champ.date-libre {
	font-size: var(--size2);
	font-weight: 300;
	line-height: 1.4;
}
.node-boiteaoutils .champ.date-libre {
	font-size: var(--size1);
	font-weight: 700;
	line-height: inherit;
}
.node-view .layout.two-col.equal > .layout_gauche {
	border-right: var(--border);
}
/* boite à outils */
.node-boiteaoutils #col-gauche > .thematique {
	font-size: var(--size2);
	font-weight: 700;
}
.node-boiteaoutils #col-gauche > .typologie-articlesbao a {
	font-size: var(--size2);
	font-weight: 300;
	color: var(--bleu_fonce);
	text-transform: lowercase;
}
.node-boiteaoutils #col-gauche > .champ {
	position: relative;
	border-bottom: 1px solid #333;
}
.node-boiteaoutils #col-gauche > .champ.fichier {
	font-weight: 700;
	padding-left: calc(var(--gutter)*3);
	border: none;
	margin-bottom: 0;
	padding-bottom: 0;
}
.node-boiteaoutils #col-centre .para {
	margin-bottom: calc(var(--gutter)*1);
}
.node-boiteaoutils .group_titre {
	padding: var(--gutter);
	margin: 0;
	border-bottom: var(--border);
	text-align: center;
}
.node-boiteaoutils .champ.titre h1 {
	margin: 0;
	text-transform: inherit;
}
.node-boiteaoutils .champ.sous-titre {
	margin-top: var(--gutter);
	margin-bottom: 0;
}
@media print, screen and (max-width: 1024px) {
	.node-view.grid-x > #col-gauche {
		border-right: none;
	}
	#col-gauche {
		padding: 0;
		padding-bottom: var(--gutter);
		margin: var(--gutter);
		-webkit-box-flex: 1;
		    -ms-flex: 1;
		        flex: 1;
		border-bottom: var(--border);
	}
	.node-view.node-page.grid-x
	.node-view.node-individu.grid-x > #col-gauche {
		border-right: none;
	}
	.node-view .para.diaporama {
		padding: 0 calc(var(--gutter)*1);
	}
	.node-view.grid-x > #col-gauche,
	.node-view.grid-x > #col-droite {
		padding-top: 0;
	}
	.node-view .champ.pager ul {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
	.node-view .champ.pager ul li:nth-child(1) a {
		border-bottom: var(--border);
	}
	.node-view .champ.pager ul li a:after,
	.node-view .champ.pager ul li a:before {
		margin-top: -20px;
		width: 40px;
		height: 40px;
	}
	.node-view.node-page.grid-x .layout_gauche {
		border-right: 0;
		-webkit-box-ordinal-group: 2;
		    -ms-flex-order: 1;
		        order: 1;
	}
	.node-view .layout.two-col.equal > .layout_gauche {
		border-right: none;
	}
	.node-view.node-page .layout.two-col .layout_droite .para,
	.node-view.node-page .layout.one-col .layout_full .para {
		padding-left: calc(var(--gutter)*3);
		padding-right: calc(var(--gutter)*1);
	}
}
/* FIN NODE EVEN */

/* CALLOUT */
.callout {
	margin: 0;
	border-bottom: var(--border);
}
/* FIN CALLOUT */

/* RECHERCHE */
.views-id-recherche main {
	background-color: var(--gris);
}
.vue.recherche h1 {
	padding: var(--gutter);
	margin: 0;
	border-bottom: var(--border);
	text-transform: inherit;
	text-align: center;
}
.vue.recherche #vue_contenu li {
	border-bottom: var(--border);
}
.vue.recherche #vue_contenu li a {
	padding: var(--gutter);
	padding-left: calc(var(--gutter)*4);
	display: block;
	position: relative;
}
.vue.recherche #vue_contenu li a:hover {
	background-color: var(--rouge);
	color: var(--gris);
}
.vue.recherche #vue_contenu li a:hover span.random_picto {
	-webkit-filter: var(--filter_gris);
	        filter: var(--filter_gris);
}
.vue.recherche #vue_contenu li a .type {
	text-transform: lowercase;
}
#vue_contenu.vide {
	padding: var(--gutter);
}
.vue.recherche #vue_contenu.vide {
	padding: 0;
}
/* FIN RECHERCHE */

/* MAGELLAN */
@media print, screen and (min-width: 1024px) {
	.magellan-container {
		z-index: 9;
		position: sticky;  
		top: var(--magellansticky);
	}
}
/* FIN MAGELLAN */

/* PICTO ALEATOIRE */
.node-view.node-page.grid-x .layout_gauche .champ > span.random_picto,
.node-boiteaoutils #col-gauche > span.random_picto {
	display: block;
	width: 100%;
	margin: calc(var(--gutter)*1.5) auto 0 auto;
	height: 180px;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	-webkit-filter: var(--filter_rouge);
	        filter: var(--filter_rouge);
}
.node-view.node-page.grid-x .layout_gauche .champ.responsive-embed span.random_picto,
.node-view.node-page.grid-x .layout_gauche .champ.separateur span.random_picto {
	display: none !important;
}
.node-view.node-page.grid-x .layout .champ.texte, .node-view .champ.texte .picto.picto_avant {
	position: relative;
}

/* bug picto */
.champ.texte .picto.picto_avant {
	/margin-left: calc((var(--gutter)*2) + 15px);
}
/**/
.node-view.node-page.grid-x .layout .picto span.random_picto, 
.node-view .champ.texte .picto.picto_avant span.random_picto {
	position: absolute;
	left: calc((var(--gutter)*-2) - 15px);
	margin-top: -5px;
	width: 30px;
	height: 30px;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	-webkit-filter: var(--filter_rouge);
	        filter: var(--filter_rouge);
}
#precontent .block_menu_sous ul li a.picto_avant_apres,
#magellan-menu ul li a.picto_avant_apres,
#precontent .block_filtres ul li a.picto_avant_apres,
.bef-exposed-form .form-radios label.option.picto_avant_apres {
	padding: var(--gutter) 10px;
}
#precontent .block_menu_sous ul li a span.random_picto,
#precontent .block_menu_sous ul li a:hover span.random_picto,
#magellan-menu ul li a span.random_picto,
#precontent .block_filtres ul li a span.random_picto,
.bef-exposed-form .form-radios label.option span.random_picto {
	display: inline-block;
	height: 20px;
	width: 35px;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	-webkit-filter: var(--filter_rouge);
	        filter: var(--filter_rouge);
}
#precontent .block_menu_sous ul li a:not(:hover):not(.is-active) span.random_picto, 
#magellan-menu ul li a:not(:hover):not(.is-active) span.random_picto,
#precontent .block_filtres ul li a:not(.bef-link--selected) span.random_picto,
.bef-exposed-form .form-radios input:not(:checked) + label:not(:hover).option span.random_picto  {
	opacity: 0;
}
.node-view .champ.pager ul li a span.random_picto {
	width: 50px;
	height: 50px;
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 50px;
	        flex: 0 0 50px;
	margin: 0 10px;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	-webkit-filter: var(--filter_rouge);
	        filter: var(--filter_rouge);
}
.node-view .champ.pager ul li a:hover span.random_picto {
	-webkit-filter: var(--filter_blanc);
	        filter: var(--filter_blanc);
}
.node--type-evenement .node-view .champ.pager ul li a:hover span.random_picto {
	-webkit-filter: var(--filter_vert);
	        filter: var(--filter_vert);
}
.node--type-individu .node-view .champ.pager ul li a:hover span.random_picto {
	-webkit-filter: var(--filter_jaune);
	        filter: var(--filter_jaune);
}
.node--type-boiteoutils-node .node-view .champ.pager ul li a:hover span.random_picto {
	-webkit-filter: var(--filter_bleu);
	        filter: var(--filter_bleu);
}
.node-view.node-accueil .para.sous-titre span.random_picto,
.node-view.node-accueil .layout > .cell > .para.lien .champ.lien a span.random_picto {
	width: 50px;
	height: 50px;
	margin-right: 20px;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	-webkit-filter: var(--filter_rouge);
	        filter: var(--filter_rouge);
}
.node-view .para.fichier .item span.random_picto {
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-bottom: -5px;
	margin-right: 20px;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	-webkit-filter: var(--filter_rouge);
	        filter: var(--filter_rouge);
}
.violet .para.fichier a {
	color: var(--violet_fonce);
}
.violet .para.fichier .item span.random_picto {
	-webkit-filter: var(--filter_violet_fonce);
	        filter: var(--filter_violet_fonce);
}
.layout.accordeon .accordion-content .para.lien .champ.lien a span.random_picto {
	width: 30px;
	height: 30px;
	margin: 0 20px;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	-webkit-filter: var(--filter_rouge);
	        filter: var(--filter_rouge);
	z-index: 1;
}
.layout.accordeon .accordion-content .para.lien .champ.lien a:hover span.random_picto {
	-webkit-filter: var(--filter_blanc);
	        filter: var(--filter_blanc);
}
.node-view.node-accueil .layout > .cell > .para.lien .champ.lien a:hover span.random_picto {
	-webkit-filter: var(--filter_blanc);
	        filter: var(--filter_blanc);
}
.vue.recherche #vue_contenu li a span.random_picto {
	position: absolute;
	left: 10px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
	width: 50px;
	height: 35px;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	-webkit-filter: var(--filter_rouge);
	        filter: var(--filter_rouge);
	display: inline-block;
}
.node-boiteaoutils #col-gauche > .champ span.random_picto {
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
	width: 30px;
	height: 30px;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	-webkit-filter: var(--filter_rouge);
	        filter: var(--filter_rouge);
}
@media print, screen and (max-width: 1024px) {
	#precontent .block_menu_sous ul li a.picto_avant_apres,
	#magellan-menu ul li a.picto_avant_apres,
	#precontent .block_filtres ul li a.picto_avant_apres,
	.bef-exposed-form .form-radios label.option.picto_avant_apres {
		padding: var(--gutter) 0;
	}
	.node-view .champ.pager ul li a span.random_picto {
		-webkit-box-flex: 0;
		    -ms-flex: 0 0 30px;
		        flex: 0 0 30px;
		width: 30px;
		height: 30px;
	}
	.node-view.node-accueil .para.sous-titre span.random_picto,
	.node-view.node-accueil .para.lien .champ.lien a span.random_picto {
		-webkit-box-flex: 0;
		    -ms-flex: 0 0 30px;
		        flex: 0 0 30px;
		width: 30px;
		height: 30px;
	}
	.node-view.node-page.grid-x .layout .picto span.random_picto, 
	.node-view .champ.texte .picto.picto_avant span.random_picto {
		position: absolute;
		left: calc((var(--gutter)*-2) - 5px);
		margin-top: -1px;
		width: 20px;
		height: 20px;
	}
}
/* FIN PICTO ALEATOIRE */

/* 404 */
.node-20 main .container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}
.node-20 #block-milleformes-content,
.node-20 #block-milleformes-content .layout,
.node-20 #block-milleformes-content .layout .node-view,
.node-20 #block-milleformes-content .layout .node-view .cell,
.node-20 #block-milleformes-content .layout .node-view .cell .para.texte {
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}
.node-20 #block-milleformes-content .layout .node-view .cell .para.texte {
	position: relative;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	text-align: center;
	
}
.node-20 #block-milleformes-content .layout .node-view .cell .para.texte p {
	font-size: var(--size3);
	font-weight: bold;
}
.node-20 #block-milleformes-content .layout .node-view .cell .para.texte:before, 
.node-20 #block-milleformes-content .layout .node-view .cell .para.texte:after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	height: 30%;
	background-size: 100%;
	background-repeat: no-repeat;
	background-image: url(/sites/default/files/medias/pictos/f22.svg);
	-webkit-filter: var(--filter_rouge);
	        filter: var(--filter_rouge);
}
.node-20 #block-milleformes-content .layout .node-view .cell .para.texte:before {
	top: 0;
	background-position: center bottom;
}
.node-20 #block-milleformes-content .layout .node-view .cell .para.texte:after {
	bottom: 0;
	background-position: center top;
}
/* FIN 404 */

/* EU COOKIE */
#sliding-popup {
	padding: var(--gutter) 0;
	background-color: var(--blanc) !important;
	color: var(--noir);
	border-top: var(--border);
	font-size: var(--size1);
	width: 100%;
}
.eu-cookie-compliance-message,
.eu-cookie-compliance-message p,
.eu-cookie-compliance-message h2 {
	font-size: var(--size1) !important;
	font-weight: normal !important;
	color: var(--rouge) !important;
}
.eu-cookie-compliance-content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	padding-right: var(--gutter);
	padding-left: var(--gutter);
	max-width: 90rem !important;
}
.eu-cookie-compliance-buttons {
	margin: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
button.decline-button.eu-cookie-compliance-default-button,
button.agree-button.eu-cookie-compliance-secondary-button {
	font-size: inherit;
	font-family: 'GL' !important;
	font-weight: 700 !important;
	background: none;
	text-shadow: none;
	-webkit-box-shadow: none;
	        box-shadow: none;
	font-size: var(--size1) !important;
	background-color: transparent;
	color: var(--rouge) !important;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	border-bottom: 2px solid var(--rouge);
	padding: 0;
	margin: 0 0 0 10px;
	display: inherit;
	transition: all 0.3s;
	font-weight: normal;
	text-transform: lowercase;
}
button.agree-button.eu-cookie-compliance-secondary-button {
	background-color: var(--blanc);
}
button.decline-button.eu-cookie-compliance-default-button:hover,
button.agree-button.eu-cookie-compliance-secondary-button:hover {
	background-color: var(--blanc);
}
.eu-cookie-compliance-more-button {
	font-size: var(--size1) !important;
	font-weight: normal;
	color: var(--rouge) !important;
	border-bottom: 2px solid var(--rouge);
	font-weight: 700 !important;
}
@media print,
screen and (max-width: 960px) {
	.eu-cookie-compliance-content {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-align: start;
		    -ms-flex-align: start;
		        align-items: flex-start;
		padding-right: calc(var(--gutter)*1);
		padding-left: calc(var(--gutter)*1);
	}
	button.decline-button.eu-cookie-compliance-default-button,
	button.agree-button.eu-cookie-compliance-secondary-button {
		margin: 10px 10px 0 0;
	}
}
/* FIN EU COOKIE */