/*	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; }
	/*#sp-copyright p {color: #fff;}*/

	a:hover { text-decoration: underline; }


/*iCagenda*/

.ic-top-buttons {
	margin-top: -30px;
}

.moduletable.no-margin-left {
	margin-left: 0;
}

.ic-event-addthis.ic-float-left {
	margin-left: 17px
}

/*.ic-event-addthis > div {
  margin-left:1em;
	text-align: right;
}*/

.addthis_counter.addthis_bubble_style {
	float: left;
}

.com_icagenda.view-list .carrousel-formations,
#icagenda+div,
/*.ic-cat, */
.ic-divRow.ic-details-cat,
.ic-divRow.ic-event-date,
.ic-place>strong,
div.alldates i,
.ic-back,
.ic-registration-complete-buttons>.ic-btn.ic-btn-info.button,
.ic-reg-icon,
.com_icagenda.view-event .moduletable.list-only,
.com_icagenda.view-registration .moduletable.list-only {
	display: none
}
/* réf AR 2020-07-06*/
.ic-box-date { display: none; }

/* listes */

.ic-box {
	min-height: 0;
	padding: 0;/* AR 2022-03-15 - mise à jour iCagenda 3.8*/
	margin: 0;
}
.com_icagenda.view-list .list-only h1 {margin-top:0}
/*#icagenda-list>div.ic-clearfix {
	display: none;
}*/	/*réf AR 2020-07-06 il faudra supprimer les lignes 184-186 dans appartenances.css car on gère cet affichage dans les paramètre du composant. il s'agit du CSS suivant : #icagenda-list>div.ic-clearfix {display: none;} */

#icagenda-list>div.ic-list-events.ic-clearfix {
	display: inherit;
}

.ic-content h2 {
  font-size:14px;
	font-weight: bold
}

.ic-event.ic-clearfix .ic-place, .ic-event.ic-clearfix div.alldates,.ic-event-registration {
	font-size: 1em;
	padding-right:2em;/* 10px; AR 2020-02-10 */
	vertical-align: middle;
	display: table-cell
}

.com-icagenda.view-list .ic-event-registration{display:none}

.ic-event.ic-clearfix.altrow1 {
  background: rgba(221,221,221,0.3);
}/* AR 2020-07-16*/
.ic-event.ic-clearfix.altrow2 {
  background: rgba(221,221,221,0.1);
}/* AR 2020-07-16*/

.ic-descshort>i::before,
.ic-event.ic-clearfix .ic-place::before, .ic-event.ic-clearfix div.alldates::before, .dp-icon.icon_plus::before {
	font-family: 'Glyphicons Halflings';
	font-size: 1em
}

.ic-event.ic-clearfix div.alldates::before {
	padding-right: 5px
}

.ic-descshort {
	display: table-cell;
	margin: 1em 0;
	line-height: 3em;
}

.dp-icon.icon_plus::before {
	content: "\2b";
	padding-right: 5px
}

.ic-event-registration .dp-link_cta.dp-button {
	background-color: #2D9EDE;
	font-weight: bold;
	display: block;
	text-align: center;
	text-transform: uppercase;
	color: #000000;
	border: 0;
	margin-top: 10px;
	padding: 5px 20px
}

#icagenda .ic-btn.ic-btn-success:hover, .ic-event-registration a.dp-link_cta.dp-button:focus, .ic-event-registration a.dp-link_cta.dp-button:hover {
	color: #fff;
	text-decoration: none
}



/* fiches */

.ic-event-header h1 {
	font-size: 24px;
  font-weight:bold;
  margin-bottom:0;
    padding-bottom:0;
}

.ic-full-description h3 {
	font-size: 20px;
}

.ic-divCell {
	padding-left: 0;
}

.iCicon.iCicon-people.ic-people, .ic-registered {
	display: none
}

.iCicon {
	font-size: 18px
}

.ic-event-header.ic-clearfix, .ic-infos.ic-clearfix {
	/*width:55%;float: left;*/
	border: 2px solid #4790cd;

	border: none; /* AC 2020-02-03 */

	/*padding: 0 1%;*/
	padding: none; /* AC 2020-02-03 */
}

.ic-event-header{
	border-top: 2px solid #4790cd !important; /* AC 2020-02-03 */
}

.ic-event-header.ic-clearfix h1 {
	border: 0
}

/*
.ic-info.ic-clearfix { margin-top: -106px; }
.ic-event-buttons.ic-clearfix { display: none; } /*supprimer quand/si bouton déplacé* /
#ic-list-of-dates, .ic-details.ic-align-left, .ic-registration-buttons { width:40%; float:right } * /

#ic-list-of-dates,*/

.ic-details.ic-align-left .ic-divTable {
	background: #C6C6C6;
	background: #E6E6E6; /*AC 2020-02-03*/
	background: rgba(221,221,221,0.3);  /*AC 2020-02-03*/
	width: 100%
}

/*AC 2020-02-03*/
.ic-info {
	padding:0;
	background-color: rgba(221,221,221,0.0);
}

.ic-full-description h3 { /*AC 2020-02-08*/
	background: rgba(45,158,222, 0.1);
	margin-bottom: 0.25em;
}

/*
.ic-short-description,.ic-full-description { width:55%; float:left }
#ic-list-of-dates {padding: 1% } */

.ic-info .ic-details, .ic-info .ic-details .ic-registration-buttons {
	padding: 0
}

.ic-info .ic-details>div {
	padding: 1%
}

.ic-label {
	min-width: 130px;
}

#ic-list-of-dates>h3 {
	color: initial;
	display: table-cell;
	font-size: 14px;
	min-width: 110px;
	font-weight: bold;
}

.ic-dates-list {
	display: table-cell;
	width: auto;
}

.ic-all-dates ul {
	padding-left: 0;
}



/* AC 2020-07-21 */
.ic-dates-list ul {
	list-style-type: none;
}
.ic-details .ic-divTable,
.ic-details .ic-divTable *,
.ic-details .ic-divTable * * {
	font-size: 14px !important;
	line-height: 125%;
}



.ic-divRow.ic-info-frais_de_deplacement>.ic-label::before,/* AR 2020-07-11 */
.ic-divRow.ic-info-duree_de_formation>.ic-label::before,/* AR 2020-07-11 */
.ic-divRow.ic-info-horaire>.ic-label::before,
.ic-divRow.ic-info-prix>.ic-label::before,
.ic-divRow.ic-info-lieu_detaille>.ic-label::before,
.ic-divRow.ic-info-delai_d_inscription .ic-label::before,
.ic-divRow.ic-info-accreditations>.ic-label::before,
.ic-divRow.ic-info-type_formation>.ic-label::before,
.ic-divRow.ic-info-phone .ic-label::before,
.ic-divRow.ic-info-email .ic-label::before,
/*.ic-divRow.ic-event-date+.ic-divRow>.ic-label::before,*/
#ic-list-of-dates>h3::before {
	font-family: 'Glyphicons Halflings';
	font-size: 1.5em;
	visibility: visible;
	display: block
}

/* AC 2020-02-08 */
.ic-divRow.ic-info-phone .ic-label::before,
.ic-divRow.ic-info-email .ic-label::before{
	font-size: 1.2em;
}

.ic-divRow.ic-info-phone .ic-label,
.ic-divRow.ic-info-email .ic-label{
	padding-top: 0;
}



.ic-divRow.ic-info-phone .ic-label, .ic-divRow.ic-info-email .ic-label ,.ic-divRow.ic-info-type_formation>.ic-label {
	visibility: hidden
}

.ic-divRow.ic-info-type_formation > .ic-divCell.ic-value {
	margin-top: -12px;
}

.ic-divRow.ic-info-frais_de_deplacement>.ic-label::before {/* AR 2020-07-11 */
	content: "\e219"
}

.ic-divRow.ic-info-duree_de_formation>.ic-label::before,/* AR 2020-07-11 */
.ic-event.ic-clearfix div.alldates::before, #ic-list-of-dates>h3::before {
	content: "\e109"
}

.ic-divRow.ic-info-horaire>.ic-label::before {
	content: "\e023"
}

.ic-divRow.ic-info-prix>.ic-label::before {
	content: "\e225";/* AR selon tél. DL 2020-02-10
	content: "\e20ac";/* AC 2020-02-08 € * /
	content: "€";/* AC 2020-02-08 € */
}

/*.ic-event.ic-clearfix .ic-place::before, AR 2020-07-16*/ .ic-divRow.ic-info-lieu_detaille>.ic-label::before {
	content: "\e062"
}

/*.ic-descshort>i::before, AR 2020-07-16*/.ic-divRow.ic-info-type_formation>.ic-label::before {
	content:"\e233";
	content: "\e218";/* AC 2020-02-08  */
	padding-right:5px
}

.ic-divRow.ic-info-accreditations>.ic-label::before {
	content:"\e013"; /* AC 2020-02-08 */
}

/*
.ic-divRow.ic-event-date+.ic-divRow+.ic-divRow>.ic-label::before{content:""}*/

.ic-divRow.ic-info-delai_d_inscription .ic-label::before {
	content: "\231b"
}

.ic-divRow.ic-info-phone .ic-label::before {
	content: "\e182"
}

.ic-divRow.ic-info-email .ic-label::before {
	content: "\2709"
}

#icagenda .ic-btn.ic-btn-success {
	background: #2D9EDE;
	color: #000;
	/*width: 100% !important;*/ /* AC 2020-02-03 */
	border-radius: 0;
}

.ic-registration-buttons {
	margin-top: 1.3em
}

.ic-btn.ic-btn-success.ic-btn-small.ic-event-register.regis_button {
	padding: 1em;
	font-size: 2em;

	/* AC 2020-02-03 */
	padding: .5em;
	font-size: 1.5em
}

.ic-registration-buttons .iCicon.iCicon-register::before {
	content: ""
}

.ic-infos {
	/*text-align: center;*/ /* AC 2020-02-03 */
}

.ic-infos .ic-divCell.ic-value {
	width: 100%
}

.ic-infos .ic-value {
	font-size: 2em;
	font-size: 1em; /* AC 2020-02-03 */
}

.ic-infos .ic-label {
	min-width: 75px
}



/* AC 2020-02-03 */
.ic-divCell,
.ic-label,
.ic-value {
	display: block !important;
}

.ic-label,
.ic-value,
.ic-dates-list,
#ic-list-of-dates h3.ic-divCell,
.ic-registration-box {
	padding-left: 48px;
}

.ic-value::before,/* AR 2020-02-05 */
.ic-label::before,
#ic-list-of-dates h3.ic-divCell::before {
	display: block;
	width: 40px;
	float: left;
	margin-left: -48px;
}

.ic-label{
	margin-top: 1em;
	padding-top: 0.5em;
	border-top: 1px solid #DDD;
}


.ic-dates-list span.alldates{
	display: block;
}

.ic-info-titre{
	font-weight: bold;
}
.ic-info-phone .ic-label,
.ic-info-email .ic-label{
	height: 0;
}

/* formulaire d'inscription */

.ic-reg-content {
	clear: both;
}

/*carrousel-formations*/

@media screen and (min-width:768px){
  .carrousel-formations{
    width: 174%;
  }
}/* en cas d'intégration au bas des descriptif de formations ; voir avec D. Laird */

.carrousel-formations{
	/* AC 2020-02-03 */
	margin-top: 4em;
	padding-top: 1em;
	clear: both;
	border-top: 1px solid #CCC;
}

.carrousel-formations h3 {
	margin-top: 0
}

.nspArt h4.nspHeader {
	font-size: 18px !important; /* AC 2020-02-08 */
}

.carrousel-formations .nspArt {
	/*background: #2D9EDE;*/
	border-top: 2px solid rgba(45,158,222, 0.5);
	background-color: rgba(45,158,222, 0.1); /* AC 2020-02-03 */
	margin-right: 1%;
	min-height: 158px;
}

.carrousel-formations .nspText + div a {
	display: inline-block;width: 100%;
}

.carrousel-formations .nspArt a {
	color: #000;
}

.carrousel-formations .nspArt a:hover {
	color: inherit;
}

.carrousel-formations .nspArt .readon {
	border: 1px solid;
	padding: 0.5em; /* AC 2020-02-08 */

	/* AC 2020-02-03 */
	background-color: rgba(45,158,222, 0.05);
	font-weight: bold;
	color: rgba(45,158,222, 1);
}

.carrousel-formations .nspArtPage .nspCol1  { width: 100%; }
.carrousel-formations .nspArtPage .nspCol2  { width: 49%; }
.carrousel-formations .nspArtPage .nspCol3  { width: 32.333333%; }
.carrousel-formations .nspArtPage .nspCol4  { width: 24%; }
.carrousel-formations .nspArtPage .nspCol5  { width: 19%; }
.carrousel-formations .nspArtPage .nspCol6  { width: 15.666666%; }
.carrousel-formations .nspArtPage .nspCol7  { width: 13.285714%; }
.carrousel-formations .nspArtPage .nspCol8  { width: 11.5%; }
.carrousel-formations .nspArtPage .nspCol9  { width: 10.111111%; }
.carrousel-formations .nspArtPage .nspCol10 { width: 9%; }
.carrousel-formations .nspArtPage .nspCol11 { width: 8.090909%; }
.carrousel-formations .nspArtPage .nspCol12 { width: 7.333333%; }
.carrousel-formations .nspArtPage .nspCol13 { width: 6.692307%; }
.carrousel-formations .nspArtPage .nspCol14 { width: 6.142857%; }
.carrousel-formations .nspArtPage .nspCol15 { width: 5.666666%; }
.carrousel-formations .nspArtPage .nspCol16 { width: 5.25%; }
.carrousel-formations .nspArtPage .nspCol17 { width: 4.882352%; }
.carrousel-formations .nspArtPage .nspCol18 { width: 4.555555%; }
.carrousel-formations .nspArtPage .nspCol19 { width: 4.263157%; }
.carrousel-formations .nspArtPage .nspCol20 { width: 4%; }



/* AC 2020-02-08 */

.ic-list-events .ic-event{
	margin-top: 1em;
}

.ic-list-events h2 {
	padding-top: 0.25em;
	border-top: 1px solid #4790cd !important;
}

.ic-descshort>i {
	font-style: initial;
	display: inline;
}

.ic-place,
.ic-list-events .ic-event ul.alldates{
	margin-left: 0;
	/*margin-top: 1em;*//*AR 2020-07-17*/
	float: left;
	list-style-type: none;
	width: 33%;
}/*
.ic-list-events .ic-event ul.alldates li.alldates{
	line-height: 1.2em;
}*/
/*.ic-list-events .ic-event li.alldates::before {
	font-family: 'Glyphicons Halflings';
	font-size: 1em;
	content: "\e109";
	padding-right: 5px;
	visibility: hidden
} AR 2020-07-16*/

.ic-list-events .ic-event li.alldates:first-child:before {visibility:visible}


.ic-list-events .ic-event .ic-event-registration {
	width: 50%;
}



.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,
.entry-header h2 a:hover{background-color:#3B8EDE;color:#fff;text-decoration:none}/*34ccff}*/
.btn.btn-default,.btn_download>a{background:#3B8EDE}/*34ccff}*/
.btn_download>a:hover{border-color:#00ade7;background-color:#01bfff}/*comme preset1.css*/
.nav.menu .btn-primary{padding:0 .3em}.nav.menu .btn-primary>a:hover{color:#fff}

article{padding-right:20px;padding-left:20px}.row.cols-3{margin-bottom:2em}.item.column-2.col-sm-4{border-right:1px solid #CCC;border-left:1px solid #CCC}
.gras,.gras h4{font-weight:800}

.Prefix,.Sufix{line-height:1.5em}

/*
#icagenda+div,
.value.field_document-a-telecharger .fcclearline, .value.field_document-a-telecharger .fcfile_lang.fc-iblock,
.contact h3,.contact-position.dl-horizontal>dt{display:none}
.contact-category .row-fluid.cat-list-row0,.contact-category .row-fluid.cat-list-row1{list-style-type:none}*/

#sp-sidebar-a p{ /*line-height:1.3; font-size:.8em*/ } /* font size and line height disabled by AC 2020-07-02 */
.site.medias h2 .fc_item_title{font-size:23px}
.site.medias .value.field_media,.field_details-medias{float:left;margin-right:.3em}
.site.medias .value.field_media::after,.field_details-medias::after{content:" /"}
.site.medias h2,.site.medias .fcfile_actions{margin-left:0}



.sp-copyright{font-size:.8em}


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

.sp-megamenu-parent { text-transform: uppercase; }
	#sp-header #sp-menu ul.sp-megamenu-parent > li a  { text-transform: uppercase; }
	/* réf template.css line 4019 */

#sp-header #sp-menu ul.sp-megamenu-parent .sp-dropdown-inner a { text-transform: none; }


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


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


/* affichage des blocs sur la page d'acceuil */
/* AC 2020-06-26 */
#sp-mainbottom .sp-column .sp-module .sp-module-content a h2 ,
#sp-mainbottom2 .sp-column .sp-module .sp-module-content a h2 { color: #3B8EDE; font-weight: 600; }

#sp-mainbottom .sp-column .sp-module .sp-module-content a,
#sp-mainbottom2 .sp-column .sp-module .sp-module-content a { display: block; margin-bottom: 30px;}

#sp-mainbottom .sp-column .sp-module .sp-module-content a:hover,
#sp-mainbottom2 .sp-column .sp-module .sp-module-content a:hover { background-color: #D8E8F8; text-decoration: none !important; border: none !important; }

#sp-mainbottom .sp-column .sp-module .sp-module-content a:hover *,
#sp-mainbottom2 .sp-column .sp-module .sp-module-content a:hover * { text-decoration: none !important; border: none !important; color: #000 !important; }

/* réf template.css ligne 4279… */
#sp-mainbottom p,
#sp-mainbottom2 p {
  line-height: 30px;
  font-size: 18px;
}

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


/* .sp-module.col-sm-3{margin-top:30px} */
#sp-showcase-a .sp-module { margin-top:0; }

.sp-module.col-sm-3 { background-color: #FAFAFA; }

/* AC 2020-07-09 */
.sp-module.col-sm-3 .nspArt h4.nspHeader {
	font-size: 15px !important;
}


/* bordure au dessus de Acutalités et Formation … */
#sp-showcase-a .sp-module-content { /*border-top: 1px solid #3B8EDE;*/ } /*nope. le titre Formations est placé avant le module content… */
#sp-showcase-a .sp-module > *:first-child {
	width: 100%;
	border-top: 1px solid #3B8EDE;
	padding-top: 0.5rem;
}
#sp-showcase-a .nspArt > *:first-child {
	border-top: 1px solid #D8E8F8;
}

#sp-showcase-a .nspArt h4.nspHeader {
	padding:0;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
}

#sp-showcase-a .nspArt .nspInfo { margin: 0; }

#sp-showcase-a .nspArt .nspInfo1 { font-style: italic; color: #666; }

#sp-showcase-a .nspArt .nspInfo2 { font-weight: 400; width: 100%; }

#sp-showcase-a .nspArt .readon {
	float: none;

	/* réf AJ 2020-07-16 - mettre les "lire la suite" en majuscule */
	text-transform: uppercase;
}
#sp-showcase-a .nspArt .readon::before { content: "→"; padding-right: 0.5em;}


#sp-showcase-a .sp-module .sp-module-title {
	margin-bottom: 0.25em;
}

.readon-button {
	/* réf AJ 2020-07-16 -  Mettre le "voir toutes les formations" en majuscule */
	text-transform: uppercase;
}


/* Réf AJ 2020-07-16
Page principale :
ACTUALITES:
- Highlighter les blocs de textes quand on fait défiler le curseur
*/
#sp-showcase-a .nspArt a:hover;{
/*	background-color: #F1357A; */
}



/* pour régler une interference avec le .nspTopInterface sur la page d'acceuil… */
.nspMain{ clear: both; }


#sp-showcase-a .nspTopInterface {}
	a.nspPrev {}
	a.nspNext {}
	ul.nspPagination {}
	ul.nspPagination li {}
	ul.nspPagination li a {}

a.nspPrev,
a.nspNext { margin: 0; margin-left: o.5rem; margin-right: 0.5rem; }

		/* style.css 27-117*/
		/*
			Interface - for different looking Top and Bottom interface use the following classes:
			.nspTopInterface
			.nspBotInterface (e.g.: .nspTopInterface .nspPagination li ...)
		*/
		/*
		.nspPagination {
			float: left;
			list-style-type: none!important;
			margin: 5px 0 0 0!important;
			padding: 0!important;
		}
		.nspPagination li {
			background: #ccc;
			-webkit-border-radius: 50%;
			   -moz-border-radius: 50%;
			        border-radius: 50%;
			cursor:pointer;
			float:left;
			height: 14px;
			margin: 1px 4px 0 0!important;
			width: 14px;
		}
		.nspPagination li > a {
			background: transparent;
			-webkit-border-radius: 50%;
			   -moz-border-radius: 50%;
			        border-radius: 50%;
			display: block;
			height: 14px;
			overflow: hidden;
			padding: 0;
			text-indent:-999em;
			width: 14px;
		}

		.nspPagination li:hover,
		.nspPagination li.active {
			background-color: #999;
		}
		.nspNext,
		.nspPrev {
			background: #fff;
			border: 2px solid #ccc;
			-webkit-border-radius: 50%;
			-moz-border-radius: 50%;
			border-radius: 50%;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			cursor: pointer;
			float: left;
			height: 24px;
			margin: 0 0 0 4px;
			overflow: hidden;
			text-indent: -999px;
			width: 24px;
		}
		.nspPrev:before {
			border: 10px solid #ccc;
			border-top: 7px solid transparent;
			border-bottom: 7px solid transparent;
			border-left: none;
			content: "";
			display: block;
			float: left;
			margin: 3px 0 0 4px;
		}
		.nspNext:before {
			border: 10px solid #ccc;
			border-top: 7px solid transparent;
			border-bottom: 7px solid transparent;
			border-right: none;
			content: "";
			display: block;
			float: left;
			margin: 3px 0 0 6px;
		}
		.nspNext:hover,
		.nspNext:focus,
		.nspNext:active,
		.nspPrev:hover,
		.nspPrev:focus,
		.nspPrev:active {
			border-color: #999;
		}
		.nspPrev:hover:before {
			border-right-color: #999;
		}
		.nspNext:hover:before {
			border-left-color: #999;
		}
		*/






/* affichage des listes à puces dans les pages – AC-2020-06-29 */

/*	/!\ /!\ DANGER: conflit avec le ul.nav.menu !!!
	j'ai du rajotuer un :not() dans le selecteur,
	mais ce code peut casser d'autres éléments configurées en UL_LI… */

[itemprop="articleBody"] ul:not(.nav.menu) {
	padding: 0;
	list-style: none;
}
[itemprop="articleBody"] ul:not(.nav.menu) li {
	margin-bottom: 0.5em;
	color: #235585;
}
[itemprop="articleBody"] ul:not(.nav.menu) li::before {
	content: "\2022";
	color: #3B8EDE;
	font-weight: bold;
	display: inline-block;
	width: 1em;
	margin-left: -1em;
}



/* Affichage de navigation 'bas de page' - AC 2020-06-29 */
ul.nav.menu.navApresContenu { margin-top: 3rem; } /*ceci affecte aussi les autres navigations… peut-être moyen de mieux cibler les menus de "bas de page"…? */
@media(min-width:640px;){
	ul.nav.menu { width: 67%; }
}

ul.nav.menu {
	padding: 0;
	list-style: none;
}

ul.nav.menu li {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	border-top: 1px solid #3B8EDE;
}
ul.nav.menu li:last-of-type{
	padding-bottom: 0.5em;
	border-bottom: 1px solid #3B8EDE;
}
ul.nav.menu li a {
	display: inline-block;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	width: 100%;
}
ul.nav.menu li a:hover{
	background-color: #D8E8F8; text-decoration: none !important; border: none !important;
	color: #235585;
}

/* réf bootstrap .nav>li>a */
ul.nav>li>a{
	padding-left: 0!important;
}

		/* 2 niveaux: */
		ul.nav.menu li.parent ul {
			padding: 0;
			list-style: none !important;
		}
		ul.nav.menu li.parent,
		ul.nav.menu li.parent a,
		ul.nav.menu li.parent a:hover {
			color: #000;
			border: none;
			background-color: none;
		}
		/*
			ce code ne peut pas entièrement régler les listes imbriquées.
		/!\	le mieux serait de _ne_pas_utiliser_les listes imbriquées… :)
		*/


/* réduction de l'espace avant contenu principal – AC 2020-06-29*/
#sp-main-body {
	padding:0;
	padding-top: 1rem;
}



/* accordions */
.rl_sliders.nn_sliders.accordion.panel-group{}

.accordion.panel-group * {
	border: none !important;
	border-radius: 0 !important;
}

.accordion-heading.panel-heading {
	font-size: 2rem;
	line-height: 1.3em;
}

.accordion-inner.panel-body,
.rl_sliders.accordion>.accordion-group>.accordion-body>.accordion-inner,
.rl_sliders.accordion>.accordion-group.active>.accordion-heading>a.accordion-toggle {
	padding-left: 2.5rem;
	background-color: #f5f9fd;
}

.rl_sliders.accordion>.accordion-group .accordion-heading .accordion-toggle{
	padding-left: 2.5rem;
	font-weight: 500;
}




/* réf AR 2020-06-29 */
.sur4colonnes {
	-webkit-columns: 4;
	-moz-columns: 4;
	columns: 4;

	/* AC 2020-07-21 */
	/* pour la page https://www.appartenances.ch/nouveau_site/emploi */
	/* nope. */
	/*
    -moz-column-fill: auto;
         column-fill: auto;
	*/
}

.fcfile_actions {width: auto !important;}


/* AC 2020-07-02 */
.entry-header h1 { font-size: 4rem; font-weight: 200; }



/* Sidebar – AC 2020-07-02 */
#sp-sidebar-a .sp-module {
	border: none;
	box-shadow: none;
	background-color: #FAFAFA;
	border-top: 1px solid #3B8EDE;
	margin-top: 2.5rem; /* AC 2020-07-21 */
}





/* réf AR 2020-07-06 – Pour répartir les colonnes du 1er sous-menu (Activités), il faudrait ajouter le CSS suivant : .sp-dropdown-inner .col-sm-2{width:228px} */
.sp-dropdown-inner .col-sm-2 {

	/* réf AC 2021-12-16_ valeur de 228px ne fonctionne plus. 20% semble juste  */
	/*width:228px;*/
	/*width: 16.66666667%;*/ /* réf origine bootstrap */
	width: 20%;}

/* réf AR 2020-07-06 – Et j'avais mis ce code pour le style de certains accordéon affichant les "conditions générales" pour tester, qu'il faudrait intégrer, voire modifier par vos soins le cas échéant :
.accordion-group.panel.rl_sliders-group.nn_sliders-group.condition .accordion-heading.panel-heading {background: #3B8EDE;}
.accordion-group.panel.rl_sliders-group.nn_sliders-group.condition a {color: #fff;}
.accordion-group.panel.rl_sliders-group.nn_sliders-group.condition {margin-bottom: 3em;} */
.accordion-group.panel.rl_sliders-group.nn_sliders-group.condition .accordion-heading.panel-heading { background: #3B8EDE; }
.accordion-group.panel.rl_sliders-group.nn_sliders-group.condition a { color: #fff; }
.accordion-group.panel.rl_sliders-group.nn_sliders-group.condition { margin-bottom: 3em; }


/* réf AR 2020-07-06 – Pour le carrousel de la page Médias et des sous-pages, il faudrait ajouter le code suivant :
#nsp-carrousel-actu-medias .nspArt h4.nspHeader {margin: 0;padding: 0;}#nsp-carrousel-actu-medias .nspArt h4.nspHeader a {margin: 0;padding: 10px 0 15px 0;}#nsp-carrousel-actu-medias .nspArt h4.nspHeader a{display: block;}#nsp-carrousel-actu-medias .nspArt p.nspText a { display: block;}
*/
#nsp-carrousel-actu-medias .nspArt h4.nspHeader {margin: 0;padding: 0;}
#nsp-carrousel-actu-medias .nspArt h4.nspHeader a {margin: 0;padding: 10px 0 15px 0;}
#nsp-carrousel-actu-medias .nspArt h4.nspHeader a{display: block;}
#nsp-carrousel-actu-medias .nspArt p.nspText a { display: block;}



/* AC 2020-07-08 */
img.wf_file_icon { display: inline; margin-right: 0.33em; }

/* mobile nav – AC 2020-07-09 */
.offcanvas-menu { background-color: rgba(255,255,255,0.7); }
.offcanvas-menu .offcanvas-inner .sp-module ul > li a { color: #000; }

.offcanvas-menu .offcanvas-inner .sp-module ul > li:hover a,
.offcanvas-menu .offcanvas-inner .sp-module ul > li:focus a {
	background: none;
}

.offcanvas-menu .offcanvas-inner .sp-module ul > li a:hover,
.offcanvas-menu .offcanvas-inner .sp-module ul > li a:focus{
	background-color: #9DC6EE;
}

.offcanvas-menu .offcanvas-inner .sp-module ul > li ul > li > a:hover,
.offcanvas-menu .offcanvas-inner .sp-module ul > li ul > li > a:focus {
	background-color: #9DC6EE !important;
}



/* Ajotuer titre sur les plans – réf 1.	Ajouter le titre « Plan » – AC 2020-07-09*/
iframe.embedGoogleMap::before {
	/*content: "Plan de situation";
	display: block;
	font-size: 13pt;*/
	/* Nope, does not work… */
}

/*
<ul class="nav menu" id="commande-interprete">
<li class="item-135 btn-primary"><a class="btn btn-default" href="https://intermedia.appartenances.ch/" target="_blank"> <i class="fa fa-comments-o"></i> Je commande un·e interprète</a></li></ul>
*/
ul.nav.menu#commande-interprete{ /*margin-top: 1rem;*/ }
ul.nav.menu#commande-interprete li.btn-primary {
	background-color: rgba(255,255,255,0) !important;
	border: none !important;
}

ul.nav.menu#commande-interprete li.btn-primary:hover,
ul.nav.menu#commande-interprete li.btn-primary:hover a,
ul.nav.menu#commande-interprete li.btn-primary:hover a:hover{
	background-color: #235585;
	color: #FFF;
}

ul.nav.menu#commande-interprete i.fa.fa-comments-o{
	margin-left: 0.5em;
}
ul.nav.menu#commande-interprete a.btn.btn-default,
ul.nav.menu#commande-interprete a.btn.btn-default:hover {
	border: none;
}

/* réf AR 2020-07-13 */
.wf-column.titre{flex: 3;}


/* réf AR 2020-07-13 */

#sp-mainbottom2 { border-bottom: none;}
/*#sp-copyright {
	border-top: 1px solid #D8E8F8;
	padding: 7.5px;
	background-color: #FFF;
	color: #D8E8F8;
}*/
#sp-copyright p,
#sp-copyright #sp-copyright-a .sp-copyright a {
/*	color: #D8E8F8; */
}



section#sp-bottom,
#sp-copyright {
	background-color: #d8e8f8;
}
section#sp-bottom,
#sp-copyright,
section#sp-bottom *,
#sp-copyright *{
	/*color: #FFF !important;*/
}


section#sp-bottom{
	border-top: 1px solid #9dc6ee;
}

section#sp-bottom{
	padding-top: 15px; /* AC 2020-07-21 */
	padding-bottom: 0px; /* AC 2020-07-21 */
}
section#sp-copyright{
	padding-top: 5px; /* AC 2020-07-21 */
	padding-bottom: 0px; /* AC 2020-07-21 */
}

#sp-copyright {
	padding: 0.5em;
}

/* réf AR 2020-07-15 */
.icone_pdf:before {content: "\f1c1   ";font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;}


/* réf AR 2020-07-16 */
.itemactions.group>.favourites,.itemactions.group>.voting,
.item-386.current.active {display: none;}


#flexicontent ul.introblock > li {
	border-top: none;
}
img.fc_field_image {
	border: none;
	border-radius: 0px;
}




/* AC 2020-07-16 */

/* Boutons "Appel à l'action" */

	/* temporaray awaiting .btn-CallToAction */
	ul.nav.menu#commande-interprete li.btn-primary a{
		background-color: rgb(249, 142, 43) !important;
	}
	ul.nav.menu#commande-interprete li.btn-primary a:hover{
		background-color: rgb(255, 206, 0) !important;
		color: #235585 !important;
	}

li.btn-appelAction {
	color: #FFF;
	background-color: rgba(255,255,255,0) !important;
	border: none !important;
}

li.btn-appelAction a {
	color: #FFF;
	background-color: rgb(249, 142, 43);
}

li.btn-appelAction a:hover {
	background-color: rgba(249, 142, 43, 0.67);
	color: #235585;
}


.ic-registration-box a .ic-event-register.regis_button{
	background-color: rgb(249, 142, 43) !important;
}
.ic-registration-box a:hover .ic-event-register.regis_button{
	background-color: rgba(249, 142, 43, 0.67) !important;
	color: #235585;
}


/* liens sur les articles sur la page d'acceuil */
a.nspArtLink,
a.nspArtLink * {
	color: inherit !important;
	text-decoration: none !important;
	border: none !important;
}
a.nspArtLink:hover {
	background-color: #D8E8F8;
}


/* blocs neutres */
.sp-module.commande-interprete,
.sp-module.noDecoration{
	background-color: none;
	border-top: none;
}





/* longeur des textes des articles actualités sur la page d'acceuil: */
/*#homeActu*/ .nspArt h4.nspHeader a {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	line-height: 110%;
}
/*#homeActu*/ .nspArt .nspText{
	display: -webkit-box !important;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
}


.sp-bottom img.logo,
.sp-bottom img.Logo,
.sp-bottom .logo,
.sp-bottom .Logo {
	width: 128px !important;
}

/* AR – 2020-07-17 */
#tiptip_content p {color: #fff;}
#icagenda-registration input {width: auto;max-width: 100%;}
#icagenda-registration .radio input[type="radio"] {visibility: hidden;}


/*
Pour les pages d'inscription, il faudrait changer la couleur de fond des bouton "sélectionné" (p.ex. cette page https://dev.artisan-du-web.ch/appartenances/activites/interpretariat-communautaire/formations/16-2020-06-24-15-04-05/inscription).
La class est la suivante : #icagenda-registration .btn.btn-default.active.btn-success {background: red;} peux-tu mettre la couleur qui convient svp ?
*/
#icagenda-registration .btn.btn-default.active.btn-success { background: #235585; }


.cat-layout-blog.site.com-content.view-category.layout-blog.no-task.itemid-265 .page-header,
.cat-layout-blog.site.com-content.view-category.layout-blog.no-task.itemid-265 .entry-header, /* AR 2020-08-10 */
#flexicontent h2.contentheading { margin: 0 !important; border:0 /* AR 2020-08-10 */}

#flexicontent ul.leadingblock > li { border-top: 0px; }
#flexicontent ul.leadingblock > li { border-top: none; }


.cat-layout-blog.site.com-content.view-category.layout-blog.no-task.itemid-265 #sp-main-body article.item, /* AR 2020-08-10 */
#flexicontent .content.group article {
	padding-left: 0px !important;
	padding-right: 0px !important;
	padding: none !important;
	border-top: 1px solid #9DC6EE;

margin-top: 32px; /* AR 2020-08-10 */
margin-right: 0px;
margin-left: 0px;
margin-bottom: 64px;
}




/* Formations: */

.formation{
	background:rgba(59, 142, 222,0.03);
	border-radius: none;
	padding: 16px;
	margin-bottom: 2rem;
}
.formation:nth-child(2n+1){
	background:rgba(59, 142, 222,0.05)
}

.category h2 {
	font-size: 2rem;
	line-height: 125%;
	padding: 4px;
	padding-left: 0px;
	color: #3B8EDE;
	border-top: 1px solid #3B8EDE;
}

body.itemid-360 h2,
body.itemid-389 h3,
.ic-list-events .ic-event .ic-box .ic-titre h2, .ic-list-events .ic-content h2,
.formation h2.titre {
	font-size: 2rem;
	font-weight: 300;
	line-height: 125%;
	color: #235585;
	border-top: 1px solid #235585;
	padding-top: 0.25em;
	margin:0;
	margin-bottom: 0.5em;
}
/*body.itemid-389*/ #sp-sidebar-a .sp-module h3{border:0} /* AR 2020-08-10 */

body.itemid-360 h2 { margin-top: 3rem; }
body.itemid-389 h3 { margin-bottom: 1rem; }

.wf-columns *,
.formation .description{
	/*	font-size: 1.5rem !important;*/
	font-size: 1.8rem !important; /* AC 2020-07-21 */
	line-height: 125%;
}


.formation .information {
	display: flex;
}
.formation .information .infoBox {
	flex: 1 1 0px; /* toutes les éléments seront le meme largeur… */
	padding-right: 1rem;
}



/*.sp-module commande-interprete */
ul.nav.menu#commande-interprete, {}
ul.nav.menu#commande-interprete li {
	margin:0; padding:0; border: none;
}
ul.nav.menu#commande-interprete li.item-411,
ul.nav.menu#commande-interprete li.item-413{
	font-size: 85%; line-height: 115%;
}

body.itemid-360{}

body.itemid-389{}





body.itemid-109 article ul{
	/*margin:0; padding:0;*/
}
body.itemid-109 article ul li{
	/*background-color: #F1357A;*/
}


/* AC 2020-07-22 */
.fc_item_separator{
	border-bottom: 1px solid #3B8EDE;
}
/* AR 2020-08-12 */
.site.com-content.view-category.layout-blog.itemid-109 #sp-main-body article.item
{
	border-top: 1px solid #3B8EDE;
	margin-top: 32px;
}


/* AC 2020-09-11 */
/* Actualités */
body.itemid-265 div.blog article {
	padding-left:0;
	border-top: 1px solid #DDDDDD;
	margin-bottom: 4rem!important;
}
body.itemid-265 div.blog .page-header {
	border-bottom: none;
}
body.itemid-265 div.blog .entry-header {
	margin-bottom: 1em;
}
body.itemid-265 div.blog .entry-header h2 {
	line-height: 1.25em;
}
body.itemid-265 div.blog {
	margin-bottom: 4rem!important;
}

body.itemid-265 div.blog article a.btn.btn-default{
	padding: 0;
	margin:0;
	border: none;
	background: none !important;
	color: #3b8ede !important;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 400;
}
body.itemid-265 div.blog article a.btn.btn-default::before {
	content: "→";
	padding-right: 0.5em;
}


/* Formation en institution */
body.itemid-389 .ic_eventlist .iceventlist-title a {
	font-size: 1.8rem;
}