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

			PICPUS - Page d'accueil

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

@media only screen and (min-width: 1100px) {
	:root{
		--col: 360px;
	}
}

#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;
}

#portal-column-content{
	position: relative;
	z-index: 2;
	padding-top: 55vh;
	width: 100%;
}
#content > * {
	width: 100%;
}
#portal-column-content h1,
#portal-column-content .documentDescription,
#content .intro {
	position:absolute;
	top:-5000px;
}

@media only screen and (max-width: 750px) {
	#portal-columns {
		padding-top: var(--marge-fluide);
	}
	#portal-column-content{
		padding-top: 23vh;
	}

}




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

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

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