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

			DIOCESE DE COUTANCE - Page d'accueil

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

/*------------------------------------------------------------------------------------------------------------*/
/*
	= PORTLETS
*/
/*------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------
	== NAVIGATION
--------------------------------------------------------------------------------------------------------------*/
#portal-top.big-header .navigation {
	position: absolute;
	top: var(--margin-text);
	right: 0;
}
#portal-top.big-header .navigation a {
	color: var(--color-current);
}
#portal-top.big-header .navigation a:hover,
#portal-top.big-header .navigation a:focus {
	color: var(--color-primary);
}
@media only screen and (max-width: 800px) {
	#portal-top.big-header .navigation {
		top: 50%;
		right: var(--margin-flex);
		transform: translate(0, -50%);
	}
}

/*--------------------------------------------------------------------------------------------------------------
	== RACCOURCIS
--------------------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 800px) {
	#portal-top.big-header .raccourcis ul::before {
		content: "";
		position: absolute;
		top: 30px;
		left: 0;
		right: 0;
		height: 1px;
		background: var(--color-primary);
	}
	.raccourcis ul li.desktop.bt-popin {
		display: none;
	}
	.raccourcis ul li.home {
		display: block;
	}
	#portal-top.big-header .raccourcis li {
		margin: 0 40px;
	}
	#portal-top.big-header .raccourcis a {
		flex-direction: column;
		text-align: center;
	}
	#portal-top.big-header .raccourcis a:hover,
	#portal-top.big-header .raccourcis a:focus {
		color: var(--color-primary);
	}
	#portal-top.big-header .raccourcis a::before {
		z-index: 2;
		margin: 0 0 10px;
		color: #fff;
	}
	#portal-top.big-header .raccourcis a::after {
		content: "";
		position: absolute;
		top: 0;
		left: 50%;
		z-index: 1;
		transform: translate(-50%, 0);
		width: 60px;
		height: 40px;
		background: #fff;
	}
}
@media only screen and (max-width: 800px) {
	#portal-top.big-header .raccourcis {
		display: none;
	}
}

/*--------------------------------------------------------------------------------------------------------------
	== UNE
--------------------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 800px) {
	.alaune ul li.splide__slide {
		position: relative;
		margin: 0 10px;
		/*width: calc(33.3333% - 20px);*/
		border-radius: 5px;
		box-shadow: 0 0 10px rgba(0,0,0,0.2);
		overflow: hidden;
	}
	.alaune ul li.splide__slide::before {
		display: none;
	}
	.alaune ul li.splide__slide li > a:first-child {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin: 0;
	}	
	.alaune ul li.splide__slide div {
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		padding: 10px 30px;
		min-height: 90px;
		background: rgba(0,0,0,0.5);
	}
	.alaune ul li.splide__slide div::before {
		position: absolute;
		top: 0;
		display: flex;
		justify-content: center;
		align-items: center;
		transform: translate(0, -50%);
		width: 30px;
		height: 35px;
		background: #fff;
		border-radius: 100%;
		font-family: var(--font-picto);
		font-size: 1.5em;
	}
	.alaune ul li.splide__slide.albumphotos div::before {
		content: "\e917";
	}
	.alaune ul li.splide__slide.video div::before {
		content: "\e91b";
	}
	.alaune ul li.splide__slide.son div::before {
		content: "\e918";
	}
	.alaune ul li.splide__slide.atevent div::before {
		content: "\e925";
	}
	.alaune ul li.splide__slide.atblob div::before {
		content: "\e922";
	}
	.alaune ul li.splide__slide.atlink div::before {
		content: "\e91c";
	}
	.alaune ul li.splide__slide.atfolder div::before {
		content: "\e919";
	}
	.alaune ul li.splide__slide.atdocument div::before {
		content: "\e91a";
	}
	.alaune ul li.splide__slide.atnewsitem div::before {
		content: "\e92d";
	}
	.alaune .splide__pagination {
		bottom: auto;
		top: calc(100%+ 20px);
	}
	
}


/*------------------------------------------------------------------------------------------------------------*/
/*
	= HEADER
*/
/*------------------------------------------------------------------------------------------------------------*/
#portal-top.fixed {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	transition: all 0.5s;
}
#portal-top.big-header {
	position: relative;
	margin: 0 0 var(--margin-text);
}
#portal-top.big-header > div:first-child {
	background: none;
}
@media only screen and (min-width: 800px) {
	#portal-top.big-header > div:first-child {
		flex-direction: column;
	}
}

/*--------------------------------------------------------------------------------------------------------------
	== LOGO
--------------------------------------------------------------------------------------------------------------*/
#portal-top.big-header #portal-logo::before {
	color: var(--color-primary);
	font-size: 18em;
}
#portal-top.big-header strong {
	font-size: 3em;
	color: #000;
}
@media only screen and (max-width: 800px) {
	#portal-top.big-header #portal-logo::before {
		font-size: 10em;
	}
	}

/*------------------------------------------------------------------------------------------------------------*/
/*
	= MAIN
*/
/*------------------------------------------------------------------------------------------------------------*/
#portal-column-content {
	padding: 0;
}
#portal-column-content #content {
	max-width: none;
}
#portletPageFirstColumn {
	position: relative;
	float: none;
	padding: 0 var(--margin-flex);
	width: auto;
	overflow: hidden;
}
#portletPageFirstColumn::before {
	content: "";
	position: absolute;
	top: 15vw;
	left: 0;
	right: 0;
	bottom: 5vw;
	z-index: 1;
	background: var(--color-primary);
}
#portletPageFirstColumn > div {
	position: relative;
	z-index: 2;
}
#portletPageFirstColumn > div:first-child + div {
	margin: var(--margin-current) 0 0;
}
#portletPageSecondColumn {
	float: none;
	padding: 0 var(--margin-flex);
	width: auto;
}
#portletPageSecondColumn > div {
	margin: var(--margin-current) 0 0;
}
#portletPageBottomRow {
	padding: 0 var(--margin-flex);
}
#portletPageBottomRow > div {
	margin: var(--margin-current) 0 0;
}


#portal-column-content h1{
	position:absolute;
	top:-5000px;
}
#portal-column-content .documentDescription{
	position:absolute;
	top:-5000px;
}

#portal-columns > #portlets-below::before,
#portal-columns > #portlets-below::after {
	display: none;
}



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

/*------------------------------------------------------------------------------------------------------------*/
/*
	= 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;
		}
}

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