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

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

/*
	HEADER
*/
#portal-top{
	position: relative;
	width: calc(100% - 96px);
}
#portal-logo{
	width: 50%;
}
#portal-navigation{
	width: 66.66667%;
}
#portlets-in-header{
	position: absolute;
	top:0;
	bottom:0;
	right:0;
	width: 33.33333%;
}
.InHeaderPortletManager1{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-end;
	padding:40px 30px 0 0;
	height:100%;
	text-align: right;
}
.InHeaderPortletManager1 > div{
	display: flex;
	justify-content: flex-end;
}

/*
	MAIN
*/
#portal-columns{
	position: relative;
	z-index:1;
	float: none;
	padding:0;
	width: calc(100% - 96px);
}
#portal-column-content #content{
	margin:50px 0 0;
}
.portletPageRightColumn,
.portletPageLeftColumn{
	width: 50%;
}

/*
	FOOTER
*/
#portal-footer{
	align-items: stretch;
	width: calc(100% - 96px);
}
#coordonnees{
	width: 50%;
}
#portlets-footer{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 0 30px 0 55px;
	width: 50%;
}
#portal-siteactions{
	text-align: left;
}

/*--------------------------------------------------------------------------------------------------------------
	== NAVIGATION
--------------------------------------------------------------------------------------------------------------*/
#portal-globalnav{
	/*overflow: hidden;*/
}
#portal-globalnav > li > a{
	padding: 150px 0 50px;
}
#portal-globalnav > li > a::after {
	content: '';
	display: block;
	margin:40px auto 0;
	width: 84px;
	height:84px;
	background: url("../images/sprite.png");
}
#portal-globalnav > li#portaltab-je-decouvre > a::after {
	background-position: -246px 0;
}
#portal-globalnav > li#portaltab-je-minteresse > a::after {
	background-position: -424px 0;
}
#portal-globalnav > li#portaltab-je-me-documente > a::after {
	background-position: -335px 0;
}
#portal-globalnav > li#portaltab-jeunes > a::after {
	background-position: -513px 0;
}

/*
	SOUS MENU
*/
#portal-globalnav li ul.submenu {
/*	top:0;
	bottom:0;
	display: flex;
	flex-direction: column;
	margin-top: 200%;
	opacity:1;
	visibility: visible;
*/}
#portal-globalnav li:hover ul.submenu{
	display: flex;
	flex-direction: column;
	margin-top:0;
}
#portal-globalnav li#portaltab-je-decouvre ul.submenu{
	background: #da9924;
}
#portal-globalnav li#portaltab-je-minteresse ul.submenu {
	background: #e06f10;
}
#portal-globalnav li#portaltab-je-me-documente ul.submenu {
	background: #c84019;
}
#portal-globalnav li#portaltab-jeunes ul.submenu {
	background: #1b4867;
}
#portal-globalnav li ul.submenu li{
	position: relative;
	flex: 1;
	display: flex;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}
#portal-globalnav li#portaltab-je-decouvre li:hover{
	background: #f3b648;
}
#portal-globalnav li#portaltab-je-minteresse ul.submenu li:hover{
	background: #ef9244;
}
#portal-globalnav li#portaltab-je-me-documente ul.submenu li:hover{
	background: #ea6843;
}
#portal-globalnav li#portaltab-jeunes ul.submenu li:hover{
	background: #2b5f82;
}


#portal-globalnav li ul.submenu li a{
	margin: auto;
}
#portal-globalnav li ul.submenu li a::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

/*--------------------------------------------------------------------------------------------------------------
	== PORTLETS
--------------------------------------------------------------------------------------------------------------*/
.volet-action-user{
/*	width:auto;
	right: 96px;
	left:calc(66% - 48px);*/
}


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

/*------------------------------------------------------------------------------------------------------------*/
/*
	= AJUSTEMENT PETITS ECRANS
*/
/*------------------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 1050px) {
	.je-cherche dd ul li {
		width: 100%;
	}

	#portal-globalnav > li > a {
		padding: 100px 0 40px;
	}
}
@media only screen and (max-width: 900px) {
	#portal-globalnav > li > a {
		padding: 60px 0 30px;
		height: 100%;
	}

	#portal-globalnav li ul.submenu {
		display: none !important;
	}
}
@media only screen and (max-width: 600px) {

	/* PORTLETS */
	.portlet-embed-widget-date{
		display: block;
		margin:10px 0;
	}
	.portlet-embed-widget-date::after {
		margin-bottom: 16px;
	}
	.psaume .illustration{
		right: -20px;
		left:-20px;
	}
	.psaume .illustration::before {
		background: url("../images/masque-psaume-mobile.png") 0 0 no-repeat;
	}
	.psaume .description{
		padding:0;
	}
	#content dl.portlet.je-cherche{
		padding:0;
		text-align: left;
	}
	.je-cherche dd ul{
		justify-content: flex-start;
	}
	.etre-aider,
	.questions-sur{
		padding:0;
	}
	.questions-sur ul li{
		width: 43%;
	}
	#content .questions-sur ul li a{
		text-align: left;
	}
	.questions-sur ul li a::before {
		margin-left: 0;
	}
	#portal-columns .agenda{
		margin:40px 0;
		padding:0;
	}
	#portal-columns .agenda ul{
		margin-left: 20px;
	}
	.mouvements-services{
		float: none;
		padding:0;
		width: auto;
	}
	.mouvements-services ul{
		justify-content: space-between;
	}
	#content .mouvements-services ul li{
		margin:0;
		width: 45%;
	}
	#content .mouvements-services ul li{
		align-items: flex-start;
	}
	.dossiers{
		margin:0;
		text-align: left;
	}
	.dossiers .entete{
		padding:0 0 0 30px;
	}
	.dossiers .entete::before {
		left:0;
	}
	#content .dossiers ul li h2 a{
		background: #f2f2d1;
	}

	/* HEADER */
	#portal-top,
	#portal-logo,
	#portal-navigation{
		width: 100%;
	}
	#portal-globalnav > li > a{
		padding:20px 5px;
	}
	#portal-globalnav > li > a::after {
		display: none;
	}
	#portlets-in-header{
		position: relative;
		width: 100%;
	}
	div.InHeaderPortletManager1{
		padding:20px;
		text-align: left;
	}
	.InHeaderPortletManager1 > div{
		display: block;
		width: 100%;
	}

	/* MAIN */
	#portal-columns{
		padding:0 20px;
		width: 100%;
	}
	#portal-column-content #content{
		margin:0;
	}
	.portletPageRightColumn,
	.portletPageLeftColumn{
		float: none;
		width: auto;
	}

}