/**************************************************************************************************************/
/*
	SPECIFICITE PAGE PAROISSES - DIOCESE D'EVREUX
*/
/**************************************************************************************************************/

/*--------------------------------------------------------------------------------------------------------------
	== STRUCTURE
--------------------------------------------------------------------------------------------------------------*/
#visual-portal-wrapper::before {
	left: calc(66% - 152px);
}

/*
	HEADER
*/
#portal-top{
	position: absolute;
	top:0;
	right: 340px;
	z-index:3;
	width: auto;
}
#portal-logo{
	padding:10px 0 0;
}
#portal-logo strong {
	padding:5px 0 0;
	font-size: 2em;
}
#portal-logo strong span{
	display: none;
}
#portal-logo img{
	margin:0 -70px 0 20px;
	width: 70px;
}

/*
	MAIN
*/
#portal-columns{
	position: relative;
	z-index:2;
	padding:40px;
	margin:45px 45px 45px 45px;
	width: calc(100% - 340px);
	background: #fff;
	box-shadow: rgba(0,0,0,0.2) 0 0 10px;
}

/*
	FOOTER
*/
#coordonnees{
	width: calc(66% - 152px);
}
#portlets-footer{
	padding: 0 45px;
	width: calc(34% - 152px);}

/*--------------------------------------------------------------------------------------------------------------
	== NAVIGATION
--------------------------------------------------------------------------------------------------------------*/
#portal-globalnav {
	position: fixed;
	top:0;
	bottom:1px;
	right: 96px;
	flex-direction: column;
	width: 150px;
}
#portal-globalnav li{
	position: relative;
	display: flex;
	width: 100%;
	height: 25%;
}
#portal-globalnav li + li{
	border-top: 1px solid #f2f2d1;
}
#portal-globalnav > li#portaltab-je-decouvre {
	background: #da9924;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f3b648), to(#da9924));
	background: -webkit-linear-gradient(#f3b648, #da9924);
	background: -moz-linear-gradient(#f3b648, #da9924);
	background: -ms-linear-gradient(#f3b648, #da9924);
	background: -o-linear-gradient(#f3b648, #da9924);
	background: linear-gradient(#f3b648, #da9924);
}
#portal-globalnav > li#portaltab-je-minteresse {
	background: #e06f10;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ef9244), to(#e06f10));
	background: -webkit-linear-gradient(#ef9244, #e06f10);
	background: -moz-linear-gradient(#ef9244, #e06f10);
	background: -ms-linear-gradient(#ef9244, #e06f10);
	background: -o-linear-gradient(#ef9244, #e06f10);
	background: linear-gradient(#ef9244, #e06f10);
}
#portal-globalnav > li#portaltab-je-me-documente {
	background: #c84019;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ea6843), to(#c84019));
	background: -webkit-linear-gradient(#ea6843, #c84019);
	background: -moz-linear-gradient(#ea6843, #c84019);
	background: -ms-linear-gradient(#ea6843, #c84019);
	background: -o-linear-gradient(#ea6843, #c84019);
	background: linear-gradient(#ea6843, #c84019);
}
#portal-globalnav > li#portaltab-jeunes {
	background: #1b4867;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#2b5f82), to(#1b4867));
	background: -webkit-linear-gradient(#2b5f82, #1b4867);
	background: -moz-linear-gradient(#2b5f82, #1b4867);
	background: -ms-linear-gradient(#2b5f82, #1b4867);
	background: -o-linear-gradient(#2b5f82, #1b4867);
	background: linear-gradient(#2b5f82, #1b4867);
}
#portal-globalnav li a{
	margin:auto;
	padding:0 20px;
	height:auto;
	width: 100%;
	background: none!important;
	line-height:1.2;
}
#portal-globalnav li a::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
#portal-globalnav li ul.submenu{
	display: none!important;
}

/*--------------------------------------------------------------------------------------------------------------
	== PAGE
--------------------------------------------------------------------------------------------------------------*/
/*
	ENTETE
*/
#entete-content{
	display: flex;
	flex-wrap: wrap;
}
#entete-content .imageContainer{
	margin:0 20px 0 0;
}
#entete-content h1{
	font-size: 6em;
}
#entete-content #document-toc{
	width: 100%;
}
#entete-content #document-toc dt{
	display: none;
}
#entete-content #document-toc dd {
	padding:0;
}
#entete-content #document-toc dd ol{
	margin:0;
	list-style: none;
}
#entete-content #document-toc dd ol li{
	display: inline-block;
	margin:0 5px 5px 0 ;
}
#entete-content #document-toc dd ol li a{
	display: inline-block;
	padding:5px 10px;
	background: #4f433b;
	color: #fff!important;
	font-size: 1.4em;
	font-weight: 700;
	text-transform: uppercase;
}
#entete-content #document-toc dd ol li a:hover,
#entete-content #document-toc dd ol li a:focus{
	background: #000;
	text-decoration: none;
}
#entete-content #document-toc dd ol li ol{
	display: none;
}

/*
	DESCRIPTION
*/
#desc-content {}
#desc-content::after {
	content: '';
	display: block;
	clear: both;
}
#desc-content .documentDescription{
	float: left;
	width: 70%;
}
#desc-content .BelowTitlePortletManager2{
	float: right;
	width: 30%;
}

/*
	CONTENU
*/
#portal-column-content article #content{
	margin:30px 0 0;
	font-size: 1.4em;
	line-height:1.4;
}
#portal-column-content article #content h1{
	margin:50px 0 10px;
	font-size: 3em;
	line-height:1;
}
/*#portal-column-content article #content *:empty{
	display: none;
}*/

/* adel */
.adelgroupe > .nom{
	display: none;
}
.adelgroupe > ul,
div.liste-adel {
	display: flex;
	flex-wrap: wrap;
}
#content .adelgroupe > ul > li,
#content div.liste-adel > div{
	margin: 0 0 15px 2%;
	padding: 20px;
	width: 32%;
	background: #f2f2d1;
}
div.liste-adel > p {
	display: none;
}
#content .adelgroupe ul li:nth-child(3n+1),
#content .liste-adel > div:nth-of-type(3n+1){
	margin-left: 0;
}
.adelgroupe ul > li > .nom,
div.liste-adel > div .fonction{
	font-weight: 700;
}
#content .adelgroupe ul > li > ul{
	margin: 10px 0 0 10px;
}
.adelgroupe ul > li > ul .nom{
	display: block;
	font-weight: 400;
	text-transform: lowercase;
}
.adelgroupe ul > li > ul .nom:first-letter {
	text-transform: uppercase;
}
div.liste-adel > div .coordonnees{
	margin-left: 10px;
	font-size: 0.9em;
    line-height: 1.3em;
}
div.liste-adel > div .coordonnees > span.code_postal:before {
	content: " ";
	display: block;
}
div.liste-adel > div .coordonnees > .email {
	display: block;
}

#content div.liste-adel > div span.statut{
	display:none;
}

#content div.liste-adel > div span.telephone{
	display:block; 
}

#content .adelgroupe ul > li.siteweb{
	display:none;
}


/* messes infos */
.EgliseInfo-container{}
.searchCelebrationTimeContent{
	overflow: auto;
}
.EgliseInfo-container .gwt-TabBarItem {
	display: inline-block;
	margin:0 10px 0 0;
	padding:5px 20px;
	background: #f2f2d1;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	color: #4f433b;
}
.EgliseInfo-container .gwt-TabBarItem-selected{
	background: #4f433b;
	color: #f2f2d1;
}
.EgliseInfo-container .searchCelebrationTimeMessage{
	display: none;
	margin:0;
	font-weight: 400;
	font-style: italic;
}
.EgliseInfo-container .cellTreeItem{
	padding:0!important;
}
.EgliseInfo-container .cellTreeItemImage + .cellTreeItemValue{
	padding:0 0 0 20px!important;
}
.EgliseInfo-container .cellTreeItemValue > span:first-child{
	display: none!important;
}
.EgliseInfo-container .cellTreeItemValue{
	padding:0!important;
}
.EgliseInfo-container .cellTreeItemValue span:first-child{
	float: left;
	margin:0 10px 0 0;
}
.EgliseInfo-container .cellTreeItemValue span:first-child + span{
	display: block;
	padding:15px 0 0;
	overflow: hidden;
}
.EgliseInfo-container .cellTreeItemValue .egliseinfo-celebrationtime{
	color: #000;
	font-size: 0.9em;
}
.EgliseInfo-container .cellTreeItemValue .egliseinfo-celebrationtime .egliseInfoCellTreeTitle{
	color: #000;
	font-weight: 700;
	line-height:1;
}
.EgliseInfo-container .cellTreeItemValue .egliseinfo-celebrationtime .egliseInfoCellTreeHead{
	display: none;
	margin:5px 0 0;
	color: #000;
}
.EgliseInfo-container .cellTreeItemValue span .egliseInfoCellListActions{
	display: none;
	padding:0 0 0 95px;
	font-size: 0.8em;
}
.EgliseInfo-container .cellTreeItemValue span .egliseInfoCellListActions a{
	padding:0;
	background: none;
}
#content .EgliseInfo-container .cellTreeItemValue span .egliseInfoCellListActions a:hover,
#content .EgliseInfo-container .cellTreeItemValue span .egliseInfoCellListActions a:focus{
	color: #000!important;
}
.EgliseInfo-container .cellTreeItemValue span .egliseInfoCellListActions a + a::before{
	content: '| ';
}
.EgliseInfo-container .gwt-Button{
	display: inline-block;
	margin:10px 0 0;
}

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

/*------------------------------------------------------------------------------------------------------------*/
/*
	= AJUSTEMENT PETITS ECRANS
*/
/*------------------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 900px) {
	#desc-content .documentDescription,
	#desc-content .BelowTitlePortletManager2{
		float: none;
		width: auto;
	}
	dl.portlet.infos-paroisse{
		margin: 20px 0 0;
		padding: 0;
		border: none;
	}
	#portal-columns .agenda{
		margin-right: 0;
	}
	.adelgroupe ul,
	div.liste-adel,
	#portal-columns .liste-paroisse ul{
		flex-direction: column;
	}
	#content .adelgroupe ul li,
	#content div.liste-adel > div,
	#portal-columns .liste-paroisse ul li{
		margin: 0 0 10px!important;
		width: 100%!important;
	}

}

@media only screen and (max-width: 600px) {
	#portal-top{
		left: 40px;
		right: auto;
	}
	#portal-navigation{
		display: none;
	}
	#portal-columns{
		margin: 40px 20px;
		padding: 20px;
		width: auto;
		overflow: hidden;
	}
	#entete-content h1{
		font-size: 4em;
	}
	#portal-column-content .illus-paroisse{
		margin: 20px -20px;
	}
	#portal-column-content article #content h1{
		font-size: 2em;
	}

	.pb-ajax #portal-column-content{
		padding: 20px;
	}
	#portal-column-content h1{
		font-size: 3em;
	}
}