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

			Louis Querbes - Page d'accueil

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


#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 h1{
	position:absolute;
	top:-5000px;
}
#portal-column-content .documentDescription{
	position:absolute;
	top:-5000px;
}





/*------------------------------------------------------------------------------------------------------------*/
/*
	= PORTAL-COLUMNS
 */
/*------------------------------------------------------------------------------------------------------------*/
#portal-columns {
	padding: 0;
}
#portal-column-content {
	max-width: unset;
	min-width: unset;
	padding: 0;
}
#portal-column-content #content {
	margin: 0;
	padding: 0;
	min-height: 300px;
}

.portletPageLeftColumn,
.portletPageRightColumn{
	margin: 40px 0;
}
.portletPageLeftColumn {
	padding-left:0px;
}
.portletPageRightColumn {
	padding-right:0px;
}



/* HEADER */
#portal-title-minisite {
	display: none;
}




/*------------------------------------------------------------------------------------------------------------*/
/*
	= PORTLET SLIDER-BANDEAU
 */
/*------------------------------------------------------------------------------------------------------------*/
.slider-bandeau {
	max-width: 600px;
	max-height: 550px;
	overflow: hidden;
}

/*------------------------------------------------------------------------------------------------------------*/
/*
	= CITATION
 */
/*------------------------------------------------------------------------------------------------------------*/
.citation {
	position: relative;
	margin-bottom: 80px;
}
.citation::after {
	content: '';
	position: absolute;
	bottom: -20px;
	left: -80px;
	background: #1d2a64;
	height: 3px;
	width: 112%;
	display: block;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
}

.citation p {
	font-size: 2em;
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;
	color: #000;
	line-height: 1.1em;
	position: relative;
}
.citation p::before {
	content: "«";
	color: #1d2a64;
	font-family: 'Montserrat', sans-serif;
	font-size: 2.5em;
	font-weight: 300;
	left: -35px;
	top: -10px;
	position: absolute;
}
.citation p::after {
	content: "»";
	color: #1d2a64;
	font-family: 'Montserrat', sans-serif;
	font-size: 2.5em;
	font-weight: 300;
	bottom: 10px;
	right: 23px;
	position: absolute;
}
/*------------------------------------------------------------------------------------------------------------*/
/*
	= EDITO
 */
/*------------------------------------------------------------------------------------------------------------*/
.edito {
	width: 55%;
	float: left;
	margin-right: 5%;
}
.edito .portletHeader{
	display: none;
}
.edito{
	padding-bottom: 25px;
	position: relative;
}
.edito h2 a {
	font-size: 1.2em;
	font-family: 'plutobold', sans-serif;
	text-transform: uppercase;
}
.edito h2 a:before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}
#content .edito h2 a:hover{
	color: #1d2a64!important;
	text-decoration: none!important;
}
.edito h2 {
	padding-bottom: 25px;
}
.edito .description {
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	font-size: 1.5em;
	line-height: 1.3em;
}




/*------------------------------------------------------------------------------------------------------------*/
/*
	= INSCRIPTION
 */
/*------------------------------------------------------------------------------------------------------------*/
.inscription {
	width: 33%;
	margin: 0;
	float: right;
	padding:10px;
	margin-right:35px;
}
.inscription p a {
	font-size: 1.8em;
	line-height: 1.2em;
}
.inscription strong {
	font-size: 1.1em;
}


/*------------------------------------------------------------------------------------------------------------*/
/*
	= A LA UNE
 */
/*------------------------------------------------------------------------------------------------------------*/
.a-la-une {
	width: 33%;
	float: right;
	margin: 40px 35px 40px 0;
	position: relative;
}
.a-la-une .portletHeader{
	display: none;
}

.a-la-une h2 a {
	font-size: 0.8em;
	font-family: 'plutobold';
	text-transform: uppercase;
	position: relative;
}
#content .a-la-une h2 a:hover {
	color: #1d2a64!important;
	text-decoration: none!important;
}
#content .a-la-une a:before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	display: block;
}

.a-la-une h2{
	position: relative;
}
.a-la-une h2::after{
	content:url(../images/news.png);
	position: absolute;
	right:0;
	bottom:-15px;
}
.a-la-une p.description {
	font-family: 'Montserrat', sans-serif;
	font-size:1.3em;
	font-weight:400;
	padding:13px 0;
	position: relative;
}
.a-la-une p.description::before {
	content: '';
	top: 0;
	left: 0;
	background: #000;
	height: 3px;
	width: 80%;
	position: absolute;
	display: block;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
}
.a-la-une p.description::after {
	content: '';
	bottom: 0;
	left: 0;
	background: #000;
	height: 3px;
	width: 80%;
	position: absolute;
	display: block;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
}
.savoirplus {
	font-family: 'Montserrat', sans-serif;
	font-size: 1.2em;
	font-weight: bold;
}




#content .savoirplus:hover {
	color: #1d2a64!important;
	text-decoration: none!important;
}
/*------------------------------------------------------------------------------------------------------------*/
/*
	= ETABLISSEMENTS
 */
/*------------------------------------------------------------------------------------------------------------*/
.etablissements {
	background: #1d2a64;
	padding: 5% 8%;
	margin:40px 0;
}
.etablissements .portletHeader{
	display: none;
}
.etablissements {
}
.etablissements ul{
	display: flex;
	justify-content: space-between;
}
.etablissements ul li a.illustration{
	overflow: hidden;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.etablissements ul li a.illustration img {
	 width: 100%;
	 -webkit-transition: all 0.5s;
	 transition: all 0.5s;
 }
.etablissements ul li:hover a.illustration img,
.etablissements ul li a.illustration:hover img,
.etablissements ul li:hover a.illustration:focus img{
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
}

.etablissements a.titre span{
	display: none;
}




/*------------------------------------------------------------------------------------------------------------*/
/*
	= CARTE
 */
/*------------------------------------------------------------------------------------------------------------*/



/*------------------------------------------------------------------------------------------------------------*/
/*
	= FOOTER
 */
/*------------------------------------------------------------------------------------------------------------*/
#portal-footer {
	background: #fff;
}
#portal-siteactions li a, #portal-siteactions li a:visited {
	border: none;
	text-transform: none;
	color: #1d2a64;
}



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

/*------------------------------------------------------------------------------------------------------------*/
/*
	= AJUSTEMENT PETITS ECRANS
*/
/*------------------------------------------------------------------------------------------------------------*/


@media screen and (min-width: 800px) and (max-width: 1040px) {

.edito{
	width:100%;

}

.a-la-une{
	float:none;
	width: 50%;
}

ul.maps-listing-items li h2{
	font-size: 1.1em;
}


}







@media only screen and (max-width: 1024px){
		#visual-portal-wrapper{
			padding:0 10px;
			width:auto;
			border:none;
		}

		/* Inscription */
		.inscription p a {
			font-size: 1.5em;
		}
		.a-la-une h2::after {
			right: -28px;
		}
		.inscription::after {
			bottom: 0;
		}
		.inscription {
			padding: 15px 15px 25px 15px;
		}

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

		#portal-globalnav > li a {
			font-size: 1.1em;
		}



		/* 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%;
		}
		
		
		
		/*   slider home       */
		
		.slider-bandeau{
			max-width:100%;
		}
		
		.slider-bandeau img{
			width:100%;
		}
		
		
		/*     Eléments HP        */
		
		
		.citation p {
			font-size:1.2em;
		}
		
		.edito,
		.a-la-une{
			font-size:0.75em;
		}
		
		ul.maps-listing-items li h2{
			font-size: 0.75em;
			min-height:50px;
		}
		
		.maps-listing-items{
			height:60px;
		}
		
		ul.maps-listing-items li p.adresse, 
		ul.maps-listing-items li a.telephone{
			font-size:0.75em;
		}
		
		
		/*  Search   */
		
		#portal-searchbox{
			right:80px;
			display:none;
		}
		
		

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


@media only screen and (max-width: 520px) {
	
.edito{
	width:100%;
	float:none;
}

.a-la-une{
	float:none;
	width: 90%;
}

ul.maps-listing-items li h2{
	font-size: 1.1em;
}

.inscription{
	width:80%;
	float:none;
}

#portal-logo{
	text-align: center;
	width: 100%;
	margin-bottom:0px;
}

#portal-top{
	padding:0px;
}


.etablissements ul{
	flex-direction:column;
}

.maps-listing-items{
	left:0px;
	right:0px;
}

ul.maps-listing-items li{
	padding: 5px 10px 5px 10px;
}

ul.maps-listing-items li h2{
	font-size:0.7em;
}



	
}

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