/* @override 
	https://www.scenes-nationales.fr/sites/all/themes/custom/theme_asn/dist/css/override.css?* */




/* VAR */
:root {
	--noir: #000061;
	--blanc: #fff;
	--contraste: #ff6d7c;
	--bleu: #4a8cff;
	--danger: #ff9999;
	--success: #e6ffe6;
	--gris: #888;
	--grismoyen: #bbb;
	--grisclair: #dadee6;
	--border: 1px solid var(--noir);
	--gutter: 20px;
	--largeur: 1560px;
	--size1: 0.7rem;
	--size1-5: 0.85rem;
	--size2: 1rem;
	--size3: 1.2rem;
	--size4: 1.3rem;
	--size5: 2.2rem;
	--size6: 3.5rem;
}
@media print, screen and (max-width: 1200px) {
	:root {
		--size3: 1.0rem;
		--size4: 1.1rem;
		--size5: 2rem;
		--size6: 2.5rem;
	}
}
@media print, screen and (max-width: 800px) {
	:root {
		--size3: 1.0rem;
		--size5: 1.5rem;
		--size6: 1.5rem;
	}
}
@media print, screen and (max-width: 600px) {
	:root {
		--size3: 1.0rem;
	}
}
/* FIN VAR */

/* GENERAL */
.off-canvas-content {
	min-height: 100vh;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;
}
.toolbar-horizontal .off-canvas-content {
	min-height: calc(100vh - 80px);
}
.toolbar-vertical .off-canvas-content {
	min-height: calc(100vh - 40px);
}
.off-canvas-content #global {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;
	z-index: 0;
}
#footer {
	padding: calc(var(--gutter)*1) 0;
	margin-top: auto;
	background-color: var(--blanc);
}
#content {
	padding-top: 80px;
	position: relative;
}
#content:before {
	content: "";
	position: absolute;
	top: 0;
	z-index: -1;
	height: 500px;
	width: 100%;
	background-image: url(../images/fonds_1.svg);
	background-position: top left;
	background-repeat: no-repeat;
	background-size: 800px;
}
#content:after {
	content: "";
	position: absolute;
	top: 0;
	z-index: -1;
	height: 500px;
	width: 100%;
	background-image: url(../images/fonds_2.svg);
	background-position: top right;
	background-repeat: no-repeat;
	background-size: 800px;
}
@media print, screen and (max-width: 800px) {
	#content:before {
		display: none;
	}
	#content {
		padding-top: 30px;
	}
}
p a {
	text-decoration: underline;
}
strong {
	font-weight: 600;
}
#block-theme-asn-page-title h1 {
	margin-bottom: var(--gutter);
	color: var(--contraste);
	padding-top: var(--gutter);
	text-shadow: -1px 0 var(--blanc), 0 1px var(--blanc), 1px 0 var(--blanc), 0 -1px var(--blanc);
}
h1,h2,h3,h4,h5,h6 {
	font-weight: 700;
	line-height: 1;
	margin: 0;
}
h1 {
	font-size: var(--size4);
	text-transform: uppercase;
	letter-spacing: 2px;
}
h2 {
	font-size: var(--size4);
}
* {
	-webkit-tap-highlight-color: transparent;
	outline: none !important;
}
input[type="date"]::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit,
::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-year-field,
::-webkit-inner-spin-button,
::-webkit-calendar-picker-indicator,
::-webkit-datetime-edit-ampm-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-millisecond-field,
::-webkit-datetime-edit-minute-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-second-field,
::-webkit-datetime-edit-week-field,
::-webkit-datetime-edit-year-field,
::-webkit-datetime-edit-text {
	-webkit-filter: grayscale(1);
	        filter: grayscale(1);
}
::-webkit-input-placeholder {
	-webkit-filter: grayscale(1);
	        filter: grayscale(1);
	color: var(--grismoyen);
}
::-moz-placeholder {
	color: var(--grismoyen);
	opacity: 1;
	filter: grayscale(1);
}
:-ms-input-placeholder {
	color: var(--grismoyen);
	filter: grayscale(1);
}
::-ms-input-placeholder {
	color: var(--grismoyen);
	filter: grayscale(1);
}
::placeholder {
	color: var(--grismoyen);
	-webkit-filter: grayscale(1);
	        filter: grayscale(1);
}
.path-group:not(.section_group_content_create,.section_group_edit_form) #block-theme-asn-page-title,
.node--type-actualite:not(.section-node-edit,.section-node-delete, .section-node-revisions) #block-theme-asn-page-title,
.node--type-annuaire-structure:not(.section-node-edit,.section-node-delete, .section-node-revisions) #block-theme-asn-page-title,
.node--type-equipements:not(.section-node-edit,.section-node-delete, .section-node-revisions) #block-theme-asn-page-title,
.node--type-fabrique-experiences:not(.section-node-edit,.section-node-delete, .section-node-revisions) #block-theme-asn-page-title,
.node--type-job:not(.section-node-edit, .section-node-delete, .section-node-revisions) #block-theme-asn-page-title,
.node--type-ressource:not(.section-node-edit,.section-node-delete, .section-node-revisions) #block-theme-asn-page-title,
.node--type-journal-interne:not(.section-node-edit,.section-node-delete, .section-node-revisions) #block-theme-asn-page-title,
.node--type-page:not(.section-node-edit,.section-node-delete, .section-node-revisions) #block-theme-asn-page-title,
.node--type-page-de-garde:not(.section-node-edit,.section-node-delete, .section-node-revisions) #block-theme-asn-page-title,
.node--type-intranet:not(.section-node-edit,.section-node-delete, .section-node-revisions) #block-theme-asn-page-title,
.node--type-accueil:not(.section-node-edit,.section-node-delete, .section-node-revisions) #block-theme-asn-page-title,
.views-id-ressources #block-theme-asn-page-title,
.views-id-actualites #block-theme-asn-page-title,
.views-id-jobs #block-theme-asn-page-title {
	display: none;
}

/* FIN GENERAL */

/* HEADER */
#header {
	border-bottom: var(--border);
	position: relative;
}
#header > .grid-container {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	padding-top: 15px;
	padding-bottom: 15px;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	    -ms-flex-align: start;
	        align-items: flex-start;
}
#block-logosvg {
	z-index: 10;
	position: relative;
	margin-bottom: -100px;
}
#block-logosvg a svg {
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	width: 250px;
	display: inherit;
}
#block-logosvg a svg .st6 {
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
#block-logosvg a:hover svg .st6 {
	fill: var(--contraste);
}
.headerdroite {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;
}
.headerdroitehaut,
.headerdroitebas {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	    -ms-flex-pack: end;
	        justify-content: flex-end;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.headerdroitehaut {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: end;
	-webkit-align-items: flex-end;
	    -ms-flex-align: end;
	        align-items: flex-end;
}
.reseauxsociaux .field-wrapper a {
	display: inline-block;
	width: 32px;
	height: 32px;
	text-indent: -10000px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100%;
}
.reseauxsociaux .field-wrapper {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
.reseauxsociaux .field-wrapper a.linkedin {
	background-image: url(../images/pictos_rs_linkedin-noir.svg);
}
.reseauxsociaux .field-wrapper a.facebook {
	background-image: url(../images/pictos_rs_facebook-noir.svg);
}
.reseauxsociaux .field-wrapper a.contact {
	background-image: url(../images/pictos_rs_contact-noir.svg);
}
@media print, screen and (max-width: 1200px) {
	#block-logosvg {
		margin-top: 35px;
	}
	#block-logosvg a svg {
		width: 220px;
	}
}
@media print, screen and (max-width: 800px) {
	#header > .grid-container {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-pack: start;
		-webkit-justify-content: flex-start;
		    -ms-flex-pack: start;
		        justify-content: flex-start;
		-webkit-box-align: start;
		-webkit-align-items: flex-start;
		    -ms-flex-align: start;
		        align-items: flex-start;
	}
	#block-logosvg {
		margin: 0;
	}
	#block-logosvg a svg {
		width: 150px;
		height: auto;
	}
}
/* FIN HEADER */

/* HEADER MOBILE */
#header_mobile {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	padding: calc(var(--gutter)*1) calc(var(--gutter)*1);
	border-bottom: var(--border);
	position: relative;
}
#menu-admin-mobile {
	width: calc(100% + calc(var(--gutter)*2));
	padding: calc(var(--gutter)*1) calc(var(--gutter)*1) 0 calc(var(--gutter)*1);
	margin: calc(var(--gutter)*1) calc(var(--gutter)*-1) 0 calc(var(--gutter)*-1);
	border-top: var(--border);
}
#block-logomobilesvg a svg {
	height: 70px;
	display: inherit;
}
#ham {
	width: 30px;
	height: 25px;
	cursor: pointer;
	position: relative;
}
#ham span {
	display: block;
	position: absolute;
	height: 1px;
	width: 100%;
	background: var(--noir);
	opacity: 1;
	left: 0;
	-webkit-transition: all 125ms ease-in-out 125ms;
	transition:all 125ms ease-in-out 125ms
}
#ham span:nth-child(1) {
	top:0
}
#ham span:nth-child(2),
#ham span:nth-child(3) {
	top:50%
}
#ham span:nth-child(4) {
	top:100%
}
#ham.menu_open span:nth-child(1) {
	top: 50%;
	opacity:0
}
#ham.menu_open span:nth-child(2) {
	width: 115%;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform:rotate(45deg)
}
#ham.menu_open span:nth-child(3) {
	width: 115%;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform:rotate(-45deg)
}
#ham.menu_open span:nth-child(4) {
	top: 50%;
	width: 0%;
	left:50%
}
@media print, screen and (max-width: 800px) {
	#zone_mobile {
		-webkit-transition: all .3s ease;
		transition: all .3s ease;
		max-height: 0;
		opacity: 0;
		visibility: hidden;
	}
	#zone_mobile.menu_open {
		max-height: 10000px;
		opacity: 1;
		visibility: visible;
	}
	.headerdroite {
		width: 100%;
		margin-top: 10px;
		padding-top: 10px;
		border-top: var(--border);
	}
	.user-logged-in .headerdroite {
		display: none;
	}
	.headerdroitehaut {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-webkit-flex-direction: row;
		    -ms-flex-direction: row;
		        flex-direction: row;
	}
	.headerdroitehaut > a {
		margin-right: 10px !important;
	}
	.headerdroitehaut,
	.headerdroitebas {
		-webkit-box-pack: start;
		-webkit-justify-content: flex-start;
		    -ms-flex-pack: start;
		        justify-content: flex-start;
		-webkit-box-align: start;
		-webkit-align-items: flex-start;
		    -ms-flex-align: start;
		        align-items: flex-start;
	}
}
/* FIN HEADER MOBILE */


/* MAIN MENU */
.main-menu {
	padding: 0 100px;
}
.main-menu > ul {
	display: grid;
	grid-template-columns: 2fr 1fr 2fr;
}
.main-menu > ul.menu > li:nth-child(3n+1) {
	grid-column-start: 1;
}
.main-menu > ul.menu > li:nth-child(3n+2) {
	grid-column-start: 2;
}
.main-menu > ul.menu > li:nth-child(3n+3) {
	grid-column-start: 3;
}
.main-menu > ul.menu > li {
	margin: 1px 0;
}
.main-menu ul.menu li a {
	line-height: 1;
	padding: 7px 7px 5px 7px;
	font-size: var(--size3);
	text-transform: lowercase;
	display: inline-block;
	border: 1px solid var(--blanc);
	white-space: nowrap;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}
.main-menu ul.menu li a:hover,
.main-menu ul.submenu li.actif a {
	background-color: var(--contraste);
}
.main-menu ul.menu li:hover a,
.main-menu ul.menu li a:hover,
.main-menu ul.submenu li a,
.main-menu ul.menu li a.actif,
.main-menu ul.menu li.actif a {
	border: var(--border);
}
.main-menu ul.is-dropdown-submenu {
	border: none;
	z-index: 10;
}
.main-menu .dropdown.menu > li.is-dropdown-submenu-parent > a,
.main-menu .accordion-menu > li.is-accordion-submenu-parent > a {
	position: relative;
	padding-right: 28px;
}
.main-menu .dropdown.menu > li.is-dropdown-submenu-parent > a::after,
.main-menu .accordion-menu > li.is-accordion-submenu-parent > a::after {
	position: absolute;
	top: 0;
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	border-style: solid;
	border-width: 1px;
	content: '';
	border-bottom-width: 1px;
	border-color: transparent #000061 #000061 transparent;
	-webkit-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	        transform: rotate(45deg);
	right: 7px;
	left: auto;
	margin-top: 8px;
}
.main-menu ul.is-dropdown-submenu {
	background-color: transparent;
}
.main-menu ul.submenu li a {
	display: block;
	border-radius: 0 0 15px 0;
	padding: 10px 13px 8px 8px;
	margin-top: -1px;
	font-size: var(--size2);
	background-color: var(--blanc);
}
@media print, screen and (max-width: 1200px) {
	.main-menu {
		padding: 0 25px;
	}
	.main-menu > ul {
		display: grid;
		grid-template-columns: 1fr 1fr;
	}
	.main-menu > ul.menu > li:nth-child(2n+1) {
		grid-column-start: 1;
	}
	.main-menu > ul.menu > li:nth-child(2n+2) {
		grid-column-start: 2;
	}
}
@media print, screen and (max-width: 800px) {
	.main-menu ul.submenu li a {
		display: inline-block;
	}
	.main-menu {
		padding: 0;
	}
	.main-menu > ul {
		display: grid;
		grid-template-columns: 1fr;
	}
	.main-menu > ul.menu > li {
		grid-column-start: 1 !important;
		margin: 1px 0;
	}
}
/* FIN MAIN MENU */

/* GRID WAVY */
.grid-wavy {
	margin-top: 25px;
}
.grid-wavy > .cell:first-child:before {
	content: "";
	position: absolute;
	z-index: -1;
	height: 200px;
	top: -100px;
	margin-top: -15px;
	border: none;
	background-image:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI2LjMuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhbHF1ZV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgNTAwIDEwMCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTAwIDEwMDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOm5vbmU7c3Ryb2tlOiMwMDAwNjE7c3Ryb2tlLW1pdGVybGltaXQ6MTA7fQo8L3N0eWxlPgo8cGF0aCB2ZWN0b3ItZWZmZWN0PSJub24tc2NhbGluZy1zdHJva2UiIGNsYXNzPSJzdDAiIGQ9Ik0tMjguNiw0OS4zYzAsMCwyNTMuOSwwLDI2OCwwYzIyLjcsMCwxOC44LTE2LjUsMzAuMS0xNQoJczYuNSwyNy41LDI0LjEsMjcuNXMxMS4yLTI4LjQsMjYuMi0yOC41YzE1LTAuMSwxMi41LDQxLjUsMjQuNSw0MS41czQtMjUuNCwzNS0yNS40YzY2LjQsMCwxNjQuOSwwLDE2NC45LDAiLz4KPC9zdmc+Cg==");
	background-repeat: no-repeat;
	background-position: center;
}
.grid-wavy:nth-child(2) > .cell:first-child:before {
	content: "";
	position: absolute;
	z-index: -1;
	height: 200px;
	top: -100px;
	margin-top: -15px;
	border: none;
	background-image:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI2LjMuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhbHF1ZV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgNTAwIDEwMCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTAwIDEwMDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOm5vbmU7c3Ryb2tlOiMwMDAwNjE7c3Ryb2tlLW1pdGVybGltaXQ6MTA7fQo8L3N0eWxlPgo8cGF0aCB2ZWN0b3ItZWZmZWN0PSJub24tc2NhbGluZy1zdHJva2UiIGNsYXNzPSJzdDAiIGQ9Ik0tMjguNiw0OS4zYzAsMCwyNjcuMiwwLDI4MS4zLDBjMjIuNywwLDIxLjEsOC4xLDMwLjEsNi41CgljOC41LTEuNSwxMi43LTE4LjYsMTkuNC0yMC4yYzE0LjgtMy41LDEzLjIsMjQuMiwyMy44LDI2YzE3LDIuOSwxMS42LTEyLjIsNDAuNS0xMi4yYzEwLjksMCwxNzcuNywwLDE3Ny43LDAiLz4KPC9zdmc+Cg==");
	background-repeat: no-repeat;
	background-position: center;
}

.grid-wavy > .cell:last-child:after {
	content: "";
	position: absolute;
	z-index: -1;
	height: 200px;
	bottom: -100px;
	margin-bottom: -15px;
	border: none;
	background-image:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI2LjMuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhbHF1ZV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgNTAwIDEwMCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTAwIDEwMDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOm5vbmU7c3Ryb2tlOiMwMDAwNjE7c3Ryb2tlLW1pdGVybGltaXQ6MTA7fQo8L3N0eWxlPgo8cGF0aCB2ZWN0b3ItZWZmZWN0PSJub24tc2NhbGluZy1zdHJva2UiIGNsYXNzPSJzdDAiIGQ9Ik0tMjguNiw0OS4zYzAsMCwxMjMuNCwwLDEzNy41LDBjMjIuNywwLDEzLjMsMjEuNSwzMC4xLDI2CglzMjguOC0zMy45LDQ3LjgtMzkuN3MzMS45LDI0LjIsNDIuNSwyNmMxNywyLjksMTIuNy0xMi4yLDM5LTEyLjJjMjYuMywwLDI3NS45LDAsMjc1LjksMCIvPgo8L3N2Zz4K");
	background-repeat: no-repeat;
	background-position: center;
}
/* FIN GRID WAVY */

/* GRID BORDER */
.grid-border > .cell {
	position: relative;
	border-left: var(--border);
	border-right: var(--border);
	margin: 15px 0 15px -1px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
.grid-border > .cell:before {
	content: "";
	position: absolute;
	top: -15px;
	left: 15px;
	right: 15px;
	border-top: var(--border);
}
.grid-border > .cell:after {
	content: "";
	position: absolute;
	bottom: -16px;
	left: 15px;
	right: 15px;
	border-bottom: var(--border);
}
.grid-border > .cell > div {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
}
/* FIN GRID BORDER */

/* GRID MASK */
.grid-mask > .cell .teaser-gauche .champ.image {
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	mask-size: contain;
}
.grid-mask > .cell:nth-child(6n+1) .teaser-gauche .champ.image {
	-webkit-mask-image: url(../images/img-masque-1.png);
	mask-image: url(../images/img-masque-1.png);
}
.grid-mask > .cell:nth-child(6n+2) .teaser-gauche .champ.image {
	-webkit-mask-image: url(../images/img-masque-2.png);
	mask-image: url(../images/img-masque-2.png);
}
.grid-mask > .cell:nth-child(6n+3) .teaser-gauche .champ.image {
	-webkit-mask-image: url(../images/img-masque-3.png);
	mask-image: url(../images/img-masque-3.png);
}
.grid-mask > .cell:nth-child(6n+4) .teaser-gauche .champ.image {
	-webkit-mask-image: url(../images/img-masque-4.png);
	mask-image: url(../images/img-masque-4.png);
}
.grid-mask > .cell:nth-child(6n+5) .teaser-gauche .champ.image {
	-webkit-mask-image: url(../images/img-masque-5.png);
	mask-image: url(../images/img-masque-5.png);	
}
.grid-mask > .cell:nth-child(6n+6) .teaser-gauche .champ.image {
	-webkit-mask-image: url(../images/img-masque-6.png);
	mask-image: url(../images/img-masque-6.png);
}
/* ressources */
.vue.ressources .grid-mask > .cell .teaser-gauche .champ.image,
.selection_ressources .grid-mask > .cell .teaser-gauche .champ.image {
	background-color: #f6f6f6;
}
.vue.ressources .grid-mask > .cell .teaser-gauche .champ.image img,
.selection_ressources .grid-mask > .cell .teaser-gauche .champ.image img {
	mix-blend-mode: multiply;
}
/* FIN GRID MASK */


/* OFFCANVAS */
.toolbar-fixed .off-canvas {
	top: 75px !important;
}
.off-canvas {
	-webkit-box-shadow: none !important;
	        box-shadow: none !important;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	padding-top: 60px !important;
}
.off-canvas.position-left {
	border-right: var(--border);
}
.off-canvas.position-right {
	border-left: var(--border);
}
.off-canvas .block-title {
	padding: calc(var(--gutter) * 0.5);
	margin: 0;
}
.off-canvas nav > ul.menu {
	border-top: var(--border);
}
.off-canvas nav > ul.menu > li {
	border-bottom: var(--border);
}
.off-canvas nav ul.menu li.is-submenu-item {
	border-top: 1px solid var(--grisclair);
}
.off-canvas nav ul.menu li a {
	padding: calc(var(--gutter) * 0.5);
	font-size: var(--size2);
	text-transform: lowercase;
	font-weight: 600;
}
.off-canvas nav ul.menu li.is-submenu-item a {
	font-weight: normal;
	font-size: var(--size1);
}
.off-canvas nav ul.menu li ul {
	display: inherit;
}
.off-canvas nav ul.menu li a:hover {
	background-color: var(--grisclair);
}
.off-canvas nav ul.menu li.is-active > a,
.off-canvas nav ul.menu li a.is-active {
	background-color: var(--contraste);
	color: var(--noir);
}
.close-button {
	display: inline-block;
	width: 30px;
	height: 30px;
	outline: none !important;
}
.close-button span {
	display: none;
}
.close-button:before,
.close-button:after {
	content: '';
	position: absolute;
	border-bottom: var(--border);
	-webkit-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	        transform: rotate(45deg);
	top: 50%;
	left: 0;
	right: 0;
}
.close-button:after {
	-webkit-transform: rotate(-45deg);
	    -ms-transform: rotate(-45deg);
	        transform: rotate(-45deg);
}
.off-canvas .close-button {
	top: 15px;
	right: 15px;
}
.off-canvas.position-right .close-button,
.teaser.ressource .contenu .close-button {
	right: inherit;
	left: 15px;
}
@media print, screen and (max-width: 600px) {
	.off-canvas.position-left .close-button {
		top: 15px;
		right: 50%;
		-webkit-transform: translateX(50%);
		    -ms-transform: translateX(50%);
		        transform: translateX(50%);
	}
	.off-canvas.position-right .close-button,
	.teaser.ressource .contenu .close-button {
		top: 15px;
		left: 50%;
		-webkit-transform: translateX(-50%);
		    -ms-transform: translateX(-50%);
		        transform: translateX(-50%);
	}
}
/* FIN OFFCANVAS */

/* PIED DE PAGE */
#footer > .grid-container {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}
#footer .block-adresse {
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	    -ms-flex-positive: 1;
	        flex-grow: 1;
	margin: 0 calc(var(--gutter)*2);
}
#footer .block-adresse > .field-wrapper {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	border-left: var(--border);
	border-right: var(--border);
}
#footer .block-adresse > .field-wrapper p {
	text-align: center;
	padding: 0 calc(var(--gutter)*2);
	margin: 0;
}
#footer .block-pieddepage ul.menu {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;
}
#footer .block-pieddepage ul.menu li a {
	padding: 5px 0;
	text-transform: lowercase;
}
#footer a.inscription_newsletter {
	text-align: right;
	padding: 7px 0px 5px 7px;
	font-size: var(--size2);
	text-transform: lowercase;
	line-height: 1;
	display: inherit;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}
#footer .block-pieddepage ul.menu li a.is-active,
#footer a.inscription_newsletter:hover,
#footer .block-pieddepage ul.menu li a:hover {
	text-decoration: underline !important;
	background: none;
	color: var(--noir);
}
#footer .footerdroite {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: end;
	-webkit-align-items: flex-end;
	    -ms-flex-align: end;
	        align-items: flex-end;
}

@media print, screen and (max-width: 800px) {
	#footer .block-adresse {
		margin: 0 calc(var(--gutter)*1);
	}
	#footer .block-adresse > .field-wrapper p {
		line-height: 1.2;
	}
	#footer .block-adresse > .field-wrapper p:not(:last-child) {
		margin-bottom: 10px;
	}
	#footer .block-adresse > .field-wrapper {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
}
@media print, screen and (max-width: 600px) {
	#footer .block-adresse {
		margin: calc(var(--gutter)*1) 0;
	}
	#footer > .grid-container {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-align: stretch;
		-webkit-align-items: stretch;
		    -ms-flex-align: stretch;
		        align-items: stretch;
	}
	#footer .block-adresse > .field-wrapper p {
		padding: 0;
	}
	#footer .block-pieddepage ul.menu li a {
		text-align: center;
	}
	#footer .block-adresse > .field-wrapper {
		padding: calc(var(--gutter)*1) 0;
		border: var(--border);
		border-left: none;
		border-right: none;
	}
	#footer .footerdroite {
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
	}
}
/* FIN PIED DE PAGE */

/* ADMIN */
.progress__track {
	height: inherit !important;
	border-radius: 50px;
	border: var(--border);
}
.progress__bar {
	background-color: var(--noir);
	border-radius: 50px;
}
.progress__percentage,
.progress__description {
	color: var(--noir);
	font-weight: 700;
	text-shadow: -2px 0 var(--blanc), 0 2px var(--blanc), 2px 0 var(--blanc), 0 -2px var(--blanc);
}
.toolbar-icon-9 .toolbar-icon-admin-toolbar-tools-help:before,
.toolbar-icon-10 .toolbar-icon-admin-toolbar-tools-help:before {
	background-image: url(../images/favicon.png);
	background-size: 30px;
	width: 40px;
	left: 0;
}
.vertical-tabs__panes {
	background-color: var(--blanc);
	padding: 20px;
	font-size: var(--size1-5);
}
.vertical-tabs__panes input:not(.form-file):not(.form-submit),
.vertical-tabs__panes textarea {
	background-color: #f6f6f6;
}
.vertical-tabs__menu-item a,
.vertical-tabs__panes {
	outline: none !important;
	font-size: var(--size1-5);
}
#block-theme-asn-local-actions ul {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
}
#block-triggerrightoffcanvas {
	position: absolute;
	top: 20px;
	left: 20px;
	z-index: 100;
}
#block-triggerrightoffcanvas a.block-trigger-left {
	display: inherit;
	left: 0;
	text-indent: -100000px;
	height: 26px;
	width: 26px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url(../images/gestion.svg);
}
@media print, screen and (max-width: 800px) {
	#block-triggerrightoffcanvas {
		right: 20px;
		margin: 0;
		left: inherit;
	}
}
.button-group {
	margin: 20px 0 15px 0;
}
.tabs,
.tabs-content,
.tabs-panel {
	border: none;
	padding: 0;
}
.tabs-content {
	padding-top: calc(var(--gutter));
}
.button-group a,
#edit-actions > .button,
.group-onglet ul.horizontal-tabs-list li a,
.tabs .tabs-title a {
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	padding: 15px 20px 13px 20px !important;
	line-height: 1 !important;
	margin: 0 -1px -1px 0 !important;
	border: var(--border);
	color: var(--noir) !important;
	font-size: var(--size1-5) !important;
	text-transform: lowercase;
	background-color: var(--blanc) !important;
	font-weight: 600;
}
.group-onglet ul.horizontal-tabs-list li a,
.tabs .tabs-title a {
	border-color: var(--contraste);
	color: var(--contraste) !important;
	margin-bottom: 0 !important;
}
.button-group a:first-child,
#edit-actions > .button:first-child,
.group-onglet ul.horizontal-tabs-list li:first-child a {
	border-radius: 10px 0 0 10px !important;
	padding-left: 22px;
}
.button-group a:last-child,
#edit-actions > .button:last-child,
.group-onglet ul.horizontal-tabs-list li:last-child a {
	border-radius: 0 10px 10px 0 !important;
	padding-right: 22px;
}
.button-group a:hover,
#edit-actions > .button:hover,
.group-onglet ul.horizontal-tabs-list li a:hover {
	background-color: var(--grisclair) !important;
}
.button-group a.is-active,
.button-group a.active,
.group-onglet ul.horizontal-tabs-list li.selected a {
	background-color: var(--noir) !important;
	color: var(--blanc) !important;
}
.group-onglet ul.horizontal-tabs-list li.selected a {
	background-color: var(--contraste) !important;
	color: var(--blanc) !important;
}
#edit-actions {
	margin: 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	padding: 20px;
	margin-top: 20px;
	border-top: 1px solid var(--grisclair);
}
#edit-actions > #edit-submit,
#edit-actions > #edit-moderation-state-soumettre {
	background-color: var(--success) !important;
}
#edit-actions > .button--danger {
	color: var(--blanc) !important;
	background-color: var(--gris) !important;
}
#edit-actions > .button--danger:hover {
	color: var(--noir) !important;
}
.ui-autocomplete a {
	width: 100%;
	display: block;
	font-family: roc-grotesk !important;
	padding: 5px !important;
	margin: 0 !important;
}
.ui-autocomplete a:hover {
	border: none;
	background-color: var(--grisclair);
	color: var(--contraste);
	padding: 5px !important;
}
[id^="field-definition-values"] .filter-wrapper{
	display: none !important;
}
.field--type-text-long .filter-wrapper {
	border: none;
}
.field--type-text-long .counter {
	color: var(--gris);
	font-size: var(--size1);
	margin: 10px 0;
}
.paragraph-type {
	overflow: visible !important;
	text-overflow: inherit !important;
	white-space: normal;
	width: 100% !important;
}
.paragraph-type-label {
	font-weight: 600;
	font-size: var(--size1-5) !important;
	line-height: 1;
	color: var(--bleu);
	white-space: normal !important;
	overflow: visible !important;
	text-overflow: inherit !important;

}
.paragraphs-tabs-wrapper .paragraphs-icon-button {
	margin: 0 !important;
	background: none;
	border: 1px solid var(--noir) !important;
	color: var(--noir) !important;
	border-radius: 100px;
	text-transform: lowercase;
	padding: 9px 10px 7px 10px;
}
.paragraphs-tabs-wrapper .paragraphs-icon-button:hover {
	background-color: var(--grisclair) !important;
	color: var(--noir) !important;
}
.paragraphs-subform label {
	font-size: var(--size1);
	font-weight: 600 !important;
	padding: 5px 5px 5px 0;
}
.paragraphs-tabs-wrapper tr td:not(.field-multiple-drag) {
	padding: 15px !important;
}
.paragraph--view-mode--preview,
.paragraph--view-mode--preview * {
	font-size: var(--size1) !important;
}
.paragraph--type--images,
.paragraph--type--diaporama,
.paragraph--type--video {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.paragraph--type--images > div,
.paragraph--type--diaporama > div,
.paragraph--type--video > div {
	margin: 0 5px 5px 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
.paragraph--type--images img,
.paragraph--type--diaporama img,
.paragraph--type--video img {
	height: 60px;
	width: auto;
}
.paragraph--type--images figcaption,
.paragraph--type--diaporama figcaption {
	display: none;
}
.paragraph--type--video th.field-label {
	display: none;
}
form .form-managed-file {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
}
form .form-managed-file input.form-text {
	font-size: var(--size1);
	height: 35px;
	border-color: var(--grisclair) !important;
}
form .form-managed-file figure {
	-webkit-box-flex: 1;
	-webkit-flex: 1 0 auto;
	    -ms-flex: 1 0 auto;
	        flex: 1 0 auto;
}
form .form-managed-file figure img {
	width: 80px;
	height: 80px;
	-o-object-fit: contain;
	   object-fit: contain;
}
form .form-managed-file figure,
form .form-managed-file .form-item,
form .form-managed-file .form-submit {
	margin: 0 15px;
}
form .form-managed-file .description {
	display: none;
}
form table.field-multiple-table tbody {
	background: none;
	border: none !important;
}
.paragraphs-tabs-wrapper > div > table.field-multiple-table > tbody {
	border-top: 1px solid #cacaca !important;
	border-bottom: 1px solid #cacaca !important;
}
form table.field-multiple-table thead {
	background: none;
	border: none;
}
form table.field-multiple-table thead th {
	padding-left: 0;
}
table.field-multiple-table {
	margin: 0 !important;
}
table.field-multiple-table table.field-multiple-table h4.label {
	display: none;
}
.paragraphs-tabs-wrapper > div > table.field-multiple-table > tbody > tr {
	border-bottom: 1px solid var(--grisclair);
	background: none;
}
table.field-multiple-table thead h4 {
	font-weight: 700;
	margin: 0;
	padding: 0;
	font-size: var(--size1-5);
}
form .field--type-entitygroupfield strong {
	font-size: var(--size1-5);
	font-weight: 700;
}
form .field--type-entitygroupfield label {
	font-weight: 600 !important;
	margin-top: 5px;
}
form .field--type-entitygroupfield em {
	font-size: var(--size1);
	font-style: normal;
	color: var(--gris);
}
form .field--type-entitygroupfield .form-wrapper > .form-submit {
	margin-top: -10px;
}
form .field--type-entitygroupfield table .form-submit {
	margin: 0;
}
form .field--type-entitygroupfield .gcontent-type-title {
	font-size: var(--size2);
}
.paragraphs-tabs-wrapper * {
	font-size: var(--size1);
}

.paragraph-type--coordonnees-personne .paragraph-bullet {
	display: none;
}
.paragraph-type--coordonnees-personne .paragraph-type-label {
	display: none;
}
.paragraphs-tabs-wrapper details {
	margin: 0;
	border: none;
}
.paragraphs-tabs-wrapper p,
.paragraphs-tabs-wrapper .form-text {
	margin: 0;
}
.paragraphs-tabs-wrapper .description {
	margin-top: 0;
	margin-bottom: 5px;
}
.field--name-field-blocs .description {
	margin-top: 10px;
}
.paragraphs-add-suffix {
	display: none;
}
.paragraph-type--titre label,
.paragraph-type--texte label,
.paragraph-type--exergue label,
.paragraph-type--images summary,
.paragraph-type--diaporama summary {
	display: none;
}
table tr.drag-previous {
	background-color: #ffffdb !important;
}
table .tabledrag-changed {
	display: none;
}
table[id*='field-images'] {
	margin: 0;
	margin-bottom: 15px;
}
table[id*='field-images'] .image-widget {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
}
table[id*='field-images'] .image-widget img,
.field--widget-image-widget-crop img {
	margin-right: 15px;
	width: 80px;
	height: 80px;
	-o-object-fit: contain;
	   object-fit: contain;
}
table[id*='field-images'] .image-widget > .form-item {
	margin-right: 15px;
	margin-left: 15px;
	width: 50%;
}
table[id*='field-images'] .image-widget > .form-item .description {
	display: none;
}
table[id*='field-images'] .image-widget .form-text {
	font-size: var(--size1-5);
}
table[id*='field-images'] tbody {
	border: none;
}
table[id*='field-images'] tr {
	background: none;
	border-bottom: 1px solid #cacaca;
}
table[id*='field-images'] thead {
	display: none;
}
.field--widget-image-widget-crop details {
	margin-top: 15px;
}
.image-widget .file--image {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
}
.image-widget .file--image a {
	font-weight: normal;
	margin-right: 15px;
	font-size: var(--size1);
	text-decoration: underline;
}
.image-widget .file-size {
	font-size: var(--size1);
	line-height: 1;
}
.image-widget label {
	font-size: var(--size1);
	line-height: 1;
}
.image-widget div[class*='title'] label {
	visibility: hidden;
    position: relative;
}
.image-widget div[class*='title'] label:after {
	content: "Titre légende";
	visibility: visible;
    position: absolute;
    left: 0;
}
.node-form table[id*='field-liens'] td:nth-child(2),
.node-form table[id*='field-liens'] td:nth-child(2) .ajax-new-content {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	padding: 0 0 0 0 !important;
}
form table[id*='field-liens'] td:nth-child(2) .description {
	display: none;
}
form table[id*='field-liens'] td:nth-child(2) .form-item {
	padding: 0 5px 10px 5px;
}
.tabledrag-toggle-weight {
	display: none;
}
form .button,
.buttonform {
	display: inline-block;
	margin: 10px 0;
	text-transform: lowercase;
	font-size: var(--size1);
	background: none;
	color: var(--noir);
	border: 1px solid var(--noir) !important;
	padding: 7px 10px;
}
form .button:hover,
.buttonform:hover {
	background-color: var(--grisclair) !important;
	color: var(--noir) !important;
}
form .paragraph-type-add-modal-button {
	padding: 15px 18px 13px 18px;
	line-height: 1;
	margin: calc(var(--gutter)*1) calc(var(--gutter)*.5) calc(var(--gutter)*1) 0;
	border: var(--border);
	color: var(--noir) !important;
	font-size: var(--size1) !important;
	text-transform: lowercase;
	background-color: var(--blanc) !important;
	font-weight: 600;
	position: relative;
}
.node-form .field--type-daterange div[id*='value'],
.node-form .field--type-datetime div[id*='value'] {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
.node-form .field--type-daterange div[id*='value'] .form-item,
.node-form .field--type-datetime div[id*='value'] .form-item {
	margin-right: 5px;
}
.node-form .field--type-daterange h4:not(:first-child) {
	margin-top: 15px;
}
.paragraphs-dropdown-actions {
	background: none;
	border: none;
	margin-top: 10px;
}
.paragraphs-dropdown-actions .button {
	padding: 7px 10px !important;
	line-height: 1;
	font-weight: 400;
	background-color: var(--blanc);
}
.paragraphs-dropdown-actions .button:hover {
	background-color: var(--gris) !important;
	color: var(--noir) !important;
}
.filter-help {
	display: none;
}
.ui-widget-overlay {
	z-index: 9;
}
.ui-dialog {
	z-index: 10;
}
.ui-dialog:not(.ui-dialog-off-canvas) {
	padding: 0;
	width: 60% !important;
	left: 20% !important;
	border: none !important;
	border-radius: 0 !important;
}
.ui-dialog, .ui-dialog * {
	font-family: 'roc-grotesk' !important;
}
.ui-dialog-titlebar {
	border-radius: 0 !important;
	border: none;
	background-color: var(--noir);
	padding: 10px !important;
	color: var(--blanc);
}
.ui-dialog .paragraphs-add-dialog {
	padding: 0;
}
.ui-dialog .paragraphs-add-dialog-list {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
	border-left: 1px solid var(--gris);
	border-top: 1px solid var(--gris);
}
.ui-dialog .paragraphs-add-dialog-list > li {
	padding: 0;
	width: 25%;
	-webkit-box-flex: 1;
	-webkit-flex: 1 0 auto;
	    -ms-flex: 1 0 auto;
	        flex: 1 0 auto;
}
.ui-dialog .paragraphs-add-dialog-list > li input {
	padding: 50px !important;
	border-radius: 0 !important;
	text-align: center !important;
	text-transform: lowercase;
	background: none;
	color: var(--noir);
	border-right: 1px solid var(--gris);
	border-bottom: 1px solid var(--gris);
}
.ui-dialog .paragraphs-add-dialog-list > li input:hover {
	background-color: var(--grisclair);
}
.editor-link-dialog > .ui-front.ui-widget-content {
	height: 300px !important;
}
.button-action,
.plus a,
.more-link a,
.champ.liens a,
.node--type-intranet :not(.headerdroitehaut, #menu-admin-mobile) > #trigger-menu-asn {
	padding: 15px 18px 13px 24px;
	line-height: 1;
	margin: calc(var(--gutter)*1) calc(var(--gutter)*.5) calc(var(--gutter)*1) 0;
	border: var(--border);
	color: var(--noir) !important;
	font-size: var(--size1) !important;
	text-transform: lowercase;
	background-color: var(--blanc) !important;
	font-weight: 600;
	position: relative;
}
.plus a,
.more-link a  {
	display: inline-block;
	margin: calc(var(--gutter)*1) 0 0 0;
}
.button-action:before,
.plus a:before,
.more-link a:before,
.champ.liens a:before {
	content: "";
	position: absolute;
	width: 11px;
	height: 11px;
	margin-top: -5px;
	left: -6px;
	top: 50%;
	border-width: 1px;
	border-style: solid;
	border-color: var(--noir) var(--noir) transparent transparent;
	-webkit-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	        transform: rotate(45deg);
	background-color: var(--blanc);
	-webkit-transition: all .2s ease;
	transition: all .2s ease;
}
.button-action:hover:before,
form .paragraph-type-add-modal-button:hover:before,
.plus a:hover:before,
.more-link a:hover:before,
.champ.liens a:hover:before {
	width: 17px;
	height: 17px;
	left: -9px;
	margin-top: -8px;
}
.dropbutton-wrapper {
	border: none !important;
	font-size: var(--size1);
	margin: 0;
}
.dropbutton-wrapper .inner {
	border: 1px solid var(--gris);
	border-bottom: none;
	position: absolute;
	left: 0;
	right: 0;
	z-index: 1;
	background-color: var(--blanc);
}
#view-edit-form .dropbutton-wrapper .inner {
	position: relative;
}
#view-edit-form .dropbutton-multiple a {
	padding-right: 40px !important;
}
.dropbutton-wrapper {
	max-width: 100%;
	margin-right: 0;
	padding-right: 0;
	width: 100%;
	min-width: 150px;
}
.dropbutton-multiple.open,
.dropbutton-multiple.open .dropbutton-widget {
	max-width: 100%;
	width: 100%;
}
.js .dropbutton-multiple .dropbutton-widget {
	padding-right: 0em; /* LTR */
}
.dropbutton-wrapper a,
.dropbutton-wrapper input {
	text-transform: lowercase;
	color: var(--noir) !important;
	text-decoration: none;
	padding: 0 10px 0 10px !important;
	height: 30px;
	line-height: 30px;
	border: none !important;
	border-radius: 0 !important;
	border-bottom: 1px solid var(--gris) !important;
	white-space: nowrap;
	width: 100% !important;
}
#view-edit-form .dropbutton-wrapper a {
	height: 20px;
	line-height: 20px;
}
.dropbutton-wrapper a:hover {
	background-color: var(--grisclair);
}
.dropbutton-toggle button {
	width: 30px;
	height: 29px;
	right: 0;
	position: absolute;
	background-color: #fff;
	border-left: 1px solid var(--gris);
}
#view-edit-form .dropbutton-toggle button {
	width: 20px;
	height: 19px;
}
.dropbutton-arrow {
	position: absolute;
	top: 11px;
	display: block;
	overflow: hidden;
	width: 8px;
	height: 8px;
	border-top: 1px solid transparent;
	border-right: 1px solid transparent;
	border-bottom: 1px solid var(--gris);
	border-left: 1px solid var(--gris);
	-webkit-transform: rotate(-45deg);
	    -ms-transform: rotate(-45deg);
	        transform: rotate(-45deg);
}
#view-edit-form .dropbutton-arrow {
	top: 6px;
	left: 5px;
}
.dropbutton-multiple.open .dropbutton-arrow {
	top: 15px;
	border-top: 1px solid var(--noir);
	border-right: 1px solid var(--noir);
	border-bottom: 1px solid transparent;
	border-left: 1px solid transparent;
}
#view-edit-form .dropbutton-multiple.open .dropbutton-arrow {
	top: 10px;
}
summary {
	cursor: pointer;
	position: relative;
	padding-bottom: 15px;
}
details {
	border-bottom: var(--border);
	margin-bottom: 15px;
}
details summary {
	font-size: var(--size1);
	border-bottom: none;
}
#edit-field-images-ajax-wrapper,
#edit-field-images-wrapper {
	font-size: var(--size1);
}
#edit-field-images-ajax-wrapper summary,
#edit-field-images-wrapper summary,
#edit-field-adresse-wrapper summary,
#edit-field-fichiers-wrapper summary {
	padding: 10px 0;
	font-size: var(--size1-5);
	font-weight: 700;
}
.vue.utilisateurs_et_scenes_nationales h3 {
	margin-top: 60px;
	margin-bottom: var(--gutter);
	font-size: var(--size4);
}
.vue.utilisateurs_et_scenes_nationales h3 a {
	color: var(--contraste);
	text-decoration: underline;
}
.vue.utilisateurs_et_scenes_nationales .cell {
	font-size: var(--size1-5);
	line-height: 1.2;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-right: 40px;
}
.vue.utilisateurs_et_scenes_nationales .cell .views-field-user-bulk-form {
	-webkit-box-flex: 0;
	-webkit-flex: 0;
	    -ms-flex: 0;
	        flex: 0;
	padding-right: 20px;
}
.vue.utilisateurs_et_scenes_nationales .cell h2 {
	font-size: var(--size2);
	margin-bottom: 5px;
}
.vue.utilisateurs_et_scenes_nationales .cell a {
	text-decoration: underline;
}
.views-id-utilisateurs_et_scenes_nationales .admin-scene-nationale * {
	color: var(--bleu);
}
.vue.utilisateurs_et_scenes_nationales header {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	margin-bottom: var(--gutter);
}
.vue.utilisateurs_et_scenes_nationales .count {
	border: 1px solid var(--contraste);
	line-height: 1;
	font-size: var(--size1) !important;
	font-weight: 600;
	padding: 15px 18px 13px 18px;
	margin-right: 20px;
	margin-bottom: 5px;
	font-size: var(--size2);
	text-transform: lowercase;
	background-color: var(--blanc);
	color: var(--contraste);
}
.vue.utilisateurs_et_scenes_nationales .button-action {
	margin: 0;
	margin-bottom: 5px;
}
.vue.utilisateurs_et_scenes_nationales .cell .edit a {
	position: absolute;
	bottom: -5px;
	-webkit-transform-origin: bottom right;
	    -ms-transform-origin: bottom right;
	        transform-origin: bottom right;
	-webkit-transform: rotate(-90deg)  translateX(100%);
	    -ms-transform: rotate(-90deg)  translateX(100%);
	        transform: rotate(-90deg)  translateX(100%);
	right: 0;
	margin-right: 10px;
	font-size: var(--size1);
	max-width: 70px;
	line-height: 1;
	text-transform: lowercase;
	padding: 5px;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}
.vue.utilisateurs_et_scenes_nationales .cell .edit a:hover {
	color: var(--contraste);
}
.user-form {
	margin: 0 auto;
	max-width: 1000px;
	position: relative;
}
.user-form:after {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	bottom: 0;
	left: calc(var(--gutter)*-1 - 1px);
	right: calc(var(--gutter)*-1 - 1px);
	border-left: var(--border);
	border-right: var(--border);
}
.user-form #edit-entitygroupfield-wrapper {
	background-color: var(--grisclair);
	margin: 20px -20px 0 -20px;
	padding: 20px;
	border-top: var(--border);
	border-bottom: var(--border);
}
.user-form #edit-entitygroupfield-wrapper .form-submit {
	margin-top: 0;
	margin-bottom: 0;
}
.user-form #edit-account > .form-item {
	margin: 0 -20px !important;
	padding: 20px;
}
.user-form .form-item label,
.user-form .form-item .fieldset-legend {
	font-weight: 600;
	padding-bottom: 5px;
	color: var(--contraste);
}
.user-form #edit-account > .form-item .fieldset-legend {
	top: 20px;
	position: relative;
}
.user-form .form-item label.option {
	font-weight: 400;
	color: var(--noir);
}
.user-form #edit-actions {
	margin: 0;
	border: none;
}
.js-password-confirm-message {
	font-size: var(--size1);
	margin-top: 5px;
	margin-bottom: 5px;
	color: var(--gris);
}
.js-password-confirm-message span.ok {
	color: #62e4aa;
}
.password-strength {
	font-size: var(--size1);
	margin-bottom: 15px;
	color: var(--gris);
}
.password-strength__meter {
	height: 1px;
	margin-top: 15px;
	margin-bottom: 5px;
	background-color: var(--grismoyen);
}
.password-strength__indicator {
	background-color: #62e4aa;
}
#edit-pass .password-suggestions {
	font-size: var(--size1);
	color: var(--gris);
	display: none !important;
}
#edit-pass .password-suggestions ul li:before {
	content: '›  ';
	color: var(--noir);
	font-weight: 600;
}
.diff-header {
	border-top: var(--border);
	border-bottom: var(--border);
	background-color: var(--blanc);
	padding: 25px 0;
	font-size: var(--size1-5);
}
.diff-header > .form-item {
	width: 50%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.diff-controls {
	display: none;
}
.diff-header a,
.diff-responsive-table a {
	text-decoration: underline;
}
.diff-responsive-table th {
	text-align: center;
	padding: 20px !important;
	font-size: var(--size1-5);
}
.diff-responsive-table th:nth-child(odd) {
	border-right: var(--border);
}
.diff-responsive-table td.diff-line-number:nth-child(even) {
	border-left: var(--border);
}
.diff-responsive-table td.field-name {
	background: transparent;
	padding-top: 25px;
}
/* FIN ADMIN */

/* BREADCRUMBS */
#block-breadcrumbs {
	margin-bottom: var(--gutter);
}
#block-breadcrumbs ol {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin: 0;
	border-top: var(--border);
	border-bottom: var(--border);
	background-color: var(--blanc);
}
#block-breadcrumbs ol li {
	font-size: var(--size1);
	padding: 9px 12px 6px 10px;
	position: relative;
}
#block-breadcrumbs ol li:not(:first-child) {
	font-size: var(--size1);
	border-left: var(--border);
	position: relative;
	padding-left: 18px;
}
#block-breadcrumbs ol li:not(:first-child):before {
	content: "";
	position: absolute;
	width: 11px;
	height: 11px;
	margin-top: -5px;
	left: -6px;
	top: 50%;
	border-width: 1px;
	border-style: solid;
	border-color: var(--noir) var(--noir) transparent transparent;
	-webkit-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	        transform: rotate(45deg);
	background-color: var(--blanc);
	-webkit-transition: all .2s ease;
	transition: all .2s ease;
}
#block-breadcrumbs ol li a:hover {
	text-decoration: underline;
}
/* FIN BREADCRUMBS */

/* TABLE */
table,
tbody,
thead {
	background: none;
	border: none;
}
table thead,
table thead tr {
	font-size: var(--size2);
	border-bottom: var(--border);
}
table thead tr th {
	font-size: var(--size1);
	line-height: 1;
	font-weight: 600;
}
table tr {
	border-bottom: 1px solid var(--grisclair);
}
table td,
table thead tr th {
	padding: 10px 10px 10px 0;
}
table td:last-child,
table th:last-child {
	padding-right: 0;
}
table td a {
	text-decoration: underline;
	white-space: pre-line;
}
table caption {
	font-size: var(--size3);
	padding: 0;
	margin: calc(var(--gutter)*1) 0;
	text-align: left;
}
.table-fixed-layout table {
	table-layout: fixed;
}
.table-fixed-layout table td {
	line-height: 1;
}
.table-fixed-layout table th.views-field-views-bulk-operations-bulk-form,
.table-fixed-layout table td.views-field-views-bulk-operations-bulk-form {

	width: 30px;
}
/* FIN TABLE */

/* 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 1.1s infinite linear;
	        animation: load8 1.1s infinite linear;
	border-radius: 120px;
	border-top: 1px solid var(--grisclair);
	border-right: 1px solid var(--grisclair);
	border-bottom: 1px solid var(--grisclair);
	border-left: 1px solid var(--contraste);
	overflow: hidden;
	text-indent: -99999em;
	margin: auto;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
@-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 */

/* FORMS */
.field--name-field-aide {
	font-size: var(--size1);
	font-weight: 600;
	color: var(--contraste);
	border: 1px solid var(--contraste) !important;
	padding: calc(var(--gutter)*1) !important;
	margin: var(--gutter) 0 !important;
}
.field--name-field-aide * {
	max-width: 100% !important;
}
.field--type-text-long [id$="--description"],
.help-text,
.field--type-datetime .description,
.description {
	font-size: var(--size1);
	color: var(--gris);
	margin-top: 5px;
}
.form-wrapper > .form-item,
form > .form-item,
.fieldset-wrapper > .form-item {
	margin-bottom: 15px !important;
}
.js-form-type-date {
	padding-bottom: 30px;
	position: relative;
}
.js-form-type-date input.form-date:after {
	position: absolute;
	top: 50px;
	left: 0;
	white-space: nowrap;
	z-index: 10000;
	color: var(--grismoyen);
	content: attr(data-help);
}
.term-reference-tree-button {
	position: relative;
	border: var(--border);
	border-radius: 50px;
	text-align: center;
	line-height: 1;
	background-image: none;
	cursor: pointer;
	margin-top: -2px;
}
.term-reference-tree-button:after {
	content: "–";
}
.no-term-reference-tree-button {
	display: none;
}
.term-reference-tree-button.term-reference-tree-collapsed {
	background-image: none;
}
.term-reference-tree-button.term-reference-tree-collapsed:after {
	content: "+";
}

input:not(.form-file):not(.form-submit),
textarea {
	-webkit-box-shadow: none !important;
	        box-shadow: none !important;
	border: 1px solid var(--noir) !important;
	margin: 0 !important;
}
input:not(.form-file):not(.form-submit):focus,
textarea:focus {
	-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.2) !important;
	        box-shadow: 0px 0px 10px rgba(0,0,0,0.2) !important;
}
select {
	-webkit-box-shadow: none !important;
	        box-shadow: none !important;
	border: 1px solid var(--noir) !important;
	margin-bottom: 0;
	padding-right: 40px;
	background-image: url(../images/fleche-bas.svg);
	background-position: center right -27px;
	background-repeat: no-repeat;
	background-size: 15px;
}
select:focus {
	-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.2) !important;
	        box-shadow: 0px 0px 10px rgba(0,0,0,0.2) !important;
}
.group-onglet > .horizontal-tabs {
	border: none;
}
.group-onglet .horizontal-tabs-pane {
	padding: 0;
	padding-top: 50px;
}
.group-onglet .horizontal-tabs-pane > .form-wrapper {
	border-bottom: 1px solid var(--grisclair);
	padding-bottom: 30px;
	margin-bottom: 30px;
}
.node-annuaire-structure-edit-form .region-node-main > .form-wrapper {
	margin-bottom: 50px;
}
.group-form .group-onglet .horizontal-tabs-pane > .form-wrapper > * {
	max-width: 800px;
	margin: 0 auto;
}
.group-onglet select {
	width: 100%;
}
.group-onglet ul.horizontal-tabs-list,
.tabs {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	background: none;
	border: none;
	border-bottom: 1px solid var(--contraste);
	margin-top: 20px;
}
.group-onglet ul.horizontal-tabs-list li,
.tabs .tabs-title {
	background: none;
	border: none;
	margin-bottom: -1px;
	margin-left: -5px;
	text-align: center;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-webkit-align-items: flex-end;
	    -ms-flex-align: end;
	        align-items: flex-end;
}
.group-onglet ul.horizontal-tabs-list li:first-child a,
.group-onglet ul.horizontal-tabs-list li:last-child a,
.group-onglet ul.horizontal-tabs-list li a,
.tabs .tabs-title a {
	border-radius: 15px 15px 0px 0px !important;
}
.tabs .tabs-title a h3 {
	font-weight: 600;
}
.group-onglet ul.horizontal-tabs-list li.selected a,
.tabs .tabs-title.is-active a {
	border-bottom: 1px solid var(--blanc);
	background-color: var(--blanc) !important;
	color: var(--contraste) !important;
	z-index: 1;
}
form .flexbox {
	display: inherit;
}
.region-node-secondary #edit-advanced {
	margin-top: var(--gutter);
	background-color: var(--grisclair);
}

.region-node-secondary #edit-entitygroupfield-0-info-edit-remove-button-info {
	display: none;
}
.region-node-secondary #edit-meta,
.region-node-secondary #edit-author,
.region-node-secondary #edit-menu,
.region-node-secondary #edit-xmlsitemap,
.region-node-secondary #edit-url-redirects,
.region-node-secondary #edit-simple-sitemap,
.region-node-secondary .path-form,
.region-node-secondary #edit-options,
.region-node-secondary #edit-footer > div {
	margin: 0;
	border: none;
	border-top: 1px solid var(--blanc);
	padding: var(--gutter);
	background-color: var(--grisclair);
}
.region-node-secondary #edit-footer #edit-moderation-state-wrapper {
	display: none;
}
.region-node-secondary #edit-footer .form-item {
	margin-bottom: 0 !important;
}
.region-node-secondary #edit-menu select {
	font-size: var(--size1-5);
	width: 100%;
}
.region-node-secondary #edit-menu #menu-link-weight-wrapper {
	margin-top: 10px;
}
.region-node-secondary #edit-menu #menu-link-weight-wrapper .fieldset-legend {
	font-weight: 400;
}
.region-node-secondary #edit-menu .form-item-menu-description {
	display: none;
}
.region-node-secondary summary {
	font-size: var(--size1-5);
	font-weight: 700;
	padding-bottom: 0;
}
.region-node-secondary details {
	font-size: var(--size1-5);
}
.region-node-secondary details label {
	margin-top: 5px;
	font-weight: 400 !important;
}
.region-node-secondary details .form-item {
	margin-bottom: 0 !important;
}
.region-node-secondary summary span {
	font-weight: 400;
}
.region-node-secondary #edit-author input {
	margin-bottom: 5px !important;
}
.region-node-secondary #edit-actions,
.region-node-secondary .node-form__actions {
	margin-top: 0;
	background-color: var(--grisclair);
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
}
.region-node-secondary .node-form__actions {
	border-top: 1px solid var(--blanc);
}
.region-node-secondary #edit-actions input,
.region-node-secondary #edit-actions .button--danger {
	margin-bottom: 0 !important;
}
.node-ruralite-form #edit-field-geolocation-wrapper .leaflet-container,
.node-ruralite-edit-form #edit-field-geolocation-wrapper .leaflet-container {
	z-index: 0;
	height: 60vh !important;
}
.node-ruralite-form #edit-field-geolocation-wrapper [id*="field-geolocation-add-more-wrapper"] table,
.node-ruralite-form #edit-field-geolocation-wrapper [id*="field-geolocation-add-more-wrapper"] input,
.node-ruralite-edit-form #edit-field-geolocation-wrapper [id*="field-geolocation-add-more-wrapper"] table,
.node-ruralite-edit-form #edit-field-geolocation-wrapper [id*="field-geolocation-add-more-wrapper"] input {
	display: none !important;
}
.node--type-ruralite .leaflet-container {
	height: 60vh !important;
}
/* FIN FORMS */

/* HIGHLIGHTED */
.callout {
	position: relative;
	margin-bottom: var(--gutter);
	border: none;
	border: var(--border);
	text-align: left;
	padding: var(--gutter);
	background-color: var(--blanc) !important;
	font-size: var(--size1);
}
.callout:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
}
.callout a {
	color: inherit;
	text-decoration: underline;
}
.callout.status {
	color: var(--gris);
}
.callout.status:after {
	border-left: 5px solid var(--gris);
}
.callout.success:after {
	border-left: 5px solid #62e4aa;
}
.callout.error:after {
	border-left: 5px solid #dc1604;
}
/* FIN HIGHLIGHTED */

/* MEGAMENU */
#trigger-menu-asn,
#anon-login,
.headerdroitehaut > a,
#menu-admin-mobile > a {
	margin: 1px 0;
	padding: 7px 7px 5px 7px;
	font-size: var(--size3);
	text-transform: lowercase;
	display: inline-block;
	border: 1px solid var(--blanc);
	white-space: nowrap;
	line-height: 1;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}
#trigger-menu-asn:hover,
#anon-login:hover,
.headerdroitehaut > a:hover,
#menu-admin-mobile > a:hover {
	border: var(--border);
}
#trigger-menu-asn.menu_open,
.path-user #anon-login {
	border: var(--border);
}
.node--type-intranet .headerdroitehaut > a,
.node--type-journal-interne .headerdroitehaut > a,
.path-espace-adherent .headerdroitehaut > a,
.node--type-intranet #menu-admin-mobile > a:not(#trigger-menu-asn),
.node--type-journal-interne #menu-admin-mobile > a:not(#trigger-menu-asn),
.path-espace-adherent #menu-admin-mobile > a:not(#trigger-menu-asn) {
	border: var(--border);
}
.block-megamenuespaceadherent {
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	max-height: 0;
	opacity: 0;
	visibility: hidden;
	position: absolute;
	top: 100%;
	margin-top: 1px;
	left: 0;
	right: 0;
	background-color: var(--blanc);
	background-image: url(../images/fonds_4.svg);
	background-position: bottom right;
	background-repeat: no-repeat;
	background-size: 800px;
	z-index: 4;
	border-bottom: var(--border);
	padding-top: 60px;
}
.block-megamenuespaceadherent.menu_open {
	max-height: calc(100vh - 200px);
	overflow: auto;
	opacity: 1;
	visibility: visible;
}
#cache-megamenuespaceadherent,
#cache-megamenuespaceadherent-2 {
	position: absolute;
	-webkit-transition: all .8s ease;
	transition: all .8s ease;
	opacity: 0;
	visibility: hidden;
	top: 100%;
	margin-top: 1px;
	left: 0;
	right: 0;
	height: 10000000px;
	background-color:var(--noir);
	z-index: 3;
}
#cache-megamenuespaceadherent.menu_open,
#cache-megamenuespaceadherent-2.menu_open {
	opacity: 1;
	visibility: visible;
	max-height: 100000000px;
}
.block-megamenuespaceadherent .group-onglet .horizontal-tabs-pane {
	padding: 0;
	padding-top: var(--gutter);
}
.block-megamenuespaceadherent a.button-action {
	display: inline-block;
}
.block-megamenuespaceadherent a.button-action:before {
	width: 9px;
	height: 9px;
}
.block-megamenuespaceadherent a.button-action:hover:before {
	width: 15px;
	height: 15px;
}
.block-megamenuespaceadherent .cell {
	-webkit-align-self: flex-start;
	    -ms-flex-item-align: start;
	        align-self: flex-start;
}
.block-megamenuespaceadherent .accordion {
	width: 100%;
}
.block-megamenuespaceadherent .accordion-title {
	padding: 10px 0;
}
.block-megamenuespaceadherent h2 {
	margin-bottom: calc(var(--gutter)*2);
	color: var(--noir);
	font-size: var(--size4);
}
.block-megamenuespaceadherent .mm-block {
	margin-bottom: calc(var(--gutter)*1);
	padding-bottom: calc(var(--gutter)*1);
	font-size: var(--size2);
	line-height: 1.2;
}
.block-megamenuespaceadherent .mm-block h3 {
	margin-bottom: calc(var(--gutter)*0.5);
}
.block-megamenuespaceadherent .mm-block p {
	font-size: var(--size2);
	line-height: 1.2;
}
.block-megamenuespaceadherent .mm-block a:not(.button-action) {
	text-decoration: underline;
}
.block-megamenuespaceadherent .mm-block .nom {
	font-size: var(--size3);
	text-transform: uppercase;
	letter-spacing: 2px;
	line-height: 1;
	font-weight: 700;
	color: var(--contraste);
}
.block-megamenuespaceadherent .mm-block .roles {
	color: var(--grismoyen);
	font-weight: 600;
	padding-bottom: calc(var(--gutter)*.5);
	margin-bottom: calc(var(--gutter)*.5);
	border-bottom: 1px solid var(--grisclair);
}
.block-megamenuespaceadherent .mm-block .roles span {
	font-weight: 400;
}
.block-megamenuespaceadherent .mm-block .email a {
	text-decoration: underline !important;
}
.block-megamenuespaceadherent .identite {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	border-bottom: 1px solid var(--grisclair);
	margin-bottom: var(--gutter);
}
.block-megamenuespaceadherent .identite > div {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	text-align: center;
	margin-bottom: var(--gutter);
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
.block-megamenuespaceadherent .identite .infos {
	border-right: 1px solid var(--grisclair);
	padding: 0 var(--gutter);
}
.block-megamenuespaceadherent .identite .infos a {
	font-size: var(--size3);
	text-transform: uppercase;
	letter-spacing: 2px;
	text-decoration: none;
	line-height: 1;
	font-weight: 700;
	color: var(--contraste);
	margin-bottom: 10px;
	display: inherit;
}
.block-megamenuespaceadherent .identite .logo {
	padding: 0 var(--gutter);
}
.block-megamenuespaceadherent .identite .logo img {
	max-width: 200px;
}
.block-megamenuespaceadherent .ligne_avec_btn {
	border-bottom: 1px solid var(--grisclair);
	padding-bottom: calc(var(--gutter)*.5);
	margin-bottom: calc(var(--gutter)*.5);
}
.block-megamenuespaceadherent .ligne_avec_btn .button-action {
	margin-left: 15px;
	margin-right: 0;
	margin-top: 0;
	margin-bottom: 0;
}
.block-megamenuespaceadherent .accordion .accordion-item {
	border-bottom: 1px solid var(--grisclair) !important;
}
.block-megamenuespaceadherent table {
	margin-bottom: 10px;
}
.block-megamenuespaceadherent table .views-field-created {
	width: 150px;
}
.block-megamenuespaceadherent table .views-field-uid {
	width: 150px;
}
.block-megamenuespaceadherent table .views-field-moderation-state {
	width: 100px;
}
.block-megamenuespaceadherent .vue .pager {
	margin-top: 0;
}
.block-megamenuespaceadherent .vue .pager ul li a {
	width: 20px;
	height: 20px;
}
.block-megamenuespaceadherent .vue .pager ul li.current {
	width: 25px;
	height: 25px;
	line-height: 25px;
	padding: 0;
	font-size: var(--size1);
}
.block-megamenuespaceadherent table thead,
.block-megamenuespaceadherent table thead tr {
	border-bottom: 1px solid var(--grisclair);
}
.block-megamenuespaceadherent summary {
	font-size: var(--size3);
	font-weight: 700;
	color: var(--contraste);
	position: relative;
	padding-left: 15px;
}
.block-megamenuespaceadherent summary { 
	list-style-type: none; 
}
.block-megamenuespaceadherent summary::-webkit-details-marker { 
	display: none; 
}
.block-megamenuespaceadherent summary::marker { 
	display: none; 
}
.block-megamenuespaceadherent summary:before {
	content: '';
	position: absolute;
	left: 0;
	top: 8px;
	border: solid var(--noir);
	border-width: 0 1px 1px 0;
	display: inline-block;
	padding: 0 5px 5px 0;
	-webkit-transform: rotate(-45deg);
	    -ms-transform: rotate(-45deg);
	        transform: rotate(-45deg);
}
.block-megamenuespaceadherent details[open] summary:before {
	top: 6px;
	-webkit-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	        transform: rotate(45deg);
}
/* on cache l'onglet administration aux rôles qui ne l'ont pas */
.block-megamenuespaceadherent .group-onglet #edit-group-administration,
.block-megamenuespaceadherent .group-onglet .horizontal-tab-button-4 {
	display: none;
}
.role-admin-scene-nationale .block-megamenuespaceadherent .group-onglet #edit-group-administration,
.role-admin-scene-nationale .block-megamenuespaceadherent .group-onglet .horizontal-tab-button-4 {
	display: block;
}
.role-admin-scene-nationale:not(.section-admin) .block-theme-asn-secondary-local-tasks {
	display: none;
}
/**/
@media print, screen and (max-width: 600px) {
	.block-megamenuespaceadherent .identite {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
	.block-megamenuespaceadherent .identite .infos {
		border-right: none;
		border-bottom: 1px solid var(--grisclair);
		padding: 0 0 var(--gutter) 0;
	}
}
/* FIN MEGAMENU */

/* VIEWS */
.vue-2cols .champ.titre h1,
#carte-sidebar .champ.titre h1 {
	margin-bottom: var(--gutter);
	color: var(--contraste);
	padding-top: var(--gutter);
	text-shadow: -1px 0 var(--blanc), 0 1px var(--blanc), 1px 0 var(--blanc), 0 -1px var(--blanc);
}
.vue-2cols .views-exposed-form {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	margin-top: 14px;
}
.vue-2cols .views-exposed-form > .form-item {
	margin-right: 0;
	width: 100%;
}
.views-exposed-form fieldset {
	margin: 0;
	width: 100%;
}
.views-exposed-form #edit-actions {
	border: none;
}
#carte-sidebar .views-exposed-form #edit-actions {
	display: none;
}
.views-exposed-form label:not(.option),
.views-exposed-form legend,
#carte-sidebar legend {
	font-weight: 600 !important;
	border-bottom: var(--border);
	text-transform: lowercase;
	font-size: var(--size3);
	display: block;
	width: 100%;
	padding-bottom: 5px;
	margin-bottom: 13px;
	text-shadow: -1px 0 var(--blanc), 0 1px var(--blanc), 1px 0 var(--blanc), 0 -1px var(--blanc);
}
#carte-sidebar #exports_annuaire legend {
	border: none;
	font-size: var(--size4);
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: bold !important;
	color: var(--contraste);
	padding-bottom: 0;
}
.views-exposed-form legend .fieldset-legend {
	font-weight: 600;
}
.views-exposed-form input[type='checkbox'],
.views-exposed-form input[type='radio'] {
	display: none;
}
.views-exposed-form .form-radios,
.views-exposed-form .form-checkboxes {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
}
.views-exposed-form input[type='checkbox'] + label,
.views-exposed-form input[type='radio'] + label,a.annuaires, a.lexique {
	margin: 0 5px 5px 0;
	font-size: var(--size1);
	line-height: 1;
	text-transform: lowercase;
	font-weight: 400;
	border: var(--border);
	border-radius: 15px 0;
	padding: 12px 17px 10px 17px !important;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.views-exposed-form .form-item:not(.form-wrapper):nth-child(4n+2) input[type='checkbox'] + label,
.views-exposed-form .form-item:not(.form-wrapper):nth-child(4n+2) input[type='radio'] + label {
	border-radius: 0 15px 15px 0;
}
.views-exposed-form .form-item:not(.form-wrapper):nth-child(4n+3) input[type='checkbox'] + label,
.views-exposed-form .form-item:not(.form-wrapper):nth-child(4n+3) input[type='radio'] + label {
	border-radius: 0 0 15px 0;
}
.views-exposed-form .form-item:not(.form-wrapper):nth-child(4n+4) input[type='checkbox'] + label,
.views-exposed-form .form-item:not(.form-wrapper):nth-child(4n+4) input[type='radio'] + label, a.annuaires {
	border-radius: 15px 0 0 0;
}
.views-exposed-form input[type='checkbox'] + label:hover,
.views-exposed-form input[type='radio'] + label:hover, a.lexique:hover {
	border-radius: 0 !important;
}
.views-exposed-form input[type='checkbox']:checked + label,
.views-exposed-form input[type='radio']:checked + label {
	border: 1px solid var(--noir);
	background-color: var(--contraste);
}
.views-exposed-form .form-item-saison-266,
.views-exposed-form .form-item-saison-268 {
	display: none;
}
[id^="edit-saison"].form-checkboxes {
	-webkit-flex-wrap: wrap-reverse;
	    -ms-flex-wrap: wrap-reverse;
	        flex-wrap: wrap-reverse;
}
.views-exposed-form .bef-toggle {
	margin: 0 5px 5px 0;
	font-size: var(--size1);
	line-height: 1;
	text-transform: lowercase;
	font-weight: 400;
	border: var(--border);
	border-radius: 15px 0;
	padding: 12px 17px 10px 17px !important;
	-webkit-transition: all .3s;
	transition: all .3s;
}
/* FIN VIEWS */

/* PAGER */
.vue .pager {
	margin-top: var(--gutter);
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.vue .pager ul {
	margin: 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.vue .pager ul li {
	margin: 0 5px;
}
.vue .pager ul li a {
	text-indent: -100000px;
	padding: 0;
	width: 40px;
	height: 40px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100%;
	background-color: transparent;
}
.vue .pager ul li.pagination-previous a {
	background-image: url(../images/fleche-g.svg);
}
.vue .pager ul li.pagination-next a {
	background-image: url(../images/fleche-d.svg);
}
.vue .pager ul li.current {
	border: var(--border);
	width: 40px;
	height: 40px;
	border-radius: 100px;
	background-color: transparent;
	color: var(--noir);
	text-align: center;
	line-height: 36px;
}
/* FIN PAGER */

/* CARTE */
[class*="views-id-carte"] .views-exposed-form {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;
}
[class*="views-id-carte"] #content {
	height: 100%;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;
	padding: 0;
	z-index: -1;
	min-height: 700px;
}
[class*="views-id-carte"] #content > .grid-container {
	padding: 0;
	margin: 0;
	width: 100%;
	max-width: 100%;
	height: 100%;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;
}
[class*="views-id-carte"] #content #main {
	padding: 0;
	margin: 0;
	max-width: inherit;
	height: 100%;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;
}
[class*="views-id-carte"] #content #main .block-title h1 {
	position: absolute;
	z-index: 1000;
	display: none;
}
[class*="views-id-carte"] #content #main section,
[class*="views-id-carte"] #content #main section #block-theme-asn-content,
[class*="views-id-carte"] #content #main section #block-theme-asn-content .views-element-container,
[class*="views-id-carte"] #content #main section #block-theme-asn-content .views-element-container .container-carte {
	height: 100%;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;
}
[class*="views-id-carte"] #content #main section #block-theme-asn-content .views-element-container .container-carte {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	    -ms-flex-direction: row;
	        flex-direction: row;
}
[class*="views-id-carte"] #content #main section #block-theme-asn-content .views-element-container .container-carte #carte-sidebar {
	background-color: var(--blanc);
	width: 25%;
	padding: var(--gutter);
	padding-top: 60px;
	border-right: var(--border);
}
[class*="views-id-carte"] #content #main section #block-theme-asn-content .views-element-container .container-carte #cartes {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	position: relative;
	overflow: hidden;
}
[class*="views-id-carte"] .geolocation-map-wrapper {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
[class*="views-id-carte"] .geolocation-map-container {
	height: 100% !important;
	position: relative;
}
[class*="views-id-carte"] .geolocation-location {
	display: none;
}
[class*="views-id-carte"] .minimap {
	position: absolute;
	z-index: 100;
	bottom: 0;
	-webkit-transform: translateY(-200px);
	    -ms-transform: translateY(-200px);
	        transform: translateY(-200px);
	left: 0;

}
.leaflet-control-attribution {
	display: none;
}
.leaflet-control-zoom {
	border: none !important;
	-webkit-box-shadow: none !important;
	        box-shadow: none !important;
	outline: none !important;
}
.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
	color: var(--bleu) !important;
	border: 1px solid var(--bleu) !important;
	border-radius: 100px !important;
	width: 30px !important;
	height: 30px !important;
	line-height: 32px !important;
	font-family: roc-grotesk !important;
	font-weight: 400;
	margin-bottom: 5px;
}
[class*="views-id-carte"] .minimap .geolocation-map-container {
	border-top: var(--border);
	border-right: var(--border);
	height: 200px !important;
}
#exports_annuaire {
	margin-top: var(--gutter);
}
#infobulle {
	position: absolute;
	z-index: 10000;
	left: -1px;
	top: 0;
	bottom: 0;
	width: 33%;
	border-right: var(--border);
	padding: var(--gutter);
	background-color: var(--blanc);
	-webkit-transform: translateX(-100%);
	    -ms-transform: translateX(-100%);
	        transform: translateX(-100%);
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	overflow: auto;
}
.views-id-carte_ruralite #infobulle {
	width: 25%;
	padding-top: calc(var(--gutter)*3);
}
#infobulle.open {
	-webkit-transform: translateX(0);
	    -ms-transform: translateX(0);
	        transform: translateX(0);
}
#infobulle .close-button {
	left: auto;
	right: 50%;
	margin-right: -15px;
	top: 20px;
}
.views-id-carte_ruralite #infobulle .close-button {
	top: calc(var(--gutter)*3);
}
#infobulle .content {
	text-align: center;
	padding-top: 50px;
}
#infobulle .champ a {
	text-decoration: underline;
}
#infobulle .champ.titre:not(.soustitre) {
	color: var(--contraste);
	margin-bottom: var(--gutter);
}
#infobulle .champ.soustitre {
	margin-top: calc(var(--gutter)*-1);
}
#infobulle .champ.soustitre,
#infobulle .champ.image {
	margin-bottom: var(--gutter);
}
#infobulle .champ.adresse,
#infobulle .champ.email {
	margin-bottom: var(--gutter);
	padding-bottom: var(--gutter);
	border-bottom: var(--border);
}
#infobulle .champ.adresse p {
	line-height: 1.2;
}
#infobulle img {
	width: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
	-webkit-filter: grayscale(1);
	        filter: grayscale(1);
	mix-blend-mode: multiply;
}
#infobulle figure {
	position: relative;
}
#infobulle figure:after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: var(--contraste);
	opacity: 0.3;
	z-index: -1;
}
#exports_annuaire a {
	margin: 0 20px 5px 0;
	display: inline-block;
}
#exports_annuaire a:last-child {
	margin-right: 0;
}
[class*="views-id-carte"] img.leaflet-marker-icon.active {
	-webkit-transition: all 1s;
	transition: all 1s;
    content: url(../images/marker-active.png);
}
/* ruralité */
.views-id-carte_ruralite #infobulle img {
	max-height: 15vw;
}
.views-id-carte_ruralite #infobulle .champ.sn {
	font-weight: bold;
	margin-bottom: 15px;
	margin-top: -10px;
	line-height: 1;
	display: inline-block;
	text-align: left;
	background-image: url(../images/marker.svg);
	background-position: left -2px center;
	background-repeat: no-repeat;
	background-size: 18px;
	padding: 12px 0 10px 20px;
}
.views-id-carte_ruralite #infobulle .champ.soustitre {
	margin-top: var(--gutter);
	font-weight: bold;
}
.views-id-carte_ruralite #infobulle .champ.term_lien {
	margin-top: var(--gutter);
	padding-top: var(--gutter);
	border-top: var(--border);
}
.views-id-carte_ruralite #infobulle figcaption,
.views-id-carte_ruralite #infobulle .id,
.views-id-carte_ruralite #infobulle .group-location {
	display: none;
}
.views-id-carte_ruralite img.leaflet-marker-icon.active {
	-webkit-transition: inherit;
	transition: inherit;
    content: url(../images/marker-ruralite-active.png);
}
.views-id-carte_ruralite img.leaflet-marker-icon.sn-marker.active {
	-webkit-transition: inherit;
	transition: inherit;
    content: url(../images/marker-active.png);
}
@media print, screen and (max-width: 800px) {
	[class*="views-id-carte"] #content #main section #block-theme-asn-content .views-element-container .container-carte {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
	[class*="views-id-carte"] #content #main section #block-theme-asn-content .views-element-container .container-carte #carte-sidebar {
		width: 100%;
		padding-top: var(--gutter);
		border-right: none;
		border-bottom: var(--border);
	}
	[class*="views-id-carte"] #cartes {
		min-height: 65vh;
	}
}
@media print, screen and (max-width: 600px) {
	#infobulle {
		right: 0;
		width: 100%;
		border: none;
	}
	.views-id-carte_ruralite #infobulle {
		width: 100%;
		padding-top: calc(var(--gutter)*1);
	}
	.views-id-carte_ruralite #infobulle .close-button {
		top: 20px;
	}
	.views-id-carte_ruralite #infobulle img {
		max-height: 60vw;
	}
	[class*="views-id-carte"] .minimap {
		-webkit-transform: translateX(0) translateY(-120px) ;
		    -ms-transform: translateX(0) translateY(-120px) ;
		        transform: translateX(0) translateY(-120px) ;
	}
	[class*="views-id-carte"] .minimap .geolocation-map-container {
		height: 120px !important;
		width: 120px !important;
	}
}

/* FIN CARTE */


/* SELECT2 */

.select2-selection {
	border: var(--border) !important;
	border-radius: 0 !important;
	height: 90px !important;
}
.select2-container {
	z-index: 1;
}
.select2-container .selection {
	height: 90px !important;
}
.select2-selection__arrow,
.select2-selection__clear {
	border-left: var(--border) !important;
	width: 50px !important;
	height: 88px !important;
	margin: 0 !important;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}
.select2-selection__rendered {
	margin-right: 50px !important;
	padding-left: 15px !important;
	height: 90px !important;
	display: -webkit-box !important;
	display: -webkit-flex !important;
	display: -ms-flexbox !important;
	display: flex !important;
	-webkit-box-align: center !important;
	-webkit-align-items: center !important;
	    -ms-flex-align: center !important;
	        align-items: center !important;
	white-space: normal !important;
	line-height: 1 !important;
	color: var(--noir) !important;
}
.select2-selection__placeholder {
	color: var(--noir) !important;
	font-size: var(--size2);
	font-weight: 600;
}
.select2-dropdown {
	margin-top: -1px;
	border: var(--border) !important;
	border-radius: 0;
}
.select2-results > ul {
	min-height: 350px;
}
.select2-search--dropdown {
	border-bottom: var(--border);
}
.select2-search--dropdown input {
	font-size: var(--size1);
	padding: 5px 10px !important;
}
.select2-search--dropdown,
.select2-results__group,
ul.select2-results__options--nested li.select2-results__option,
.select2-results__message {
	padding: 15px !important;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}
.select2-results__message {
	font-size: var(--size1);
}
.select2-results__group {
	color: var(--bleu);
	margin-top: -1px;
	border-top: var(--border);
	border-bottom: 1px solid var(--grisclair);

}
ul.select2-results__options--nested li.select2-results__option {
	border-bottom: 1px solid var(--grisclair);
}
ul.select2-results__options--nested li.select2-results__option:hover,
ul.select2-results__options--nested li.select2-results__option:focus,
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
	background-color: var(--grisclair) !important;
}
ul.select2-results__options--nested li.select2-results__option .grid-x,
.select2-selection--clearable .select2-selection__rendered .grid-x {
	line-height: 1;
	display: -webkit-box !important;
	display: -webkit-flex !important;
	display: -ms-flexbox !important;
	display: flex !important;
	-webkit-box-align: center !important;
	-webkit-align-items: center !important;
	    -ms-flex-align: center !important;
	        align-items: center !important;
}
ul.select2-results__options--nested li.select2-results__option .grid-x .text,
.select2-selection--clearable .select2-selection__rendered .text {
	padding-left: var(--gutter);
}
ul.select2-results__options--nested li.select2-results__option .grid-x .text .ville,
.select2-selection--clearable .select2-selection__rendered .text .ville {
	font-size: var(--size1);
	padding-bottom: 5px;
	font-weight: normal;
}
ul.select2-results__options--nested li.select2-results__option .grid-x .text .structure {
	font-size: var(--size2);
	font-weight: 700;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}
ul.select2-results__options--nested li.select2-results__option:hover .structure,
ul.select2-results__options--nested li.select2-results__option:focus .structure,
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable .structure {
	color: var(--contraste) !important;
}
.select2-selection--clearable .select2-selection__arrow {
	display: none;
}
.select2-selection--clearable .select2-selection__rendered {
	background-color: var(--contraste) !important;
	color: var(--noir) !important;
	font-size: var(--size2);
	font-weight: 600;
}
.select2-selection__arrow,
.select2-selection__clear {
	position: relative;
}
.select2-selection__clear:before,
.select2-selection__clear:after {
	content: '';
	position: absolute;
	border-bottom: var(--border);
	-webkit-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	        transform: rotate(45deg);
	top: 50%;
	left: 15px;
	right: 15px;
}
.select2-selection__clear:after {
	-webkit-transform: rotate(-45deg);
	    -ms-transform: rotate(-45deg);
	        transform: rotate(-45deg);
}
.select2-selection__arrow b,
.select2-selection__clear span {
	display: none;
}
.select2-selection__arrow:after {
	position: absolute;
	top: 50%;
	margin-top: -8px;
	left: 50%;
	margin-left: -5px;
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	border-style: solid;
	border-width: 1px;
	content: '';
	border-bottom-width: 1px;
	border-color: transparent #000061 #000061 transparent;
	-webkit-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	        transform: rotate(45deg);
}
.select2-selection__arrow:hover {
	background-color: var(--grisclair);
}
/* FIN SELECT2 */


/* NODES GENERAL */
.group--view-mode-full .champ.texte a,
.node--view-mode-full .champ.texte a,
.champ.email a,
.champ.lien a {
	text-decoration: underline;
}
.border_bottom {
	padding-bottom: calc(var(--gutter)*1);
	margin-bottom: calc(var(--gutter)*1);
	border-bottom: var(--border);
}
.border_bottom > .champ:not(:last-child) {
	margin-bottom: var(--gutter);
}
.champ .field-label-inline {
	display: inline;
}
.champ .field-label,
.champ .field-label-above,
.champ .accordion-title,
.champ .field-label-inline {
	font-weight: 700;
	line-height: 1.2;
	font-size: var(--size1-5);
}
.accordion {
	margin-top: 10px !important;
	margin-bottom: calc(var(--gutter)*1) !important;
}
.accordion,
.accordion-item,
.accordion-title,
.accordion-content {
	border: none !important;
	padding: 0;
	margin: 0;
	background: none !important;
	line-height: 1.2;
}
.accordion-title {
	padding-bottom: 3px;
}
.node--view-mode-full .champ.para {
	margin-bottom: var(--gutter);
}
.node--view-mode-full .champ.para figure,
.node--view-mode-full .champ.para .video-embed-field-responsive-video {
	margin-bottom: var(--gutter);
}
.node--view-mode-full .champ.para .swiper-slide figure {
	margin-bottom: 0;
	text-align: center;
	background-color: #f9f9f9;
}
.champ.para figure figcaption,
.champ.image figure figcaption {
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: var(--size1);
	color: var(--gris);
	text-align: left;
}
.champ.liens {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	    -ms-flex-align: start;
	        align-items: flex-start;
}
.champ.liens a {
	margin: 0 20px 5px 0;
}
.champ.image.logo figure figcaption {
	display: none;
}
.champ.texte.chapeau p {
	font-size: var(--size3);
	line-height: 1.3;

}
.champ.texte ul li {
	margin: 7px 0;
}
.champ.texte ul li:before {
	content: '›  ';
	color: var(--contraste);
	font-weight: 600;
}
.champ.texte .gris {
	color: var(--gris);
}
.champ.texte .bleu {
	color: var(--bleu);
}
.champ.texte .orange {
	color: var(--contraste);
}
.champ.lien_sn a {
	text-decoration: none;
	font-size: var(--size1);
	font-weight: 600;
	line-height: 1;
	display: inline-block;
	text-align: left;
	background-image: url(../images/marker.svg);
	background-position: left -2px center;
	background-repeat: no-repeat;
	background-size: 18px;
	padding: 12px 0 10px 20px;
}
.node--type-annuaire-structure .logo img,
.node--type-equipements .logo img {
	max-height: 180px;
	width: auto;
}
.node--type-annuaire-structure .champ.date.maj,
.node--type-equipements .champ.date.maj {
	margin-bottom: var(--gutter);
	color: var(--gris);
}
.node--type-annuaire-structure .champ.para_contact {
	margin-bottom: 15px;
}
.node--type-annuaire-structure .champ.para_contact .field-label-inline {
	font-weight: normal;
	font-size: var(--size2);
}
.node--type-annuaire-structure .champ.para_contact a {
	text-decoration: underline;
}
.node--type-equipements .para_equipement {
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid var(--grisclair);
}
.node--type-equipements .para_equipement .champ.para {
	margin: 0;
	font-size: var(--size1-5);
}
.node--type-equipements .para_equipement .nom_salle {
	font-weight: 600;
}
.node--type-equipements .field-label-above {
	font-weight: 700;
	line-height: 1.2;
	font-size: var(--size2);
	margin-bottom: 10px;
}
/* FIN NODES GENERAL */

/* DISPLAY SN */
#groupe-entete {
	margin-bottom: var(--gutter);
}
#groupe-entete > .cell {
	padding-top: var(--gutter);
	padding-bottom: var(--gutter);
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	text-align: center;
}
#groupe-titre > .champ,
#groupe-complement > .champ {
	text-shadow: -2px 0 var(--blanc), 0 2px var(--blanc), 2px 0 var(--blanc), 0 -2px var(--blanc);
}
#groupe-titre,
#groupe-logo {
	position: relative;
}
#groupe-titre .champ.titre {
	padding: 0 100px;
	color: var(--contraste);
}
#groupe-titre .champ.soustitre {
	color: var(--noir);
}
#groupe-titre:after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right: calc(var(--gutter)*-1);
	border-right: var(--border);
}
#groupe-entete > .cell:last-child {
	border-right: none;
}
#groupe-logo .champ.logo img {
	max-height: 180px;
	width: auto;
}
#groupe-encart .champ.lien a {
	font-weight: 600;
	padding: 7px 12px 5px 12px;
	font-size: var(--size2);
	text-transform: lowercase;
	display: inline-block;
	border: 1px solid var(--blanc);
	text-decoration: none;
	background-color: var(--contraste);
	border-radius: 10px 0 20px 0;
	-webkit-transition: all .3s;
	transition: all .3s;
	margin-top: var(--gutter);
}
#groupe-encart .champ.lien a:hover {
	background-color: var(--contraste);
	border-radius: 0;
}
#groupe-encart .champ.rs {
	margin-top: 5px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
}
#groupe-encart .champ.rs a {
	display: inline-block;
	width: 40px;
	height: 40px;
	text-indent: -10000px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100%;
	margin: 0 1px;
}
#groupe-encart .champ.rs a.linkedin {
	background-image: url(../images/pictos_rs_linkedin.svg);
}
#groupe-encart .champ.rs a.facebook {
	background-image: url(../images/pictos_rs_facebook.svg);
}
#groupe-encart .champ.rs a.twitter {
	background-image: url(../images/pictos_rs_twitter.svg);
}
#groupe-encart .champ.rs a.instagram {
	background-image: url(../images/pictos_rs_instagram.svg);
}
#groupe-encart .champ.rs a.youtube {
	background-image: url(../images/pictos_rs_youtube.svg);
}
#groupe-encart .champ.rs a.normal {
	background-image: url(../images/pictos_rs_lien.svg);
}


#groupe-encart {
	position: relative;
	z-index: 1;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	padding-top: calc(var(--gutter)*1);
	padding-bottom: calc(var(--gutter)*1);
	margin-bottom: var(--gutter);

}
.group--view-mode-full #groupe-encart {
	padding-top: calc(var(--gutter)*2);
	padding-bottom: calc(var(--gutter)*2);
	color: var(--blanc);
	font-weight: 600;
}
.group--view-mode-full #groupe-encart a {
	color: var(--blanc);
	text-decoration: underline;
}
#groupe-encart .field-label {
	font-weight: 400;
}
#groupe-encart:before {
	z-index: 0;
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: calc(var(--gutter)*-1);
	right: 0;
	background-image: url(../images/fonds_3.svg);
	background-position: top left;
	background-repeat: no-repeat;
	background-size: 800px;
}
@media print, screen and (min-width: 1560px) {
	#groupe-encart:before {
		left: calc((((100vw - var(--largeur)))/2)*-1);
	}
}
#groupe-encart:after {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	bottom: 0;
	left: -100000px;
	right: -100000px;
	border-top: var(--border);
	border-bottom: var(--border);
	background-color: var(--contraste);
}
#groupe-encart > .cell,
#groupe-encart > .cell p {
	position: relative;
	z-index: 1;
	text-align: center;
	line-height: 1;
}
#groupe-encart .champ {
	position: relative;
	z-index: 1;
}
#groupe-encart .field-label-above {
	text-align: center;
	margin-bottom: 20px;
}
#groupe-centre {
	position: relative;
}
.node--type-page #groupe-centre,
.node--type-actualite #groupe-centre,
.node--type-annuaire-structure #groupe-centre ,
.node--type-equipements #groupe-centre {
	margin: 0 auto;
}
.node--type-fabrique-experiences #groupe-entete,
.node--type-page #groupe-entete,
.node--type-annuaire-structure #groupe-entete,
.node--type-job #groupe-entete,
.node--type-ressource #groupe-entete,
.node--type-equipements #groupe-entete {
	padding-top: calc(var(--gutter)*1);
	padding-bottom: calc(var(--gutter)*1);
	margin-bottom: var(--gutter);
	border-bottom: var(--border);
}
#groupe-centre:after {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	bottom: 0;
	left: calc(var(--gutter)*-1);
	right: calc(var(--gutter)*-1);
	border-left: var(--border);
	border-right: var(--border);
}
#groupe-gauche,
#groupe-droite,
#groupe-gauche p,
#groupe-droite p {
	position: relative;
	text-align: center;
	font-size: var(--size1-5);
	line-height: 1.2;
}
#groupe-gauche {
	padding-top: 5px;
}
#groupe-droite .champ.image.lieu {
	margin-bottom: var(--gutter);
}
#groupe-droite .champ.image.lieu img {
	width: 100%;
}
#groupe-droite .champ.image.lieu figure {
	position: relative;
}
#groupe-droite .champ.image.lieu figure:after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: var(--bleu);
	opacity: 0.3;
	z-index: -1;
}
#groupe-droite .champ.carte {
		z-index: 0;
		position: relative;
		margin-bottom: var(--gutter);
}
#groupe-droite .champ.carte .leaflet-popup-close-button {
	display: none;
}
#groupe-droite .champ.carte .leaflet-popup-content {
	margin: 0;
}
#groupe-droite .champ.carte .leaflet-popup-content-wrapper {
	-webkit-box-shadow: none;
	        box-shadow: none;
	border-radius: 7px 7px 0 0;
	background-color: var(--blanc);
	color: var(--noir);
	font-family: roc-grotesk !important;
	line-height: 1;
	font-size: var(--size1);
	padding: 7px 7px 5px 7px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	border: var(--border);
	text-align: center;
}
.leaflet-popup-tip-container {
	display: none;
}
.champ.equipements ul li {
	line-height: 1.2;
	margin-top: var(--gutter);
}
.champ.equipements .champ.nom_salle {
	font-weight: 600;
}
.champ.equipements .champ.agrement {
	font-size: var(--size1);
	color: var(--gris);
	padding: 0 30px;
}
.champ.equipements .champ.agrement:after {
	content: "—";
	display: block;
}
.champ.offres_emploi {
	border-top: var(--border);
	margin-top: var(--gutter);
	padding-top: var(--gutter);
	padding-bottom: var(--gutter);
}
.champ.offres_emploi .field-label-above {
	text-align: center;
	margin-bottom: calc(var(--gutter)*0.5);
}
@media print, screen and (max-width: 800px) {
	#groupe-encart .champ.lien a {
		margin-top: 5px;
	}
	#groupe-titre {
		margin-bottom: var(--gutter);
		padding-bottom: var(--gutter);
		border-bottom: var(--border);
	}
	#groupe-titre:after {
		display: none;
	}
}
@media print, screen and (max-width: 800px) {
	#groupe-titre .champ.titre {
		padding: 0;
	}
	#groupe-encart {
		padding-top: calc(var(--gutter)*1.5);
		padding-bottom: calc(var(--gutter)*1.5);
	}
	#groupe-encart > .cell {
		padding: calc(var(--gutter)*0.5) 0;
	}
	#groupe-gauche {
		-webkit-box-ordinal-group: 3;
		-webkit-order: 2;
		    -ms-flex-order: 2;
		        order: 2;
		margin-bottom: var(--gutter);
		padding-bottom: var(--gutter);
		border-bottom: var(--border);
	}
	#groupe-droite {
		-webkit-box-ordinal-group: 4;
		-webkit-order: 3;
		    -ms-flex-order: 3;
		        order: 3;
	}
	.group--view-mode-full #groupe-gauche:after {
		content: "";
		position: absolute;
		top: 0;
		bottom: 0;
		z-index: -1;
		left: calc(var(--gutter)*-1);
		right: calc(var(--gutter)*-1);
		border-right: var(--border);
	}
	#groupe-centre {
		margin-bottom: var(--gutter);
		padding-bottom: var(--gutter);
		border-bottom: var(--border);
	}
	#groupe-centre:after {
		display: none;
	}
	.node--type-page #groupe-centre,
	.node--type-actualite #groupe-centre {
		border-bottom: none;
	}
}
/* FIN DISPLAY SN */

/* TEASER GENERAL */
.teaser {
	height: 100%;
}
.teaser > .grid-x {
	padding-top: 7px;
}
.teaser.page .champ.titre {
	padding: calc(var(--gutter)*2) 0;
}
.teaser .champ.image figure figcaption {
	display: none;
}
.grid-border > .cell > a {
	-webkit-transition: all .3s;
	transition: all .3s;
	text-decoration: none;
}
.grid-border > .cell > a:hover {
	color: var(--contraste);
}
.teaser > .cell {
	padding-top: 10px;
	padding-bottom: 10px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;
	line-height: 1.2;
}
.teaser .field-label-inline {
	font-weight: 600;
}
.teaser .teaser-droite {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;
	/*justify-content: flex-end;*/
	padding-right: var(--gutter);
}
.teaser .teaser-gauche {
	padding-right: var(--gutter);
}
.teaser .teaser-droite .champ.cat {
	position: absolute;
	bottom: 0;
	-webkit-transform-origin: bottom right;
	    -ms-transform-origin: bottom right;
	        transform-origin: bottom right;
	-webkit-transform: rotate(-90deg)  translateX(100%);
	    -ms-transform: rotate(-90deg)  translateX(100%);
	        transform: rotate(-90deg)  translateX(100%);
	right: 0;
	margin-right: -10px;
	font-size: var(--size1);
	max-width: 70px;
	line-height: 1;
	text-transform: lowercase;
	color: var(--bleu);
}
/* FIN TEASER GENERAL */

/* DISPLAY OFFRE EMPLOI */
/* full */
.node--type-job #groupe-droite:after,
.node--type-ressource #groupe-droite:after {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	bottom: 0;
	left: calc(var(--gutter)*-1);
	right: calc(var(--gutter)*-1);
	border-left: var(--border);
}
.node--type-job .champ:not(.date):not(.duree),
.node--type-ressource .champ:not(.date,.titre):not(.duree) {
	margin-bottom: 10px;
}
@media print, screen and (max-width: 600px) {
	.node--type-job #groupe-droite:after,
	.node--type-ressource #groupe-droite:after {
		content: "";
		position: absolute;
		z-index: -1;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		border-left: none;
	}
}
/* teaser */
.teaser.offre_emploi .teaser-droite {
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	text-align: center;
	color: var(--bleu);
	border-left: 1px solid var(--grisclair);
}
.teaser-droite .champ.sn_teaser .champ.logo {
	margin-bottom: 10px;
}
.teaser-droite .champ.sn_teaser .champ.logo img {
	max-height: 50px;
	width: auto;
	max-width: 70px;
}
.teaser-droite .champ.sn_teaser .champ.ville {
	font-size: var(--size1);
	margin-bottom: 5px;
}
.teaser-droite .champ.sn_teaser .champ.titre {
	font-weight: 600;
	line-height: 1;
}
.teaser.offre_emploi .champ.date,
.teaser.offre_emploi .champ.duree {
	font-size: var(--size1-5);
}
.teaser-gauche .champ.titre {
	margin-bottom: calc(var(--gutter)*.5);
}
.teaser-gauche .champ.publication {
	font-size: var(--size1);
	margin-bottom: 5px;
}
@media print, screen and (max-width: 800px) {
	.teaser.offre_emploi .teaser-droite {
		border-top: 1px solid var(--grisclair);
		border-left: none;
		padding: var(--gutter) 0 0 0;
		margin: var(--gutter) var(--gutter) 0 var(--gutter);
		-webkit-box-flex: 1;
		-webkit-flex: 1;
		    -ms-flex: 1;
		        flex: 1;
	}
}
/* FIN DISPLAY OFFRE EMPLOI */

/* DISPLAY FABRIQUES */
.teaser.fabrique .champ.date {
	font-size: var(--size1);
	margin-bottom: 5px;
}
.node--type-fabrique-experiences figure,
.node--type-fabrique-experiences .video-embed-field-responsive-video {
	margin-bottom: var(--gutter);
}
.node--type-fabrique-experiences .champ.audio {
	margin-top: var(--gutter);
}
/* FIN DISPLAY FABRIQUES */

/* DISPLAY ARTICLE */
.node--type-actualite:not(.node--view-mode-teaser) .champ.soustitre {
	margin-bottom: calc(var(--gutter)*1);
}
.node--type-actualite #groupe-encart:after {
	background-color: transparent;
}
.champ.term_lien {
	position: relative;
	z-index: 1;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
.champ.acteur {
	text-align: center;
	border-top: var(--border);
	padding-top: calc(var(--gutter)*1);
	margin-top: calc(var(--gutter)*1);
	font-size: var(--size1-5);
}
.champ.acteur span:not(:last-child):after {
	content: ", ";
}
.champ.term_lien a {
	padding: 4px 10px;
	margin: 2px;
	border: var(--border);
	text-decoration: none;
	-webkit-transition: all .3s;
	transition: all .3s;
	border-radius: 50px;
	font-size: var(--size1);
	background-color: var(--blanc);
	text-decoration: none !important;
}
.champ.term_lien a:hover {
	background-color: var(--grisclair);
}
.champ.acteur .cell {
	text-align: center;
}
/* teaser */
.teaser .champ {
	text-shadow: -2px 0 var(--blanc), 0 2px var(--blanc), 2px 0 var(--blanc), 0 -2px var(--blanc);
}
.teaser .champ.region {
	font-size: var(--size1);
	margin-bottom: 5px;
}
.teaser .champ.sn_teaser {
	font-size: var(--size1);
	line-height: 1;
}
.teaser .champ.sn {
	font-size: var(--size1);
	line-height: 1;
	background-image: url(../images/marker.svg);
	background-position: left -2px center;
	background-repeat: no-repeat;
	background-size: 18px;
	padding: 12px 0 10px 20px;
}
.teaser .champ.soustitre h2 {
	margin-top: 5px;
	font-weight: 400;
	font-size: var(--size1-5);
}
a.teaser .champ.titre {
	-webkit-transition: all .3s;
	transition: all .3s;
}
a.teaser:hover .champ.titre {
	color: var(--contraste);
}
.cell.epingle .teaser-droite {
	background-image: url(../images/pin.svg);
	background-position: right top;
	background-repeat: no-repeat;
	background-size: 25px;
	padding-right: calc(var(--gutter)*2);
}
.teaser.trombinoscope .champ {
	text-shadow: none;
}
.teaser.trombinoscope .champ.email,
.teaser.trombinoscope .champ.telephone,
.teaser.trombinoscope .champ.date,
.teaser.trombinoscope .champ.recrutement {
	line-height: 1.2;
	font-size: var(--size1-5);
	margin-bottom: 5px;
}
/* FIN DISPLAY ARTICLE */

/* INTRANET */
.node--type-intranet #groupe-gauche,
.node--type-intranet #groupe-droite,
.node--type-intranet #groupe-gauche p,
.node--type-intranet #groupe-droite p {
	text-align: left;
	font-size: inherit;
	line-height: inherit;
}
.node--type-intranet * {
	text-decoration: none !important;
}

.node--type-intranet .field-label-above,
.node--type-intranet .champ.soustitre h2 {
	font-size: var(--size3);
	font-weight: 600;
}
.node--type-intranet .champ.titre h1 {
	margin-bottom: var(--gutter);
	color: var(--contraste);
	text-shadow: -2px 0 var(--blanc), 0 2px var(--blanc), 2px 0 var(--blanc), 0 -2px var(--blanc);
}
.node--type-intranet .champ.soustitre h2 {
	margin-bottom: 10px;
}
.node--type-intranet .champ.dernier_journal,
.node--type-intranet .champ.toutes_ressources,
.node--type-intranet .champ.annuaire {
	margin-top: var(--gutter);
	padding-top: var(--gutter);
	border-top: 1px solid var(--grisclair);
}
.node--type-intranet .champ.toutes_ressources .button-action {
	margin-bottom: 0;
}
.node--type-intranet .champ.annuaire {
		margin-bottom: var(--gutter);
}
.node--type-intranet .champ.exportations {
		margin-top: calc(var(--gutter) * 1);
}
.node--type-intranet .champ.exportations > a {
	display: inline-block;
	margin: 0 20px 5px 0;
}
.node--type-intranet ul.grid-border {
	margin-bottom: 20px;
}
.node--type-intranet .button-action {
	display: inline-block;
}
@media print, screen and (max-width: 600px) {
	#groupe-gauche {
		-webkit-box-ordinal-group: inherit;
		-webkit-order: inherit;
		    -ms-flex-order: inherit;
		        order: inherit;
	}
	.group--view-mode-full #groupe-gauche:after {
		display: none;
	}
	#groupe-droite {
		-webkit-box-ordinal-group: inherit;
		-webkit-order: inherit;
		    -ms-flex-order: inherit;
		        order: inherit;
	}
}
/* FIN INTRANET */

/* RESSOURCES */
#edit-classement {
	position: relative;
	z-index: 0;
}
#edit-classement .is-drilldown {
	max-width: 100% !important;
}
#edit-classement ul {
	display: inherit;
	width: 100%;
}
#edit-classement ul li {
	display: inline-block !important;
	width: auto !important;
}
#edit-classement .bef-link,
#edit-classement .js-drilldown-back a {
	margin: 0 5px 5px 1px;
	font-size: var(--size1);
	text-transform: lowercase;
	font-weight: 400;
	border: var(--border);
	border-radius: 15px 0;
	padding: 12px 17px 10px 17px !important;
	-webkit-transition: all .3s;
	transition: all .3s;
}
#edit-classement li:nth-child(4n+2) > .bef-link {
	border-radius: 0 15px 15px 0;
}
#edit-classement li:nth-child(4n+3) > .bef-link {
	border-radius: 0 0 15px 0;
}
#edit-classement li:nth-child(4n+4) > .bef-link {
	border-radius: 15px 0 0 0;
}
#edit-classement .is-drilldown-submenu-parent > .bef-link {
	padding-right: 35px !important;
}
#edit-classement .js-drilldown-back a {
	padding-left: 35px !important;
	position: relative;
}
#edit-classement .is-drilldown-submenu-parent > .bef-link:after,
#edit-classement .js-drilldown-back a:before {
	content: "";
	position: absolute;
	top: 50%;
	margin-top: -12px;
	right: 10px;
	width: 24px;
	height: 24px;
	border: none;
	background-image: url(../images/fleche-d.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100%;
}
#edit-classement .js-drilldown-back a:before {
	-webkit-transform: rotate(180deg);
	    -ms-transform: rotate(180deg);
	        transform: rotate(180deg);
	left: 10px;
}
#edit-classement .bef-link:hover,
#edit-classement .js-drilldown-back a:hover {
	border-radius: 0 !important;
}
#edit-classement .bef-link--selected,
#edit-classement .bef-parent--selected > .bef-link {
	background-color: var(--contraste);
	color: var(--noir) !important;
}
.teaser.ressource .champ.texte {
	margin-top: 10px;
}
.teaser.ressource .champ.texte p {
	line-height: 1.2;
	font-size: var(--size1-5);
}
.teaser.ressource .champ.picto {
	position: relative;
	margin: 0;
}
.teaser.ressource .champ.picto img {
	max-height: 200px;
	width: auto;
}
.teaser.ressource .champ.picto .ext {
	text-transform: uppercase;
	font-size: var(--size1);
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -15px;
	margin-left: -25px;
	border: var(--border);
	padding: 8px 8px 6px 8px;
	background-color: var(--blanc);
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}
.teaser.ressource:hover .champ.picto .ext {
	color: var(--contraste);
}
.teaser.ressource .champ.picto.png img,
.teaser.ressource .champ.picto.jpg img,
.teaser.ressource .champ.picto.tif img,
.teaser.ressource .champ.picto.tiff img,
.teaser.ressource .champ.picto.psd img,
.teaser.ressource .champ.picto.jpeg img,
.teaser.ressource .champ.picto.gif img {
	content: url(../images/file-img.svg);
}
.teaser.ressource .champ.picto.eps img,
.teaser.ressource .champ.picto.svg img {
	content: url(../images/file-eps.svg);
}
.teaser.ressource .champ.picto.mp4 img,
.teaser.ressource .champ.picto.avi img,
.teaser.ressource .champ.picto.mpeg img,
.teaser.ressource .champ.picto.mpg img {
	content: url(../images/file-mp4.svg);
}
.teaser.ressource .champ.picto.doc img,
.teaser.ressource .champ.picto.docx img,
.teaser.ressource .champ.picto.txt img {
	content: url(../images/file-doc.svg);
}
.teaser.ressource .champ.picto.xls img,
.teaser.ressource .champ.picto.xlsx img,
.teaser.ressource .champ.picto.csv img {
	content: url(../images/file-xls.svg);
}
.node--type-ressource .liste-termes li {
	font-weight: normal;
	line-height: 1.2;
}
/* FIN RESSOURCES */

/* ACCORDEON */
.champ.para ul.accordion {
	background: none;
}
.champ.para ul.accordion li.accordion-item,
.webform-submission .accordion-item {
	border-bottom: 1px solid var(--noir) !important;
}
.champ.para ul.accordion li.accordion-item a.accordion-title,
.block-megamenuespaceadherent .accordion-item a.accordion-title,
.webform-submission .accordion-item a.accordion-title {
	border: none;
	padding-right: 45px;
	padding-left: 0;
	padding-top: var(--gutter);
	padding-bottom: var(--gutter);
	position: relative;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	color: var(--noir);
}
.champ.para ul.accordion li.accordion-item a.accordion-title:focus,
.block-megamenuespaceadherent .accordion-item a.accordion-title:focus,
.webform-submission .accordion-item a.accordion-title:focus {
	background: none;
}
.champ.para ul.accordion li.accordion-item a.accordion-title h3,
.block-megamenuespaceadherent .accordion .accordion-item a.accordion-title h3,
.webform-submission .accordion .accordion-item a.accordion-title h3 {
	font-size: var(--size3);
	margin: 0;
	font-weight: 600;
}
.champ.para ul.accordion li.accordion-item a.accordion-title:hover,
.block-megamenuespaceadherent .accordion .accordion-item a.accordion-title:hover,
.webform-submission .accordion .accordion-item a.accordion-title:hover {
	color: var(--contraste);
	background: none;
}
.champ.para ul.accordion li.accordion-item.is-active a.accordion-title,
.block-megamenuespaceadherent .accordion .accordion-item.is-active a.accordion-title,
.webform-submission .accordion .accordion-item.is-active a.accordion-title {
	color: var(--contraste);
}
.champ.para ul.accordion li.accordion-item a.accordion-title:before,
.block-megamenuespaceadherent .accordion .accordion-item a.accordion-title:before,
.webform-submission .accordion .accordion-item a.accordion-title:before {
	content: '';
	position: absolute;
	width: 30px;
	height: 30px;
	border: none;
	background-image: url(../images/fleche-d.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100%;
	display: inline-block;
	top: 50%;
	margin-top: -15px;
	right: var(--gutter);
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.champ.para ul.accordion li.accordion-item.is-active a.accordion-title:before,
.block-megamenuespaceadherent .accordion .accordion-item.is-active a.accordion-title:before,
.webform-submission .accordion .accordion-item.is-active a.accordion-title:before {
	-ms-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	        transform: rotate(90deg);
	-ms-transform-origin: center;
	-webkit-transform-origin: center;
	        transform-origin: center;
	margin-top: -18px;
	right: calc(var(--gutter) - 3px);
}
.champ.para ul.accordion li.accordion-item .accordion-content,
.block-megamenuespaceadherent .accordion .accordion-item .accordion-content,
.webform-submission .accordion .accordion-item .accordion-content {
	border: none;
	padding: 0;
	background: none;
	border-bottom: 1px solid var(--noir);
	margin-bottom: -1px;
}
.champ.para ul.accordion li.accordion-item .accordion-content .double-field-first {
	font-weight: 600;
	position: relative;
	color: var(--bleu);
}
.champ.para ul.accordion li.accordion-item .accordion-content .double-field-first:not(:first-child):after {
	content: "";
	position: absolute;
	top: -20px;
	width: 50px;
	left: 0;
	border-top: 1px solid var(--grisclair);
}
.champ.para ul.accordion li.accordion-item .accordion-content .champ.reponse {
	padding-bottom: 15px;
}
/* FIN ACCORDEON */

/* SWIPER */
.champ.image.diaporama img {
	-o-object-fit: contain;
	   object-fit: contain;
	height: 100%;
	max-height: 800px;
}
.champ.image.diaporama figcaption,
.champ.images figcaption {
	text-align: center;
}
#groupe-contenu .champ.images figure,
#groupe-contenu .champ.images figcaption {
	text-align: center;
}
#groupe-contenu .champ.images img {
	max-height: 800px;
	width: auto;
}
.swiper-slide {
	background-color: var(--blanc);
}
.swiper-button-prev,
.swiper-button-next {
	top: 50%;
	width: 30px;
	height: 30px;
	border: 1px solid #333;
	border-radius: 50px;
	background-color: var(--blanc);
}
.swiper-button-prev:after,
.swiper-button-next:after {
	font-size: 1rem;
}
.swiper-button-prev {
	left: var(--gutter);
}
.swiper-button-next {
	right: var(--gutter);
}
.video-embed-field-lazy-play {
	height: 72px;
	width: 72px;
	left: 50%;
	top: 50%;
	margin-left: -36px;
	margin-top: -36px;
	position: absolute;
	background: url(../images/play.svg);
	cursor: pointer;
	background-size: 72px 72px;
}
.audio .video-embed-field-lazy-play {
	background: url(../images/audio.svg);
}

.audio .video-embed-field-lazy-play {
	background: url(../images/audio.svg);
}
/* FIN SWIPER */

/* WEBFORM */
form#webform-submission-bulk-form {
	overflow-x: scroll;
	width: 100%;
}
.webform-type-fieldset legend {
	font-size: var(--size3);
}
.webform-type-fieldset .colonnes .fieldset-wrapper {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin: 0 -20px;
}
.webform-type-fieldset .colonnes.col-2  .fieldset-wrapper > .form-item {
	width: 50%;
	margin: 0 20px;
}
.webform-has-field-suffix {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	margin-bottom: 15px;
}
.webform-has-field-suffix > label {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 100%;
	    -ms-flex: 0 0 100%;
	        flex: 0 0 100%;
}
.webform-has-field-suffix > input {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	margin: 0;
}
.webform-has-field-suffix > .field-suffix {
	margin-left: 10px;
}
.webform-element-help {
	width: 18px;
	height: 18px;
	margin: 0 5px;
	color: var(--noir);
	border: var(--border);
	background: none;
	font-size: var(--size1);
	font-weight: normal;
	line-height: 18px;
}
.webform-element-help:focus,
.webform-element-help:active,
.webform-element-help:hover {
	cursor: help;
	color: var(--blanc);
	background-color: var(--noir);
	border: 1px solid var(--noir);
}
.tippy-box {
	background-color: var(--blanc);
	border: var(--border);
	border-radius: 0;
	color: var(--noir);
}
.progress-tracker {
	margin: calc(var(--gutter) * 3) 0;
}
.progress-title {
	font-size: var(--size2);
	font-weight: 600 !important;
	text-transform: lowercase;
	color: var(--noir);
	-webkit-transition: all .3s;
	transition: all .3s;
}
.progress-title[role="link"] {
	color: var(--contraste) !important;
	text-decoration: underline;
}
.progress-step {
	padding: 0;
}
.progress-marker:before {
	font-weight: 600;
	width: 30px;
	height: 30px;
	line-height: 30px;
	padding: 0;
	z-index: 1;
	background-color: var(--noir) !important;
	color: var(--blanc);
}
.progress-step.is-complete .progress-marker::before,
.progress-step.is-active .progress-marker::before {
	background-color: var(--contraste) !important;
	color: var(--blanc);
}
.webform-progress-tracker .progress-step .progress-marker::after {
	background-color: var(--noir);
}
.progress-step.is-active .progress-title {
	color: var(--contraste);
}
.progress-marker:after {
	height: 1px;
	top: 50%;
	margin-top: -1px;
	background-color: var(--contraste);
}
.webform-progress-tracker .progress-step.is-complete .progress-marker::after {
	background-color: var(--contraste);
}
.webform-submission-form .dont {
	padding-left: 20px;
	border-left: 2px solid var(--grisclair);
}
.webform-submission-form > .container,
.webform-submission-form > .webform-preview,
.webform-confirmation {
	margin: 0 auto;
	max-width: 1000px;
	position: relative;
}
.webform-submission-form > .container:after,
.webform-submission-form > .webform-preview:after,
.webform-confirmation:after {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	bottom: 0;
	left: calc(var(--gutter)*-1);
	right: calc(var(--gutter)*-1);
	border-left: var(--border);
	border-right: var(--border);
}
.webform-submission-form #edit-actions .webform-button--draft {
	color: var(--blanc) !important;
	background-color: var(--gris) !important;
}
.webform-submission-form #edit-actions .webform-button--draft:hover {
	color: var(--blanc) !important;
	background-color: var(--noir) !important;
}
.webform-submission-form .container label,
.webform-submission .webform-element label,
.webform-submission .tabs-informations label {
	color: var(--gris);
	font-weight: 400;
}
.webform-submission .webform-element label,
.webform-submission .tabs-informations label {
	line-height: 1;
}
.webform-submission .webform-element,
.webform-submission .tabs-informations .form-item {
	margin-bottom: 10px !important;
	border-bottom: 1px solid var(--grisclair);
	padding-bottom: 5px;
}
.webform-submission .webform-element:last-child,
.webform-submission .tabs-informations .form-item:last-child {
	border: none;
}
.webform-submission-form .container .form-wrapper .form-wrapper .fieldset-legend {
	font-weight: 400;
}
.webform-submission-form > .webform-preview summary {
	font-size: var(--size3);
	font-weight: 700;
	color: var(--contraste);
}
.webform-submission-form > .webform-preview .fieldset-legend {
	font-size: var(--size3);
	font-weight: 700 !important;
}
.webform-submission-form > .webform-preview.form-wrapper .form-wrapper .form-wrapper .form-wrapper .fieldset-legend,
.webform-submission fieldset fieldset .fieldset-legend {
	font-weight: 600 !important;
	font-size: var(--size2);
}
.webform-submission .tabs-panel > fieldset:not(:last-child) {
	border-bottom: 1px solid var(--noir);
	padding-bottom: 10px;
	margin-bottom: var(--gutter);
}
.webform-submission-form > .webform-preview label {
	color: var(--gris);
	font-weight: 400;
	line-height: 1;
}
.webform-submission-form > .webform-preview details > .form-wrapper:not(:last-child) {
	border-bottom: 1px solid var(--grisclair);
}
.webform-submission-form > .webform-preview a {
	text-decoration: underline;
}
.webform-confirmation__message {
	font-size: var(--size3);
}
.webform-confirmation__back a {
	text-transform: lowercase;
	text-decoration: underline;
}
.webform-submission-form .apercu_form .apercu_form  {
	display: none;
}
.webform-submission-form .apercu_form .description {
	font-size: var(--size3);
	color: var(--contraste);
	font-weight: 600;
	border: 1px solid var(--contraste);
	text-align: left;
	padding: var(--gutter);
	background-color: var(--blanc) !important;
}
.webform-submission-form .apercu_form .container:nth-child(2) {
	display: none;
}
.webform-submission-form .apercu_form summary {
	font-size: var(--size3);
	cursor: text;
	margin-top: 30px;
}
.webform-submission-form .apercu_form summary::-webkit-details-marker,
.webform-submission-form .apercu_form summary::marker {
	display: none;
	content: "";
}
.webform-submission-form .apercu_form select,
.webform-submission-form .apercu_form input {
	display: none;
}
.webform-submission-form .apercu_form .field-suffix:before {
	content: "Total en ";
}
.webform-submission-form .apercu_form .field-suffix {
	display: none;
	font-size: var(--size1-5);
	line-height: 1;
}
.webform-submission-form .apercu_form label {
	line-height: 1;
}
.webform-submission-form .apercu_form .form-item {
	margin-bottom: 10px;
}
.webform-submission-form .apercu_form .secondaire .fieldset-legend,
.webform-submission-form .apercu_form .colonnes .fieldset-legend {
	color: var(--gris);
}
/* FIN WEBFORM */

/* ACCUEIL */
.group-chiffres {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;
	gap: calc(var(--gutter)*1);
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	padding-bottom: var(--gutter);
	position: relative;
}
.group-chiffres:before {
	z-index: -1;
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-position: top right 20%;
	background-repeat: no-repeat;
	background-size: 1000px;
	background-image: url(../images/fonds_6.svg);
	-webkit-transform: rotate(180deg);
	    -ms-transform: rotate(180deg);
	        transform: rotate(180deg);
}
.chiffres {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	gap: calc(var(--gutter)*1);
}
.chiffres:not(:last-child) {
	padding-bottom: calc(var(--gutter)*1);
	border-bottom: var(--border);
}
.chiffres .para-chiffre {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	line-height: 0.7;
	text-shadow: 0 0 5px #FFF, 0 0 5px #FFF, 0 0 5px #FFF, 0 0 5px #FFF;
}
.chiffres .para-chiffre:not(:last-child) {
	padding-right: calc(var(--gutter)*1);
	border-right: var(--border);
}
.para-chiffre .chiffre {
	font-size: var(--size6);
	font-weight: 900;
	color: var(--contraste);
	text-align: center;
}
.para-chiffre .description {
	font-size: var(--size2);
	color: var(--noir);
	font-weight: 600;
	text-align: center;
	text-wrap: balance;
}
.para-chiffre .description * {
	line-height: 1.2;
}
@media print, screen and (max-width: 800px) {
	.group-chiffres:before {
		display: none;
	}
	.para-chiffre .chiffre {
		font-size: var(--size6);
	}
	.para-chiffre .description {
		font-size: var(--size1-5);
	}
}
.label-accueil {
	margin-bottom: -12px;
	margin-left: 15px;
	padding-top: 14px;
	border-top: var(--border);
	display: table;
}
.node--type-accueil .more-link {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	    -ms-flex-pack: end;
	        justify-content: flex-end;
}
.champ.encart {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;
	margin-bottom: calc(var(--gutter)*2);
}
.champ.encart a {
	position: relative;
	margin-top: -1px;
	text-align: center;
	text-decoration: none !important;
	font-size: var(--size5);
	line-height: 1;
	font-weight: 700;
	padding: calc(var(--gutter)*2);
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}
.champ.encart a:before {
	z-index: 0;
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: calc(var(--gutter)*-1);
	right: 0;

	background-position: top left;
	background-repeat: no-repeat;
	background-size: 800px;
}
.champ.encart a:first-child:before {
	background-image: url(../images/fonds_5.svg);
}
.champ.encart a:last-child:before {
	background-image: url(../images/fonds_4.svg);
	background-position: bottom right;
	right: calc(var(--gutter)*-1);
}
@media print, screen and (min-width: 1560px) {
	.champ.encart a:before {
		left: calc((((100vw - var(--largeur)))/2)*-1);
	}
	.champ.encart a:last-child:before {
		right: calc((((100vw - var(--largeur)))/2)*-1);
	}
}
.champ.encart a:after {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	bottom: 0;
	left: -100000px;
	right: -100000px;
	border-top: var(--border);
	border-bottom: var(--border);
	background-color: var(--contraste);
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}
.champ.encart a:hover {
	color: var(--blanc);
}
.champ.encart a:hover:after {
	background-color: var(--bleu);
}
.champ.partenaires {
	margin-top: 50px;
}
.champ.partenaires ul {
	margin-top: 40px;
}
.champ.partenaires ul li:before {
	content: "";
	position: absolute;
	z-index: -1;
	height: 200px;
	top: -100px;
	margin-top: -15px;
	border: none;
	background-image:url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYWxxdWVfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDE0ODIgMTAwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxNDgyIDEwMDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOm5vbmU7c3Ryb2tlOiMwMDAwNjE7c3Ryb2tlLW1pdGVybGltaXQ6MTA7fQo8L3N0eWxlPgo8cGF0aCB2ZWN0b3ItZWZmZWN0PSJub24tc2NhbGluZy1zdHJva2UiIGNsYXNzPSJzdDAiIGQ9Ik0tOCw0OS4yaDk5MS42YzAsMCwxMC41LDMwLjcsMjguOSwyNS4xYzE5LjgtNi4xLDQuMi02My42LDIzLjktNjYuNwoJczE3LjQsMjMuNSwzMi4xLDI4czcuNiwxMy42LDE4LjUsMTMuNnM0MDksMCw0MDksMCIvPgo8L3N2Zz4K");
	background-repeat: no-repeat;
	background-position: center;
}
.champ.partenaires li.cell {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	padding: 0 10px;
}
.champ.partenaires li.cell .item {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	padding: var(--gutter);
	text-align: center;
}
.champ.partenaires .item figure {
	position: relative;
	display: inline-block;
	height: auto;
	width: auto;
	z-index: 0;
}
.champ.partenaires .item figure:after {
	content: "";
	position: absolute;
	top: 1px;
	bottom: 1px;
	left: 1px;
	right: 1px;
	background-color: var(--noir);
	z-index: -1;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}
.champ.partenaires .item img {
	max-width: 70px;
	max-height: 70px;
	width: auto;
	-webkit-filter: grayscale(1);
	        filter: grayscale(1);
	mix-blend-mode: hard-light;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}
.champ.partenaires .item:hover img {
	-webkit-filter: grayscale(0);
	        filter: grayscale(0);
}
.champ.partenaires .item:hover figure:after {
	opacity: 0;
}
.champ.carte {
	margin-bottom: 50px;
}
.champ.carte .contenu {
	position: relative;
	border-left: var(--border);
	border-right: var(--border);
	margin: 40px 0 0 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
.champ.carte .contenu:before {
	content: "";
	position: absolute;
	top: -15px;
	left: 15px;
	right: 15px;
	border-top: var(--border);
}
.champ.carte .contenu:after {
	content: "";
	position: absolute;
	bottom: -16px;
	left: 15px;
	right: 15px;
	border-bottom: var(--border);
}
.champ.carte .contenu .image {
	padding: 40px 80px 40px 40px;
}
.champ.carte .contenu .titre {
	position: absolute;
	top: 30px;
	left: 45px;
	font-size: var(--size5);
	line-height: 1;
	font-weight: 700;
}
.champ.carte .contenu .boutons {
	position: absolute;
	bottom: -16px;
	right: 5px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	    -ms-flex-pack: end;
	        justify-content: flex-end;
}
.champ.carte .contenu .boutons .button-action {
	margin-bottom: 0;
}
.champ.carte .contenu .image a .cls-5 {
	-webkit-animation: marker 2s infinite ease;
	        animation: marker 2s infinite ease;
	-webkit-animation-fill-mode: forwards;
	        animation-fill-mode: forwards;
    -webkit-animation-play-state: paused;
            animation-play-state: paused;
}
.champ.carte .contenu .image a .cls-5:nth-child(2n) {
	-webkit-animation-delay: 0.3s;
	        animation-delay: 0.3s;
}
.champ.carte .contenu .image a .cls-5:nth-child(3n) {
	-webkit-animation-delay: 0.6s;
	        animation-delay: 0.6s;
}
.champ.carte .contenu .image a .cls-5:nth-child(4n) {
	-webkit-animation-delay: 0.8s;
	        animation-delay: 0.8s;
}
.champ.carte .contenu .image a:hover .cls-5 {
	-webkit-animation-play-state: running;
	        animation-play-state: running;
}
.champ.carte .contenu .image line.cls-4 {
	stroke-width: 0.5px;
}
.path-frontpage #block-theme-asn-primary-local-tasks {
	z-index: 2;
	padding-bottom: 80px;
}
#groupe-accueil-0 {
	position: relative;
	max-height: 10000px;
	opacity: 1;
	visibility: visible;
	/*margin-top: -80px;*/
	z-index: 2;
}
.label-accueil {
	text-shadow: -1px 0 var(--blanc), 0 1px var(--blanc), 1px 0 var(--blanc), 0 -1px var(--blanc);
}
#popup_accueil {
	padding: 0;
	border: none;
	background: transparent;
}
#popup_content {
	padding: calc(var(--gutter)*2);
	color: var(--blanc);
	background-color: var(--noir);
}
#popup_content h2 {
	text-align: center;
	padding: 25px 0 10px 0;
	color: var(--noir);
	text-shadow: 1px 1px var(--blanc), -1px -1px var(--blanc), 1px -1px var(--blanc), -1px 1px var(--blanc);
	text-transform: uppercase;
	letter-spacing: 5px;
	font-size: var(--size5);
}
#popup_content .champ.liens a {
	color: var(--blanc) !important;
	border-color: var(--blanc);
	background-color: var(--noir) !important;
}
#popup_content .champ.liens a:before {
	border-color: var(--blanc) var(--blanc) transparent transparent;
	background-color: var(--noir);
}
#popup_accueil .close-button {
	top: var(--gutter);
	right: var(--gutter);
	background-color: var(--noir);
	border: 1px solid var(--blanc);
	border-radius: 100px;
}
#popup_accueil .close-button:before,
#popup_accueil .close-button:after {
	border-bottom: 1px solid var(--blanc);
	left: 5px;
	right: 5px;
}
#popup_accueil .champ.para {
	margin: 0 0 20px 0;
}
#popup_accueil .champ.para figure,
#popup_accueil .champ.para .video-embed-field-responsive-video {
	margin: 0;
}
#popup_accueil .champ.images,
#popup_accueil .champ.video {
	max-width: 1000px;
	margin: var(--gutter) auto;
	text-align: center;
}
@-webkit-keyframes marker {
	0% {
		fill: var(--contraste);
	}
	50% {
		fill: var(--noir);
	}
	100% {
		fill: var(--contraste);
	}
}
@keyframes marker {
	0% {
		fill: var(--contraste);
	}
	50% {
		fill: var(--noir);
	}
	100% {
		fill: var(--contraste);
	}
}
@media print, screen and (max-width: 600px) {
	.champ.carte .contenu .image {
		padding: 0 20px 40px 20px;
	}
	.champ.carte .contenu .titre {
		top: 10px;
		left: 25px;
	}
	.champ.carte .contenu .boutons .button-action {
		margin-top: -1px;
	}
}
/* FIN ACCUEIL */

/* REVEAL */
.reveal {
	top: 10vh !important;
	border: 1px solid var(--noir);
	min-height: 80vh;
}
#modal_inscription iframe {
	height: 80vh;
	margin: 0;
	width: 100%;
}
.reveal .close-button {
	top: 15px;
}
@media print, screen and (max-width: 600px) {
	.reveal {
		top: 0 !important;
		min-height: 80vh;
	}
	#modal_inscription iframe {
		height: 100%;
	}
}
/* FIN REVEAL */


/* EU COOKIE */
#sliding-popup {
  padding: 20px 0;
  background-color: var(--grisclair) !important;
  color: var(--noir);
  border-top: var(--border);
  font-size: var(--size1-5);
}
.eu-cookie-compliance-message p,
.eu-cookie-compliance-message h2 {
  font-size: var(--size1-5) !important;
  font-weight: normal !important;
  color: var(--noir) !important;
}
.eu-cookie-compliance-content {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	    -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: -webkit-flex;
	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: 'roc-grotesk' !important;
	background: none;
	text-shadow: none;
	-webkit-box-shadow: none;
	        box-shadow: none;
	font-size: var(--size1-5) !important;
	background-color: transparent;
	color: var(--noir) !important;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	color: var(--blanc);
	border: 1px solid var(--noir);
	padding: 8px 10px 6px 10px;
	border-radius: 0;
	margin: 0 0 0 10px;
	display: inherit;
	transition: all 0.3s;
	font-weight: normal;
	text-transform: lowercase;
}

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-5) !important;
  font-weight: normal;
  color: var(--noir) !important;
  text-decoration: underline;
}
@media print, screen and (max-width: 60em) {
	.eu-cookie-compliance-content {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-align: start;
		-webkit-align-items: flex-start;
		    -ms-flex-align: start;
		        align-items: flex-start;
		padding-right: calc(var(--gutter)*0.5);
		padding-left: calc(var(--gutter)*0.5);
	}
	button.decline-button.eu-cookie-compliance-default-button,
	button.agree-button.eu-cookie-compliance-secondary-button {
		margin: 10px 10px 0 0;
	}
}
/* FIN EU COOKIE */

/* UPLOAD PHOTO CONTACTS EXCEPT DIRECTION */
.section-node-edit  .field--name-field-image-one {
display: none;
}
.section-node-edit #edit-field-contact-direction-wrapper .field--name-field-image-one {
display: block;
}
/* FIN UPLOAD PHOTO CONTACTS EXCEPT DIRECTION */