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

			DIOCESE DE BESANCON - Page d'accueil

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


#portal-top{
    padding-top: 90px;
    padding-left: 90px;
	padding-bottom: 3vw;
}
@media only screen and (max-width: 1100px) {
	#portal-top, #portal-column-content {
	  width: 100%;
	}
}
#portal-logo {
	/*width: 450px;*/
	width: 300px;
}


#portletPageFirstColumn {
	flex: 1;
	width: 55vw;
	padding: 0 var(--wp--preset--spacing--window) 0 0;

}
@media only screen and (max-width: 800px) {
	#portletPageColumns{
		flex-direction: column-reverse;
	}
	#portletPageFirstColumn{
		padding: var(--wp--preset--spacing--window);
		width: 100%;
	}
}

@media only screen and (max-width: 1100px) {
	body::before {
		display: none;
	}
	#portal-top,
	#portal-column-content{
		width: 100%;
	}
	.new-actus .portletHeader .entete,
	.new-agenda .portletHeader span {
		font-size: clamp(20px,28px,5vw);
	}
}

@media only screen and (max-width: 1100px){
		#portal_colonne{
			position: fixed;
			top: auto;
			bottom: 0;
			left: 0;
			right: 0;
			width: 100%;
			z-index: 3000;
			background: var(--color-rouge);
			display: flex;
			align-items: center;
			justify-content: space-between;
			padding: 10px;
		}
		#portal_colonne div:nth-child(4),
		#portal_colonne div:nth-child(5),
		#portal_colonne div:nth-child(6){
			display: none;
		}
}

#portal-column-content h1{
	position:absolute;
	top:-5000px;
}
#portal-column-content .documentDescription{
	position:absolute;
	top:-5000px;
}

#portletPageSecondColumn .portlet-video{
	display: none;
}


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

/*------------------------------------------------------------------------------------------------------------*/
/*
	= AJUSTEMENT PETITS ECRANS
*/
/*------------------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 680px){
	#portal-top{
		padding: 0;
		text-align: center;
	}
	#portal-logo{
		position: relative;
		top: auto;
		left: auto;
		width: 80%;
		max-width: 100%;
		z-index: -1;
	}
	#portal-logo img{
		max-width: 100%;
	}

}

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

/* HOVER LIEN HOME */
#content a:hover, dl.portlet a:hover {
	color: #9f1735!important;
}