/*	version 0.1 – 2020-02-17 */
	@import url("Plex/css/ibm-plex.min.css") all;
	@import url("//netdna.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css");
/*source : https://glyphicons.bootstrapcheatsheets.com/*/

/*	FONT	*/
	body { font-family: 'IBM Plex Sans', sans-serif; }

	.condensed { font-family: 'IBM Plex Sans Condensed', sans-serif; }
	     .mono { font-family: 'IBM Plex Mono', monospace; }
	    .serif { font-family: 'IBM Plex Serif', serif; }

	.data, code, pre {
		font-family: 'IBM Plex Mono', monospace
	}



/*	FONT-SIZE	*/
	h1 { font-size: 2.50rem; }
	h2,.entry-header h2 /* AR 2020-08-10 */ { font-size: 2.00rem; }
	h3 { font-size: 1.75rem; }
	h4 { font-size: 1.50rem; }
	h5 { font-size: 1.25rem; }
	h6 { font-size: 1.00rem; }

	h1.display { font-size: 3.5rem; }

	small, .small { font-size: 85%; }

	.x-small, small small, .small .small { font-size: 75%; }

	/*	Defaults https://www.w3.org/TR/CSS2/sample.html
		h1: 2em
		h2: 1.5em
		h3: 1.17em
		h4: 1em
		h5: 0.83em
		h6: 0.75em
	*/
	/*	Bootstrap defaults
		h1: 2.50rem
		h2: 2.00rem
		h3: 1.75rem
		h4: 1.50rem
		h5: 1.25rem
		h6: 1.00rem
		Bootstrap .disply:
			font-weight:300
			H1.display-1 = 6.0rem
			H1.display-2 = 5.5rem
			H1.display-3 = 4.5rem
			H1.display-4 = 3.5rem
	*/



/*	FONT-STYLE	*/
	h5, h6 { font-style: italic; }
	h4.display { font-style: italic; }



/*	FONT-WEIGHT	*/
	  body, p { font-weight: 300; }
	b, strong { font-weight: 500 !important; }

	/* selon demande de DL 2020-07-01 – les textes sont de graisse normale…*/
	  body, p { font-weight: 400; }
	b, strong { font-weight: 600 !important; }



	        h1, h2 { font-weight: 300; }
	h3, h4, h5, h6 { font-weight: 500; }

		h3 b, h3 strong,
		h4 b, h4 strong,
		h5 b, h5 strong,
		h6 b, h6 strong{
			font-weight: 700 !important;
		}

	h1.display { font-weight: 100; }
		h1.display b,
		h1.display strong { font-weight: 300 !important; }


	h4.display { font-weight: 300; }
		h4.display b,
		h4.display strong { font-weight: 500 !important; }




/*	LETTER_SPACING */
	small, .small{
		letter-spacing: 0.02em;
	}
	.x-small, small small, .small .small {
		letter-spacing: 0.033em;
	}

	.condensed { letter-spacing: -0.005em; }



/*	LINE-HEIGHT	*/
	body, p {
		line-height: 1.33em !important;
		/* AC 2020-07-11: added !important becasue template.css was taking precedence on this… */
	}

	h1, h2, h3, h4, h5, h6 {
		line-height: 1.00em;
	}

	small, .small,
	.x-small, small small, .small .small{
		line-height: 1.33em  !important;
	}

	  .display { line-height: 1.33em; }
	h1.display { line-height: 1.00em; }



/*	COLOR	*/
	body, p { color: #222222; }

	h1, h3,
	.display,
	.couleur_appartenances, /* AR 2020-09-04 */
	#sp-copyright #sp-copyright-a .sp-copyright a,
	a,
	a p, /* AR 2020-08-12 */
	a:link,
	a:hover,
	a:active,
	a:visited { color: #3B8EDE; }

	h2 { color: #1e476f; }

	h4, h5, h6 { color: #7f7f7f; }

	h4.display { color: #1e476f; }

	a:hover { text-decoration: none; }





	/* links have background on hover… 2021-05-16 */
	a:hover,
	.wf-column p a:hover {
		color: #FFF !important;
		background-color: #3B8EDE !important;
	}




/* Menu navigation */ /* re-importé depuis CSS 'désactivé' */
	.sp-contact-info i,.sp-contact-info p,.sp-contact-info a{display:initial}
	.sp-contact-info li{padding:10px 0;font-size:16px;white-space:nowrap}/*
	.sp-contact-info .sp-contact-address{float:left;background:transparent;width:170px;padding:inherit}
	.sp-contact-info .sp-contact-address i.fa{height:auto;margin-top:15px}
	#sp-header{background:#fff !important}
	#sp-header .logo{height:auto;margin-top:6px}

	#sp-header #sp-menu ul.sp-megamenu-parent>li a{text-transform:none}
	#sp-header #sp-menu ul.sp-megamenu-parent>li.active>a{color:#fff}*/
	#sp-header #sp-menu ul.sp-megamenu-parent li .sp-dropdown-main li a.sp-group-title i.fa{font-size:25px}
	#sp-header #sp-menu ul.sp-megamenu-parent li .sp-dropdown-main li a.sp-group-title{font-size:18px}/**/
	@media (max-width:991px){#sp-header .col-sm-10,#sp-header .col-sm-2{width:initial}#sp-logo{float:left}#sp-menu{float:initial}}
	.offcanvas-inner .search{margin-right:2em}
	.sp-dropdown.sp-dropdown-main.sp-dropdown-mega.sp-menu-left{left:0}
	.sp-megamenu-parent .sp-menu-right+.sp-dropdown.sp-dropdown-main.sp-menu-left{right:0;left:unset !important}

	#sp-header #sp-menu ul.sp-megamenu-parent li.active>a,#sp-header #sp-menu ul.sp-megamenu-parent>li>a:hover,

	#sp-header #sp-menu ul.sp-megamenu-parent > li a  { text-transform: uppercase; } /*copié vers le CSS active intranet – AC 2020-02-08 */

	#sp-header #sp-menu ul.sp-megamenu-parent .sp-dropdown-inner a { text-transform: none; } /* copié vers le CSS active intranet – AC 2020-02-08 */

	/* réf template.css ligne 4016*/
	#sp-header #sp-menu ul.sp-megamenu-parent > li.active > a {
		/*background: url(../images/menu-arrow.png) no-repeat center top;*/
		background: #3B8EDE;
		color: #FFF;
	}
	#sp-header #sp-menu ul.sp-megamenu-parent > li:hover > a {
		/*background: url(../images/menu-arrow.png) no-repeat center top;*/
		background: #3B8EDE;
		color: #FFF;
	} /* copié vers le CSS active intranet – AC 2020-02-08 */

	/* AC 2020-06-29 */
	.sp-dropdown-inner ul.sp-mega-group li.sp-menu-item.sp-has-child a.sp-group-title {
		background-color: #f5f9fd;
		min-height: 5.2em;/*4em; AR:2020-07-16*/
		border-bottom: 1px solid #CCC;
	}/* copié vers le CSS active intranet – AC 2020-02-08 */



	/*2021-05-23: “making space” –AC*/
	/* This is a temporary hack to make the current menu structure fit in the space available. */
	/* DIRECTION & PILOTAGE	SECTEURS	ORGANISATION	COMMUNICATION	MODES D'EMPLOI	FAQ	ANNUAIRE	[SEARCH]*/
	ul.sp-megamenu-parent > li a{
		/*padding-left: 5px;
		padding-right: 10px;*/
	}
	/* 2021-08-10: deactivated. réf.: AJ “Comme nous avons finalement moins de menus de prévu, je pense que tu peux rélargir la barre.” */



/* ↓↓↓ temporaire à remplacer !!! */
		/* cacher les informations contact dans le header */
		#sp-top-bar .sp-contact-info li { /*display: none;*/ }

		/* afficher “Intranet” */
		#sp-top-bar .sp-contact-info:after {
		/*#sp-logo:after {*/
			display: block;
			content: "Intranet";
			font-size: 4rem;
			padding-top: 4rem;
		}
		/* this should just replace the __.sp-contact-info__ */
/* ↑↑↑ temporaire à remplacer !!! */



/* Arrière plan en gris claire, pour distinguer du site principal… */
body{ background-color: #FAFAFA; }
#sp-header { background-color:  #F5F5F5 !important; }
/* .sp-megamenu-parent .sp-dropdown .sp-dropdown-inner { background-color:  #F8F8F8 !important; } */

/* top bar (logo) en bleu …*/
#sp-top-bar { background-color: #3b8ede !important; }
#sp-top-bar * { color: #FFF !important; }


#sp-top-bar #sp-header-b{
	text-align: right;
}


/* enlever la barre bleu sur les titres. */
/* AC 2020-06-18 */
.sp-module .sp-module-title:before,
#sp-slider .sp-module ul > li > a::before /* AR 2020-08-19 */{
	display: none;
}
/* copié vers le CSS active intranet – AC 2020-02-08 */


/* ajuster espace vertival sur la 2e colonne? */
*[class*="col"].sp-module{ margin-top:0; }


/* Majuscules */
.majsucules { text-transform: uppercase; }
	/* réf template.css line 3871 .sp-module .sp-module-title { text-transform: capitalize; } */
	.sp-module .sp-module-title,
	.sp-module .sp-module-title.majuscules { text-transform: uppercase!important; }
/* copié vers le CSS active intranet – AC 2020-02-08 */




	/* mise en forme article news sur la page d'acceuil. */
	/* après intervention de AC dans /templates/jd_newjersey/html/mod_articles_latest/blog.php 2021-02-18 */

	.intranetNewsItem{
		margin-bottom: 3rem;
		padding-top: 1rem;
		border-top: 1px solid #DDD;
	}

	.intranetNewsItem .intranetNewsItem-image{}

	.intranetNewsItem .intranetNewsItem-information{}

	.intranetNewsItem .intranetNewsItem-information .name {
		color: #3b8ede;
		margin-top: 0;
	}

	.intranetNewsItem .intranetNewsItem-information .date {
		font-style: italic;
	}


	/* {desactivation} si on laisse tomber le module au profit du lien de menu */ /* AR 2021-06-09 */
	/* {re-activation} 2021-08-10: AC */
	
	.itemid-101 .blog-featured .entry-image.intro-image { 
		float:left;
		position:relative;
		min-height:1px;
		padding-right:15px;
		padding-left: 15px;
	}
	.itemid-101 .blog-featured .entry-image.intro-image{
		width:25%;
	}
	
	/*AC 2021-08-18 RE: "Petite modif" DL Wednesday, 18 Aug, 17:25 */
	.itemid-101 .blog-featured article.item > *:not(.entry-image){
		padding-left: 25%;
	}
	/* a hack because there's no wrapper around content sepeating it from the entry-image… */
	
	.itemid-101 .blog-featured article.item {
		margin-bottom: 2rem;
	}
	
	
	.itemid-101 .blog .entry-header{
		/*width:75%;*/
	}
	article.item{
		margin-bottom:3rem;
		padding-top:1rem; 
		border-top:1px solid #DDD;
		clear:both;
	}

	.itemid-101 .blog article.item:first-of-type{
		/*border-top: none;*/
	}
	.itemid-101 .blog .page-header{
		border-bottom: none;
	}


	/* ajustements AC 2021-06-11*/
	.itemid-101 .blog .entry-header h2/*[itemprop="name"]*/,
	.itemid-101 .blog .entry-header h2 a{
		color: rgb(59, 142, 222);
	}
	
	h1[itemprop="name"],.entry-header h2[itemprop="name"]{
		font-weight: 500;
		font-size: 3.5rem;
		margin-top: 20px;
		margin-bottom: 10px;
	}


	.blog article > .entry-image.intro-image { 
		/*outline: 1px solid #0FF;*/
	}
	.blog article > *:not(.entry-image.intro-image) { 
		/*outline: 1px solid #F0F; */
		margin-left: 140px !important;
	}
	
	.itemid-101 .blog .entry-image.intro-image{
		width: 128px;
		float: left;
		margin-top: 10px;
	}
	


	/*Events…*/
	/* template in /templates/jd_newjersey/html/mod_articles_latest/event-list.php */

	li.intranetEvent{
		border: 1px solid #e2e2e2;
		padding: 0;
	}
	.sp-module ul >li.intranetEvent:last-child{
		border: 1px solid #e2e2e2;
		border-bottom: 1px solid #e2e2e2 !important;
	}

	.intranetEvent-date{
		background-color: #e2e2e2;
		font-size: 18px;
		font-weight: 500;
		padding-left: 0.5rem;
		padding-top: 0.25rem;
		padding-bottom: 0.25rem;
	}

	.intranetEvent-information {
		padding-left: 0.5rem;
		padding-top: 0.5rem;
		padding-bottom: 0.25rem;
	}
	.intranetEvent-information h5 {
		font-size: 16px;
	}




	/* Documents Utiles */
	.phocadownloadfile,
	.phocadownloadfilelistitem {
		/* reset from default styes in phocadownload.css */
		border:none;
		margin:0;
		padding:0;

		/* appartenance styles */
		border-top: 1px solid #cccccc;
		padding-top: 0.5rem;
		margin-bottom: 1.5rem;
		font-size: 16px;
	}
	.phoca-dl-file-box-mod .pd-document32{
		padding-left: 40px;
	}

	.phocadownloadfilelist{
		background: none;
		border: none;
		margin: 0;
		margin-bottom: 4rem;
	}


	/* temporary hack to hide empty paragraphs that are fucking up the layout… */
	div.phocadownloadfile + p:empty,
	div.custom > p:empty:first-child {
		outline: 1px solid #F1357A;
		display: none;
	}



	/* Annuaire */

	table#csvtable{
		border: none;
	}

	table#csvtable * {
		font-family: 'IBM Plex Sans Condensed';
		text-align: left;
	}

	.csvtable tr:nth-child(even) td { background: #FAFAFA; }
	.csvtable tr:nth-child(odd)  td { background: #F3F3F3; }

	/* header row */
	.csvtable tr:first-child td{
		background: #FFF;
		color: #888;
		font-size: inherit;
		font-weight: 300;
		font-style: italic;
	}

	/* other rows */
	.csvtable tr td {
		border-bottom: 1px solid #DDD;
	}
	table#csvtable .rowhide {
	display: none;
	} /* AR 2021-06-09 */

	/* 1er colonne */
	.csvtable tr:not(:first-child) td:nth-of-type(1) {
		font-size: 85%;
		font-weight: 300;
		font-style: italic;
	}

	/* 2eme colonne */
	.csvtable tr:not(:first-child) td:nth-of-type(2) {
		font-family: 'IBM Plex Sans' !important;
		font-weight: 600;
	}

	/* 3eme colonne */
	.csvtable tr:not(:first-child) td:nth-of-type(3) {
		font-family: 'IBM Plex Sans' !important;
		font-weight: 600;
	}

	/* 4eme colonne TEL */
	.csvtable tr:not(:first-child) td:nth-of-type(4) {
		white-space: nowrap;
	}

	/* email */
	.csvtable tr td a {
		color: inherit;
	}
	.csvtable tr td a:hover{
		color: #3b8ede;
	}

	#csvpagination a.active,
	#csvpagination a.active:hover{
		background: #EEE;
		color: #666;
		box-shadow: none;
	}




	.wf-columns{
		display: initial;
	}

	.wf-column {
		display: flex;
		margin-left: 0 !important;

		border-top: 1px solid #CCC;
		margin-bottom: 3rem;
		padding-top: 1rem;
	}


	.wf-column img { width: 128px; }

	.wf-column p:not(:first-child){
		margin-left: 1rem;
		font-size: 2.5rem !important;
	}
	.wf-column p a {
		color: #000 !important;
		font-weight: 600;
		/*text-decoration: underline;
		text-decoration-color: #3b8ede;*/;
	}






	/* Actualités archivées */
	/* https://intranet.appartenances.ch/communication/actualites-archivees */
	body.itemid-675{}
	body.itemid-675 article {
		margin-top: 2rem !important;
		margin-bottom: 2rem !important;
		padding-top: 1rem !important;
		border-top: 1px solid #CCC;
	}
	body.itemid-675 article > * {
		margin-left: 5rem;
	}
	body.itemid-675 article > .entry-header {
		margin-left:0;
		margin-bottom: 0.5rem;
	}
	body.itemid-675 article > .entry-header h2 {
		font-size: 18px;
	}
	body.itemid-675 article > .entry-header p {
		font-size: 16px;
	}

	body.itemid-675 article h1,
	body.itemid-675 article h2 {
		font-size: 2rem !important;
	}







	/*AC : hack to move "Intranet" in header up a bit… */
	#sp-header-b .custom p[style="font-size: 4rem; padding-top: 4rem;"] {
		padding-top: 0.5rem !important;
	}



	/*news images smaller on mobile… */
	@media (max-width: 992px){
		.intranetNewsItem-image{
			max-width: 165px;
		}
	}
	
	
	
	
	
	
	/* annuaaire search bar… */
	input#csvlookup {
		width: 500px!important;
		width: 75% !important;
		margin-left: 12%;
		font-size: 32px;
		height: 48px;
		color: rgb(59, 142, 222);
	}


	/* 
	2021-08-10: 
		AC: temporary hack to make “Consultation Psychothérapeutique pour Migrant∙es CPM” fit in the menu.
		There are 5 items in the menu, so we can make them 20% each.
	*/
	.sp-dropdown.sp-dropdown-main.sp-dropdown-mega.sp-menu-full.container .row .col-sm-2 {
		width: 20%;
	}
	
	/* AC 2021-08-11 */
	/* line height for items, réf DL 2021.08.11 “Un dernier détail … Certains des titres inscrits dans les modules sont mal alignés.”*/
	.phoca-dl-file-box-mod .pd-document32,
	#phoca-dl-file-box .pd-document32,
	#phoca-dl-category-box .pd-document32,
	#phoca-dl-most-viewed-box .pd-document32,
	#phoca-dl-download-box .pd-document32 {
		line-height: 1.15em;
	}