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

			ST DO - Page d'accueil

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

/*------------------------------------------------------------------------------------------------------------*/
/*
	= PORTLETS
*/
/*------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------
	== MENU UP
--------------------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 800px) {
	.menu-up ul {
		position: absolute;
		top: 100%;
		left: var(--margin-window);
		right: var(--margin-window);
		z-index: 3;
		transform: translate(0, -50%);
		-webkit-transition: all 0.5s ease-out;
		-moz-transition: all 0.5s ease-out;
		-ms-transition: all 0.5s ease-out;
		-o-transition: all 0.5s ease-out;
		transition: all 0.5s ease-out;
	}
	.menu-up ul.actif {
		transform: translate(0, 0%);
	}
	.menu-up > ul > li::after {
		content: '';
		position: absolute;
		transform: skewX(-8deg);
		width: 1px;
		background: var(--color-current);
	}
	.menu-up > ul > li:nth-child(1)::after {
		top: 100%;
		left: 40px;
		height: 40px;
	}
	.menu-up > ul > li:nth-child(2)::after {
		bottom: 100%;
		left: 56%;
		height: 20px;
	}
	.menu-up > ul > li:nth-child(3)::after {
		top: 100%;
		left: 46%;
		height: 40px;
	}
	.menu-up > ul > li:nth-child(4)::after {
		bottom: 100%;
		left: 54%;
		height: 20px;
	}
	.menu-up > ul > li:nth-child(5)::after {
		top: 100%;
		right: 40px;
		height: 40px;
	}
	
	.menu-up > ul > li:nth-child(6)::after {
		bottom: 100%;
		left: 54%;
		height: 20px;
	}
	
	.menu-up > ul > li:nth-child(7)::after {
		top: 100%;
		right: 40px;
		height: 40px;
	}
	.menu-up > ul > li.maternelle::after {
		background: var(--color-maternelle);
	}
	.menu-up > ul > li.elementaire::after {
		background: var(--color-elementaire);
	}
	.menu-up > ul > li.college::after {
		background: var(--color-college);
	}
	.menu-up > ul > li.lycee::after {
		background: var(--color-lycee);
	}
	.menu-up > ul > li.internat::after {
		background: var(--color-internat);
	}
}

/*------------------------------------------------------------------------------------------------------------*/
/*
	= HEADER
*/
/*------------------------------------------------------------------------------------------------------------*/
.InHeaderPortletManager3 {
	height: 90vh;
}

/*--------------------------------------------------------------------------------------------------------------
	== NAVIGATION
--------------------------------------------------------------------------------------------------------------*/
#portal-globalnav li#portaltab-index_html.selected a,
#portal-globalnav li#portaltab-index_html.selected a:hover,
#portal-globalnav li#portaltab-index_html.selected a:focus{
	font-weight: 700;
}

/*------------------------------------------------------------------------------------------------------------*/
/*
	= MAIN
*/
/*------------------------------------------------------------------------------------------------------------*/
#portal-column-content #content {
	max-width: none;
}
#portletPageColumns {
	width: 100%;
}
#portletPageFirstColumn {
	float: none;
	width: 100%;
}
#portletPageSecondColumn {
	float: none;
	margin: var(--margin-current) 0 0;
	padding: var(--margin-current) 0;
	width: 100%;
	background: var(--color-grey);
}

@media only screen and (max-width: 800px) {
	#portal-columns {
		padding: 0;
	}
	#portal-column-content #content {
		overflow: hidden;
	}
	#portletPageFirstColumn,
	#portletPageSecondColumn {
		float: none;
		margin: 0;
		width: 100%;
	}
}

/*--------------------------------------------------------------------------------------------------------------
	== ELEMENTS GENERAUX
--------------------------------------------------------------------------------------------------------------*/
#portal-column-content h1{
	position:absolute;
	top:-5000px;
}
#portal-column-content .documentDescription{
	position:absolute;
	top:-5000px;
}



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