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

			VICTOR DILLARD - Page d'accueil

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



/*------------------------------------------------------------------------------------------------------------*/
/*
	= PORTLETS
*/
/*------------------------------------------------------------------------------------------------------------*/
.portlet {
	padding: var(--margin-current);
}
.liens-popins li.zapette::before {
	display: none;
}

/*--------------------------------------------------------------------------------------------------------------
	== BOUTON AIDE
--------------------------------------------------------------------------------------------------------------*/
.bt-aide {
	position: absolute;
	bottom: 20%;
	left: 50%;
	z-index: 2;
	transform: translate(-50%, 0);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.juste-video .bt-aide {
	opacity: 0;
}

/*--------------------------------------------------------------------------------------------------------------
	== LIENS POPINS
--------------------------------------------------------------------------------------------------------------*/
#portal-header-home .liens-popins {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	display: flex;
}
#portal-header-home .liens-popins ul {
	margin: auto;
	width: 100%;
}
#portal-header-home .liens-popins li:first-child {
	margin-right: 10px;
}
#portal-header-home .liens-popins a {
	display: inline-block;
	width: 50px;
	height: 50px;
	background: var(--color-primary);
	border-radius: 100px;
	text-align: center;
}
#portal-header-home .liens-popins a::before {
	font-size: 2.5em;
	line-height: 50px;
}

@media only screen and (max-width: 800px) {
	#portal-header-home .liens-popins {
		display: none;
	}
}

/*--------------------------------------------------------------------------------------------------------------
	== LISTE PROJETS
--------------------------------------------------------------------------------------------------------------*/
.list-projects {
	margin: 0;
	background: none;
}
#content .list-projects .portletHeader a {
	background: var(--color-grey);
	color: var(--color-primary);
}
#content .list-projects .portletHeader a:hover,
#content .list-projects .portletHeader a:focus {
	color: #000!important;
}
#content .list-projects .portletFooter {
	text-align: right;
}
#content .list-projects .portletFooter a {
	display: inline-block;
	padding: 10px 20px;
	border: 1px solid var(--color-primary);
	border-radius: 50px;
	color: var(--color-primary);
	font-size: 1.4em;
}
#content .list-projects .portletFooter a:hover,
#content .list-projects .portletFooter a:focus {
	border: 1px solid #000;
	color: #000!important;
	text-decoration: none;
}

/*--------------------------------------------------------------------------------------------------------------
	== BTN AUtre Ecole
--------------------------------------------------------------------------------------------------------------*/
#content .btn-AutreEcole {
	text-align: center;
}
#content .btn-AutreEcole a.bouton{
	display:inline-block;
	padding: 12px 20px 10px;
	font-size: 1.6em;
	background:var(--color-primary);
	border-radius: 50px;
	text-transform: uppercase;
	color:#fff !important;
	-moz-transform: translateY(-50px);
	-webkit-transform: translateY(-50px);
	-o-transform: translateY(-50px);
	-ms-transform: translateY(-50px);
	transform: translateY(-50px);
}
#content .btn-AutreEcole a.bouton:hover,
#content .btn-AutreEcole a.bouton:focus{
	background: #000;
	box-shadow: none;
	text-decoration:none !important;
	color:#fff !important;
}
@media only screen and (max-width: 800px) {
	#content .btn-AutreEcole a.bouton{
		-moz-transform: translateY(0);
		-webkit-transform: translateY(0);
		-o-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
		margin-bottom: 20px;
	}
}

/*--------------------------------------------------------------------------------------------------------------
	== REASSURANCE
--------------------------------------------------------------------------------------------------------------*/
.reassurance {
	padding: 0;
}

/*------------------------------------------------------------------------------------------------------------*/
/*
	= HEADER
*/
/*------------------------------------------------------------------------------------------------------------*/
#portal-top {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
#portal-header-home {
	position: relative;
	padding: 1px 0 0;
	height: 100vh;
	clip-path: polygon(0 98%, 49% 98%, 50% 100%, 51% 98%, 100% 98%, 100% 0, 0 0);
}
#portal-header-home::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 30%;
	z-index: 2;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0)));
	background: -webkit-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0));
	background: -moz-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0));
	background: -ms-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0));
	background: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0));
	background: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0));
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
#portal-header-home header {
	position: relative;
	z-index: 3;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: var(--margin-current);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
#portal-header-home header p {
	text-align: center;
	color: #fff;
	font-size: 7em;
}
#portal-header-home header p span {
	display: block;
	font-family: var(--font-title);
	font-weight: 400;
	font-size: 1.1em;
	line-height: 0.8;
}
#portal-header-home header {}
#portal-header-home > div {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
}

#portal-header-home.juste-video {}
#portal-header-home.juste-video::before,
#portal-header-home.juste-video header {
	opacity: 0;
}

@media only screen and (max-width: 1100px) {
	#portal-header-home header p {
		font-size: 5em;
	}
}
@media only screen and (max-width: 800px) {
	#portal-top {
		background: none;
	}
	#portal-logo {
		display: none;
	}
	#portal-header-home {
		max-height: 90vh;
		clip-path: polygon(0 98%, 45% 98%, 50% 100%, 55% 98%, 100% 98%, 100% 0, 0 0);
	}
}

/*------------------------------------------------------------------------------------------------------------*/
/*
	= MAIN
*/
/*------------------------------------------------------------------------------------------------------------*/
#portal-column-content #content {
	margin: 0;
	padding: 0;
	max-width: none;
}

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

/*------------------------------------------------------------------------------------------------------------*/
/*
	=  ADMINISTRATION
*/
/*------------------------------------------------------------------------------------------------------------*/
.managePortletsLink {
	position: absolute;
	top: 120%;
}

/*--------------------------------------------------------------------------------------------------------------
	== PALETTE
--------------------------------------------------------------------------------------------------------------*/
.portletPaletteAdministration {
	margin: -75vh 0 0!important;
}
.portletPaletteAdministration::before {
	content: "";
	position: absolute;
	bottom: 100%;
	right: calc(var(--margin-current) + 15px);
	border: 10px solid transparent;
	border-bottom: 10px solid var(--color-grey-light);
}

/*--------------------------------------------------------------------------------------------------------------
	== EDIT BAR
--------------------------------------------------------------------------------------------------------------*/
/*#edit-bar {
	margin-left: var(--margin-current);
	margin-right: var(--margin-current);
	max-width: none;
	width: auto;
}*/


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

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

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