/**
 * Plugin Name:       SAV - Repertoire professeur
 * Version:           3.0.0
 */
@import url("https://fonts.googleapis.com/css?family=Roboto:400,700,400italic,700italic");
p:empty {display:none;}
.panel h4 { background: none; }
/* TABLE VIEW */
.sticky-wrap{}
	.sticky-wrap table#professeurs,
	.sticky-wrap .table,
	.sticky-wrap #professeurs.responsive-table,
	.sticky-wrap .sticky-enabled{}
		.sticky-wrap table#professeurs thead{}
			.sticky-wrap table#professeurs thead tr{}
				.sticky-wrap table#professeurs thead tr th{}
					.sticky-wrap table#professeurs thead tr th span{}

		.sticky-wrap table#professeurs tbody{}
			.sticky-wrap table#professeurs tbody tr{}
				.sticky-wrap table#professeurs tbody tr td{}
					.sticky-wrap table#professeurs tbody tr td span{}
					.sticky-wrap table#professeurs tbody tr td a,
					.sticky-wrap table#professeurs tbody tr td a:link{position:relative; color:#0079be; text-decoration:none;}
					.sticky-wrap table#professeurs tbody tr td a:visited{}
					.sticky-wrap table#professeurs tbody tr td a:hover{text-decoration:none;}
					.sticky-wrap table#professeurs tbody tr td a:active{}
						.sticky-wrap table#professeurs tbody tr td a:after{background-color:#0079be; content:""; position:absolute; left:0; bottom:-2px; display:block; width:0; height:1px; transition:width 0.2s;}
						.sticky-wrap table#professeurs tbody tr td a:hover:after{width:100%;}

	.sticky-wrap .sticky-thead{}
		.sticky-wrap .sticky-thead thead tr{}
			.sticky-wrap .sticky-thead thead tr th{}
				.sticky-wrap .sticky-thead thead tr th span{}

	.degrade{display:none;}

/* GRID VIEW */
.grille{width:100%; color:#4c4c4c; font-family:"Roboto",georgia,arial,sans-serif;}
.grille:after{content:""; clear:both;}
	.grille .vignette{float:left; width:50%; margin:0 0 40px 0; padding:0;}
	.grille .vignette:after{content:""; clear:both;}
		.grille .vignette .photo{float:left; width:95px; margin:0 25px 0 0; padding:0;}
			.grille .vignette .photo a,
			.grille .vignette .photo a:link{position:relative; display:block;}
			.grille .vignette .photo a:visited{}
			.grille .vignette .photo a:hover{text-decoration:none;}
			.grille .vignette .photo a:active{}
			.grille .vignette .photo a:after{content:""; position:absolute; left:0; top:0; display:block; width:100%; height:100%; }
			.grille .vignette .photo a:hover:after{/*box-shadow:inset 0 0 0 5px #0079be;*/}
				.grille .vignette .photo a img{float:none !important; width:100%; margin:0 !important; padding:0 !important; opacity: 0.8;transition:all 0.3s ease; -webkit-transform: translateZ(0);}
				.grille .vignette .photo a:hover img{ opacity: 1;}
		.grille .vignette .nom{margin:0 5px 10px 0; font-size:130%;line-height: 1em;}
			.grille .vignette .nom a,
			.grille .vignette .nom a:link{position:relative; color:#0079be; /*text-decoration:none;*/}
			.grille .vignette .nom a:visited{}
			.grille .vignette .nom a:hover{/*text-decoration:none;*/}
			.grille .vignette .nom a:active{}
				.grille .vignette .nom a:after{/*background-color:#0079be; content:""; position:absolute; left:0; bottom:-2px; display:block; width:0; height:2px; transition:width 0.2s;*/}
				.grille .vignette .nom a:hover:after{width:100%;}
		.grille .vignette .telephone{margin:0; }
		.grille .vignette .courriel{margin:0;  }
			.grille .vignette .courriel a,
			.grille .vignette .courriel a:link{position:relative; color:#0079be; /*text-decoration:none;*/}
			.grille .vignette .courriel a:visited{}
			.grille .vignette .courriel a:hover{/*text-decoration:none;*/}
			.grille .vignette .courriel a:active{}
				.grille .vignette .courriel a:after{/*background-color:#0079be; content:""; position:absolute; left:0; bottom:-2px; display:block; width:0; height:1px; transition:width 0.2s;*/}
				.grille .vignette .courriel a:hover:after{width:100%;}
		.grille .vignette .poste{margin:0; }
@supports (display: grid) {
	.grille {
		display: grid;
		grid-template-columns: 1fr;
		grid-gap: 1em;
		width: 100%;
	}
	.grille .vignette{
		display: grid;
		grid-template-columns: 1fr 3fr;
	}
	grille .vignette .photo {
		width: auto;
		margin: auto;
	}
}

/* ENTRY RECORD */
#fiche{}
	#fiche .row{margin:0 !important;}
	#fiche_intro h2 { display: inline-block; font-size: 1.5em; background: none; margin: 20px 0; padding: 0; }
		#fiche .row .col-md-12{padding:0 !important;}
			#fiche .row div #fiche_photo,
			#fiche .photo{padding: 0;}
				#fiche .row div .photo div{}
				#fiche .photo img{margin:0 !important; padding:0 !important; /*border:1px solid #fff;*/}

			#fiche .coordonnes{padding: 30px 0; }
				#fiche .row div .coordonnes h1{display:none;}	
				#fiche .row div .coordonnes p{margin:0 0 5px 0; padding:0;}
					#fiche .row div .coordonnes p a,
					#fiche .row div .coordonnes p a:link{position:relative; color:#0079be; /*text-decoration:none;*/}
					#fiche .row div .coordonnes p a:visited{}
					#fiche .row div .coordonnes p a:hover{/*text-decoration:none;*/}
					#fiche .row div .coordonnes p a:active{}
						#fiche .row div .coordonnes p a:after{/*background-color:#0079be; content:""; position:absolute; left:0; bottom:-2px; display:block; width:0; height:1px; transition:width 0.2s;*/}
						#fiche .row div .coordonnes p a:hover:after{/*width:100%;*/}

			#fiche .row div .col-md-8{padding:0 !important;}
			#fiche .row div .expertises{padding:0 25px 0 0; clear:both;}
				#fiche .row div .expertises h3{margin:0 0 10px 0; padding:0;}
				#fiche .row div .expertises ul{margin:0 0 25px 0 !important; padding:0 !important;}
					#fiche .row div .expertises ul li{background-position:0 8px; margin:0; padding:0 0 5px 15px;}
.fiche-professeur #expertises a { position: relative;}
.fiche-professeur #expertises a:after {
						content: url(https://gabarit-adaptatif.uqam.ca/statique/images/icones/svg/lien_nouvel_onglet.svg);
						padding-right: 5px;
						position: relative;
						left: 3px;
					}

			#fiche .row div .col-md-4{padding:0 !important;}
			#fiche .row div .langues{}
				#fiche .row div .langues h3{margin:0 0 10px 0; padding:0;}
				#fiche .row div .langues ul{margin:0 0 25px 0 !important; padding:0 !important;}
					#fiche .row div .langues ul li{background-position:0 8px; margin:0; padding:0 0 10px 15px;}


.coordonnes h3 { font-size: 1.5em; background: none; margin: 20px 0 0; padding: 0; }
.coordonnes .contenu_icone{display: block; padding: 0 0 12px 31px; position:relative; }
.coordonnes .contenu_icone:before {
	background-position: left center; background-repeat: no-repeat; background-size: 20px;
	content: ''; display: inline-block;	height: 22px; left: 0px; position: absolute; width: 20px;}
.coordonnes .unite:before{
	background-image: url("https://gabarit-adaptatif.uqam.ca/statique/images/icones/svg/icone-Unite.svg");}
.coordonnes .courriel:before{
	background-image: url("https://gabarit-adaptatif.uqam.ca/statique/images/icones/svg/icone-Courriel.svg");}
.coordonnes .telephone:before{
	background-image: url(https://gabarit-adaptatif.uqam.ca/statique/images/icones/svg/icone-Telephone.svg);}
.coordonnes .local:before{
	background-image: url(https://gabarit-adaptatif.uqam.ca/statique/images/icones/svg/icone-Local.svg); background-size: 22px; left:-2px;}
.coordonnes .langues:before{
	background-image: url(https://gabarit-adaptatif.uqam.ca/statique/images/icones/svg/icone-Langue.svg);}
.coordonnes .messageMedia:before{
	background-image: url(https://gabarit-adaptatif.uqam.ca/statique/images/icones/svg/icone-Media.svg);}
.coordonnes .contenu_icone span{font-weight:700;}
#fiche_detail{}
	#fiche_detail #fiche_slider{}
		#fiche_detail #fiche_slider h2 {font-size: 1.35em; background: none; margin: 50px 0 0; padding: 0; }
		#fiche_detail #fiche_slider .titre_slider{background-color:#262626; width:100%; margin-top: 0.5em; padding: 9px 40px 9px 20px; color:#fff; font-size:114.3%; transition:all 0.3s ease; /*background: url(https://gabarit-adaptatif.uqam.ca/2016/css/images/plus.svg) no-repeat rgba(0, 0, 0, 0.85);*/ background-position: right 20px center;}
		#fiche_detail #fiche_slider .titre_slider:hover,
		#fiche_detail #fiche_slider .titre_slider:focus{background-color:#4c4c4c;}

			/*#fiche_detail #fiche_slider .titre_slider:after{content:""; display:block; width:30px; height:22px; float:right; background: none;}*/
		#fiche_detail #fiche_slider .closed{background: url(https://gabarit-adaptatif.uqam.ca/2016/css/images/plus_noir.svg) no-repeat #e5e5e5; background-position: right 17px center; cursor:pointer; }
				#fiche_detail #fiche_slider .closed:hover,
				#fiche_detail #fiche_slider .closed:focus{background: #4c4c4c url("https://gabarit-adaptatif.uqam.ca/2016/css/images/plus.svg") no-repeat right 17px center;}
			#fiche_detail #fiche_slider .open{ cursor:pointer; margin-bottom: 0; background: url('https://gabarit-adaptatif.uqam.ca/2016/css/images/moins.svg') no-repeat #4c4c4c; background-position: right 17px center;}
			#fiche_detail #fiche_slider .titre_slider.open a {color:#fff; }
			#fiche_detail #fiche_slider .titre_slider.open a:hover,
			#fiche_detail #fiche_slider .titre_slider.open a:focus,
			#fiche_detail #fiche_slider .titre_slider a:active {color:#fff; }
			#fiche_detail #fiche_slider .titre_slider a,
			#fiche_detail #fiche_slider .titre_slider a:link{color:#323232; text-decoration:none;}
			#fiche_detail #fiche_slider .titre_slider a:visited{}
			#fiche_detail #fiche_slider .titre_slider a:hover{text-decoration:none;}
			#fiche_detail #fiche_slider .titre_slider a:active{}
			#fiche_detail #fiche_slider .titre_slider:hover a,
			#fiche_detail #fiche_slider .titre_slider:focus a {color:#fff;}

		#fiche_detail #fiche_slider .contenu_slider,
		#fiche_detail #fiche_slider .rp_info_general{padding:25px 17px 10px; margin-bottom: 0.5em; border-bottom: 1px #7f7f7f solid; border-left: 1px #7f7f7f solid; border-right: 1px #7f7f7f solid;}
			#fiche_detail #fiche_slider .contenu_slider .row{margin:0 !important;}
				#fiche_detail #fiche_slider .contenu_slider .row .col-md-12{}
					#fiche_detail #fiche_slider .contenu_slider h2{font-size:125%; margin:0 0 10px 0; padding:0; font-weight:normal;}
					#fiche_detail #fiche_slider .contenu_slider p{}
					#fiche_detail #fiche_slider .contenu_slider a,
					#fiche_detail #fiche_slider .contenu_slider a:link{position:relative; color:#0079be; /*text-decoration:none;*/}
					#fiche_detail #fiche_slider .contenu_slider a:visited{}
					#fiche_detail #fiche_slider .contenu_slider a:hover{/*text-decoration:none;*/}
					#fiche_detail #fiche_slider .contenu_slider a:active{}
						#fiche_detail #fiche_slider .contenu_slider a:after{/*background-color:#0079be; content:""; position:absolute; left:0; bottom:-2px; display:block; width:0; height:1px; transition:width 0.2s;*/}
						#fiche_detail #fiche_slider .contenu_slider a:hover:after{/*width:100%;*/}
                        #fiche_detail #fiche_slider .contenu_slider a:not([href*="uqam.ca"]):after {
                            content: url(https://gabarit-adaptatif.uqam.ca/statique/images/icones/svg/lien_nouvel_onglet.svg);
                            padding-right: 5px;
                            position: relative;
                            left: 3px;
                        }
					#fiche_detail #fiche_slider .contenu_slider ul{/*margin:0 0 25px 0 !important; padding:0 !important;*/}
						#fiche_detail #fiche_slider .contenu_slider ul li{background-position:0 8px; margin:0; padding:0 0 10px 15px;}
					#fiche_detail #fiche_slider .contenu_slider.rp_publications ul{ padding: 0; }
						#fiche_detail #fiche_slider .contenu_slider.rp_publications li{
							background: none;
							border-bottom: 1px solid #ccc;
							padding: 30px 0;
						}
						#fiche_detail #fiche_slider .contenu_slider.rp_publications li:last-child{
							border-bottom: none;
						}
					#fiche_slider .rp_cours a{
						 text-transform: lowercase;
						 display: inline-block;
					}
						#fiche_slider .rp_cours a:first-letter { text-transform: uppercase; }

					#fiche_detail #fiche_slider .contenu_slider .panel-group{}
						#fiche_detail #fiche_slider .contenu_slider .panel-group .panel{}
							#fiche_detail #fiche_slider .contenu_slider .panel-group .panel h4,
							#fiche_detail #fiche_slider .contenu_slider .panel-group .panel .panel-heading{padding:5px 10px 5px 10px;}
								#fiche_detail #fiche_slider .contenu_slider .panel-group .panel h4 a,
								#fiche_detail #fiche_slider .contenu_slider .panel-group .panel h4 a:link{}
								#fiche_detail #fiche_slider .contenu_slider .panel-group .panel h4 a:visited{}
								#fiche_detail #fiche_slider .contenu_slider .panel-group .panel h4 a:hover{}
								#fiche_detail #fiche_slider .contenu_slider .panel-group .panel h4 a:active{}

							#fiche_detail #fiche_slider .contenu_slider .panel-group .panel .panel-collapse,
							#fiche_detail #fiche_slider .contenu_slider .panel-group .panel .collapse{}
							#fiche_detail #fiche_slider .contenu_slider .panel-group .panel .in{}
								#fiche_detail #fiche_slider .contenu_slider .panel-group .panel .panel-collapse .panel-body{}

#fiche_prof_extra { margin-top: 0.5em; margin-bottom: 0.5em; }

/* QUERIES FOR DEVICES */
@media only screen and (max-width : 320px){
	/* table#professeurs */
	table#professeurs,
	#professeurs tbody,
	#professeurs tr,
	#professeurs th,
	#professeurs td{display: block;}
	#professeurs thead {display:none;}
	#professeurs + table.sticky-thead {display:none;}

	#professeurs tr{margin-bottom:15px; border-bottom:1px solid #d9d9d9 !important; padding-bottom: 15px;}
	#professeurs td{padding:2px 0px !important; border:none !important;}

	/* GRID */
	.grille .vignette{width:100%;}

	/* ENTRY RECORD */
	.coordonnes{clear:both;}
}
@media only screen and (min-width : 320px){
	/* table#professeurs */
	table#professeurs,
	#professeurs tbody,
	#professeurs tr,
	#professeurs th,
	#professeurs td{display: block;}
	#professeurs thead{display:none;}
	#professeurs + table.sticky-thead {display:none;}

	#professeurs tr{margin-bottom:15px; border-bottom:1px solid #d9d9d9 !important; padding-bottom: 15px;}
	#professeurs td{padding:2px 0px !important; border:none !important;}

	/* GRID */
	.grille .vignette{width:100%;}
	@supports (display: grid) {
		.grille {
			display: grid;
			grid-template-columns: 1fr;
			grid-gap: 1em;
		}
		.grille .vignette{
			display: grid;
			grid-template-columns: 135px 3fr;
			grid-gap: 1em;
			width: 100%;
			margin: 0;
		}
		.grille .vignette .photo {
			width: auto;
			margin: 0;
		}
	}

	/* ENTRY RECORD */
	.coordonnes{clear:both;}
}

@media only screen and (min-width : 480px){
}

@media only screen and (min-width : 768px){
	/* ENTRY RECORD */
	.coordonnes{clear:none;}
	#fiche .coordonnes { padding: 0 30px; }
	#fiche .photo { padding: 20px 0 0; }
	/* GRID */
	.grille .vignette{width:50%;}
	@supports (display: grid) {
		.grille {
			display: grid;
			grid-template-columns: 1fr 1fr;
			grid-gap: 1em 2em;
		}
		.grille .vignette{
			display: grid;
			grid-template-columns: 1fr 3fr;
			grid-gap: 1em;
			width: 100%;
			margin: 0;
		}
		.grille .vignette .photo {
			width: auto;
			margin: 0;
		}
	}
}

@media only screen and (min-width : 992px){
	/* TABLE */
	table#professeurs{display:table;}
	#professeurs thead{display:table-header-group;}
	#professeurs tbody{display:table-row-group;}
	#professeurs tr{display:table-row;}
	#professeurs td,
	#professeurs th{display:table-cell; border:none !important;}
	#professeurs td{padding:15px 20px !important; border:1px solid #d9d9d9 !important;}

	#professeurs tr{margin-bottom:0;}

}

@media only screen and (min-width : 1200px){
}

/* QUERIES FOR PRINT */
@media print{
	/* ENTRY RECORD */
	.contenu_slider{display:block !important;}
	.panel-collapse,
	.collapse{display:block !important;}
}

/*
 * Bootstrap Panels (Publications + Archipel)
 */
.fiche-professeur{}
.fiche-professeur .panel-group {
	margin-bottom: 0;
}
.fiche-professeur .panel-group .panel-default {
	margin-top: 0.5em;
	border: 0;
	border-radius: 0;
}
.fiche-professeur .panel-default>.panel-heading {
	color: #333;
	background-color: inherit;
	border-color: inherit;
	padding: 0;
}
.fiche-professeur .panel-title {
	padding: 0;
}
.fiche-professeur .panel-title > a {
	display: block;
	background-color: #262626;
	width: 100%;
	margin-top: 0.5em;
	padding: 9px 40px 9px 20px;
	color: #fff;
	font-size: 114.3%;
	transition: all 0.3s ease;
	background: url(https://gabarit-adaptatif.uqam.ca/2016/css/images/plus.svg) no-repeat rgba(0, 0, 0, 0.85);
	background-position: right 20px center;
	cursor: pointer;
}
.fiche-professeur .panel-title > a[aria-expanded="false"]{
	background: rgba(0, 0, 0, 0.85) url(https://gabarit-adaptatif.uqam.ca/2016/css/images/plus.svg) no-repeat right 20px center;
}
.fiche-professeur .panel-title > a[aria-expanded="true"] {
	margin-bottom: 0;
	background: url(https://gabarit-adaptatif.uqam.ca/2016/css/images/moins.svg) no-repeat rgba(0, 0, 0, 0.85);
	background-position: right 20px center;
}
.fiche-professeur .panel-title > a:hover,
.fiche-professeur .panel-title > a:focus{
	text-decoration: none;
	background-color: #4c4c4c;
}