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

			SACROSANCTUM - Page d'accueil

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


/*------------------------------------------------------------------------------------------------------------*/
/*
	= PORLTETS
*/
/*------------------------------------------------------------------------------------------------------------*/

/*--------------------------------------------------------------------------------------------------------------
	== ICONS MENU
--------------------------------------------------------------------------------------------------------------*/
#portal-top:not(.sticky) .icons-menu li:first-child a,
#portal-top:not(.sticky) .icons-menu li:first-child + li a,
#portal-top:not(.sticky) .icons-menu li:nth-child(3) a {
	margin-top: 0;
	color: var(--color-current);
}
#portal-top:not(.sticky) .icons-menu a::before {
	background: none;
	font-size: 5em;
}
@media only screen and (max-width: 1000px){
	#portal-top:not(.sticky) .icons-menu a::before {
		font-size: 3em;
	}
}

/*--------------------------------------------------------------------------------------------------------------
	== CONSTITUTION IMG
--------------------------------------------------------------------------------------------------------------*/
.constitution-img {
	padding: 0 0 40px;
}
.constitution-img::before {
	top: 77%;
	font-size: 10em;
}

/*--------------------------------------------------------------------------------------------------------------
	== CONSTITUTION EXTRAIT
--------------------------------------------------------------------------------------------------------------*/
.constitution-extract {
	padding: 0;
	text-align: left;
}
.constitution-extract::before {
	display: none;
}
/*
.constitution-extract .illustration::after {
	content: '\e90e';
	position: absolute;
	top: 84%;
	left: 10px;
	z-index: 2;
	font-family: var(--font-picto);
	font-size: 6em;
	color: #fff;
	line-height: 1;
}
*/
.constitution-extract div {
	padding: 35px 0 0 50px;
}
.constitution-extract .portletFooter {
	margin: 0;
}
#content .constitution-extract .portletFooter a {
	color: var(--color-primary);
}
#content .constitution-extract .portletFooter a:hover,
#content .constitution-extract .portletFooter a:focus {
	color: var(--color-current)!important;
	text-decoration: none;
}
@media only screen and (max-width: 1200px){
	.constitution-extract div {
		padding-left: 0;
	}
}
@media only screen and (max-width: 1000px){
	.constitution-extract {
		max-width: none;
	}
}

/*------------------------------------------------------------------------------------------------------------*/
/*
	= HEADER
*/
/*------------------------------------------------------------------------------------------------------------*/
#portal-top:not(.sticky) {
	position: relative;
	padding-top: 40px;
	background: none;
}
#portal-top.sticky {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 3;
	transition: all 0.5s;
}
#portal-top:not(.sticky)::before {
	display: none;
	top: auto;
	height: 5vw;
}
#portal-top:not(.sticky)::after {
	display: none;
	top: auto;
	height: 5vw;
}
#portal-top:not(.sticky) div.InHeaderPortletManager1 {
	top: 40px;
	transform: translate(0, 0);
}
#portal-top.sticky div.InHeaderPortletManager3 {
	display: none;
}
@media only screen and (max-width: 800px){
	#portal-top:not(.sticky) {
		display: none;
	}
	#portal-top.sticky {
		position: sticky;
		top: 0!important;
	}
}

/*--------------------------------------------------------------------------------------------------------------
	== LOGO
--------------------------------------------------------------------------------------------------------------*/
#portal-top:not(.sticky) #portal-logo {
	position: relative;
	z-index: 4;
	display: block;
	margin: 0;
	width: 100%;
	max-width: 400px;
}
@media only screen and (max-width: 1000px){
	#portal-top:not(.sticky) #portal-logo {
		max-width: 250px;
	}
}

/*------------------------------------------------------------------------------------------------------------*/
/*
	= MAIN
*/
/*------------------------------------------------------------------------------------------------------------*/
#portlets-above {
	z-index: 2;
}
#portal-column-content {
	z-index: 1;
}
#portal-column-content #content {
	position: relative;
	margin: calc(var(--height-wave) * -1) 0 0;
	padding-top: var(--height-curve);
	max-width: none;
	background: var(--color-grey-light);
}
#portal-column-content #content::before {
	content: '';
	display: block;
	position: absolute;
	top: -2px;
	left: 0;
	right: 0;
	z-index: 2;
	height: var(--height-curve);
	background: #fff;
	-webkit-clip-path: url(#bottom-curve);
	clip-path: url(#bottom-curve);
}
#portal-column-content #content::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 0;
	height: var(--height-wave);
	background: var(--background-smoke);
	-webkit-clip-path: url(#top-wave);
	clip-path: url(#top-wave);
}

#portletPageColumns {
	display: flex;
	justify-content: center;
	width: 100%;
}
#portletPageColumns::before {
	content: '';
	order: 2;
	margin: 0 var(--margin-current);
	border-left: 3px dotted var(--color-grey);
	opacity: 0.5;
}
#portletPageColumns #portletPageFirstColumn {
	order: 1;
	padding: 30px 0 0;
	max-width: 610px;
}
#portletPageColumns #portletPageSecondColumn {
	order: 3;
	padding: 30px 0 0;
	max-width: 610px;
}

#portlets-below {
	z-index: 1;
	padding: 0;
	background: none;
	overflow: hidden;
}
#portal-column-content > #portlets-below::before {
	content: '';
	display: block;
	position: relative;
	top: -1px;
	bottom: auto;
	z-index: 2;
	height: var(--height-wave);
	background: var(--color-grey-light);
	-webkit-clip-path: url(#top-wave);
	clip-path: url(#top-wave);
}
#portal-column-content > #portlets-below::after {
	content: '';
	position: absolute;
	top: calc(var(--height-curve) * -0.33);
	left: 0;
	right: 0;
	z-index: 0;
	height: var(--height-curve);
	background: var(--background-smoke);
	-webkit-clip-path: url(#bottom-curve);
	clip-path: url(#bottom-curve);
}
#portlets-below > div {
	padding: 50px var(--margin-current) 0;
	background: none;
}
#portal-column-content h1{
	position:absolute;
	top:-5000px;
	font-size: 0;
}
#portal-column-content .documentDescription{
	position:absolute;
	top:-5000px;
}
#content > #plone-document-byline {
	display: none;
}
#portlets-below > div::before {
	background: none;
}
@media only screen and (max-width: 1000px){
	#portletPageColumns {
		flex-wrap: wrap;
	}
	#portletPageColumns::before {
		margin: var(--margin-current) 0;
		width: 100%;
		height: 1px;
		border: none;
		border-bottom: 3px dotted var(--color-grey);
	}
	#portletPageColumns #portletPageFirstColumn {
		order: 3;
		width: 100%;
		max-width: none;
	}
	#portletPageColumns #portletPageSecondColumn {
		order: 1;
		width: 100%;
		max-width: none;
	}
}
@media only screen and (max-width: 800px){
	#portlets-above {
		margin: calc(var(--height-wave) * -1) 0 0;
		padding: 50px 0 0;
		background: var(--color-grey-light);
	}
	#portal-column-content #content::before,
	#portal-column-content #content::after {
		display: none;
	}
	#portletPageColumns {
		padding: var(--margin-current) 0 0;
		border-top: 3px dotted var(--color-grey);
	}
}

/*------------------------------------------------------------------------------------------------------------*/
/*
	= FOOTER
*/
/*------------------------------------------------------------------------------------------------------------*/
#portal-footer {
	z-index: 0;
	margin: -30px 0 0;
}
#portal-footer::before {
	background: #fff;
}

/*------------------------------------------------------------------------------------------------------------*/
/*
	=  ADMINISTRATION
*/
/*------------------------------------------------------------------------------------------------------------*/

.managePortletsBelowLink {
	background: none!important;
}



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

/*------------------------------------------------------------------------------------------------------------*/
/*
	= AJUSTEMENT PETITS ECRANS
*/
/*------------------------------------------------------------------------------------------------------------*/
/*@media only screen and (max-width: 1024px){
		#visual-portal-wrapper{
			padding:0 10px;
			width:auto;
			border:none;
		}

}
@media only screen and (max-width: 800px){
		body{
			font-size:100%;
		}

		/* NAVIGATION NORMALE */
/*		#portal-globalnav > li{
			display:block;
			float:none;
			margin:0;
			text-align:center;
		}
		#portal-globalnav > li + li{
			margin:10px 0 0;
			padding:10px 0 0;
			border-top:1px solid #fff;
		}

		/* NAVIGATION MINI */
		/* boutons */
		/*#portal-navigation > a{
			display:block;
			padding:10px;
			font-size:1.2em;
			color:#000;
			text-transform:uppercase;
		}
		#portal-navigation > a:after{
			content:"▼";
			margin:5px 0 0 10px;
		}
		#portal-navigation ul#portal-globalnav:target + a{
			display:block;
			position:absolute;
			top:15px;
			right:15px;
		}

		/* menu */
		/*#portal-navigation ul{ /* on masque sur la version > 800 */
		/*	display:none;
		}
		#portal-navigation ul#portal-globalnav:target{ /* on affiche au clic sur le bouton menu */
		/*	display:block;
		}
		#portal-navigation ul#nav-cache:target{ /* on masque au clic sur le bouton fermer */
		/*	display:none;
		}
		#portal-globalnav > li{
			display:block;
			float:none;
			margin:10px 0 0;
			padding:10px 0 0;
			width:auto;
			border-top:1px solid #fff;
			font-size:0.9em;
		}
		#portal-globalnav > li:first-child + li{
			margin:0;
		}
		#portal-globalnav > li a{
			padding:10px;
			font-family:verdana;
			font-size:1.4em;
		}
		#portal-globalnav > li ul.submenu{
			display:block;
			margin:0;
			position:relative;
			background:none;
		}
		#portal-globalnav > li ul.submenu li{
			margin:0;
			padding:0;
			border:none;
		}
		#portal-globalnav > li ul.submenu li a,
		#portal-globalnav > li ul.submenu li a:hover,
		#portal-globalnav > li ul.submenu li a:focus{
			background:url(../images/chevron-blanc.png) 0 1em no-repeat;
		}

		/* STRUCTURE */
/*		#portal-column-one,
		#portal-column-two{
			float:none;
			margin:0;
			padding:0;
			width:auto;
			border:none;
		}
		.portletPageLeftColumn,
		.portletPageRightColumn{
			float:none;
			width:auto;
		}

		/* ELEMENTS DE PAGES DE DETAIL */
/*		#portal-column-content .imageContainer,
		#portal-column-content #content-core .tileItem > a:first-child,
		#content div.portlet.a-la-une ul li > a:first-child{
			float:none;
			margin:0;
		}
		#portal-column-content .imageContainer img,
		#portal-column-content #content-core .tileItem > a:first-child img,
		#content div.portlet.a-la-une ul li > a:first-child img{
			display:block;
			width:100%;
			height:auto;
		}
		#portal-column-content #content-core .eventDetails ul li,
		#portal-column-content #content-core .eventDetails ul li + li{
			float:none;
			margin:0 0 10px;
			padding:0;
			border:none;
		}
		#portal-column-content .relatedItems dl dd{
			float:none;
			width:100%;
		}

		/* FOOTER */
/*		#portal-footer #portal-sitemap-footer > ul > li{
			display:block;
			float:none!important;
			margin:0 0 10px;
			width:auto;
		}

		/* CK EDITOR */
/*		#portal-column-content #content-core div[id^="parent-fieldname-text"] p.exergue,
		#portal-column-content #content-core div[id^="parent-fieldname-text"] h2 + p.exergue,
		#portal-column-content #content-core div[id^="parent-fieldname-text"] h3 + p.exergue,
		#portal-column-content #content-core div[id^="parent-fieldname-text"] h4 + p.exergue,
		#portal-column-content #content-core div[id^="parent-fieldname-text"] h5 + p.exergue,
		#portal-column-content #content-core div[id^="parent-fieldname-text"] h6 + p.exergue{
			float:none;
			margin:20px 0;
			width:auto;
		}
		#portal-column-content #content-core div[id^="parent-fieldname-text"] ul.deux-colonnes li{
			float:none;
			width:100%;
		}
		#portal-column-content #content-core div[id^="parent-fieldname-text"] img.image-droite,
		#portal-column-content #content-core div[id^="parent-fieldname-text"] img.image-gauche{
			float:none;
			width:100%;
			height:auto;
		}
}

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