/* #Page Styles
*  Nouveaux styles pour la section Salle de Presse
================================================== */
#LogoTeluq img { max-width:none; }
img { max-width:100%; height:auto; }


/* Styles pour les actualités et les événements
 * (copie des styles de l'accueil)
 */
 
/*
 * Accueil - Zones Actualités et des événements
 */
.Actualites h1, .Evenements h1 { margin:0 0 5px 0; font-size:14px; line-height:17px; }
.Actualites p, .Evenements p { margin-bottom:0; line-height:16px; }
.Actualites ul, .Evenements ul { list-style:none; list-style-image:none; margin:0 0 10px 0; padding:0; }
.Actualites .separateur, .Evenements .separateur { margin:0 8px -4px 10px; border-left:1px solid #2e8804; font-size:1px; line-height:1px; display:inline-block; width:1px; height:17px; }

/* Spécifique aux événements */
.Evenements li { border-bottom:1px solid #666; padding:8px 0; margin:0; }
.Evenements .dateEvenement { display:table-cell; width:50px; padding:0 0 0 5px; }
.Evenements .chiffre { 
	display:block;
	color:#fff;
	background-color:#2E8804;
	width:25px;
	font-size:16px;
	line-height:19px;
	font-weight:bold;
	text-align:center;
}
.Evenements .mois, .Evenements .annee { display:block; color:#2E8804; font-weight:bold; text-transform:uppercase; }
.Evenements .mois { font-size:13px; line-height:15px; margin-top:2px; }
.Evenements .mois.juin, .Evenements .mois.juil { font-size:12px; line-height:14px; }
.Evenements .annee { font-size:11px; line-height:13px; }
.Evenements .texte { display:table-cell; width:415px; vertical-align:middle; }
.Evenements .texte, .Evenements li { min-height:50px; }


/* Spécifique aux actualités */
.Actualites li { padding:10px; margin:0; }
.Actualites li.alt { background-color:#fff; }
/*.Actualites .texte { float:left; width:365px; }*/
.Actualites img { width:85px; height:65px; }
.Actualites .alignerImgD { margin:0 0 0 15px; }
.Actualites time { display:block; color:#666; font-size:0.846154em; /*11px*/ }



/* Interventions des profs COVID-19 */
.Interventions ul { list-style:none; list-style-image:none; margin:0 0 10px 0; padding:0; }
.Interventions li { padding:0; margin:20px 0 0 0; }
.Interventions li:first-child { margin-top:0; }
.Interventions h3 { margin-top:30px; }
.Interventions p { margin-bottom:0; }
.Interventions .separateur { color:#2e8804; font-weight:700; }
.Interventions .date { color:#666; font-size:0.846154em; }
.Interventions a { color:#000; text-decoration:none; }
.Interventions a:focus,
.Interventions a:hover { text-decoration:underline; }

.Interventions a.prof { color:#2e8804; }



/*****************************************
 * Pour les pages secondaires plus larges 
 * Ajustement des styles de l'accueil
 */
/*.Actualites .texte { width: 540px; }*/
.Evenements li:last-child { border-bottom: 0; }


/***********************************************/
/* Nouvelle présentation des événements - 2015 */
/***********************************************/
.lesEvenements ul,
.lesEvenements li { margin:0; padding:0; list-style-type:none; list-style-image:none; }

header .dateEvenement,
.lesEvenements .dateEvenement{
	display:block;
	margin:15px 0 20px 0;
	padding-bottom:6px;
	font-weight:600;
	/*max-width:690px;*/
	font-size:25px;
	line-height:1;
	color:#2e8804;
	border-bottom:1px solid #898989;
}
.lesEvenements .dateEvenement{
    font-size: 1.384615384615385em; /* 18/13 */
	margin:20px 0 10px 0;
}
.lesEvenements p{
	margin-bottom:2px;
}
.lesEvenements .surTitre.alt{
	font-size:1em;
	padding-left:0;
	margin-top:0;
	margin-bottom:5px;
}


h1.titrePage.alt{
	/* Plus petit que les articles d'infolettre */
	font-size:1.538461538461538em; /* 20/13 */
	padding-bottom:0;
	border-bottom:0;
}

.lesEvenements h2.alt{
	font-size:1.307692307692308em; /* 17/13 */
}
.lesEvenements h2.alt,
.lesEvenements h2.alt a{
	color:#000;
	margin:0;
	text-transform:none;
}
.lesEvenements h2.alt a:hover{
	text-decoration:underline;
}

.pLocaliser{
	margin-top:-8px;
}
.pLocaliser .ico_localiser{
	padding-left:17px;
}

ul.mots-cles{
	overflow:hidden;
	list-style-type:none;
	list-style-image:none;
	padding:5px 0;
	margin:15px 0;
	border:1px solid #8a8a8a;
	border-left:0;
	line-height:1;
	border-right:0;
}
.lesEvenements ul.mots-cles{
	padding:0;
	margin:0;
	border:0;
}
ul.mots-cles li{
	float:left;
	margin-right:5px;
}
ul.mots-cles li:after{
	content:' / ';
}
ul.mots-cles li:last-child:after{
	content:'';
}



/* Page Photos/Logos pour publication */
.DownloadLogos ul { overflow:hidden; padding-top:5px; }
.DownloadLogos li { float:left; width:40%; margin:0 17px 3px 0; }
.DownloadLogos ul a { text-decoration:none; }
.DownloadLogos ul a:hover { text-decoration:underline; }

.LogoCouleur, .LogoNB {
	position:relative;
	padding-left:140px;
	min-height:69px;
}

.LogoCouleur .preview, .LogoNB .preview {
	display:block;
	position:absolute;
	top:0;
	left:0;
	text-decoration:none;
	width:140px;
	height:69px;
	background-image:url(../img/presse/logo_teluq_c.jpg);
}
.LogoNB .preview {
	background-image:url(../img/presse/logo_teluq_nb.jpg);
}



/* Liste de l'équipe de direction et bureaux */
.listeMediasEquipe { overflow:hidden; }
.listeMediasEquipe li {
	float:left;
	padding:0;
	margin:0 0 20px 0;
	width:325px;
	line-height:1em;
}
.listeMediasEquipe li.first { clear:left; margin-right:20px; }
.listeMediasEquipe .nom { color:#2E8804; font-weight:bold; margin-bottom:3px; }
.listeMediasEquipe .descriptif { font-size:10px; }
.listeMediasEquipe .photo { float:left; margin-right: 15px; }
.listeMediasEquipe .credit_photo { padding:3px; margin:0; width:120px; background:url(../img/bg_noir_trans.png); color:#fff; }

/* Icones de téléchargement (différents formats) */
.ico_hr_c, .ico_hr_nb, .ico_br_c, .ico_br_nb {		
	font-size:10px;
	line-height:10px;
	text-decoration:none;
	padding-left:27px;
}
.ico_hr_c, .ico_hr_nb {
	display:inline-block;
	min-height:26px;
	background-image:url(../img/presse/ico_hr_c.jpg);
}
.ico_hr_nb { background-image:url(../img/presse/ico_hr_nb.jpg); }
.ico_br_c, .ico_br_nb {
	display:inline-block;
	background-position:6px 0;
	min-height:20px;
	background-image:url(../img/presse/ico_br_c.jpg);
}
.ico_br_nb { background-image:url(../img/presse/ico_br_nb.jpg); }


/* Page Fonds d'écrans */
.downloadFonds {
	overflow:hidden;
	margin:0;
	padding:0;
	list-style:none;
}
.downloadFonds > li {
	display:block;
	width:50%;
	float:left;
	margin:0 0 20px 0;
	padding:0 15px 0 0;
}
.downloadFonds .preview {
	float:left;
	width:225px;
	margin-bottom:10px;
}

.downloadFonds.mobTab > li {
	width:33.3333333%;
}
.downloadFonds.mobTab .preview {
	width:130px;
}
.downloadFonds li ul { float:left; }
.downloadFonds li li { margin:0 0 3px 0; }
.downloadFonds ul a { text-decoration:none; white-space:nowrap; }
.downloadFonds ul a:hover { text-decoration:underline; }


/*  #Tablet (Portrait) et moins
================================================== */
@media only screen and (max-width: 1023px) {
	/* Page Fonds d'écrans */
	.downloadFonds .preview,
	.downloadFonds.mobTab .preview{
		width:auto;
	}
}


/* #Tablet (Portrait)
================================================== */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.LogoCouleur, .LogoNB {
		padding-left:0;
		padding-top:69px;
	}
	.listeMediasEquipe li { width:250px; }
}


/*  #Mobile (Portrait)
================================================== */
@media only screen and (max-width: 767px) {
	header .dateEvenement{
		margin-left:0;
	}
}


/*  #Mobile
================================================== */
@media only screen and (max-width: 599px) {
	/* Page Fonds d'écrans */
	.downloadFonds > li,
	.downloadFonds.mobTab > li {
		width:100%;
	}
}


/*  #Mobile (petit)
================================================== */
@media only screen and (max-width: 450px) {
	.LogoCouleur, .LogoNB {
		padding-left:0;
		padding-top:69px;
	}
}