/*
Theme Name: DistanceS
Theme URI: http://benhur.teluq.uquebec.ca/wordpress/distances/
Description: Revue DistanceS.
Author: <a href="#" title="Francois Martel">Francois Martel</a>
Tags: distances, revue, teluq
About: TELUQ L'université à distance de l'UQÀM
*/

/* 
Feuille de styles : impression.css.
Dernières modifications : 26 septembre 2011.
Gère l'apparence des styles d'impression.
Cache tous les éléments qui se sont pas essentiels lors de l'impression.
Redéfinition de toutes les couleurs typographiques à noir.
*/

/* -------------------- STYLES.CSS ------------------------- */
/* -------------------- Généraux --------------------------- */

body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
}

/* -------------------- STYLES.CSS ------------------------- */
/* -------------------- zoneEntete ------------------------- */

#zoneEntete{
	display: none;
}

/* -------------------- STYLES.CSS ------------------------- */
/* -------------------- zoneHautPage ----------------------- */

#zoneHautPage h1{
	display: none;	
}
#zoneHautPage h1.titreImpression{
	display: block;	
	margin: 0px 0px 15px 0px;
	font-size: 16px;
	color: #000000;
	text-transform: uppercase;
}
#zoneHautPage ul#menuPrincipal{
	display: none;
}

/* -------------------- STYLES.CSS ------------------------- */
/* -------------------- conteneur -------------------------- */

#conteneur{
	background-image: none;
}

#conteneurContenu {
	width:100%;
}

/* -------------------- STYLES.CSS ------------------------- */
/* -------------------- zoneSecondaire --------------------- */

#zoneSecondaire{
	display: none;
}

#panneauRecherche, #btnPanneauRecherche {
	display:none;
}

/* -------------------- STYLES.CSS ------------------------- */
/* -------------------- zoneContenu ------------------------ */

#zoneContenu{
	background-color: #ffffff;	
}
#zoneContenu #contenu{
	padding: 20px 25px 25px 0px;
}
#zoneContenu #contenu ul#derniersArticles li{
	list-style-type: none;
}
#zoneContenu #contenu p,
#zoneContenu #contenu ul,
#zoneContenu #contenu ol{
	line-height: 16px;
}
#zoneContenu #contenu ul,
#zoneContenu #contenu ol{
	margin: 0px 0px 15px 15px;
	list-style-image: url(img/puce.gif);
}
#zoneContenu #contenu div.clear,
#zoneContenu #contenu p.clear{
	clear: both;
	margin: 0px;
	visibility: hidden;
}

/* Spécificités pour les articles et les pages */
.page #contenu p, .article #contenu p{
	margin: 0px 0px 12px 0px;
}
.page #contenu p.sansMarge{
	margin: 0px 0px 5px 0px;	
}
.page #contenu p.encadreInfo{
	background-color: #ebebeb;
	padding: 2px 5px 2px 5px;
	margin-top: 5px;
	width: 100%;
}
.page #contenu a:link, .page #contenu a:visited,
.article #contenu a:link, .article #contenu a:visited{
	text-decoration: underline;
	color: #000000;
}
.page #contenu a:hover, .page #contenu a:active,
.article #contenu a:hover, .article #contenu a:active{
	text-decoration: none;
	color: #000000;
}

.page #contenu h2, .article #contenu h2{
	font-size: 16px;
	font-weight: bold;
	margin: 0px 0px 15px 0px;
	text-transform: uppercase;
}
.page #contenu h2 a:link, .page #contenu h2 a:visited,
.article #contenu h2 a:link, .article #contenu h2 a:visited{
	text-decoration: none;
	color: #000000;
}
.page #contenu h2 a:hover, .page #contenu h2 a:active,
.article #contenu h2 a:hover, .article #contenu h2 a:active{
	color: #000000;
}
.page #contenu h2.page_title, .article #contenu h2.titreArticle{
	border-bottom: solid 1px #bfcde0;	
}
.article #contenu h2.titreArticle{
	margin: 0px 0px 5px 0px;
}
.page #contenu h3, .article #contenu h3{
	font-size: 13px;
	font-weight: bold;
	margin: 20px 0px 5px 0px;
	text-transform: uppercase;
	color: #000000;
}
.page #contenu h4, .article #contenu h4{
	font-size: 13px;
	font-weight: bold;
	margin: 20px 0px 5px 0px;
	color: #000000;
}
.page #contenu h4.sansMarge, .article #contenu h4.sansMarge{
	margin: 10px 0px 5px 0px;
}
.page #contenu h5, .article #contenu h5{
	font-size: 13px;
	font-weight: bold;
	font-style: italic;
	margin: 20px 0px 0px 0px;
	color: #000000;
}

/*#contenu a, #contenu a:visited { text-decoration: underline !important; }
#contenu a[href]:after { content: " (" attr(href) ")"; }
#contenu abbr[title]:after { content: " (" attr(title) ")"; }{}*/

#contenu .alignementDroite {float:right; margin:0px 0px 10px 10px;}
#contenu .alignementGauche {float:left; margin:0px 10px 10px 0px;}
#contenu .alignementCentre {text-align:center;}

#contenu .accordeon {
	border-left:2px solid #000000;
	padding:5px 5px 5px 10px;
	margin:20px 0px !important;
}

#contenu .accordeon > p.titre {
	font-weight:bold;
	margin-top:20px !important;
}

#contenu .accordeon p.titre .details {
	display:none;
}

#contenu .accordeon > div {
	display:block !important;
	margin-bottom:20px;
}

#contenu .bloc {
	border:1px solid #000000;
	padding:10px;
	margin:20px 0px 20px 0px;
}

#contenu .bloc .presentation,
#contenu .bloc .information {
	float:left;
	padding:0px;
}

#contenu .bloc .presentation {
	width:20%;
}

#contenu .bloc .presentation h3 {
	margin-top:0px !important;
	padding-top:0px !important;
}

#contenu .bloc .presentation .temps_video {display:none;}

#contenu .bloc .information {
	width:75%;
}

#contenu p, #contenu ul, #contenu ol, #contenu li, #contenu blockquote {font-size:14px; line-height:20px;}

#contenu table th {
	text-transform:uppercase;
	font-weight:bold;
	padding:5px;
}

/* -------------------- STYLES.CSS ------------------------- */
/* -------------------- zoneBasPage ------------------------ */

#zoneBasPage p#copyright{
	float: left;
	width: auto;
	padding: 10px 20px 10px 0px;
}

/* -------------------- STYLES.CSS ------------------------- */
/* -------------------- Rectification 960.gs --------------- */

/*Ajuste la largeur de la zoneContenu pour qu'elle soit pleine page */
.grid_8{
	width: 960px;
	float: none;
}

