/**************************************************************************************************************/
/*
			FOI ET LUMIERE - V1.5 Site generique

			Date : 23/09/2021
			Auteur : Marlene
			URL : http://pommier2:40480/foi-et-lumiere   -   liberté 1

*/
/**************************************************************************************************************/


/*------------------------------------------------------------------------------------------------------------*/
/*
	= RESET
*/
/*------------------------------------------------------------------------------------------------------------*/
* {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
body {
	font-family: var(--font-current);
	font-size: 62.5%; /*ensuite 1em=10px en taille normale*/
	color: var(--color-current);
	overflow-x: hidden;
}
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	border: none;
	font-family: var(--font-current);
	font-weight: 700;
	letter-spacing: normal;
}
ul {
	margin: 0;
    padding: 0;
	list-style: none;
    line-height: 1.3;
}
img {
	border: none;
}
a, a:link { 
	text-decoration: none;
	color: var(--color-current);
	transition: all 0.5s;
}
a:visited {
	text-decoration: none;
	color: var(--color-current);
}
a:hover, a:focus {
	text-decoration: underline;
	color: var(--color-current);
}
input,
select,
textarea {
	padding: 10px 20px;
	border: 1px solid var(--color-current);
	border-radius: 3px;
	font-family: var(--font-current)!important;
	font-size: 1em!important;
	color: var(--color-current);
	transition: all 0.5s;
}
input[type=submit] {
	cursor: pointer;
}
input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus {
	background-color:var(--color-grey);
	color: var(--color-current);
	outline: none;
}
.noscroll {
	overflow: hidden;
}
.masques-svg {
	position: absolute;
	width: 0;
	height: 0;}

/*
	ELEMENTS DE PLONE
*/
dl.portlet,
dl.portalMessage,
div.managePortletsLink,
a.managePortletsFallback,
div.portletAssignments,
#content,
div.overlay,
#edit-bar,
#portal-sitemap,
#portal-searchbox,
#portal-globalnav,
#portal-breadcrumbs,
#portal-column-content #content,
#portal-footer,
#portal-siteactions,
#portal-colophon,
#portal-languageselector,
#content pre,
.portletItemDetails,
#portal-personaltools,
#fieldset-openid-login input,
#login-form input,
div.listingBar,
#content legend,
#content div.documentByLine,
.commentDate,
.comment,
#portal-sitemap .navTreeLevel2,
#portal-sitemap .navTreeLevel2 ul,
#content .discreet,
#sidebar .discreet,
#category {
	font-size: 100%;
}
#content a:link,
dl.portlet a:link,
#content a:visited,
dl.portlet a:visited {
	border: none;
	color: var(--color-current);
}
#content dt {
	font-weight: 400;
}
#content {
	clear: none;
}
#content ul {
	list-style: none;
	margin: 0;
}
.portletAssignments .portlet_here.portlet_visible .portletHeader {
	color: var(--color-current);
	background: #666;
}
body.template-logged_out #content,
body.template-login_form #content {
	text-align: left;
}
.highlightedSearchTerm {
	background: none!important;
	font-weight: normal!important;
}
div.width-full {
	width: 100%;
}
div.position-0,
div.position-1\:2 {
	margin: 0;
}
div.cell {
	float: none;
	left: 0;
	margin: 0;
	width: auto;
}
div.row {
	float: none;
}
#content-ckeditor,
body.cke_panel_frame {
    background: var(--color-white) !important;
}

/*
	ELEMENT DU DON PROJET
*/
#faceted-form #top-area {
	margin: 0;
	padding: 0;
	background: none;
}

/*------------------------------------------------------------------------------------------------------------*/
/*
	= BXSLIDER
*/
/*------------------------------------------------------------------------------------------------------------*/
/*
	RESET - LAYOUT
*/
.bx-wrapper {
	position: relative;
	margin: 0 auto 20px;
	padding: 0;
	*zoom: 1;
}
.bx-wrapper img {
	max-width: 100%;
	display: block;
}

/*
	THEME
*/
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -30px;
	width: 100%;
}

/* LOADER */
.bx-wrapper .bx-loading {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
	height: 100%;
	width: 100%;
	min-height: 50px;
	background: url(../images/bx-slider/bx_loader.gif) center center no-repeat var(--color-white);
}

/* PAGER */
.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-weight: 700;
	color: #666;
}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}
.bx-wrapper .bx-pager.bx-default-pager a,
#content .bx-wrapper .bx-pager.bx-default-pager a {
	display: block;
	margin: 0 3px;
	width: 10px;
	height: 10px;
	background: var(--color-current);
	border: 2px solid var(--color-current);
	text-indent: -9999px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a:focus,
#content .bx-wrapper .bx-pager.bx-default-pager a:hover,
#content .bx-wrapper .bx-pager.bx-default-pager a:focus {
	background: var(--color-white);
}
.bx-wrapper .bx-pager.bx-default-pager a.active,
#content .bx-wrapper .bx-pager.bx-default-pager a.active {
	background: var(--color-white);
}

/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
	left: 10px;
	background: url(../images/bx-slider/controls.png) no-repeat 0 -32px;
}
.bx-wrapper .bx-next {
	right: 10px;
	background: url(../images/bx-slider/controls.png) no-repeat -43px -32px;
}
.bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}
.bx-wrapper .bx-next:hover {
	background-position: -43px 0;
}
.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 9999;
}
.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
	text-align: center;
}
.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(../images/bx-slider/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}
.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(../images/bx-slider/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	width: 80%;
	text-align: left;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background: #666;
	background: rgba(80, 80, 80, 0.75);
}
.bx-wrapper .bx-caption span {
	display: block;
	padding: 10px;
	color: var(--color-white);
	font-size: 0.85em;
}

/*------------------------------------------------------------------------------------------------------------*/
/*
	= PORLTETS
*/
/*------------------------------------------------------------------------------------------------------------*/
#portal-columns dl.portlet {
	margin: 0 0 30px;
}
#portal-columns dl.portlet dt {
	padding: 0;
	background: none;
}
#portal-columns dl.portlet dd {
	padding: 0;
}

/*--------------------------------------------------------------------------------------------------------------
	== INTRANET & MENU
--------------------------------------------------------------------------------------------------------------*/
.intranet-menu {
	display: flex;
	align-items: center;
}
.intranet-menu ul {
	display: flex;
	margin: 0;
	list-style: none;
}
.intranet-menu li a {
	display: flex;
	align-items: center;
}
.intranet-menu a::before {
	margin: 0 5px 0 0;
	font-size: 1.4em;
}
.intranet-menu a:hover,
.intranet-menu a:focus {
	text-decoration: none;
}

@media only screen and (min-width: 800px) {
	.intranet-menu::after {
		content: '|';
		margin: 0 10px;
	}
	.intranet-menu li {
		display: none;
	}
	body:not(.userrole-authenticated) .intranet-menu li.anonyme,
	body.userrole-authenticated .intranet-menu li.membre {
		display: block;
	}
}
@media only screen and (max-width: 800px) {
	.intranet-menu li {
		display: flex;
	}
	body:not(.userrole-authenticated) .intranet-menu li.membre,
	body.userrole-authenticated .intranet-menu li.anonyme {
		display: none;
	}
	.intranet-menu li + li::before {
		content: '|';
		margin: 0 10px;
	}
	.intranet-menu span {
		display: none;
	}
}

/*--------------------------------------------------------------------------------------------------------------
	== RECHERCHE
--------------------------------------------------------------------------------------------------------------*/
dl.portlet.portletSearch {
	margin: 0;
}
dl.portlet.portletSearch dt {
	display: none;
}
dl.portlet.portletSearch dt a,
dl.portlet.portletSearch dt a:hover,
dl.portlet.portletSearch dt a:focus {
	color: var(--color-current)!important;
	text-decoration: none;
	cursor: text;
}
dl.portlet.portletSearch dd {
	padding: 0;
}
dl.portlet.portletSearch dd + dd {
	display: none;
}
dl.portlet.portletSearch dd form {
	position: relative;
}
dl.portlet.portletSearch:not(.popin) dd form::before {
	content: "\e900";
	position: absolute;
	top: 50%;
	right: 10px;
	z-index: 2;
	transform: translate(0, -50%);
	font-family: var(--font-picto);
	font-size: 1.4em;
}
dl.portlet.portletSearch:not(.popin) input[type=text] {
	width: 100%;
	background: rgba(255,255,255,0.8);
	border: none;
	transition: all 0.5s;
}
dl.portlet.portletSearch:not(.popin) input[type=text]:focus {
	background: rgba(255,255,255,1);
}
dl.portlet.portletSearch:not(.popin) input[type=submit] {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	z-index: 3;
	margin: 0;
	padding: 0;
	width: 30px;
	background: none;
	border: none;
	text-indent: -5000px;
	cursor: pointer;
}
dl.portlet.portletSearch .searchSection,
dl.portlet.portletSearch #LSShadow {
	display: none;
}

@media only screen and (max-width: 800px) {
	dl.portlet.portletSearch:not(.popin) {
		display: none;
	}
}

/*--------------------------------------------------------------------------------------------------------------
	== NEWSLETTER
--------------------------------------------------------------------------------------------------------------*/
.portletBSWNewsletterSubscriber {
	margin: auto;
	max-width: 700px;
	text-align: center;
	font-size: 1.7em;
	line-height: 1.5;
	color: var(--color-primary);
}
.portletBSWNewsletterSubscriber span {
	display: block;
	font-family: var(--font-title);
	font-size: 1.8em;
}
.portletBSWNewsletterSubscriber p {
	margin: 20px 0 0;
}
.portletBSWNewsletterSubscriber form {
	position: relative;
	margin: 20px auto 0;
	max-width: 400px;
}
.portletBSWNewsletterSubscriber form::before {
	content: "\e905";
	position: absolute;
	top: 50%;
	right: 10px;
	z-index: 2;
	transform: translate(0, -50%);
	font-family: var(--font-picto);
	font-size: 0.7em;
	color: var(--color-primary);
}
.portletBSWNewsletterSubscriber form input[type=text] {
	width: 100%;
	border: 1px solid var(--color-primary);
	color: var(--color-primary);
	opacity: 0.5;
}
.portletBSWNewsletterSubscriber form input[type=text]:focus {
	opacity: 0.8;
}
.portletBSWNewsletterSubscriber form input[type=submit] {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	z-index: 3;
	margin: 0;
	padding: 0;
	width: 30px;
	background: none;
	border: none;
	text-indent: -5000px;
	cursor: pointer;
}

/*--------------------------------------------------------------------------------------------------------------
	== INSCRIPTION RESEAUX
--------------------------------------------------------------------------------------------------------------*/
dl.inscription-reseau {
	position: relative;
	margin: 0;
	font-size: 1.4em;
	color: var(--color-primary);
}
.inscription-reseau::before {
	/*content: '\e924';*/
	content: '';	
	display: block;
	margin: var(--margin-current) 0;
	text-align: center;
	font-family: var(--font-picto);
	font-size: 1.8em;
	opacity: 0.5;
}
.inscription-reseau::after {	
	content: url("../images/cloud-blue.svg");
	position: absolute;
	z-index: 1;
	bottom: 0;
	left: calc(var(--margin-current) * -1 - 100px);
	width: 60px;
	transform-origin: center;
	animation: 4s linear 0s infinite alternate cloudb;
}
@keyframes cloudb {
	from {
		width: 60px;
		bottom: 0;
		left: calc(var(--margin-current) * -1 - 100px);
	}
	to {
		width: 70px;
		bottom: -10px;
		left: calc(var(--margin-current) * -1 - 110px);
	}
}

dl.inscription-reseau dt {
	padding: 0;
	background: none;
	font-family: var(--font-title);
	font-size: 1.5em;
	font-weight: 400;
	text-align: center;
}
dl.inscription-reseau dd {
	padding: 0;
}
.inscription-reseau ul {
	display: flex;
	justify-content: center;
	margin: 0;
	list-style: none;
}
.inscription-reseau ul li {
	position: relative;
	margin: 0 3px;
}
dl.inscription-reseau.portlet ul a {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 40px;
	height: 40px;
	background: var(--color-grey);
	border-radius: 50px;
	color: var(--color-primary);
	font-size: 1.5em;
}
dl.inscription-reseau.portlet ul a:hover,
dl.inscription-reseau.portlet ul a:focus {
	color: var(--color-secondary)!important;
	text-decoration: none;
}
.inscription-reseau ul a span {
	position: absolute;
	top: 105%;
	left: 50%;
	transform: translate(-50%, 0);
	font-size: 0.7em;
	opacity: 0;
	transition: all 0.5s;
}
.inscription-reseau ul a:hover span,
.inscription-reseau ul a:focus span {
	opacity: 1;
}
@media only screen and (max-width: 1450px) {
	.inscription-reseau::after {
		left: 0;	
	}
	@keyframes cloudb {
		from {
			width: 60px;
			bottom: 0;
			left: 0;
		}
		to {
			width: 70px;
			bottom: -10px;
			left: 10px;
		}
	}
}
@media only screen and (max-width: 700px) {
	.inscription-reseau::after {
		display: none;
	}
}


/*--------------------------------------------------------------------------------------------------------------
	== QUESTION
--------------------------------------------------------------------------------------------------------------*/
dl.question {
	font-size: 1.7em;
	line-height: 1.5;
	color: var(--color-white);
}
dl.question dt {
	padding: 0;
	background: none;
	font-family: var(--font-title);
	font-size: 1.8em;
	font-weight: 400;
	text-align: center;
}
dl.portlet.question dd {
	padding: 0;
}
.question ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 10px 0 0;
	list-style: none;
}
.question ul li {
	position: relative;
	margin: 10px 10px 0;
	width: 100%;
	max-width: 250px;
}
dl.question.portlet ul a {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 20px;
	height: 100%;
	background: var(--color-secondary);
	border-radius: 5px;
	color: var(--color-white);
	text-align: center;
}
dl.question.portlet ul a:hover,
dl.question.portlet ul a:focus {
	background: var(--color-third);
	color: var(--color-primary)!important;
	text-decoration: none;
}

@media only screen and (max-width: 800px) {
	.question ul li {
	}
}

/*--------------------------------------------------------------------------------------------------------------
	== POPINS
--------------------------------------------------------------------------------------------------------------*/
dl.portlet.popin {
	margin: 0;
	font-size: 1.2em;
}
.popin dt.portletHeader {
	padding: 0;
	background: none;
	font-family: var(--font-title);
	font-size: 2em;
	font-weight: 400;
	color: var(--color-white);
	text-decoration: none;
}
dl.portlet.popin dt.portletHeader a,
dl.portlet.popin dt.portletHeader a:hover,
dl.portlet.popin dt.portletHeader a:focus{
	color: var(--color-white)!important;
	text-decoration: none;
}
dl.popin dd.portletItem {
	margin: 10px 0 0;
	padding: 0;
}
.popin label {
	display: block;
}
.popin input[type="text"],
.popin input[type="password"] {
	width: 100%!important;
	background: var(--color-white);
	border: 1px solid var(--color-white);
	color: var(--color-current);
	opacity: 0.8;
	font-size: 1.1em!important;
}
.popin input[type="text"]:focus,
.popin input[type="password"]:focus {
	outline: none;
	opacity: 1;
}
.popin input[type="submit"] {
	background: var(--color-secondary);
	border-radius: 50px;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 1.1em!important;
	color: var(--color-white);
}
.popin input[type="submit"]:hover {
	background: var(--color-third);
}

/*
	SEARCH

dl.portlet.portletSearch.popin {
	display: block;
}*/

/*--------------------------------------------------------------------------------------------------------------
	== IMAGES BANDEAU
--------------------------------------------------------------------------------------------------------------*/
.img-bandeau {
	margin: 0;
	max-height: 75vh;
	overflow: hidden;
}
.img-bandeau ul {}
.img-bandeau li {
	display: block;
	height: 100%;
	width: 100%;
}
.img-bandeau li img {
	display: block;
	height: 75vh;
	width: 100%;
	object-fit: cover;
}

/*--------------------------------------------------------------------------------------------------------------
	== DECOUVRIR
--------------------------------------------------------------------------------------------------------------*/
.decouvrir {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 30px var(--margin-current) 20px;
}
.decouvrir::before {
	content: '';
	position: absolute;
	top: 0;
	bottom: -20px;
	left: 0;
	right: 0;
	z-index: 1;
	background: rgba(255,255,255,0.8);
	-webkit-clip-path: url(#shape-section);
	clip-path: url(#shape-section);
}
.decouvrir p {
	position: relative;
	z-index: 2;
	text-align: center;
	font-size: 1.7em;
	font-weight: 700;
	color: var(--color-primary);
}
.decouvrir p .bouton {
	display: inline-block;
	margin: var(--margin-text) 0 0;
	padding: 10px 20px;
	background: var(--color-primary);
	border-radius: 50px;
	box-shadow: none;
	font-family: var(--font-title);
	font-weight: 400;
	color: var(--color-white)!important;
}
.decouvrir p .bouton:hover,
.decouvrir p .bouton:focus {
	background: var(--color-third);
	box-shadow: none;
	text-decoration: none;
	color: var(--color-white)!important;
}

/*--------------------------------------------------------------------------------------------------------------
	== TROUVER UNE COMMUNAUTE
--------------------------------------------------------------------------------------------------------------*/
.communaute-titre {
	margin: 0 0 var(--margin-text);
	padding: 0 !important;
	background: none;
	font-size: 3.5em;
	font-family: var(--font-title);
	line-height: 1;
	color: var(--color-white);
	text-align: center;
}
.communaute-carte img {
	max-width: 100%!important;
	height: auto!important;
}
.communaute-temoignage {
	margin: var(--margin-text) 0 0;
	padding: 0 var(--margin-current);
}
.communaute-temoignage h2 {
	position: absolute;
	top: -50000px;
}
.communaute-temoignage div {
	position: relative;
	font-size: 1.7em;
	line-height: 1.5;
	color: var(--color-white);
}
.communaute-temoignage li div::before {
	content: '\e916';
	position: absolute;
	top: -20px;
	right: calc(100% + 20px);
	color: var(--color-secondary);
	font-family: var(--font-picto);
	font-size: 3em;
}
.communaute-temoignage li div::after {
	content: '\e917';
	position: absolute;
	bottom: 0;
	right: 0;
	color: var(--color-secondary);
	font-family: var(--font-picto);
	font-size: 2em;
	line-height: 1;
}
#content .communaute-temoignage a {
	display: inline-block;
	margin: var(--margin-text) 0 0;
	padding: 10px 40px;
	background: var(--color-secondary);
	border-radius: 50px;
	box-shadow: none;
	font-family: var(--font-title);
	font-weight: 400;
	color: var(--color-white)!important;
}
#content .communaute-temoignage a:hover,
#content .communaute-temoignage a:focus {
	background: var(--color-third);
	box-shadow: none;
	text-decoration: none;
	color: var(--color-white)!important;
}

@media only screen and (min-width: 1050px) {
	.communaute-carte {
		float: left;
		width: 62%;
		text-align: right;
	}
	.communaute-temoignage {
		float: right;
		margin: 0;
		width: 33%;
		padding: 0 var(--margin-current);
	}	
}

/*--------------------------------------------------------------------------------------------------------------
	== A LA UNE
--------------------------------------------------------------------------------------------------------------*/
.unes {}
.unes .portletFooter {
	margin: 5px 0 0;
	text-align: right;
	font-weight: 700;
	font-size: 1.4em;
}
.unes .portletFooter a {}
.unes .portletFooter a::before {
	content: "\e903 ";
	margin: 0 3px 0 5px;
	font-family: var(--font-picto);
	font-size: 0.7em;
	transition: all 0.5s;
}
#content .unes .portletFooter a:hover,
#content .unes .portletFooter a:focus {
	color: var(--color-primary)!important;
	text-decoration: none;
}
#content .unes .portletFooter a:hover::before,
#content .unes .portletFooter a:focus::before {
	margin: 0 8px 0 0;
}
#content .unes ul {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -10px;
	font-size: 1.7em;
}
#content .unes ul li {
	position: relative;
	margin: 10px;
	padding: 0 0 20px;
	width: calc(33.33333% - 20px);
	background: var(--color-grey);
	display: flex;
	flex-direction: column;
}
.unes ul li h2 {
	margin: 0 0 5px;
	padding: 20px 20px 0 !important;
	background: none;
	font-size: 1.3em;
	font-family: var(--font-title);
	line-height: 1;
}
.unes ul li h2 a {
	color: var(--color-primary)!important;
}
#content .unes ul li:hover h2 a,
#content .unes ul li h2 a:hover,
#content .unes ul li h2 a:focus {
	color: var(--color-primary)!important;
	text-decoration: none;
}
.unes ul li h2 a::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0; 
}

.unes ul li > a:first-child {
	position: relative;
	display: block;
	margin: 0 0 10px;
	overflow: hidden;
}
.unes ul li > a:first-child::before {
	content: "";
	display: block;
	padding: 56% 0 0;
}
.unes ul li > a img {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	object-fit: cover;
	transition: all 0.5s;
}
.unes ul li:hover > a img,
.unes ul li > a:hover img,
.unes ul li > a:focus img {
	transform: scale(1.05);
}
.unes ul li .video {
	order: -1;
}
.unes ul li .video div {
	position: relative;
}
.unes ul li .video div:before {
	display: block;
	content: "";
	padding-bottom: 56%;
}
.unes ul li .video div iframe{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
}
.unes ul li > span,
.unes ul li p {
	padding: 5px 20px 0;
	line-height: 1.4;
	transition: all 0.5s;
}
.unes ul li:hover > span,
.unes ul li:hover p {
	color: var(--color-primary);
}

@media only screen and (max-width: 800px) {
	#content .unes ul li {
		width: calc(100% - 20px)
	}
}

/*--------------------------------------------------------------------------------------------------------------
	== EXERGUE DOSSIER
--------------------------------------------------------------------------------------------------------------*/
.exergue-dossier {
	font-size: 1.7em;
	text-align: center;
}
.exergue-dossier ul li {
	position: relative;
}
.exergue-dossier ul li h2 {
	margin: 0 0 var(--margin-text);
	padding: 0 !important;
	background: none;
	font-size: 2em;
	font-family: var(--font-title);
	line-height: 1;
}
.exergue-dossier ul li h2::first-line {
	font-size: 2em;
}
.exergue-dossier ul li h2 a {
	color: var(--color-primary)!important;
}
#content .exergue-dossier ul li:hover h2 a,
#content .exergue-dossier ul li h2 a:hover,
#content .exergue-dossier ul li h2 a:focus {
	color: var(--color-secondary)!important;
	text-decoration: none;
}
.exergue-dossier ul li h2 a::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0; 
}
.exergue-dossier ul li p {
	color: var(--color-primary);
	line-height: 1.4;
	transition: all 0.5s;
}
.exergue-dossier ul li:hover p {
	color: var(--color-secondary);
}
#content .exergue-dossier a.savoirplus {
	display: inline-block;
	padding: 5px 30px;
	border: 1px solid var(--color-primary);
	border-radius: 50px;
	text-transform: uppercase;
	color: var(--color-primary);
	font-size: 0.8em;
}
#content .exergue-dossier li:hover a,
#content .exergue-dossier a:hover,
#content .exergue-dossier a:focus {
	border-color: var(--color-secondary);
	color: var(--color-secondary);
}

/*--------------------------------------------------------------------------------------------------------------
	== CONNEXION
--------------------------------------------------------------------------------------------------------------*/
.portlet.portletLogin {
	margin: 0;
}
.portlet.portletLogin dt {
	padding: 0;
	background: none;
	color: var(--color-current);
}
.portlet.portletLogin dd {
	padding: 0;
}
.portlet.portletLogin dd .formControls {
	margin: 0;
	text-align: right;
}

/*--------------------------------------------------------------------------------------------------------------
	== ACCES RAPIDES
--------------------------------------------------------------------------------------------------------------*/
.acces-rapides ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	margin: 0;
	list-style: none;
}
.acces-rapides li {
	padding: 0 20px;
	max-width: 160px;
	text-align: center;
}
.acces-rapides a {
	font-size: 1.7em;
	font-weight: 700;
	color: var(--color-white);
}
.acces-rapides a::before {
	display: block;
	margin: 20px 0 10px;
	font-family: var(--font-picto);
	font-size: 4em;
	transition: all 0.5s;
}
.acces-rapides a:hover,
.acces-rapides a:focus {
	text-decoration: none;
}
.acces-rapides a:hover::before,
.acces-rapides a:focus::before {
	margin: 10px 0 20px;
}

/*--------------------------------------------------------------------------------------------------------------
	== SOUS NAVIGATION
--------------------------------------------------------------------------------------------------------------*/
dl.portlet.portletNavigationTree {
	margin: 0;
	font-size: 1.2em;
}
dl.portlet.portletNavigationTree dd ul {}

@media only screen and (max-width: 800px) {
	dl.portlet.portletNavigationTree {
		display: none;
	}
}

/* racine */
dl.portlet.portletNavigationTree ul li.navTreeTopNode {
	margin: 0 0 10px;
	padding: 0;
	background: none;
	border: none;
	list-style: none;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 1.2em;
}
dl.portlet.portletNavigationTree ul li.navTreeTopNode a.navTreeCurrentItem {
	color: var(--color-current);
}

/* premier niveau */
dl.portlet.portletNavigationTree ul li,
dl.portlet ul.navTreeLevel0 > .navTreeItem {
	margin: 0 0 10px;
	padding: 0;
	background: none;
	border: none;
}
dl.portlet.portletNavigationTree ul li a {
	margin: 0 0 0 30px;
	padding: 0!important;
	background: none;
	font-size: 1.2em;
	line-height: 1.2em;
	color: var(--color-third)!important;
}
dl.portlet.portletNavigationTree ul li a:hover,
dl.portlet.portletNavigationTree ul li a:focus {
	margin: 0 0 0 15px;
	color: var(--color-primary)!important;
	text-decoration: none;
}
dl.portlet.portletNavigationTree ul li.navTreeCurrentNode a {
	margin-left: 0;
}
dl.portlet.portletNavigationTree ul li.navTreeCurrentNode a::before {
	content: '\e924';
	margin: 0 5px 0 0;
	font-family: var(--font-picto);
	font-size: 0.7em;
}
dl.portlet.portletNavigationTree ul li a.navTreeCurrentItem,
dl.portlet.portletNavigationTree ul li a.navTreeItemInPath {
	margin: 0;
	background: none;
	border: none;
	font-weight: 700;
}
dl.portlet.portletNavigationTree ul li a img {
	display: none;
}

/* deuxieme niveau */
dl.portlet.portletNavigationTree ul li ul {
	margin: 5px 0 0;
	border-top: 1px dotted var(--color-current);
}
dl.portlet.portletNavigationTree ul li ul li.navTreeItem {
	margin: 0;
	padding: 5px 0;
	background: none;
	border-bottom: 1px dotted var(--color-current);
	list-style: none;
}
dl.portlet.portletNavigationTree ul li ul li a {
	font-size: 1em;
}
dl.portlet.portletNavigationTree ul li ul li a.navTreeCurrentItem {
	font-weight: 700;
}

/* troisieme niveau */
dl.portlet.portletNavigationTree ul li li ul {
	margin: 0 0 0 10px;
}

/*--------------------------------------------------------------------------------------------------------------
	== SHARE THIS
--------------------------------------------------------------------------------------------------------------*/
.portlet-embed-share-this {
	margin: var(--margin-text) 0 var(--margin-current);
	padding: 10px 0;
	border-top: 1px solid var(--color-primary);
	border-bottom: 1px solid var(--color-primary);
}
.portlet-embed-share-this > div {
	display: flex;
	justify-content: center;
	align-items: center;
}
.portlet-embed-share-this a {
	margin: 0 10px;
	width: auto;
	height: auto;
	color: var(--color-primary);
}
.portlet-embed-share-this a:hover,
.portlet-embed-share-this a:focus {
	color: var(--color-secondary);
	text-decoration: none;
}
.portlet-embed-share-this a::before {
	font-family: var(--font-picto);
	font-size: 2em;
}
.portlet-embed-share-this a.addthis_button_facebook::before {
	content: '\e91d';
}
.portlet-embed-share-this a.addthis_button_twitter::before {
	content: '\e91c';
}
.portlet-embed-share-this a.addthis_button_email::before {
	content: '\e90a';
}
.portlet-embed-share-this a.addthis_button_print::before {
	content: '\e908';
}
.portlet-embed-share-this a span {
	display: none;
}
.portlet-embed-share-this {}

/*--------------------------------------------------------------------------------------------------------------
	== FONDATION OCH
--------------------------------------------------------------------------------------------------------------*/
.fondationOCH {
	padding: var(--margin-current) var(--margin-window) 0;
	text-align: center;
}
.fondationOCH a {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	font-size: 1.5em;
	font-weight: 700;
	color: #0084c1;
	text-align: left;
}
.fondationOCH a:hover,
.fondationOCH a:focus {
	color: var(--color-curent);
	text-decoration: none;
}
.fondationOCH a img {
	margin: 0 10px 0 0;
}

/*--------------------------------------------------------------------------------------------------------------
	== CONTENUS CORRELES
--------------------------------------------------------------------------------------------------------------*/
/*
	SLIDER
*/
.portletBSWContenusCorreles .portletHeader {
	display: none;
}
.portletBSWContenusCorreles .splide {
	/*margin: 0 -10px;*/
	width: 100%;
	font-size: 1.4em;
}
.portletBSWContenusCorreles .splide__list > li {
	position: relative;
	display: flex;
	flex-direction: column;
	margin: 0 10px 0 0;
	padding: 0 0 20px;
	background: var(--color-grey);

}
.portletBSWContenusCorreles .splide__list > li > a:first-child {
	order: 2;
	margin: 0 0 5px;
	padding: 20px 20px 0 !important;
	background: none;
	font-size: 1.3em;
	font-family: var(--font-title);
	color: var(--color-current) !important;
	line-height: 1;
}
.portletBSWContenusCorreles .splide li a:hover,
.portletBSWContenusCorreles .splide li a:focus {
	color: var(--color-primary)!important;
	text-decoration: none;
}
.portletBSWContenusCorreles .splide li > a:first-child::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.portletBSWContenusCorreles .splide li ul,
.portletBSWContenusCorreles .splide li a + a {
	order: 1;
	position: relative;
	margin: 0 0 10px;
	overflow: hidden;
}
.portletBSWContenusCorreles .splide li ul::before,
.portletBSWContenusCorreles .splide li a + a::before {
	content: '';
	display: block;
	padding: 60% 0 0;
}
.portletBSWContenusCorreles .splide li ul img,
.portletBSWContenusCorreles .splide li a img {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	object-fit: cover;
	transition: all 0.5s;
}
.portletBSWContenusCorreles .splide li:hover a img,
.portletBSWContenusCorreles .splide li a:hover img,
.portletBSWContenusCorreles .splide li a:focus img {
	transform: scale(1.05);
}
.portletBSWContenusCorreles span {
	order: 3;
	margin: 5px 0;
	color: var(--color-current);
	line-height: 1.3;
	transition: all 0.5s;
}
.portletBSWContenusCorreles p {
	order: 4;
	line-height: 1.4;
	transition: all 0.5s;
}
.portletBSWContenusCorreles .splide li:hover span,
.portletBSWContenusCorreles .splide li:hover p {
	color: var(--color-primary);
}


/*
	LISTE
*/
#portal-columns dl.portlet.portletBSWContenusCorreles {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 0 -10px 0;
	font-size: 1.4em;
}
.portletBSWContenusCorreles dt {
	display: none;
	margin: 0 20px;
	width: 100%
}
#portal-columns dl.portletBSWContenusCorreles dd {
	position: relative;
	display: flex;
	flex-direction: column;
	margin: 10px;
	padding: 0 0 20px;
	width: calc(25% - 20px);
	background: var(--color-grey);
}
.portletBSWContenusCorreles dd > a:first-child {
	order: 2;
	margin: 0 0 5px;
	padding: 20px 20px 0!important;
	background: none;
	font-size: 1.3em;
	font-family: var(--font-title);
	color: var(--color-current)!important;
	line-height: 1;
}
.portletBSWContenusCorreles dd a:hover,
.portletBSWContenusCorreles dd a:focus {
	color: var(--color-primary)!important;
	text-decoration: none;
}
.portletBSWContenusCorreles dd > a:first-child::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.portletBSWContenusCorreles dd ul,
.portletBSWContenusCorreles dd a + a {
	order: 1;
	position: relative;
	margin: 0 0 10px;
	overflow: hidden;
}
.portletBSWContenusCorreles dd ul::before,
.portletBSWContenusCorreles dd a + a::before {
	content: '';
	display: block;
	padding: 60% 0 0;
}
.portletBSWContenusCorreles dd ul img,
.portletBSWContenusCorreles dd a img {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	object-fit: cover;
	transition: all 0.5s;
}
.portletBSWContenusCorreles dd:hover a img,
.portletBSWContenusCorreles dd a:hover img,
.portletBSWContenusCorreles dd a:focus img {
	transform: scale(1.05);
}
.portletBSWContenusCorreles span {
	order: 3;
	margin: 5px 0;
	color: var(--color-current);
	line-height: 1.3;
	transition: all 0.5s;
}
.portletBSWContenusCorreles p {
	order: 4;
	padding: 5px 20px 0;
	line-height: 1.4;
	transition: all 0.5s;
}
.portletBSWContenusCorreles dd:hover span,
.portletBSWContenusCorreles dd:hover p {
	color: var(--color-primary);
}
@media only screen and (max-width: 1800px) {
	.portletBSWContenusCorreles dd {
		width: calc(33.333% - 40px);
	}
}
@media only screen and (max-width: 1300px) {
	.portletBSWContenusCorreles dd {
		width: calc(50% - 40px);
	}
}
@media only screen and (max-width: 800px) {
	.portletBSWContenusCorreles dd {
		width: calc(100% - 40px);
	}
}

/*------------------------------------------------------------------------------------------------------------*/
/*
	= CONTENEUR GLOBAL
*/
/*------------------------------------------------------------------------------------------------------------*/
#visual-portal-wrapper {
	position: relative;
}

/*------------------------------------------------------------------------------------------------------------*/
/*
	= HEADER
*/
/*------------------------------------------------------------------------------------------------------------*/
#portal-top {
	margin: 0;
}
#portal-preheader {
	position: relative;
	z-index: 1;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px var(--margin-window);
	font-size: 1.3em;
}
#portal-preheader::before {
	content: '';
	position: absolute;
	top: -50px;
	left: 0;
	right: 0;
	bottom: 0;
	background: var(--color-grey);
	transform: rotate(180deg);
	-webkit-clip-path: url(#shape-section);
	clip-path: url(#shape-section);
}
#portal-bandeau {
	position: relative;
}
.InHeaderPortletManager1 {
	display: flex;
	align-items: center;
}

/*--------------------------------------------------------------------------------------------------------------
	== LOGO
--------------------------------------------------------------------------------------------------------------*/
#portal-logo {
	position: relative;
	z-index: 2;
	display: block;
	margin: -20px auto 0;
	max-width: 400px;
}
#portal-logo img {
	max-width: 100%;
	height: auto!important;
}

@media only screen and (max-width: 800px) {
	#portal-logo {
		margin-top: 0;
		padding: 0 var(--margin-window);
	}
}

/*--------------------------------------------------------------------------------------------------------------
	== CHANGEMENT DE LANGUE
--------------------------------------------------------------------------------------------------------------*/
#portal-languageselector {
	background: none;
	-webkit-border-radius: 0;
	border-radius: 0;
}
#portal-languageselector li + li::before {
	content: '|';
	margin: 0 5px;
}

/*--------------------------------------------------------------------------------------------------------------
	== NAVIGATION
--------------------------------------------------------------------------------------------------------------*/
#portal-navigation {
	position: relative;
	z-index: 150;
	margin: 0;
	padding: 0 var(--margin-window);
	background: none;
}
#portal-bandeau #portal-navigation {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}
#portal-navigation.fixed {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	transition: all 0.5s;
}
@media only screen and (min-width: 800px) {
	.bt-popin.menu {
		display: none;
	}
}
@media only screen and (max-width: 1250px) and (min-width: 800px) {
	#portal-menufixe .bt-popin.menu {
		display: flex;
	}
	#portal-menufixe .bt-popin.menu::after {
		content: '|';
		margin: 0 10px;
	}
}

/*
  	RUBRIQUES
*/
#portal-globalnav {
	display: flex;
	justify-content: center;
	margin: 0;
	padding: 0;
	background: none;
	top: -2px;
}
#portal-globalnav > li {
	position: relative;
	margin: 0 2px;
}
#portal-globalnav > li > a {
	display: block;
	padding: 10px 20px;
	min-width:0;
	background: var(--color-third);
	border: none;
	font-size: 1.8em;
	font-weight: 700;
	line-height: 1;
	color: var(--color-white);
	-webkit-clip-path: url(#shape-menu);
	clip-path: url(#shape-menu);
}


#portal-globalnav li#portaltab-index_html{
	display:none;
}

#portal-globalnav li#portaltab-faire-un-don a,
#portal-globalnav li#portaltab-donate a,
#portal-globalnav li#portaltab-donar a{
    background: var(--color-secondary);
}
#portal-globalnav li:hover a,
#portal-globalnav a:hover,
#portal-globalnav a:focus {
	background: var(--color-primary);
	color:var(--color-white);
	text-decoration: none;
}
#portal-globalnav .selected a,
#portal-globalnav .selected a:hover,
#portal-globalnav .selected a:focus,
#portal-globalnav li#portaltab-index_html.selected a:hover,
#portal-globalnav li#portaltab-index_html.selected a:focus {
	background: var(--color-third);
	color: var(--color-white);
}
#portal-globalnav li#portaltab-index_html.selected a{
    background: var(--color-third);
}

@media only screen and (max-width: 1200px) {
    #portal-menufixe #portal-navigation {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 200;
        background: var(--color-primary);
        opacity: 0;
        visibility: hidden;
        transition: all 0.5s;
    }
    #portal-menufixe #portal-navigation.actif {
        opacity: 1;
        visibility: visible;
    }
    #portal-menufixe #portal-navigation > i {
        position: absolute;
        top: var(--margin-current);
        right: var(--margin-current);
        font-size: 2em;
    }
    #portal-menufixe #portal-navigation > ul {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		padding: 30px;
		max-height: 80vh;
		opacity: 0;
		visibility: hidden;
		overflow-y: scroll;
		transition: all 0.5s;
    }
    #portal-menufixe #portal-navigation > ul.actif {
        opacity: 1;
        visibility: visible;
    }
    #portal-menufixe #portal-navigation > ul li{
        float: none;
        text-align: center;
    }
}

@media only screen and (max-width: 800px) {
	#portal-navigation:not(.popin-nav) {
		display: none;
	}
}

/*
	MENU DEROULANT
*/
#portal-globalnav li ul.submenu {
	display: block !important;
	overflow: hidden;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}
#portal-globalnav li ul.submenu li a {
	padding: 10px;
	min-width: 0;
	width: auto;
	background: var(--color-primary);
	border: none;
	font-size: 1.3em;
	text-transform: none;
	text-align: center;
	color: var(--color-white) !important;
}

#portal-globalnav li ul.submenu li a:hover,
#portal-globalnav li ul.submenu li a:focus {
	border: none;
}
#portal-globalnav li ul.submenu li a img{
	display: none;
}

#portal-navigation:not(.popin-nav) #portal-globalnav li ul.submenu {
	top: 110%;
	left: 50%;
	z-index: 2;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	padding: 5px 0 0;
	width: 200px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#portal-navigation:not(.popin-nav) #portal-globalnav li:hover ul.submenu {
	top: 100%;
	opacity: 1;
	visibility: visible;
}
#portal-navigation:not(.popin-nav) #portal-globalnav li ul.submenu li {
	display: block;
	float: none;
	padding: 0;
	width: auto;
}
#portal-navigation:not(.popin-nav) #portal-globalnav li ul.submenu li + li {
	padding: 1px 0 0;
}
#portal-navigation:not(.popin-nav) #portal-globalnav li ul.submenu li a:hover,
#portal-navigation:not(.popin-nav) #portal-globalnav li ul.submenu li a:focus {
	background: var(--color-secondary);
}
#portal-navigation:not(.popin-nav) #portal-globalnav li ul.submenu li a img {
	display: none;
}

/*
	EN POPIN
*/
#portal-navigation.popin-nav {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 200;
	background: var(--color-primary);
	opacity: 0;
	visibility: hidden;
	transition: all 0.5s;
}
#portal-navigation.popin-nav.actif {
	opacity: 1;
	visibility: visible;
}
#portal-navigation.popin-nav > i {
	position: absolute;
	top: var(--margin-current);
	right: var(--margin-current);
	font-size: 2em;
	color: var(--color-white);
}
#portal-navigation.popin-nav > ul {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	flex-direction: column;
	padding: 30px;
	max-height: 80vh;
	opacity: 0;
	visibility: hidden;
	overflow-y: scroll;
	transition: all 0.5s;
}
#portal-navigation.popin-nav > ul.actif {
	opacity: 1;
	visibility: visible;
}
#portal-navigation.popin-nav > ul li {
	float: none;
	text-align: center;
}
#portal-navigation.popin-nav > ul > li::before {
	content: "\e924";
	display: block;
	font-family: var(--font-picto);
	font-size: 1.2em;
	color: var(--color-white);
	opacity: 0.5;
}
#portal-navigation.popin-nav > ul li a {
	background: none!important;
}
#portal-navigation.popin-nav #portal-globalnav li ul.submenu,
#portal-navigation.popin-nav #portal-globalnav li:hover ul.submenu {
	position: relative;
	top: auto;
	height: 0;
}
#portal-navigation.popin-nav #portal-globalnav li.ssnav.open ul.submenu {
	height: auto;
	opacity: 1;
	visibility: visible;
}


/*--------------------------------------------------------------------------------------------------------------
	== MENU FIXE
--------------------------------------------------------------------------------------------------------------*/
#portal-menufixe {
	position: fixed;
	top: -200px;
	left: 0;
	right: 0;
	z-index: 200;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding: 10px var(--margin-window);
	transition: all 0.5s;
}
#portal-menufixe.actif {
	top: 0;
}
#portal-menufixe::before {
	content: '';
	position: absolute;
	top: -20px;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	background: var(--color-white);
	-webkit-clip-path: url(#shape-section);
	clip-path: url(#shape-section);
}
#portal-menufixe::after {
	content: '';
	position: absolute;
	top: -20px;
	left: 0;
	right: 0;
	bottom: -5px;
	z-index: 0;
	background: var(--color-grey);
	transform: rotate(180deg);
	-webkit-clip-path: url(#shape-section);
	clip-path: url(#shape-section);

}

/*
	LOGO
*/
#portal-menufixe #portal-logo {
	position: relative;
	z-index: 3;
	margin: 0;
	padding-left: 0;
	max-width: 250px;
}

/*
	NAV
*/
#portal-menufixe #portal-navigation {
	position: relative;
	z-index: 3;
	flex: 1;
	padding: 0;
}

/*
	PORTLET
*/
#portal-menufixe .InHeaderPortletManager1 {
	position: relative;
	z-index: 3;
	font-size: 1.4em;
}
#portal-menufixe dl.portlet.portletSearch input[type="text"] {
	background: var(--color-grey);
}

/*------------------------------------------------------------------------------------------------------------*/
/*
	= MAIN
*/
/*------------------------------------------------------------------------------------------------------------*/
#portal-columns {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: var(--margin-current) 0 0;
}
#portal-columns::after {
	content: "";
	display: block;
	clear: both;
}
#portal-column-content {
	flex: 1;
	position: relative;
	display: flex;
	flex-direction: row-reverse;
	justify-content: center;
	align-items: flex-start;
	flex-wrap: wrap;
}
#portal_colonne {
	position: sticky;
	top: 150px;
	width: 200px;
}
#portal-column-content #content {
	margin: 0;
	width: 100%;
	max-width: 950px;
	min-height: 300px;
	background: transparent;
}
#portal-column-content aside ~ #content {
	padding: 0 var(--margin-current) 0 calc(200px + var(--margin-current));
	max-width: calc(950px + calc(var(--margin-current) * 2));
}
#portlets-below-content {
	padding: 0 var(--margin-window);
	width: 100%;
}
div.BelowPortletManager1 {
	margin: auto;
	width: 100%;
	max-width: 650px;
}
div.BelowPortletManager2 {
	position: relative;
	padding: var(--margin-text) var(--margin-window) var(--margin-current);
	width: 100%;
}
div.BelowPortletManager2::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	background: var(--color-secondary);
	-webkit-clip-path: url(#shape-section);
	clip-path: url(#shape-section);
}
div.BelowPortletManager2::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 0;
	transform: rotate(180deg);
	background: var(--color-grey);
	-webkit-clip-path: url(#shape-section);
	clip-path: url(#shape-section);
}
div.BelowPortletManager2 > div {
	position: relative;
	z-index: 2;
}
@media only screen and (max-width: 1250px) {
	#portal-column-content aside ~ #content {
		flex: 1;
		padding-left: var(--margin-current);
	}
	#portal_colonne {
		margin-bottom: 100px;
	}
}
@media only screen and (max-width: 800px) {
	#portal_colonne {
		display: none;
	}
	#portal-columns {
		margin: 0;
	}
	#portal-column-content #content {
		padding: 0 var(--margin-current);
	}
	div.BelowPortletManager2 {
		padding-left: 0;
		padding-right: 0;
	}
}

/*--------------------------------------------------------------------------------------------------------------
	== CHEMIN DE FER
--------------------------------------------------------------------------------------------------------------*/
#portal-breadcrumbs {
	margin: 0 0 20px;
    padding: 0 var(--margin-window);
	width: 100%;
	text-align: center;
	font-size: 1.2em;
	color: var(--color-current);
}
#portal-breadcrumbs #breadcrumbs-you-are-here {
	display: none;
}
#portal-breadcrumbs .breadcrumbSeparator,
#portal-breadcrumbs a {
	color: var(--color-current);
}
#portal-breadcrumbs a:hover,
#portal-breadcrumbs a:focus {
	color: var(--color-primary);
}
@media only screen and (max-width: 800px) {
	#portal-breadcrumbs {
		position: relative;
		margin: -10px 0 0;
		padding: 10px var(--margin-window) 0;
		background: var(--color-primary);
		-webkit-clip-path: url(#shape-section);
		clip-path: url(#shape-section);
	}
	#portal-breadcrumbs span {
		display: none;
	}
	#portal-breadcrumbs span:nth-last-child(3) {
		display: block;
	}
	#portal-breadcrumbs span:nth-last-child(3) a {
		position: relative;
		display: flex;
		align-items: center;
		padding: 10px 0;
		font-weight: 700;
		font-size: 1.4em;
		color: var(--color-secondary);
		text-align: left;
	}
	#portal-breadcrumbs span:nth-last-child(3) a::before {
		content: "\e904";
		margin: 0 10px 0 0;
		font-family: var(--font-picto);
		font-size: 0.7em;
	}
	#portal-breadcrumbs span:nth-last-child(3) a:hover {
		text-decoration: none;
	}
}


/*--------------------------------------------------------------------------------------------------------------
	== ELEMENTS GENERAUX
--------------------------------------------------------------------------------------------------------------*/
/*
	TITRE
*/
#portal-column-content h1 {
	border: none;
	font-size: 5em;
	font-family: var(--font-title);
	color: var(--color-current);
	text-align: center;
	line-height: 1.1;
}
#portal-column-content h1 span.discreet {
	display: block;
}
#portal-column-content h1 strong#search-term {
	color: var(--color-current);
	font-style: italic;
	text-transform: none;
}

/*
  	IMAGE
*/
#portal-column-content .imageContainer {
	position: relative;
	float: none;
	margin: var(--margin-text) 0 0;
	height: auto;
}
#portal-column-content .imageContainer img {
	width: 100%;
}
#portal-column-content .imageContainer p {
	position: absolute;
	bottom: 5px;
	margin: 0;
	padding: 5px;
	background: rgba(0,0,0,0.6);
	color: var(--color-white);
}

/*
	DESCRIPTION
*/
#portal-column-content .documentDescription {
	margin: var(--margin-text) 0 0;
	padding: 0;
	background: none;
	color: var(--color-current);
	font-family: var(--font-current);
	font-size: 1.9em;
	text-align: center;
	line-height: 1.5;
}

/*
	CORPS DE TEXTE
*/
#portal-column-content #content-core {
	margin: var(--margin-current) var(--margin-current) 0;
}
#portal-column-content #content-core > div {
	font-size: 1.7em;
	line-height: 1.5;
}

@media only screen and (max-width: 800px) {
	#portal-column-content #content-core {
		margin: var(--margin-current) 0 0;
	}
}

/*
	MESSAGE DE FEEDBACK
*/
dl.portalMessage {
	width: 100%;
	margin: 0 0 20px;
	background: var(--color-white);
	border: 1px solid var(--color-current);
	font-size: 1.1em;
}
dl.portalMessage dt {
	background: var(--color-current);
}
dl.error dd {
	background: var(--color-white);
}

/*
  	SOMMAIRE
*/
#portal-column-content dl.toc {
	float: none;
	margin: var(--margin-text) 0;
	padding: var(--margin-text);
	background: var(--color-grey);
	width: 100%;
	font-size: 1.4em;
}
#portal-column-content dl.toc dt {
	margin: 0 0 10px;
	color: var(--color-current);
}
#portal-column-content dl.toc dd {
	margin: 0;
	color: var(--color-current);
}
#portal-column-content dl.toc dd ol {
	margin-top: 10px;
}
#portal-column-content dl.toc dd li {
	margin: 0 0 8px;
	line-height: 1.1;
}
#portal-column-content dl.toc dd li a {
	color: var(--color-current);
}
#portal-column-content dl.toc dd li a:hover,
#portal-column-content dl.toc dd li a:focus {
	color: var(--color-primary)!important;
	text-decoration: none;
}

/*
	SUIVANT / PRECEDENT
*/
#portal-column-content > a {
	display: flex;
	align-items: center;
	float: left;
	margin: var(--margin-text) 0;
	width: 50%;
	font-size: 1.4em;
	font-weight: 700;
	color: var(--color-primary);
}
#portal-column-content > a:hover,
#portal-column-content > a:focus {
	text-decoration: none;
	color: var(--color-curent);
}
#portal-column-content > a.next {
	justify-content: flex-end;
	float: right;
}
#portal-column-content > a.previous::before {
	content: "\e904";
	font-family: var(--font-picto);
}
#portal-column-content > a.next::after {
	content: "\e903";
	font-family: var(--font-picto);
}

/*
	PAGINATION
*/
#portal-column-content .listingBar {
	margin: 0;
	padding: var(--margin-current) 0 0;
	width: 100%;
	text-align: center;
	color: var(--color-white);
	font-size: 1.2em;
}
#portal-column-content .listingBar > a {
	display: inline-block;
	padding: 0;
	width: 30px;
	height: 30px;
	background: #e7e5e8;
	border: none;
	border-radius: 50px;
	text-align: center;
	line-height: 30px;
}
#portal-column-content .listingBar a:hover,
#portal-column-content .listingBar a:focus {
	background: var(--color-primary);
	color: var(--color-white)!important;
	text-decoration: none;
}
#portal-column-content .listingBar span {
	display: inline-block;
	padding: 0;
	width: 30px;
	height: 30px;
	background: var(--color-primary);
	border: none;
	border-radius: 50px;
	font-weight: 400;
	text-align: center;
	line-height: 30px;
}
#portal-column-content .listingBar span:last-child {
	padding: 0 0 0 5px;
	width: auto;
	background: none;
	color: var(--color-primary);
}
#portal-column-content .listingBar span:last-child a {
	margin: 0 0 0 5px;
}
#portal-column-content .listingBar .previous {
	float: left;
	background: none;
	width: auto;
}
#portal-column-content .listingBar .next {
	float: right;
	background: none;
	width: auto;
}
#portal-column-content .listingBar .previous,
#portal-column-content .listingBar .next {
	width: auto;
	background: none;
	color: var(--color-primary)!important;
}
#portal-column-content .listingBar .previous:focus,
#portal-column-content .listingBar .next:focus,
#portal-column-content .listingBar .previous:hover,
#portal-column-content .listingBar .next:hover {
	width: auto;
	background: none;
	color: var(--color-current)!important;
}

/*
	COMMENTAIRES
*/
.discussion {
	margin: var(--margin-current) 0 20px;
	border-bottom: 2px solid var(--color-grey);
}
.discussion::before {
	content: "Commentaires";
	display: block;
	margin: 0 0 10px;
	font-size: 3em;
	color: var(--color-grey);
}
.discussion > div {
	margin: 0 0 10px;
	padding: 10px 0 0;
	border-top: 2px solid var(--color-grey);
	text-align: right;
}
.discussion > .replyTreeLevel1 {
	margin-left: 30px;
}
.discussion .documentByLine {
	float: none;
	margin: 0;
	text-align: left;
	font-size: 1.4em;
	font-weight: 700;
	color: var(--color-grey);
}
.discussion > div .commentImage {
	display: none;
}
.discussion > div .commentDate {
	display: inline;
	font-weight: 400;
	color: var(--color-grey);
}
.discussion > div .commentBody {
	position: relative;
	margin: 10px 0;
	padding: 0;
	border: none;
	border-radius: 0 ;
	box-shadow: none;
	text-align: left;
	font-size: 1.3em;
	color: var(--color-grey);
	overflow: visible;
}
.discussion > div .commentBody p {
	float: none;
}
.discussion > div button {
	margin: 0;
	padding: 5px 10px;
	background: var(--color-grey);
	border: none;
	border-radius: 3px;
	font-weight: 700;
	font-size: 1em;
	color: var(--color-white);
	text-transform: uppercase;
	cursor: pointer;
	transition: all 0.5s;
}
.discussion > div button:hover {
	background: var(--color-current);
	color: var(--color-white);
}

/*
	DEPOT DE COMMENTAIRES
*/
#commenting {
	margin: 0;
}
.reply {
	margin: 20px 0 0 80px;
}
#commenting fieldset,
.reply fieldset {
	margin: 0;
	padding: 0;
	border: none;
}
#commenting fieldset legend,
.reply fieldset legend {
	margin: 0;
	padding: 0;
	font-size: 2em;
	line-height: 1.8;
	color: var(--color-grey);
}
#commenting fieldset p,
.reply fieldset p {
	display: none;
}
#commenting fieldset form,
.reply fieldset form {
	margin: 0;
}
#commenting fieldset form .field,
.reply fieldset form .field {
	clear: none;
	text-align: left;
	font-size: 1.4em;
}
#commenting fieldset form .field label,
.reply fieldset form .field label {
	display: block;
	margin: 0 0 5px;
	font-weight: 400;
	color: var(--color-grey);
}
#commenting fieldset form .field input,
.reply fieldset form .field input {
	padding: 5px;
	width: 100%;
	border: 1px solid var(--color-grey);
	font-size: 1.2em;
}
#commenting fieldset form .field textarea,
.reply fieldset form .field textarea {
	padding: 5px;
	width: 100%;
	border: 1px solid var(--color-grey);
	font-size: 1.2em;
}
#commenting fieldset form #formfield-form-widgets-etablissement,
.reply fieldset form #formfield-form-widgets-fonction {
	display: none;
}
#commenting fieldset form #formfield-form-widgets-captcha label,
.reply fieldset form #formfield-form-widgets-captcha strong {
	display: none;
}
#commenting fieldset form #formfield-form-widgets-captcha span,
.reply fieldset form #formfield-form-widgets-captcha span {
	float: right;
	padding: 0 135px 0 0;
	color: var(--color-grey);
	font-size: 1.2em;
	font-weight: 700;
}
#commenting fieldset form #formfield-form-widgets-captcha input,
.reply fieldset form #formfield-form-widgets-captcha input {
	float: right;
	margin: -15px 0 0;
	width: 125px;
}
#commenting fieldset form .formControls,
.reply fieldset form .formControls {
	clear: both;
	margin: 0;
	text-align: right;
}
#commenting fieldset form .formControls input,
.reply fieldset form .formControls input {
	padding: 5px 10px;
	margin: 0 0 0 5px;
	background: var(--color-grey);
	border: none;
	color: var(--color-white);
	font-weight: 700;
	font-size: 1.2em;
	text-transform: uppercase;
	cursor: pointer;
	transition: all 0.5s;
}
#commenting fieldset form .formControls input:hover,
.reply fieldset form .formControls input:hover {
	background: var(--color-current);
	color: var(--color-white);
}

/*
	SHORTCODE ADEL
*/
div[id^=parent-fieldname-text] > .adelgroupe,
div[id^=parent-fieldname-text] > .adelpersonne,
div[id^=parent-fieldname-text] > .adelfonction,
div.adelgroupe, 
div.adelpersonne, 
div.adelfonction {
	margin: 0 0 var(--margin-text);
}
.adelgroupe .nom,
.adelpersonne .nom {
	display: block;
	margin: 0 0 5px;
	font-weight: 700;
	color: var(--color-primary);
}
.adelgroupe .coordonnee,
.adelpersonne .coordonnee {
	padding: 0 0 10px 10px;
	color: var(--color-primary);
}
.adelgroupe .coordonnee span:not(.telephone):first-child::before,
.adelpersonne .coordonnee span:not(.telephone):first-child::before {
	content: "\e90c";
	margin: 0 10px 0 0;
	font-family: var(--font-picto);
	color: var(--color-primary);
}
.adelgroupe .coordonnee span.telephone,
.adelpersonne .coordonnee span.telephone {
	display: block;
}
.adelgroupe .coordonnee span.mobile,
.adelpersonne .coordonnee span.mobile {
	position: relative;
	top: auto;
	display: block;
	width: auto;
	height: auto;
	overflow: auto;
}
.adelgroupe .coordonnee span.telephone::before,
.adelgroupe .coordonnee span.mobile::before,
.adelpersonne .coordonnee span.telephone::before,
.adelpersonne .coordonnee span.mobile::before {
	content: "\e90b";
	margin: 0 10px 0 0;
	font-family: var(--font-picto);
	color: var(--color-primary);
}
.adelgroupe .coordonnee span + a,
.adelpersonne .coordonnee span + a {
	display: block;
}
.adelgroupe .coordonnee span.telephone + a,
.adelgroupe .coordonnee span.mobile + a,
.adelpersonne .coordonnee span.telephone + a,
.adelpersonne .coordonnee span.mobile + a {
	display: inline-block;
}
.adelgroupe .coordonnee a::before,
.adelpersonne .coordonnee a::before {
	content: "\e90a";
	margin: 0 10px 0 0;
	font-family: var(--font-picto);
	color: var(--color-primary);
}
.adelfonction .fonction {
	display: block;
	margin: 0 0 10px;
	text-transform: uppercase;
	font-weight: 700;
}
#portal-column-content #content-core div[id^="parent-fieldname-text"] .contactAdelOverlay {
	box-shadow: none!important;
	color: var(--color-primary)!important;
}
#portal-column-content #content-core div[id^="parent-fieldname-text"] .contactAdelOverlay:hover,
#portal-column-content #content-core div[id^="parent-fieldname-text"] .contactAdelOverlay:focus {
	box-shadow: none!important;
	color: var(--color-current)!important;
}
.userrole-anonymous .adel-error {
	display: block;
}
li.siteweb {
	list-style: none;
}
li.siteweb::before {
	content: "\e907";
	font-family: var(--font-picto);
	color: var(--color-primary);
}
#portal-column-content #content-core div[id^="parent-fieldname-text"] li.siteweb a {
	box-shadow: none!important;
	color: var(--color-primary)!important;
}
#portal-column-content #content-core div[id^="parent-fieldname-text"] li.siteweb a:hover,
#portal-column-content #content-core div[id^="parent-fieldname-text"] li.siteweb a:focus {
	box-shadow: none!important;
	color: var(--color-current)!important;
}

/*--------------------------------------------------------------------------------------------------------------
	== PAGE DE LISTE
--------------------------------------------------------------------------------------------------------------*/
#portal-column-content #content-core #search-results,
.template-folder_listing_projets_view #portal-column-content #content-core,
.template-collection_listing_projects_view #portal-column-content #content-core,
.template-folder_summary_view #portal-column-content #content-core,
.template-agenda_view #portal-column-content #content-core,
.template-summary_view #portal-column-content #content-core {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: var(--margin-current) calc(50% - 50vw) 0;
	padding: 0 var(--margin-window);
}
#portal-column-content #content-core .tileItem {
	position: relative;
	margin: 20px;
	padding: 0 0 20px;
	width: calc(25% - 40px);
	background: var(--color-grey)!important;
}
#portal-column-content #content-core #search-results .tileItem {
	font-size: 1.4em;
}
#portal-column-content #content-core .tileItem h2 {
	margin: 0 0 5px;
	padding: 20px 20px 0 !important;
	background: none;
	font-size: 1.3em;
	font-family: var(--font-title);
	line-height: 1;
}
#portal-column-content #content-core .tileItem h2 a {
	color: var(--color-current)!important;
}
#portal-column-content #content-core .tileItem:hover h2 a,
#portal-column-content #content-core .tileItem h2 a:hover,
#portal-column-content #content-core .tileItem h2 a:focus {
	color: var(--color-primary)!important;
	text-decoration: none;
}
#portal-column-content #content-core .tileItem h2 a::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0; 
}
#portal-column-content #content-core .tileItem h2 a.state-private {
	color: red!important;
}
#portal-column-content #content-core .tileItem h2 a.state-private::after {
	content: "contenu non publié";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 100%;
	padding: 5px;
	background: red;
	border-radius: 3px 3px 0 0;
	text-transform: none;
	color: var(--color-white);
	font-size: 0.6em;
}
#portal-column-content #content-core .tileItem .imageContainer,
#portal-column-content #content-core .tileItem > a:first-child {
	position: relative;
	display: block;
	margin: 0 0 10px;
	overflow: hidden;
}
#portal-column-content #content-core .tileItem .imageContainer::before,
#portal-column-content #content-core .tileItem > a:first-child::before {
	content: "";
	display: block;
	padding: 60% 0 0;
}
#portal-column-content #content-core .tileItem .imageContainer img,
#portal-column-content #content-core .tileItem > a img {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	object-fit: cover;
	transition: all 0.5s;
}
#portal-column-content #content-core .tileItem:hover .imageContainer a img,
#portal-column-content #content-core .tileItem .imageContainer a:hover img,
#portal-column-content #content-core .tileItem .imageContainer a:focus img,
#portal-column-content #content-core .tileItem:hover > a img,
#portal-column-content #content-core .tileItem > a:hover img,
#portal-column-content #content-core .tileItem > a:focus img {
	transform: scale(1.05);
}
#portal-column-content #content-core .tileItem p {
	margin: 0;
	padding: 5px 20px 0;
	line-height: 1.4;
	transition: all 0.5s;
}
#portal-column-content #content-core .tileItem .documentByLine {
	margin: 10px 0 5px;
	padding: 0 20px;
	color: var(--color-current);
	line-height: 1.3;
	transition: all 0.5s;
}
#portal-column-content #content-core .tileItem:hover p,
#portal-column-content #content-core .tileItem:hover .documentByLine {
	color: var(--color-primary);
}
#portal-column-content #content-core .tileItem .audio-player audio {
	position: relative;
	z-index: 2;
	width: 100%;
}
#portal-column-content #content-core .tileItem cite,
#portal-column-content #content-core .tileItem p.tileFooter {
	display: none;
}
@media only screen and (max-width: 1800px) {
	#portal-column-content #content-core .tileItem {
		width: calc(33.333% - 40px);
	}
}
@media only screen and (max-width: 1300px) {
	#portal-column-content #content-core .tileItem {
		width: calc(50% - 40px);
	}
}
@media only screen and (max-width: 800px) {
	#portal-column-content #content-core .tileItem {
		width: calc(100% - 40px);
	}
}

/*
  	RESULTATS RECHERCHE
*/
form.searchPage h1.documentFirstHeading {
	float: none;;
}
#portal-column-content #content-core #searchform #search-field {
	margin: 0;
	padding: 0 0 var(--margin-current);
	text-align: center;
}
#portal-column-content #content-core #searchform #search-field input.searchPage {
	font-size: 100%!important;
}
#portal-column-content #content-core #searchform #search-field input[type="submit"] {
	padding: 10px 20px;
}
#portal-column-content #content-core #search-results-wrapper {
	margin: var(--margin-text) 0 0;
}
#portal-column-content #content-core #search-results-bar {
	padding: 0;
	background: none;
	border: none;
	text-align: center;
}
#portal-column-content #content-core #search-results-bar > span:first-child {
	display: block;
	float: none;
	margin: 0 0 10px;
	font-size: 1.4em;
	text-align: center;
}
#portal-column-content #content-core #search-results-bar dl.actionMenu,
#portal-column-content #content-core #search-results-bar span#searchResultsSort {
	display: none;
}

/*--------------------------------------------------------------------------------------------------------------
	== PAGE Liste Projet
--------------------------------------------------------------------------------------------------------------*/

.template-folder_listing_projets_view #portal-column-content #content-core .tileItem .progress-bar .jauge ,
.template-collection_listing_projects_view #portal-column-content #content-core .tileItem .progress-bar .jauge {
	border: 1px solid var(--color-primary);
	margin-bottom: 5px !important;
}
.template-folder_listing_projets_view #portal-column-content #content-core .tileItem .progress-bar .jauge span,
.template-collection_listing_projects_view #portal-column-content #content-core .tileItem .progress-bar .jauge span {
	background: var(--color-secondary);
}

.template-folder_listing_projets_view #portal-column-content #content-core .tileItem p.goal span,
.template-collection_listing_projects_view #portal-column-content #content-core .tileItem p.goal span {
	display: block;
	font-size: 1.2em;
	position: relative;
	
}
.template-folder_listing_projets_view #portal-column-content #content-core .tileItem p.goal span:after,
.template-collection_listing_projects_view #portal-column-content #content-core .tileItem p.goal span:after{
	content: '';
	display: block;
	margin: 15px 0;
	width: 50px;
	height: 1px;
	background: var(--color-current);
}

/*--------------------------------------------------------------------------------------------------------------
	== PAGE D'INSCRIPTION A LA NEWSLETTER
--------------------------------------------------------------------------------------------------------------*/
#portal-column-content #newsletter {
	font-size: 1em!important;
}
#portal-column-content #newsletter .documentDescription {
	margin: 0!important;
}
#portal-column-content #newsletter form#nl_form {
	margin: var(--margin-current) 0 0;
	padding: 0;
	font-size: 1.4em;
}
#portal-column-content #newsletter form#nl_form fieldset {
	margin: 0;
	padding: 0;
	border: none;
}
#portal-column-content #newsletter form#nl_form fieldset .field input[type=text] {
	width: 50%;
}
#portal-column-content #newsletter form#nl_form fieldset .field p {
	margin: 0;
	font-weight: 700;
}
#portal-column-content #newsletter form#nl_form fieldset .field p ~ label {
	font-weight: 400;
}
#portal-column-content #newsletter form#nl_form fieldset .formControls input {
	background: var(--color-current);
	border: none;
	border-radius: 50px;
	font-weight: 700;
	text-transform: uppercase;
	color: var(--color-white);
}
#portal-column-content #newsletter form#nl_form fieldset .formControls input:hover {
	background: var(--color-primary);
}
@media only screen and (max-width: 1024px) {
	#portal-column-content #newsletter form#nl_form fieldset .field input[type=text] {
		width: 100%;
	}
}

/*--------------------------------------------------------------------------------------------------------------
	== PAGES FORMULAIRES PAIEMENT
--------------------------------------------------------------------------------------------------------------*/
.template-reglement-rencontre-internationale #content-core #form,
.template-reglement-document #content-core #form,
.template-contribution-solidarite #content-core #form,
.template-reglement-conseil-coordinateurs #content-core #form {
	font-size: 1.4em;
    line-height: 1.5;
}
.template-reglement-rencontre-internationale #content-core #form input[type=text],
.template-reglement-document #content-core #form input[type=text],
.template-contribution-solidarite #content-core #form input[type=text],
.template-reglement-conseil-coordinateurs #content-core #form input[type=text] {
	width: 50%;
}
.template-reglement-rencontre-internationale #content-core #form .formControls input,
.template-reglement-document #content-core #form .formControls input,
.template-contribution-solidarite #content-core #form .formControls input,
.template-reglement-conseil-coordinateurs #content-core #form .formControls input {
	background: var(--color-current);
	border: none;
	border-radius: 50px;
	font-weight: 700;
	text-transform: uppercase;
	color: var(--color-white);
}
.template-reglement-rencontre-internationale #content-core #form .formControls input:hover,
.template-reglement-document #content-core #form .formControls input:hover,
.template-contribution-solidarite #content-core #form .formControls input:hover,
.template-reglement-conseil-coordinateurs #content-core #form .formControls input:hover {
	background: var(--color-primary);
}
@media only screen and (max-width: 1024px) {
	.template-reglement-rencontre-internationale #content-core #form input[type=text],
	.template-reglement-document #content-core #form input[type=text],
	.template-contribution-solidarite #content-core #form input[type=text],
	.template-reglement-conseil-coordinateurs #content-core #form input[type=text] {
		width: 100%;
	}
}

/*
	TABLEAUX SUIVI
*/
.section-reglement-contribution-et-solidarite legend {
	display: none;
}
.section-reglement-contribution-et-solidarite #faceted-form .faceted-widgets > div {
	width: 100%;
}
.section-reglement-contribution-et-solidarite #faceted-form .faceted-widgets > div fieldset li input[type="checkbox"] + label {
	border: 1px solid var(--color-secondary);
	font-family: var(--font-curent);
	color: var(--color-secondary);
}
.section-reglement-contribution-et-solidarite #faceted-form .faceted-widgets > div fieldset li input[type="checkbox"] + label:hover {
	background: var(--color-secondary);
	color: var(--color-white);
}
.section-reglement-contribution-et-solidarite #faceted-form .faceted-widgets > div fieldset li input[type="checkbox"]:checked + label {
	border: 1px solid var(--color-primary);
	background: var(--color-primary);
	color: var(--color-white);
}

.section-reglement-contribution-et-solidarite #faceted-results {
	margin: 0 calc(50% - 50vw);
	padding: 0 var(--margin-window);
}
.section-reglement-contribution-et-solidarite div.dt-buttons {
	margin: 0 0 20px;
	font-size: 0.8em;
}
.section-reglement-contribution-et-solidarite .dataTables_length select {
	padding: 0;
	background: none;
	border: none;
}
.section-reglement-contribution-et-solidarite .dataTables_filter {
	margin: 0 0 10px;
}
.section-reglement-contribution-et-solidarite table thead {
	background: var(--color-primary);
}
.section-reglement-contribution-et-solidarite table thead th {
	padding: 8px 10px!important;
	border: none!important;
	color: var(--color-white);
}
.section-reglement-contribution-et-solidarite table tbody tr:nth-child(even){
	background: var(--color-grey);
}
.section-reglement-contribution-et-solidarite #content table a:hover,
.section-reglement-contribution-et-solidarite #content table a:focus {
	color: var(--color-primary)!important;
}
.section-reglement-contribution-et-solidarite .dataTables_paginate {
	font-size: 0.8em;
}
.section-reglement-contribution-et-solidarite #content .dataTables_paginate a:hover,
.section-reglement-contribution-et-solidarite #content .dataTables_paginate a:focus {
	color: var(--color-primary)!important;
}

/*
	RECAP PAIEMENT
*/
.template-paiement .recap-don {
	width: 100%;
	font-size: 1.7em;
	line-height: 1.4;
	text-align: center;
}
.template-paiement .recap-don li:last-child {
	font-weight: 700;
}
.template-paiement #content fieldset {
	margin: var(--margin-current) auto 0;
	padding: 0;
	border: none;
	width: calc(25% - 20px);
}
.template-paiement #content fieldset::before {
	display: block;
	text-align: center;
	font-family: var(--font-picto);
	font-size: 5em;
	line-height: 1;
	color: var(--color-primary);
}
.template-paiement #content fieldset.paiement-cb::before {
	content: "\e93a";
}
.template-paiement #content fieldset.paiement-cheque::before {
	content: "\e939";
}
.template-paiement #content fieldset.paiement-virement::before {
	content: "\e92a";
}
.template-paiement fieldset legend {
	display: none;
}
.template-paiement fieldset input[type=submit] {
	width: 100%;
	margin: 0 ;
	padding: 20px;
	background: var(--color-primary);
	border: none;
	border-radius: 100px;
	font-size: 1.7em!important;
	font-weight: 700;
	color: var(--color-white);
	text-transform: uppercase;
	cursor: pointer;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.template-paiement fieldset input[type=submit]:hover {
	background: var(--color-secondary);
}

@media only screen and (max-width: 1100px) {
	.template-paiement #content fieldset {
		width: calc(33% - 20px);
	}
}
@media only screen and (max-width: 800px) {
	.template-paiement #content fieldset {
		width: calc(100% - 20px);
	}
}

/*
	FICHE
*/
.section-reglement-contribution-et-solidarite #content-core > ul {
	font-size: 1.7em;
}

/*--------------------------------------------------------------------------------------------------------------
	== PAGE VIDEOS
--------------------------------------------------------------------------------------------------------------*/
.template-video_view #content-core {
	position: relative;
	padding-bottom: 56.25%;
}
.template-video_view #content-core iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*--------------------------------------------------------------------------------------------------------------
	== PAGE EVENEMENT
--------------------------------------------------------------------------------------------------------------*/
#portal-column-content #content-core .eventDetails {
	clear: both;
	float: none;
	margin: var(--margin-text) calc(var(--margin-current) * -2);
	padding: 0 var(--margin-current);
	width: auto;
	border: none;
	overflow: hidden;
}
#portal-column-content #content-core .eventDetails::before,
#portal-column-content #content-core .eventDetails::after {
	content: '\e924';
	display: block;
	margin: var(--margin-text) 0;
	font-family: var(--font-picto);
	font-size: 1.8em;
	color: var(--color-secondary);
	text-align: center;
	opacity: 0.5;
}
#portal-column-content #content-core .eventDetails ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 0 -20px;
	color: var(--color-secondary);
}
#portal-column-content #content-core .eventDetails ul li {
	margin: 10px 20px;
	width: calc(33.333% - 40px);
	line-height: 1;
	text-align: center;
}
#portal-column-content #content-core .eventDetails ul li.calendrier {
	display: none;
}
#portal-column-content #content-core .eventDetails ul li.site-web {
	margin-top: 20px;
	width: calc(100% - 20px);
}
#portal-column-content #content-core .eventDetails ul li.recurrences {
	position: relative;
	margin-top: 40px;
	padding: 10px;
	width: calc(100% - 20px);
}
#portal-column-content #content-core .eventDetails ul li.recurrences::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: var(--color-light);
	opacity: 0.2;
}
#portal-column-content #content-core .eventDetails ul li::before {
	display: block;
	margin: 0 0 15px;
	font-family: var(--font-picto);
	font-size: 2em;
	opacity: 0.5;
}
#portal-column-content #content-core .eventDetails ul li.quand::before {
	content: '\e915';
}
#portal-column-content #content-core .eventDetails ul li.ou::before {
	content: '\e90c';
}
#portal-column-content #content-core .eventDetails ul li.contact_name::before {
	content: '\e90d';
}
#portal-column-content #content-core .eventDetails ul li.telephone::before {
	content: '\e90b';
}
#portal-column-content #content-core .eventDetails ul li.participants::before {
	content: '\e90e';
}
#portal-column-content #content-core .eventDetails ul li.inscription::before {
	content: '\e909';
}
#portal-column-content #content-core .eventDetails ul li span.entete {
	display: block;
	margin: 0 0 10px;
	font-family: var(--font-title);
	font-size: 1.1em;
	font-weight: 400;
	text-transform: uppercase;
}
#portal-column-content #content-core .eventDetails ul li span.date {
	padding: 0;
	background: none;
	border: none;
	box-shadow: none;
	font-size: inherit;
	text-align: left;
}
#portal-column-content #content-core .eventDetails ul li p {
	margin: 0;
}
#portal-column-content #content-core .eventDetails ul li a,
#portal-column-content #content-core .eventDetails ul li a:hover,
#portal-column-content #content-core .eventDetails ul li a:focus {
	color: var(--color-secondary)!important;
}
#portal-column-content #content-core .eventDetails .site-web a {
	display: inline-block;
	padding: 8px 20px;
	border: 1px solid var(--color-secondary);
	border-radius: 50px;
	font-size: 0.9em;
}
#portal-column-content #content-core .eventDetails .site-web a:hover,
#portal-column-content #content-core .eventDetails .site-web a:focus {
	background: var(--color-light);
	color: #fff!important;
	text-decoration: none;
}
#portal-column-content #content-core .eventDetails ul li.contact_name p a::before {
	content: "\e90a";
	display: inline-block;
	margin: 0 5px 0 0;
	font-family: var(--font-picto);
}
#portal-column-content #content-core .eventDetails ul li .timezone {
	display: none;
}
#portal-column-content #content-core #parent-fieldname-eventUrl {
	display: inline-block;
	margin: var(--margin-text) 0 0;
	padding: 10px 20px;
	background: var(--color-primary);
	border-radius: 50px;
	color: var(--color-white);
	font-size: 1.4em;
	line-height: 1;
}
#portal-column-content #content-core #parent-fieldname-eventUrl:hover,
#portal-column-content #content-core #parent-fieldname-eventUrl:focus {
	background: var(--color-current);
	color: var(--color-white)!important;
	text-decoration: none;
}
@media only screen and (max-width: 1100px) {
	#portal-column-content #content-core .eventDetails ul li {
		width: calc(50% - 40px);
	}
}
@media only screen and (max-width: 800px) {
	#portal-column-content #content-core .eventDetails ul li {
		width: calc(100% - 40px);
	}
}

/*--------------------------------------------------------------------------------------------------------------
	== PAGE CALENDRIER
--------------------------------------------------------------------------------------------------------------*/
/*
	BOUTON CALENDRIER
*/
#portal-column-content .voir-le-calendrier,
#portal-column-content .retour-agenda {
	position: relative;
	margin: 20px 0 0;
	text-align: center;
}
#portal-column-content .voir-le-calendrier a,
#portal-column-content .retour-agenda a {
	padding: 5px 20px;
	background: var(--color-grey);
	border-radius: 50px;
	color: var(--color-current)!important;
	font-weight: 700;
	font-size: 1.2em;
	text-transform: uppercase;
}
#portal-column-content .voir-le-calendrier a:hover,
#portal-column-content .voir-le-calendrier a:focus,
#portal-column-content .retour-agenda a:hover,
#portal-column-content .retour-agenda a:focus {
	background: var(--color-primary);
	color: var(--color-white)!important;
	text-decoration: none;
}

/*
	CALENDRIER
*/
#calendar {
	margin: var(--margin-current) 0 0;
}
#content div.fc#calendar a {
	border: none;
}
#content div.fc#calendar a:hover,
#content div.fc#calendar a:focus {
	color: var(--color-primary)!important;
	text-decoration: none;
}

/* entete */
div.fc#calendar .fc-header {
	font-size: 1.2em;
}
.fc-header h2 {
	font-size: 1.4em;
	font-weight: 400;
	text-transform: uppercase;
	color: var(--color-current);
}
.fc-header .fc-state-default,
.fc-header .fc-state-default a,
.fc-header .fc-state-default span {
	background: none;
	border: none;
}
.fc-header .fc-state-active a {
	color: var(--color-primary);
}

/* calendrier */
.fc#calendar .fc-content .fc-grid th {
	padding: 10px 0;
}
.fc-content th.fc-day-header {
	font-size: 1.2em;
}
.fc-content .fc-state-highlight {
	background: #e8e8e8;
	border: 1px solid var(--color-grey);
	font-weight: 700;
}
.fc-content a.fc-event {
	background: #666;
	border: 1px solid #666!important;
	font-size: 1.1em;
}
#content .fc-content a.fc-event:hover,
#content .fc-content a.fc-event:focus {
	color: var(--color-white)!important;
}
.fc-grid .fc-day-number {
	padding: 10px;
}
.fc-event, .fc-agenda .fc-event-time, .fc-event a {
	background: var(--color-primary);
}
#content div.fc#calendar .fc-content a:hover,
#content div.fc#calendar .fc-content a:focus {
	background: var(--color-current);
	color: var(--color-white)!important;
	text-decoration: none;
}

/*--------------------------------------------------------------------------------------------------------------
	== PAGE ALBUM PHOTOS
--------------------------------------------------------------------------------------------------------------*/
#content span.nb-photo {
	display: none;
}
#content .liste-photos {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -10px;
	height: auto!important;
}
#content .liste-photos .imageAlbumContainer {
	position: relative!important;
	top: auto!important;
	left: auto!important;
	margin: 10px;
	width: calc(20% - 20px);
	border-radius: 5px;
	overflow: hidden;
}
#content .liste-photos .imageAlbumContainer::before {
	content: "";
	display: block;
	padding: 100% 0 0;
}
#content .liste-photos .imageAlbumContainer > a > img {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	object-fit: cover;

	transition: all 0.5s;
}
#content .liste-photos .imageAlbumContainer:hover > a > img {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05);
}
@media only screen and (max-width: 1500px) {
	#content .liste-photos .imageAlbumContainer {
		width: calc(25% - 20px);
	}
}
@media only screen and (max-width: 1150px) {
	#content .liste-photos .imageAlbumContainer {
		width: calc(33.333% - 20px);
	}
}
@media only screen and (max-width: 1024px) {
	#content .liste-photos .imageAlbumContainer {
		width: calc(50% - 20px);
	}
}
@media only screen and (max-width: 800px) {
	#content .liste-photos .imageAlbumContainer {
		width: calc(100% - 20px);
	}
}

/*--------------------------------------------------------------------------------------------------------------
	== PAGE SON
--------------------------------------------------------------------------------------------------------------*/
.portaltype-son h2#download-son {
	margin: 30px 0 10px;
	padding: 0;
	color: var(--color-current);
	font-size: 1.6em;
	font-weight: normal;
	text-transform: uppercase;
	line-height: 1em;
}

/*--------------------------------------------------------------------------------------------------------------
	== PAGE FICHIER
--------------------------------------------------------------------------------------------------------------*/
.portaltype-file #content-core a {
	display: inline-block;
	margin: 5px 0;
	padding: 5px 10px;
	background: var(--color-current);
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border-bottom: none;
	font-size: 1.2em;
	color: var(--color-white);
}
.portaltype-file #content-core a:hover,
.portaltype-file #content-core a:focus {
	background: var(--color-current);
	color: var(--color-white)!important;
	text-decoration: none;
}
.portaltype-file #content-core a img {
	display: none;
}

/*--------------------------------------------------------------------------------------------------------------
	== PAGE PLONE FORM GEN
--------------------------------------------------------------------------------------------------------------*/
.portaltype-formfolder div[id^="parent-fieldname-"] {
	margin: var(--margin-current) 0;
	font-size: 1.4em;
	line-height: 1.4;
}
.pfg-form {
	margin: var(--margin-current) 0;
	font-size: 1.4em;
	line-height: 1.4;
}
#content .pfg-form fieldset {
	margin: var(--margin-current) 0 0;
	padding: 0;
	border: none;
}
#content .pfg-form fieldset legend {
	margin: 0 0 var(--margin-text);
	padding: 0;
	border: none;
	font-size: 1.5em;
	font-weight: 700;
	color: var(--color-primary);
	text-transform: uppercase;
}
.pfg-form input + label {
	font-weight: 400;
}
.pfg-form .field select,
.pfg-form .field input {
	width: 50%!important;
}
.pfg-form input[type=checkbox],
.pfg-form input[type=radio] {
	width: auto!important;
}
.pfg-form input[type=submit] {
	background: var(--color-current);
	border: none;
	border-radius: 50px;
	color: var(--color-white);
	text-transform: uppercase;
	font-weight: 700;
}
.pfg-form input[type=submit]:hover {
	background: var(--color-primary);
}

@media only screen and (max-width: 1200px) {
	.pfg-form .field select,
	.pfg-form .field input {
		width: 100%!important;
	}
	.pfg-form input[type=checkbox],
	.pfg-form input[type=radio] {
		width: auto!important;
	}

}

/*--------------------------------------------------------------------------------------------------------------
	== PAGE INTRANET
--------------------------------------------------------------------------------------------------------------*/


/*--------------------------------------------------------------------------------------------------------------
	== PAGE MEDIATHEQUE
--------------------------------------------------------------------------------------------------------------*/
/*#mediatheque-search-results-bar {
	margin: 0 0 10px;
	padding: 20px;
	background: #f0eee8;
}
#mediatheque-search-results-bar #mediatheque_header_title {
	display: none;
}
#mediatheque-search-results-bar fieldset {
	margin: 0 0 30px;
	padding: 0;
	border: none;
}
#mediatheque-search-results-bar fieldset#mediatheque-SearchableText {
	float: left;
	width: 45%;
}
#mediatheque-search-results-bar fieldset#mediatheque-chemin {
	float: right;
	width: 45%;
}
#mediatheque-search-results-bar fieldset#mediatheque-chemin + fieldset {
	clear: both;
}
#mediatheque-search-results-bar fieldset legend {
	margin: 0 0 5px;
	padding: 0;
	border: none;
	font-size: 1.4em;
	font-weight: 700;
	text-transform: uppercase;
}
#mediatheque-search-results-bar fieldset ul li {
	display: inline-block;
	margin: 0 10px 0 0;
}
#mediatheque-search-results-bar fieldset#mediatheque-SearchableText input,
#mediatheque-search-results-bar fieldset#mediatheque-chemin select {
	padding: 3px;
	width: 100%;
}
#mediatheque-search-results-bar fieldset ul li input {
	vertical-align: middle;
}
#mediatheque-search-results-bar fieldset ul li label {
	font-weight: normal;
}
#mediatheque-search-results-bar .input_submit_mediatheque input {
	display: inline-block;
	padding: 5px 10px;
	background: #17afd0;
	border: none;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	color: #444;
	text-transform: uppercase;
	font-weight: 700;
	cursor: pointer;
	
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
#mediatheque-search-results-bar .input_submit_mediatheque input:hover {
	background: var(--color-current);
}

/*--------------------------------------------------------------------------------------------------------------
	== PAGE DE PLAN DU SITE
--------------------------------------------------------------------------------------------------------------*/
#portal-column-content #content-core #portal-sitemap {
	margin: 30px 0 0;
}
#portal-column-content #content-core #portal-sitemap li {
	margin: 0;
	padding: 0;
	border: none;
	line-height: 1;
}
#portal-column-content #content-core #portal-sitemap li a {
	background: none;
	line-height: 1;
}
#portal-column-content #content-core #portal-sitemap li img {
	display: none;
}

/* premier niveau */
#portal-column-content #content-core #portal-sitemap > li {
	margin: var(--margin-current) 0 0;
}
#portal-column-content #content-core #portal-sitemap > li > div > a {
	display: block;
	margin: 0;
	padding: 0!important;
	font-size: 2em;
	color: var(--color-primary)!important;
	text-transform: uppercase;
}
#portal-column-content #content-core #portal-sitemap > li > div > a:hover,
#portal-column-content #content-core #portal-sitemap > li > div > a:focus {
	color: var(--color-current)!important;
	text-decoration: none;
}

/* deuxieme niveau */
#portal-column-content #content-core #portal-sitemap > li > ul {
	margin: 0 0 0 30px;
}
#portal-column-content #content-core #portal-sitemap > li > ul > li {
	margin: var(--margin-text) 0 0;
	list-style: disc;
}
#portal-column-content #content-core #portal-sitemap > li > ul > li > div > a {
	margin: 0 0 5px;
	padding: 0!important;
	background: none;
	font-size: 1.6em;
	font-weight: 700;
	color: var(--color-current)!important;
}
#portal-column-content #content-core #portal-sitemap > li > ul > li > div > a:hover,
#portal-column-content #content-core #portal-sitemap > li > ul > li > div > a:focus {
	border: none;
	color: var(--color-primary)!important;
	text-decoration: none;
}

/* troisieme niveau */
#portal-column-content #content-core #portal-sitemap li li ul {
	margin: 0 -20px;
}
#portal-column-content #content-core #portal-sitemap li li li {
	display: inline-block;
	margin: 0 20px;
}
#portal-column-content #content-core #portal-sitemap li li li a {
	padding: 0!important;
	background: none;
	text-transform: none;
	font-size: 1.4em;
	color: var(--color-current)!important;
}
#portal-column-content #content-core #portal-sitemap li li li a:hover,
#portal-column-content #content-core #portal-sitemap li li li a:focus {
	color: var(--color-primary)!important;
	text-decoration: none;
}

/*--------------------------------------------------------------------------------------------------------------
	== PAGE DE CONNEXION
--------------------------------------------------------------------------------------------------------------*/
#portal-column-content #login-form {
	font-size: 1.4em;
}
#portal-column-content #login-form:before {
	content: "Identifiez-vous";
	display: block;
	padding: 0 0 20px 148px;
	font-size: 2em;
	color: var(--color-current);
}
#portal-column-content #login-form .field label {
	font-style: 400;
}
#portal-column-content #login-form .field input {
	width: 50%;
}
#portal-column-content #login-form .formControls {
	margin: 0 0 0 148px;
}
#portal-column-content #login-form .formControls input {
	background: var(--color-current);
	border: none;
	border-radius: 50px;
	color: var(--color-white);
	text-transform: uppercase;
	font-weight: 700;
}
#portal-column-content #login-form .formControls input:hover {
	background: var(--color-primary);
}
#portal-column-content #login-forgotten-password {
	margin: 40px 0 0 148px;
	padding: 40px 0 0;
	border-top: 1px dotted var(--color-grey);
	font-size: 1.1em;
}
#portal-column-content #login-forgotten-password a:hover,
#portal-column-content #login-forgotten-password a:focus {
	color: var(--color-primary)!important;
	text-decoration: none;
}

/*
	MOT DE PASSE PERDU
*/
#portal-column-content #mail_password {
	font-size: 1.4em;
}
#portal-column-content #mail_password fieldset {
	margin: 0;
	padding: 0;
	border: none;
}
#portal-column-content #mail_password fieldset legend {
	display: none;
}
#portal-column-content #mail_password .field {
	clear: none;
	margin: 0 ;
}
#portal-column-content #mail_password .field label {
	margin: 0 10px 0 0;
	font-style: normal;
	font-weight: 400;
}
#portal-column-content #mail_password .field input.context {
	margin: var(--margin-text) 0 0;
	background: var(--color-current);
	border: none;
	border-radius: 50px;
	color: var(--color-white);
	text-transform: uppercase;
	font-weight: 700;
}
#portal-column-content #mail_password .field input.context:hover {
	background: var(--color-primary);
}
#portal-column-content #mail_password + p {
	margin: var(--margin-text) 0 0;
	font-size: 1.4em;
}
#portal-column-content #mail_password + p a:hover,
#portal-column-content #mail_password + p a:focus {
	color: var(--color-current)!important;
}

/*------------------------------------------------------------------------------------------------------------*/
/*
	= FOOTER
*/
/*------------------------------------------------------------------------------------------------------------*/
#portal-footer {
	margin: var(--margin-current) 0 0;
	padding: 0;
	background: none;
	border: none;
}
div.FooterPortletManager1 {
	position: relative;
	padding: 0 var(--margin-window);
}
.FooterPortletManager1::before {
	content: url("../images/sun.svg");
	position: absolute;
	z-index: 3;
	bottom: -160px;
	left: calc(var(--margin-current)* 2);
	width: 150px;
	transform-origin: center;
	animation: 4s linear 0s infinite alternate sun;
}
.FooterPortletManager1::after {
	content: url("../images/cloud-white.svg");
	position: absolute;
	z-index: 2;
	bottom: -90px;
	left: calc(var(--margin-current) * 2 + 90px);
	width: 90px;
	transform-origin: center;
	animation: 4s linear 0s infinite alternate cloudw;
}
@keyframes sun {
	from {
		bottom: -160px;
		width: 130px;
	}
	to {
		bottom: -160px;
		width: 150px;
	}
}
@keyframes cloudw {
	from {
		width: 90px;
		bottom: -90px;
		right: calc(var(--margin-current) * 2 + 90px);
	}
	to {
		width: 80px;
		bottom: -90px;
		right: calc(var(--margin-current) * 2 + 120px);
	}
}

div.FooterPortletManager2 {
	position: relative;
	margin: var(--margin-current) 0 0;
	padding: var(--margin-current) var(--margin-window);
}
div.FooterPortletManager2::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	transform: rotate(180deg);
	background: var(--color-primary);
	-webkit-clip-path: url(#shape-section);
	clip-path: url(#shape-section);
}
div.FooterPortletManager2::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 0;
	background: var(--color-grey);
	-webkit-clip-path: url(#shape-section);
	clip-path: url(#shape-section);
}
div.FooterPortletManager2 > div {
	position: relative;
	z-index: 2;
}
div.FooterPortletManager6 {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 200;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: var(--margin-current);
	background: rgba(255,255,255,0.95);
	opacity: 0;
	visibility: hidden;
	transition: all 0.5s;
}
div.FooterPortletManager6.actif {
	opacity: 1;
	visibility: visible;
}
div.FooterPortletManager6::before {
	content: '\e902';
	position: absolute;
	top: var(--margin-current);
	right: var(--margin-current);
	font-family: var(--font-picto);
	font-size: 2.5em;
	cursor: pointer;
}
div.FooterPortletManager6 > div {
	position: absolute;
	top: -5000px;
	width: 100%;
	max-width: 830px;
	max-height: calc(100vh - calc(var(--margin-text) * 2));
	padding: var(--margin-current);
	background: var(--color-primary);
	overflow: auto;
}
div.FooterPortletManager6 > div.actif {
	position: relative;
	top: auto;
}

@media only screen and (max-width: 1350px) {
	.FooterPortletManager1::before {
		left: calc(var(--margin-current));
	}
	.FooterPortletManager1::after {
		left: calc(var(--margin-current) + 90px);
	}
	@keyframes sun {
		from {
			bottom: -160px;
			width: 130px;
		}
		to {
			bottom: -160px;
			width: 150px;
		}
	}
	@keyframes cloudw {
		from {
			width: 90px;
			bottom: -90px;
			right: calc(var(--margin-current) + 90px);
		}
		to {
			width: 80px;
			bottom: -90px;
			right: calc(var(--margin-current) + 120px);
		}
	}
}
@media only screen and (max-width: 700px) {
	.FooterPortletManager1::before,
	.FooterPortletManager1::after {
		display: none;
	}
}

/*--------------------------------------------------------------------------------------------------------------
	== ALERTE POPIN
--------------------------------------------------------------------------------------------------------------*/
#portal-footer #alerte-popin {
	display: flex;
	padding: 10px;
	max-width: none;
}
#portal-footer #alerte-popin > div {
	margin: auto;
	padding: 30px;
	max-width: 900px;
	width: auto;
}
#portal-footer #alerte-popin > div img {
	max-width: 100%;
	height: auto!important;
}

/*--------------------------------------------------------------------------------------------------------------
	== COORDONNEES
--------------------------------------------------------------------------------------------------------------*/
#coordonnees {
	margin: 0 0 15px;
	padding: 5px 0;
	text-align: center;
	font-weight: 400;
	font-size: 1.7em;
	line-height: 1.5;
	color: var(--color-white);
}
#coordonnees::before {
	/*content: '\e924';*/
	content:"";
	display: block;
	margin: var(--margin-current) 0;
	text-align: center;
	font-family: var(--font-picto);
	font-size: 1.2em;
	opacity: 0.5;
}
#coordonnees strong {
	display: none;
	margin: 5px 0;
	font-weight: 700;
	text-transform: uppercase;
}
.site-fr #coordonnees strong:nth-child(1) {
	display: block;
}
.site-en #coordonnees strong:nth-child(2) {
	display: block;
}
.site-es #coordonnees strong:nth-child(3) {
	display: block;
}
#coordonnees strong::before {
	content: '\e90c';
	display: block;
	margin: 0 0 20px;
	font-family: var(--font-picto);
	font-weight: 400;
	font-size: 2em;
}

/*--------------------------------------------------------------------------------------------------------------
	== SITE ACTION
--------------------------------------------------------------------------------------------------------------*/
#portal-siteactions {
	clear: none;
	float: none;
	padding: var(--margin-current) var(--margin-window);
	border: none;
	color: var(--color-current);
	font-size: 1.2em;
}
#portal-siteactions li {
	display: inline;
	margin: 0 10px;
	color: var(--color-current);
}
#portal-siteactions li a,
#portal-siteactions li a:visited {
	border: none;
	text-transform: none;
	color: var(--color-current);
}
#portal-siteactions li a:hover,
#portal-siteactions li a:focus {
	border: none;
	background: none;
	color: var(--color-current);
}
@media only screen and (max-width: 800px) {
	#portal-siteactions li + li::before,
	#portal-siteactions li {
		display: none;
	}
	#portal-siteactions li#siteaction-mentions-legales,
	#portal-siteactions li#siteaction-gestion-cookies {
		display: block;
	}
}

/*------------------------------------------------------------------------------------------------------------*/
/*
	= POPINS
*/
/*------------------------------------------------------------------------------------------------------------*/
#exposeMask {
	background: var(--color-white)!important;
	opacity: .8!important;
}
div.overlay div.close {
	position: fixed;
	top: var(--margin-text)!important;
	right: var(--margin-text)!important;
	left: auto!important;
	background: none;
}
div.overlay div.close::before {
	content: "\e902";
	font-size: 2em;
	font-family: var(--font-picto);
	color: var(--color-white);
}

/*
	POPIN
*/
.overlay.overlay-ajax {
	position: fixed!important;
	top: 50%!important;
	left: 50%!important;
	transform: translate(-50%, -50%);
	margin: 0;
	padding: calc(var(--margin-text) * 2);
	width: 100%!important;
	max-width: 830px;
	max-height: calc(100vh - calc(var(--margin-text) * 2));
	background: var(--color-primary);
	overflow: auto;
}
.overlay.overlay-ajax .pb-ajax {
	background: none;
	box-shadow: none;
	border: none;
}
.overlay.overlay-ajax .pb-ajax > div {
	margin: auto;
	padding: 0;
	font-size: 1.6em;
	color: var(--color-white);
}
.overlay.overlay-ajax .pb-ajax #portal-column-content #content-core > div {
	font-size: 1em;
}

/*
	CONTENU
*/
.pb-ajax h1 {
	position: relative!important;
	top: auto!important;
	padding: 0!important;
	background: none;
	color: var(--color-white)!important;
	font-family: var(--font-title);
	font-weight: 400!important;;
	font-size: 2em!important;
	text-align: left!important;
}
.pb-ajax .documentDescription {
	margin: var(--margin-text) 0!important;
	padding: 0!important;
	font-family: var(--font-current)!important;
	font-weight: 400!important;;
	font-size: 1.2em!important;
	color: var(--color-white)!important;
	text-align: left!important;
}
.pb-ajax div div:first-child {
	padding: var(--margin-text) 0;
	width: 100%;
	background: none;
}
.pb-ajax #content-core {
	justify-content: flex-start!important;
	margin: var(--margin-current) 0 0!important;
	padding: 0!important;
}
.pb-ajax a,
.pb-ajax a:link,
.pb-ajax a:hover,
.pb-ajax a:focus {
	color: var(--color-white)!important;
}
.pb-ajax form {
	width: 100%;
}
.pb-ajax .field,
.pb-ajax form > div {
	margin: 0 0 var(--margin-text)!important;
	padding: 0!important;
	border: none!important;
}	
.pb-ajax .field label {
	margin: 0!important;
	text-transform: uppercase;
	font-size: 1.1em!important;
}
.pb-ajax .field .formHelp,
.pb-ajax .field label .formHelp {
	text-transform: none;
	color: var(--color-white);
	font-size: 0.8em!important;
	font-style: italic;
}
.pb-ajax .field div {
	/*font-style: italic;
	font-weight: 300;
	color: var(--color-white);
	opacity: 0.8;
	font-size: 0.8em;*/
}	
.pb-ajax .field input,
.pb-ajax .field textarea {
	width: 100%!important;
	background: var(--color-white);
	border: 1px solid var(--color-white);
	border-radius: 3px;
	color: var(--color-current);
	opacity: 0.8;
	transition: all 0.5s;
}	
.pb-ajax .field input:focus,
.pb-ajax .field textarea:focus {
	outline: none;
	opacity: 1;
}	
.pb-ajax input[type=checkbox],
.pb-ajax input[type=radio] {
	width: auto!important;
}
.pb-ajax input[type=submit],
.pb-ajax div .formControls input[type=submit] {
	margin: 0;
	padding: 10px 20px!important;
	background: var(--color-secondary)!important;
	border: none!important;
	border-radius: 50px!important;
	color: var(--color-white)!important;
	font-weight: 700!important;
	cursor: pointer;
	transition: all 0.5s;
}
.pb-ajax input[type=submit]:hover {
	color: var(--color-primary);
}

/*
	FORM LOGIN
*/
.pb-ajax #login-form {
	text-align: left;
}
.pb-ajax #login-form label {
	text-align: left;
}
.pb-ajax #login-forgotten-password {
	margin: var(--margin-text) 0 0;
	padding: var(--margin-text) 0 0;
	border-top: 1px dotted var(--color-white);
}
.pb-ajax #login-forgotten-password p.discreet {
	color: var(--color-white);
	font-size: 0.8em;
}
.pb-ajax #login-forgotten-password p a,
.pb-ajax #login-forgotten-password p a:hover,
.pb-ajax #login-forgotten-password p a:focus {
	color: var(--color-white)!important;
}

/* FORM CONTACT */
.modal-content .contact-mail {}
.modal-content .contact-mail label {
	position: relative;
	text-transform: uppercase;
	font-size: 1em;
}
.modal-content .contact-mail label input,
.modal-content .contact-mail label textarea {
	width: 100%!important;
	background: var(--color-white);
	border: 1px solid var(--color-white);
	border-radius: 3px;
	color: var(--color-current);
	transition: all 0.5s;
}	
.modal-content .contact-mail input:focus,
.modal-content .contact-mail textarea:focus {
	outline: none;
	background: var(--color-grey);
	border: 1px solid var(--color-grey);
}
.modal-content .contact-mail input[type=submit] {
	margin: 0;
	padding: 10px 20px;
	background: var(--color-current);
	border: none;
	border-radius: 50px;
	color: var(--color-white);
	font-weight: 700;
	font-size: 1em;
	cursor: pointer;
	transition: all 0.5s;
}
.modal-content .contact-mail input[type=submit]:hover {
	color: var(--color-primary);
}
.modal-content .contact-mail div:first-child {
	margin: 0;
}

/* PAGE PAR DEFAUT */
#default_page_form {}
#default_page_form label {
	padding: 0!important;
	background: none!important;
}
#default_page_form dd {
	display: none;
}
#default_page_form .formControls {
	border: none!important;
}

/* AJOUT CORRELES */
.pb-ajax #search .field {
	display: flex;
}
.pb-ajax #search .field input[type=text] {
	flex: 1;
	margin: 0 10px 0 0;
	width: auto!important;
}
.pb-ajax #search .field input[type=submit] {
	width: auto!important;
}
.pb-ajax #messageWrapper {
	height: 100px!important;
}
.pb-ajax dl.portalMessage {
	margin: 0;
	background: none;
}
.pb-ajax dl.portalMessage dd {
	background: none;
}


/*------------------------------------------------------------------------------------------------------------*/
/*
	=  ADMINISTRATION
*/
/*------------------------------------------------------------------------------------------------------------*/
.portlets-manager .section ~ .section select {
	padding: 0 5px;
}
.userrole-member #plone-document-byline {
	display: none!important;
}


/*--------------------------------------------------------------------------------------------------------------
	== EDIT BAR
--------------------------------------------------------------------------------------------------------------*/
#edit-bar {
	width: 100%;
}
.template-dashboard #edit-bar {
	display: none;
}
.template-dashboard.userrole-manager #edit-bar {
	display: block;
}
#edit-bar #contentActionMenus dl.actionMenu dd li a {
	line-height: 1.8;
}

/*--------------------------------------------------------------------------------------------------------------
	== FORMULAIRES D'EDITION
--------------------------------------------------------------------------------------------------------------*/
form[name=edit_form] {
	font-size: 1.1em;
}

/*--------------------------------------------------------------------------------------------------------------
	== FOLDER CONTENT
--------------------------------------------------------------------------------------------------------------*/
.template-folder_contents #portal-column-content #content {
	margin: 0 calc(50% - 50vw);
	padding: 0 var(--margin-window)!important;
	max-width: none!important;
}
.template-folder_contents #portal-column-content .listingBar {
	margin: var(--margin-text) 0;
}
.template-folder_contents .btn-group input,
.template-folder_contents .btn-group a {
	padding: 5px 10px!important;
	font-size: 14px!important;
}

/*--------------------------------------------------------------------------------------------------------------
	== BOUTONS EDITION PORTLET
--------------------------------------------------------------------------------------------------------------*/
.managePortletsLink,
.managePortletsBelowLink,
.managePortletsAboveLink {
	width: 100%;
}
.manageInHeaderPortletsLink {
	position: relative;
	z-index: 5;
}

/*--------------------------------------------------------------------------------------------------------------
	== ZAPETTE
--------------------------------------------------------------------------------------------------------------*/
dl.portletPaletteAdministration {
	position: relative;
	z-index: 2;
    display: flex;
    flex-wrap: wrap;
    padding: 0!important;
    border-radius: 0!important;
    background: var(--color-grey)!important;
	font-size: 1.4em!important;
}
dl.portletPaletteAdministration dt {
	background: none!important;
	padding: 10px 10px 0!important;
    width: 100%;
	border-bottom: none!important;
	color: var(--color-primary)!important;
}
dl.portletPaletteAdministration dd {
	position: relative;
	flex: 1;
	margin: 0 5px 5px;
	min-width: 150px;
	border-radius: 5px;
	overflow: hidden;
}
dl.portletPaletteAdministration dd::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: var(--color-primary);
	opacity: 0.1;
	transition: all 0.5s;
}
dl.portletPaletteAdministration dd:hover::before {
	opacity: 0.5;
}
#visual-portal-wrapper dl.portlet.portletPaletteAdministration dd a {
	position: relative;
	z-index: 2;
	padding: 10px;
	height: 100%;
	background: none!important;
	color: var(--color-primary)!important;
	text-align: center;
}
#visual-portal-wrapper dl.portlet.portletPaletteAdministration dd a:hover,
#visual-portal-wrapper dl.portlet.portletPaletteAdministration dd a:focus {
	color: var(--color-primary)!important;
	text-decoration: none!important;
}

/*--------------------------------------------------------------------------------------------------------------
	== BOUTON SE CONNECTER
--------------------------------------------------------------------------------------------------------------*/
.userrole-member #portal-personaltools-wrapper {
	display: none;
}
#portal-personaltools-wrapper ul#portal-personaltools,
#portal-personaltools-wrapper dl {
	position: fixed;
	padding: 0;
	background: none;
	-webkit-border-radius: 0;
	border-radius: 0;
}
#portal-personaltools-wrapper > ul {
	display: none;
}
#portal-personaltools-wrapper ul li a,
#portal-personaltools-wrapper dl a {
	color: var(--color-current);
	font-size: 1.3em;
}
#portal-personaltools-wrapper ul li a {
	text-decoration: underline;
}
#portal-personaltools-wrapper ul li a + a {
	display: none;
}
#portal-personaltools-wrapper dl dd {
}
#portal-personaltools-wrapper dl dd a:hover {
	background: var(--color-current);
}

/*------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------*/