/*
Theme Name: STAGE-123
Theme URI: https://stage-123.teluq.ca
Description: EDU 6401, 6402 & 6404 - Stage 1, 2 & 3
Author: <a href="mailto:jgiguere@teluq.ca" title="Jonathan G. Robitaille">Jonathan G. Robitaille</a> & France-Elen Berthiaume
Tags: edu6401, edu6402, edu6404, cours, communication, distance, p&eacute;dagogique, t&eacute;luq, stage 1, stage 2, stage 3
About: T&eacute;l&eacute;-universit&eacute;, Universit&eacute; du Qu&eacute;bec, 2013 - Tous droits r&eacute;serv&eacute;s
*/

/* 
Feuille de styles : styles.css
Dernières modifications : 13 dec 2013
Gère l'apparence des styles généraux
Dépendance facultative : prefixfree.min.js
Dépendance de webfonts.css pour Typographie
*/

/* -------------------- STYLES.CSS ------------------------- */
/* -------------------- Généraux --------------------------- */


body {
	font-size: 100%;
	background: #ffffff url(img/structure/stage123_fond_texturegrille.gif) top left repeat;
	font-family: Verdana, Geneva, sans-serif;
	/* Empêcher l'ajustement du texte sur les plateformes iOS */
	text-size-adjust: 100%;
}
/* Ombrages */
.ombrage {
	box-shadow: 0px 5px 15px #b0b0b0;
	/* PIE - IE8 et moins */
	behavior: url(/wp-content/themes/STAGE-123/css/pie.htc);
}
.ombrageDoux {
	box-shadow: 0px 5px 15px #dadada;
	/* PIE - IE8 et moins */
	behavior: url(/wp-content/themes/STAGE-123/css/pie.htc);
}
.impression {
	display: none;
}

/* -------------------- STYLES.CSS ------------------------- */
/* -------------------- zoneEntete ------------------------- */


#zoneEntete {
	height: 60px;
	background: #589cbb;
}
#zoneEntete #logo {
	width: 960px;
	margin: 0px auto;
}
#zoneEntete #logo img {
	float: right;
	width: auto;
	margin: 5px 0px 0px 0px;
}
/* -------------------- STYLES.CSS ------------------------- */
/* -------------------- zoneConteneur -------------------------- */


#zoneConteneur {
	background-color: #ffffff;
	overflow: auto;
}
#zoneConteneur a:link, #zoneConteneur a:visited {
	text-decoration: none;
}
#zoneConteneur a:hover, #zoneConteneur a:active {
	text-decoration: underline;
}
/* Faux colonnes */
#zoneMilieuPage {
	padding: 1em 0 0 0;
}
/* -------------------- STYLES.CSS ------------------------- */
/* -------------------- zoneHautPage ----------------------- */


#zoneHautPage h1 {
	height: 170px;
	margin: 0px 0px 0px 0px;
	font-family: "PlanerRegular", sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 3.25em;
	line-height: 1.17em;
	box-shadow: 0px 5px 15px #dadada;
	background: url(img/structure/stage123_bandeau.jpg) no-repeat top left;
}
#zoneHautPage h1 a:link, #zoneHautPage h1 a:visited {
	display: block;
	margin: 0px 0px 0px 30px;
	padding: 45px 0px 0px 0px;
	width: auto;
	color: #888888;
	text-transform: none;
}
#zoneHautPage h1 a:hover, #zoneHautPage h1 a:active {
	text-decoration: none;
}
#zoneHautPage h1 span {
	display: block;
	margin: 0px;
	font-weight: 400;
	font-size: 0.37em;
	line-height: 1.2em;
	color: #589cbb;
}
/* -------------------- STYLES.CSS ------------------------- */
/* -------------------- menuPrincipal ---------------------- */


ul#menuPrincipal {
	height: 1.61em;
	margin: 1em 2.3em 1.7em 0em;
	float: right;
}
ul#menuPrincipal li {
	margin: 0px 0px 0px 1em;
	text-transform: uppercase;
	list-style-type: none;
	text-align: center;
	color: #ffffff;
	font-family: "PlanerRegular", sans-serif;
	font-size: 0.95em;
	line-height: 1.2em;
	font-style: normal;
}
ul#menuPrincipal li:first-child {
	border-left: none;
	margin-left: 0px;
}
ul#menuPrincipal li a:link, ul#menuPrincipal li a:visited, ul#menuPrincipal li a:active {
	display: block;
	padding: 3px 10px 2px 10px;
	text-decoration: none;
	background-color: #878787;
	color: #ffffff;
}
ul#menuPrincipal li a:hover {
	text-decoration: none;
	background-color: #589cbb;
	/* Transition/animation */
	transition: all 0.3s ease-out;
}
.ie8 ul#menuPrincipal li a, .ie7 ul#menuPrincipal li a {
	padding-top: 0px;
	margin-top: 0px;
	display: block !important;
}
.ie8 ul#menuPrincipal li, .ie7 ul#menuPrincipal li {
	padding-top: 0px;
	margin-top: 0px;
	background-color: #878787;
}
.ie8 ul#menuPrincipal li:hover, .ie7 ul#menuPrincipal li:hover {
	background-color: #589cbb;
}
ul#menuPrincipal li.current_page_item a:link, ul#menuPrincipal li.current_page_item a:visited, ul#menuPrincipal li.current-page-ancestor a:link, ul#menuPrincipal li.current-page-ancestor a:visited {
	background-color: #589cbb;
}
ul#menuPrincipal li.current_page_item, ul#menuPrincipal li.current-page-ancestor, ul#menuPrincipal li.current_page_item:hover, ul#menuPrincipal li.current-page-ancestor:hover {
	background-color: #589cbb;
}
/* -------------------- STYLES.CSS ------------------------- */
/* -------------------- zoneSecondaire --------------------- */


#zoneSecondaire {
	padding: 0 0 0 0;
	margin: 0 0 2em 0;
}
#menuSecondaire {
	margin: 0 1em 0 2.5em;
}
/* Niveau 2, 3 et 4 (en incluant le menu principal en tant que niveau 1) */
#menuSecondaire li {
	margin: 0.5em 0 0 0;
	font-family: "PlanerRegular", sans-serif;
	font-size: 0.92em;
	line-height: 1.2em;
	text-transform: none;
	list-style-type: none;
}
#menuSecondaire li ul li {
	font-size: inherit;
	margin: 0 0 0.5em 0;
}
#menuSecondaire > li:first-child {
	margin-top: 0px;
}
#menuSecondaire li a:link, #menuSecondaire li a:visited, #menuSecondaire li a:active {
	display: block;
	margin: 0;
	padding: 0.2em 0.5em;
	background-color: #E5E5E5; /*#f3f3f2;*/
	/*box-shadow: 0px 5px 3px rgba(50, 50, 50, 0.25);*/
	text-decoration: none;
	color: #000;
}
#menuSecondaire li a:hover {
	text-decoration: none;
	background-color: #b5d0dc;
	color: #000000;
	/* Ombrage */
	box-shadow: 0px 3px 2px rgba(50, 50, 50, 0.25);
	/* Transition/animation */
	transition: all 0.3s ease-out;
	/* PIE - IE8 et moins */
	behavior: url(/wp-content/themes/STAGE-123/css/pie.htc);
}
/* Item courant */
#menuSecondaire li.current_page_item a:link, #menuSecondaire li.current_page_item a:visited {
	background-color: #b5d0dc;
	color: black;
}
/* Exception? Bug bizzare que le deuxieme parent de l'Accordéon a la classe current_page_item même s'il devrait pas...*/
#menuSecondaire li.parent_item.current_page_item {
	background-color: #fff;
}
/* Accordéons */
#menuSecondaire li.parent_item > a {
	box-shadow: none;
}
#menuSecondaire > li.parent_item > a {
	background: none;
	border-bottom: 1px dotted #bec0c3;
	color: #000;
}
#menuSecondaire > li.parent_item.selectionne > a {
	background-color: #fff;
	color: #000000;
}
/* Niveau 3 - particularités (en incluant le menu principal en tant que niveau 1) */
#menuSecondaire li ul {
	margin: 0.65em 0px 0px 0px;
}
#menuSecondaire li li a {
	padding: 0.5em;
}
#menuSecondaire li.parent_item li.parent_item a {
	border-bottom: none;
}
#menuSecondaire li.parent_item li.parent_item > a {
	text-transform: normal;
}
/* Niveau 4 - particularités (en incluant le menu principal en tant que niveau 1) */
#menuSecondaire li li ul {
	margin: 0px 0px 0 0px;
}
#menuSecondaire li li li {
	margin: 0 0px 0px 0px;
	padding: 0px 0px 0px 0;
}
/* -------------------- STYLES.CSS ------------------------- */
/* -------------------- zoneContenu ------------------------ */
/* Typographie :  et  Alt  */

#contenu {
	margin: 0;
	padding: 0em 2.5em 1em 1.6em;
	background-color: #ffffff;
}
#contenu.pleineLargeur {
	padding: 50px 20px 30px 20px;
}
/* Titres */
#contenu h1 {
	margin: 0;
	padding: 0 0 0.75em 0;
	/* Typographie :  Alt  - Regular */
	font-family: "PlanerRegular", sans-serif;
	font-style: normal;
	font-weight: 800;
	font-size: 1.3em;
	line-height: 1.2em;
	text-transform: uppercase;
	color: #589CBB;
}
#contenu h2 {
	margin: 2.2em 0 0.42em 0;
	padding: 0 0 0 0;
	/* Typographie :  Alt  - Regular */
	font-family: "PlanerRegular", sans-serif;
	font-style: normal;
	font-weight: 800;
	font-size: 1.05em;
	line-height: 1.2em;
	text-transform: uppercase;
	color: #589CBB;
}
#contenu h2.sansMarge {
	margin-top: 0.4em;
}
#contenu .accordeon h2:first-child {
	margin: 0 0 2em/*10px */0;
}
#contenu h3 {
	margin: 1.4em 0 0.55em 0;
	padding: 0 0 0 0;
	font-family: "PlanerItalicRegular", sans-serif;
	font-style: normal;
	font-weight: 800;
	font-size: 1em;
	line-height: 1.2em;
	color: #000;
}
.page-template-mod_references-php #contenu h3 {
	font-weight: 400;
	font-size: 1.2em;
	line-height: 1.2em;
}
#contenu h4 {
	margin: 25px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	font-family: "PlanerRegular", sans-serif;
	font-style: italic;
	font-weight: 600;
	font-size: 16px;
	line-height: 20px;
	color: #888;
}
/* Alignements */
.alignementGauche {
	text-align: left;
}
.alignementCentre {
	text-align: center;
}
.alignementDroite {
	text-align: right;
}
.alignleft {
	float: left;
	margin-right: 20px;
	margin-bottom: 15px;
}
.alignright {
	float: right;
	margin-left: 20px;
	margin-bottom: 15px;
}
/* Contenu texte */
#contenu {
	font-size: 1em;
	line-height: 1.2em;
	color: #595959;
}
#contenu p, .tooltipster-content p {
	font-family: Verdana, Geneva, sans-serif;
	margin: 0 0 0.7em 0;
	font-size: 0.85em;
	line-height: 1.7em;
}
#contenu strong, .tooltipster-content strong {
	font-weight: 700;
}
#contenu p.sansMarge, .tooltipster-content p.sansMarge {
	margin: 0px 0px 5px 0px;
}
#contenu p.grandeMarge {
	margin-top: 1.3em;
}
#contenu p.notes {
	font-size: 11px;
	line-height: 16px;
	color: #87888A;
}
#contenu p.source {
	font-size: 0.77em;
	line-height: 1.2em;
	color: #87888A;
}
#contenu p span.emphase {
	color: #E9F1E4;
}
#contenu p span.actSoutien {
	color: #EB716A;
}
#contenu sup {
	font-size: 0.5em;
	margin: 0px 0px 0px 0.1em;
}
#contenu sup, #contenu sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
}
#contenu sup {
	bottom: 1ex;
}
#contenu sub {
	top: .5ex;
}
#contenu blockquote {
	margin: 0px 15px 0px 15px;
}
#contenu a:link, #contenu a:visited, .tooltipster-content a:link, .tooltipster-content a:visited {
	text-decoration: underline;
	color: #3d3d3d;
}
#contenu a:hover, #contenu a:active, .tooltipster-content a:hover, .tooltipster-content a:active {
	text-decoration: underline;
	color: #0f6892;
}
#contenu a.infobulle {
	text-decoration: none;
	border-bottom: dotted 1px #3e3e3e;
}
#contenu .contenuInvisible {
	display: none;
}
/* Listes ordonnées et non-ordonnées */
#contenu ul {
	margin: 0 0 1.2em 1.2em;
	list-style-type: disc;
}
#contenu ul li ul, #contenu ul li ol, #contenu ol li ul, #contenu ol li ol {
	margin: 0.44em 0 0 1.7em;
}
#contenu ul li, #contenu ol li {
	margin: 0 1em 0.44em 0;
	font-size: 0.85em;
}
#contenu ul li ul {
	list-style-image: url('img/structure/tiret_ul.gif');
}
#contenu ul li li, #contenu ol li li {
	font-size: inherit;
}
#contenu ul.grandeMarge li {
	margin: 0px 0px 15px 0px;
}
#contenu ul.sansPuce {
	list-style: none;
	margin: 0 0 1em 0;
}
#contenu ul.sansPuce li{
	margin-bottom: 1em;
}
#contenu ul li p, #contenu ol li p {
	margin: 5px 0px 5px 0px;
}
#contenu ol {
	margin: 0px 0px 15px 20px;
}
#contenu ol.margeNombres {
	margin: 0px 0px 15px 25px;
}
#contenu ul.sansMarge, #contenu ol.sansMarge {
	margin-bottom: 5px;
}
#contenu ul.margeHaut, #contenu ol.margeHaut {
	margin-top: 15px;
}
#contenu ol.listeLettre {
	list-style-type: lower-latin;
}
#contenu ol.notesBasPage {
	margin-top: 20px;
}
#contenu ol.notesBasPage li {
	font-size: 11px;
	margin: 0px 0px 10px 0px;
}
#contenu ol.references {
	list-style-image: none;
	list-style-type: none;
	margin: 0px 0px 0px 20px;
}
#contenu ol.references li {
	font-size: 11px;
	margin: 0px 0px 10px 0px;
	text-indent: -20px;
}
/* Accordéons */
#contenu .accordeon {
	margin: 0px 0px 15px 0px;
}
#contenu .accordeon .titre {
	position: relative;
	margin: 15px 0px 0px 0px;
	padding: 0px 22px 0px 5px;
	font-size: 14px;
	font-weight: bold;
	line-height: 22px;
	background-color: #ddebf1;
	color: #393939;
	cursor: pointer;
}
#contenu .accordeon .titre span {
	position: absolute;
	display: block;
	/* Empêche la sélection sur l'élément */
	user-select: none;
}
#contenu .accordeon .titre .iconeEtat {
	top: 1px;
	right: 28px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #676869;
}
#contenu .accordeon .titre .iconeEtatAccordeon {
	top: 2px;
	right: 5px;
	width: 17px;
	height: 17px;
	background: url(img/structure/stage123_ico_accordeon.png) no-repeat top left;
}
#contenu .accordeon .selectionne {
	background-color: #bcd7e3;
	color: #3e3e3e;
}
#contenu .accordeon .selectionne .iconeEtatAccordeon {
	background-position: 0 -17px;
}
#contenu .accordeon > div {
	overflow: auto;
	padding: 15px 15px 0px 15px;
	border-left: solid 1px #dceaf0;
}
/* Tableaux */
#contenu table {
	width: 100%;
	margin: 1em 0 0 0;
}
#contenu table.sansMarge {
	margin: 0 0 0 0;
}
#contenu table tr th {
	padding: 0.44em 1.1em;
	background-color: #c9dfe8;
	color: #333333;
	font-weight: bold;
	font-size: inherit;
	line-height: 1.2em;
}
#contenu table tr td {
	padding: 0.44em 1.1em;
	border-bottom: 1px solid #c3c8c9;
	line-height: 1.2em;
}
#contenu table tr.pair td {
	background-color: #f1f6f8;
}
#contenu table tr th, #contenu table tr td {
	font-size: 0.85em;
}
#contenu table tr th *, #contenu table tr td * {
	font-size: inherit;
}
#contenu table tr td ul li, #contenu table tr td ol li {
	margin: 0 0 0.44em 1.2em;
}
#contenu table tr td li:last-child {
	margin-bottom: 0px;
}
#contenu table tr td ol, #contenu table tr td ul {
	margin-left: 0px;
	margin-bottom: 0px;
}
#contenu table tr th.alignementCentre, #contenu table tr.alignementCentre, #contenu table tr td.alignementCentre {
	text-align: center;
}
#contenu table colgroup.colonneEmphase {
	background-color: #f1f6f8;
}
/* Largeurs de tableaux */
#contenu table.largeurDemi {
	width: 50%
}
#contenu table.largeurTroisQuarts {
	width: 75%
}
/* Largeurs de colonnes */
#contenu table .largeurDemi {
	width: 50%
}
#contenu table .largeurTier {
	width: 33%
}
#contenu table .largeurQuart {
	width: 25%
}
#contenu table .largeurVingtieme {
	width: 33%
}
/* -------------------- STYLES.CSS ------------------------- */
/* -------------------- zoneContenu/modReferences ------------ */

/* Boîte de listes de catégories */
#contenu #boiteListeCatRef {
	overflow: auto;
}
#contenu #boiteListeCatRef .listeCatRef {
	float: left;
	width: 33%;
}
#contenu #boiteListeCatRef .listeCatRef:first-child {
	width: 34%;
}
#contenu #boiteListeCatRef h2 {
	height: 30px;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 10px;
	/* Typographie :  - Regular */
	font-family: "PlanerRegular", sans-serif;
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	line-height: 30px;
	background-color: #b3b6b6;
	color: #3e3e3e;
}
#contenu #boiteListeCatRef ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
}
#contenu #boiteListeCatRef .listeCatRef:first-child ul {
	padding-left: 0px;
}
#contenu #boiteListeCatRef ul li {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
}
#contenu #boiteListeCatRef ul li a:link, #contenu #boiteListeCatRef ul li a:visited {
	display: block;
	padding: 5px 10px 5px 10px;
	text-decoration: none;
	background-color: #eeeeee;
	/* Ombrage */
	box-shadow: -2px 2px 5px #d5d5d5;
	/* Transition/animation */
	transition: all 0.3s ease-out;
	/* PIE - IE8 et moins */
	behavior: url(/wp-content/themes/STAGE-123/css/pie.htc);
}
#contenu #boiteListeCatRef ul li a:hover, #contenu #boiteListeCatRef ul li a:active, #contenu #boiteListeCatRef ul li a.itemSelectionne {
	background-color: #dfead1;
	color: inherit;
}
/* Liste de références */
#contenu ul#listeRef {
	margin: 0px 0px 0px 0px;
	border-top: 5px solid #d9dada;
}
#contenu ul#listeRef > li {
	padding: 15px 0px 15px 0px;
	list-style-type: none;
	border-bottom: 1px dotted #929292;
}
#contenu ul#listeRef > li h3 {
	margin-top: 0px;
}
#contenu ul#listeRef > li .reference_icone {
	float: left;
	margin-top: 2px;
	position: relative;
	top: -5px;
}
#contenu ul#listeRef > li .reference_contenu {
	padding-left: 50px;
}
#contenu ul#listeRef > li .summary, #contenu ul#listeRef > li .details {
	position: relative;
}
#contenu ul#listeRef > li .summary .read-more, #contenu ul#listeRef > li .details .read-less {
	display: block;
	float: right;
}
#contenu ul#listeRef > li .details .read-less {
	position: absolute;
	bottom: -10px;
	right: 5px;
}
#contenu ul#listeRef > li .summary > .read-more {
	margin-top: 0px;
	position: absolute;
	bottom: -10px;
	right: 5px;
}
#contenu ul#listeRef > li .summary > p .read-more {
	margin-top: 25px;
}
#contenu ul#listeRef > li .summary .read-more a, #contenu ul#listeRef > li .details .read-less a {
	color: #b65c54;
	padding-right: 26px;
	text-decoration: none;
}
#contenu ul#listeRef > li .summary .read-more a {
	background: url(img/structure/ico_en_savoir_plus.jpg) no-repeat top right;
}
#contenu ul#listeRef > li .details .read-less a {
	background: url(img/structure/ico_en_savoir_moins.jpg) no-repeat top right;
}
#contenu ul#listeRef > li .infos_supplementaires {
	position: relative;
	border-top: 1px dotted #929292;
	margin-top: 15px;
	padding-top: 15px;
	padding-bottom: 15px;
}
#contenu ul#listeRef > li .infos_supplementaires .titre_meta {
	float: left;
	font-weight: bold;
	margin-top: 4px;
}
#contenu ul#listeRef > li .infos_supplementaires .contenu_meta {
	padding-left: 120px;
	margin-bottom: 0px;
}
#contenu ul#listeRef li .infos_supplementaires .contenu_meta:last-child {
	margin-bottom: 0px;
}
#contenu ol#listePagination {
	float: right;
	margin: 10px 0 20px;
	overflow: auto;
	width: auto;
}
#contenu ol#listePagination li {
	float: left;
	list-style-type: none;
	margin: 0 0 0 10px;
	width: auto;
}
#contenu ol#listePagination li:first-child {
	margin-left: 0;
}
#contenu ol#listePagination li a:link, #contenu ol#listePagination li a:visited {
	background-color: #B3C77C;
	border-radius: 50% 50% 50% 50%;
	color: #FFFFFF;
	display: block;
	height: 22px;
	line-height: 22px;
	text-align: center;
	text-decoration: none;
	width: 22px;
}
#contenu ol#listePagination li a:hover, #contenu ol#listePagination li a:active {
	background-color: #9a9d9e;
	text-decoration: none;
}
#contenu ol#listePagination li.itemActif a {
	background-color: #9a9d9e;
}
/* -------------------- STYLES.CSS ------------------------- */
/* -------------------- zoneContenu/zoneArticle ------------ */

/* Liste de commentaires */
#contenu #zoneCommentaires h3 {
	margin: 15px 0px 15px 0px;
	padding: 10px 0px 0px 0px;
	border-top: dotted 1px #cecdc6;
}
#contenu #zoneCommentaires h3.nbreCommentaires {
	padding-left: 35px;
}
#contenu #zoneCommentaires h3.laisserCommentaire {
	padding-left: 25px;
}
#contenu #zoneCommentaires ol {
	margin: 0px 0px 0px 0px;
	list-style-type: none;
}
#contenu #zoneCommentaires ol li p {
	margin: 0px 0px 10px 0px;
}
#contenu #zoneCommentaires ol li p.infosCommentaire {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
}
/* Soumettre un commentaire */
#contenu #zoneCommentaires form p label {
	display: block;
	width: auto;
}
#contenu #zoneCommentaires form p {
	margin: 0px 0px 10px 0px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
}
#contenu #zoneCommentaires form input {
	width: 50%;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
}
#contenu #zoneCommentaires form textarea {
	width: 100%;
	height: 200px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	box-sizing: border-box;
}
#contenu #zoneCommentaires form input#submit {
	position: relative; /* Voir : http://css3pie.com/documentation/known-issues/#z-index */
	float: right;
	width: 25%;
	height: 30px;
	margin: 0px 0px 15px 0px;
	font-size: 12px;
	background-color: #F4E7C5;
	color: #6F6052;
	border: 0;
	cursor: pointer;
}
#contenu #zoneCommentaires form span.requis {
	color: #567839;
}
/* -------------------- STYLES.CSS ------------------------- */
/* -------------------- Chargement ------------------------- */

#chargement {
	display: none;
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 999999;
}
/* -------------------- STYLES.CSS ------------------------- */
/* -------------------- zoneBasPage ------------------------ */

/* Contenu du bas de page */
#zoneBasPage {
	background-color: #8d8e8d;
}
#zoneBasPage #copyright {
	height: 30px;
	width: 960px;
	margin: 0px auto;
	line-height: 30px;
	text-align: center;
	color: #ffffff;
}
#zoneBasPage #copyright p {
	font-size: 0.766em;
}
#zoneBasPage a:link, #zoneBasPage a:visited {
	text-decoration: none;
	color: #ffffff;
}
#zoneBasPage a:hover, #zoneBasPage a:active {
	text-decoration: underline;
}
/* -------------------- STYLES.CSS ------------------------- */
/* -------------------- infobulles ------------------------- */

.infobulleBleu {
	background-color: #dce9ef;
	box-shadow: 0px 5px 10px #d2d2d2;
	/* PIE - IE8 et moins */
	behavior: url(/wp-content/themes/STAGE-123/css/pie.htc);
}
.tooltipster-content {
	padding: 10px 10px 10px 10px;
	font-size: 14px;
	line-height: 20px;
	color: #3e3e3e;
}
.infobulleGris .tooltipster-content :last-child {
	margin-bottom: 0px;
}
/* -------------------- STYLES.CSS ------------------------- */
/* -------------------- Panneau d'outils ------------------- */

/* Panneaux en général */
.panneau {
	position: fixed;
	right: 0;
	display: none;
	z-index: 10;
	height: auto;
	padding: 20px 150px 20px 20px;
	background: #000000;
	border: 1px solid #111111;
	opacity: 1;
	/* Coins arrondis */
	border-radius: 20px 0px 0 20px;
	behavior: url(/wp-content/themes/STAGE-123/css/pie.htc); /* IE8 et moins */
}
/* Style de contenu des panneaux */
.panneau h3 {
	font-size: 15px;
	color: #ffffff;
	margin-top: 0px;
}
.panneau p {
	margin: 0 0 15px 0;
	padding: 0;
	color: #ffffff;
}
.panneau a {
	color: #9FC54E;
	text-decoration: none;
}
.panneau a:hover {
	margin: 0;
	padding: 0;
	color: #ffffff;
	text-decoration: none;
	border-bottom: 1px solid #ffffff;
}
/* Boutons d'accès en général */
a.btnPanneau {
	position: fixed;
	right: -95px;
	display: block;
	z-index: 11;
	width: 90px;
	padding: 12px 0px 12px 40px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	background-color: #ccc;
	color: #ffffff;
	outline: none;
	/* Coins arrondis */
	border-radius: 15px 0px 0 15px;
	/* Générateur de Gradient :   http://gradients.glrzad.com/   */
	
	background: #59595A;
	/*background-image: linear-gradient(left , #59595A 0%, #999999 100%);
	background-image: -o-linear-gradient(left , #59595A 0%, #999999 100%);
	background-image: -moz-linear-gradient(left , #59595A 0%, #999999 100%);
	background-image: -webkit-linear-gradient(left , #59595A 0%, #999999 100%);
	background-image: -ms-linear-gradient(left , #59595A 0%, #999999 100%);
	background-image: -webkit-gradient(
		linear,
		left top,
		right top,
		color-stop(0, #59595A),
		color-stop(1, #999999)
	);
    -pie-background: linear-gradient(left , #59595A, #999999);*/
	behavior: url(/wp-content/themes/STAGE-123/css/pie.htc); /* IE8 et moins */
}
a.btnPanneau span.img {
	position: absolute;
	left: 7px;
	top: 7px;
	width: 28px;
	height: 28px;
	background-repeat: no-repeat;
}
a.active.btnPanneau span.img {
	background-image: url(img/modules/panneaux/minus.png)!important;
	left: 12px;
	top: 12px;
}
/* Panneaux spécifiques */
#panneauRecherche {
	top: 230px;
	width: 400px;
} /* Positionnement du panneau de recherche */
#panneauChat {
	top: 230px;
	width: 600px;
} /* Positionnement du panneau de prise de notes */
/*#panneauActualites {top: 100px; width: 500px;} /* Positionnement du panneau des actualités */

/* Boutons d'accès spécifiques */
a#btnPanneauRecherche {
	top: 245px;
}
a#btnPanneauChat {
	top: 295px;
}
/*a#btnPanneauActualites {top:215px;}*/

a#btnPanneauRecherche span.img {
	background-image: url(img/modules/panneaux/ico_recherche.png);
}
a#btnPanneauChat span.img {
	background-image: url(img/modules/panneaux/ico_chat.png);
}
/*a#btnPanneauActualites span.img {background-image:url(img/modules/panneaux/ico_actualites.png);}*/

/* Styles pour le contenu du panneauRecherche */
#panneauRecherche #lancerRecherche {
	width: 85px;
	margin-left: 5px;
	background-color: #ffffff;
	border: solid 1px #71A12D;
	color: #000000;
	cursor: pointer;
}
#panneauRecherche #lancerRecherche:hover {
	width: 85px;
	background-color: #71A12D;
	border: solid 1px #71A12D;
	color: #ffffff;
	cursor: pointer;
}

/* -------------------- STYLES.CSS ------------------------- */
/* -------------------- Impression ------------------------- */

@media print {
/* Généralités */
	/* basées sur les normes d'impression CSS de HTML5 Boilerplate */
* {
	background: transparent !important;
	color: #000000 !important;
	box-shadow: none !important;
	text-shadow: none !important;
}
body {
	min-width: 100%;
}
a, a:visited {
	text-decoration: underline;
}
pre, blockquote {
	border: 1px solid #999;
	page-break-inside: avoid;
}
thead {
	display: table-header-group; /* h5bp.com/t */
}
tr, img {
	page-break-inside: avoid;
}
img {
	max-width: 100% !important;
}
 @page {
 margin: 1cm;
}
p, h2, h3 {
	orphans: 3;
	widows: 3;
}
h2, h3, h4, h5 {
	page-break-after: avoid;
}
/* Conteneurs principaux */
#zoneConteneur, #zoneMilieuPage, #zoneContenu, #contenu {
	display: block;
	float: none;
	width: 100%;
	margin: 0px;
	padding: 0px;
	border: none;
	overflow: none;
}
#zoneHautPage, #menuPrincipal, #zoneSecondaire, #zoneBasPage {
	display: none;
}
#zoneEntete img {
	display: none;
}
#zoneEntete img.impression {
	display: block;
}
/* Affichages des liens internes */
#contenu a:after {
	content: " (https://STAGE-123.teluq.ca/" attr(href)")";
}
/* Affichages des liens externe (sécurisés ou non) et des adresses de courriel */
#contenu a[href^="http://"]:after,  #contenu a[href^="https://"]:after,  #contenu a[href^="mailto:"]:after {
	content: " ("attr(href)")";
}
/* Règles de non-affichage des liens */
#contenu a[href^="javascript:"]:after,  #contenu a[href^="#"]:after,  #contenu a.nlp:after,  #contenu .boiteVideo a:after {
	display: none;
}
#contenu a {
	word-wrap: break-word;
}
/* Affichages des accordéons */
#contenu .accordeon .titre {
	padding: 0px;
}
#contenu .accordeon > div {
	display: block !important;
	padding-left: 0px;
	padding-bottom: 0px;
	border: 0px;
}
#contenu .accordeon > div :last-child {
	margin-bottom: 0px;
}
/* Panneaux d'outils */
.panneau {
	display: none;
}
a.btnPanneau {
	display: none;
}
}