/*********************************************/
/* CSS spécials pour modifier le site normal */
/*********************************************/
#SepBoutonInverser, a.BoutonInverser { display:none; }

/*#EditPage {
	position:absolute;
	left:10px;
	top:3px;
	background-color:#4D5154;
	color:#fff;
	opacity:0.7;
	padding:5px;
}
#EditPage * { color:#fff; }*/


/***********************/
/*** Styles spéciaux ***/
/*** Et les layouts  ***/
/***********************/
span.SHLC, span.ESA, span.ST, span.ED {
	display:block;
	padding:0 0 0 10px;
	margin-bottom:0;
	background-position:0 3px;
	background-repeat:no-repeat;
}
span.SHLC { background-image:url(../img/uer_shlc.jpg); }
span.ESA  { background-image:url(../img/uer_teg.jpg); }
span.ED   { background-image:url(../img/uer_edu.jpg); }
span.ST   { background-image:url(../img/uer_st.jpg); }

#ProfilProf ul li { background-image: url(../img/puce.jpg); }

#ProfilProf .Colonne1   { width:275px; float:left; margin-right:30px; }
#ProfilProf .Colonne2   { width:290px; float:left; margin-right:30px; }
#ProfilProf .Colonne3   { width:275px; float:left; }

#ProfilProf .FauxColonne1 { width:275px; float:left; margin:0 30px 20px 0; }
#ProfilProf .Colonne1-2 { width:595px; float:left; margin-right:30px; } /* Les colonnes 1 et 2 */
#ProfilProf .Colonne2-3 { width:595px; float:left; } /* Les colonnes 2 et 3 */

/*#ProfilProf .Colonne2 h2:first-child, #ProfilProf .Colonne1-2 h2:first-child { padding-top:0; }*/

#ProfilProf .Colonne2 p, #ProfilProf .Colonne1-2 p, #PresentationPlus p { text-align:justify; }
#ProfilProf .Coordonnees p { text-align:left; }

.Coordonnees { background-color:#f2f2f3; margin-top:15px; padding:12px; }
p.noPadding { padding:0; }

.ChampsRecherche, .LiensInterets { border-top:1px solid #ccc; padding:10px 0; }
#ProfilProf .ChampsRecherche ul, #ProfilProf .LiensInterets ul { padding:0; }

.ChampsRecherche h2.SHLC, .ChampsRecherche h2.ESA, .ChampsRecherche h2.ST, .ChampsRecherche h2.ED,
.LiensInterets   h2.SHLC, .LiensInterets   h2.ESA, .LiensInterets   h2.ST, .LiensInterets   h2.ED
{
	padding:0 0 10px 17px;
	margin:0;
	background-position:0 1px;
	background-repeat:no-repeat;
}
.ChampsRecherche h2.SHLC, .LiensInterets h2.SHLC { background-image:url(../img/coin_SHLC.png); }
.ChampsRecherche h2.ESA, .LiensInterets h2.ESA   { background-image:url(../img/coin_TEG.png); }
.ChampsRecherche h2.ED, .LiensInterets h2.ED     { background-image:url(../img/coin_EDU.png); }
.ChampsRecherche h2.ST, .LiensInterets h2.ST     { background-image:url(../img/coin_ST.png); }

#ProfilProf .LiensInterets ul li, #ProfilProf .Enseignement ul li { 
	background-image: url(../img/puce2.jpg);
	background-position:0 6px;
	padding-left:12px;
}

.Enseignement h2 { padding-top:0; }
/*#ProfilProf .Enseignement ul { padding:5px 0 25px 0; }*/
#ProfilProf .Enseignement ul { padding:5px 0 0 0; margin-bottom:15px; }

.coursConception { 
	background-image:url(../img/cours_conception.png);
	background-position:right 3px;
	background-repeat:no-repeat;
	padding-top:0;
	padding-right:52px;
	display:inline-block;
	*display:inline;
}


/* Bogue à cause de la fausse colonne 1 en float. On ne voit pas les "puces" */
/*#ZoneTexte #ProfilProf .Colonne1-2 ul li {
	background-image:none;
	list-style-type:disc;
	margin-left:20px;
	padding-left:0;
}*/
/*#ZoneTexte #ProfilProf .Colonne1-2 ul li {
	background-image:none;
	list-style-image:url(../img/puce.jpg);
	margin-left:25px;
	padding-left:0;
}*/
#ZoneTexte #ProfilProf .Colonne1-2 ul li:before {
	display: marker;
	content: url("../img/puce.jpg");
	vertical-align: 3px;
	padding-right: 6px;
}
#ZoneTexte #ProfilProf .Colonne1-2 ul li { 
	background-image:none;
	/*before: 'url("http://www.teluq.ca/siteweb/univ/assets/templates/teluq/img/puce.jpg")'; /* 'Hack' pour IE7 pseudo elements (avec jquery.pseudo.js) */
	before: '<img src="http://www.teluq.ca/siteweb/univ/assets/templates/teluq/img/puce.jpg"/>&nbsp;'; /* 'Hack' pour IE7 pseudo elements (avec jquery.pseudo.js) */
}



/* --------------------------- Tabs -------------------------------------------------------*/

/* root element for tabs  */
ul.css-tabs {
	margin:20px 0 0 0 !important;
	padding:0 0 0 12px !important;
	height:30px;
	/*border-bottom:1px solid #666;*/
}

/* single tab */
ul.css-tabs li {
	float:left;
	padding:0 !important;
	margin:0 !important;
	list-style-type:none;
	background-image:none !important;
}

/* link inside the tab. uses a background image */
ul.css-tabs a {
	float:left;
	/*font-size:13px;*/
	display:block;
	padding:6px 15px 5px 15px;
	text-decoration:none;
	border:1px solid #999;
	border-bottom:0px;
	height:17px;
	/*background-color:#efefef;*/
	color:#333;
	margin-right:2px;
	position:relative;
	top:1px;
	outline:0;
	-moz-border-radius:5px 5px 0 0;
	-webkit-border-radius:5px 5px 0 0;
	border-radius:5px 5px 0 0;
	behavior: url(/siteweb/univ/assets/templates/teluq/css/PIE.htc);
}

ul.css-tabs a:hover { background-color:#F7F7F7; }
	
/* selected tab */
ul.css-tabs a.current {
	background-color:#3d5167;
	color:#fff;
	cursor:default;
}


/* tab pane */
.css-panes div.Pane {
	display:none;
	border:1px solid #999;
	border-top:3px solid #3d5167;
	min-height:150px;
	padding:15px 20px;
	width:860px;
}

.Pane h1 { padding-top:0; }

.Pane table tr.alt { background-color:#f2f2f2; }
.Pane table th { text-align:left; color:#3b506f; font-size:13px; line-height:15px; }
.Pane table th, .Pane table td { vertical-align:top; padding:0.83em 25px 0 0.83em; }



/* --------------------------- FIN Tabs -------------------------------------------------------*/

@media screen
{
	#PresentationPlus { width:500px; height:auto; max-height:350px; overflow:auto; }
}

@media print
{
	/*#EditPage { display:none; }*/
	
	#ProfilProf .Colonne1, #ProfilProf .Colonne2, #ProfilProf .Colonne1-2, #ProfilProf .Colonne3 { width:95% !important; float:none; margin:0; clear:both; }
	.Coordonnees { padding-left:0; }
	
	.ChampsRecherche, .LiensInterets { border:0; }
/*	#ProfilProf .Colonne2 { padding:10px 0; }*/
	
	/* Plus d'image de fond, donc pu de padding */
	.ChampsRecherche h2.SHLC, .ChampsRecherche h2.ESA, .ChampsRecherche h2.ST, .ChampsRecherche h2.ED,
	.LiensInterets   h2.SHLC, .LiensInterets   h2.ESA, .LiensInterets   h2.ST, .LiensInterets   h2.ED,
	span.SHLC, span.ESA, span.ST, span.ED
	{ padding-left:0; }
	
	
	/* Onglets */
	.Pane { border:1px solid #000; width:90%; padding:5px; page-break-inside:avoid; page-break-before:avoid; page-break-after:auto; }
	
	
	/* Listes "Hack" */
	#ZoneTexte #ProfilProf .Colonne1-2 ul li:before { content: ''; }
	#ZoneTexte #ProfilProf .Colonne1-2 ul li { before: ''; }
	
}