/*
Theme Name: EDU 1035
Theme URI: https://edu1035.teluq.ca/
Description: Thème du cours EDU 1035 pour Wordpress.
Author: <a href="mailto:jgiguere@teluq.ca" title="Jonathan Robitaille">Jonathan Robitaille</a>
Tags: wpms, gabarit, cours, communication, distance, p&eacute;dagogique, t&eacute;luq
About: T&eacute;l&eacute;-universit&eacute;, Universit&eacute; du Qu&eacute;bec, 2014 - Tous droits r&eacute;serv&eacute;s
*/

/* styles.css
 * G�re l'apparence des styles
 * Version : 1.1
 * Derni�res modifications : 25 juin 2014
 * Auteur : Jonathan Robitaille
 * Note : Les prefixes CSS sont g�r�s par prefixfree.js
 * Table des mati�res
 * ==================================================
	g�n�raux
	zoneEntete
	conteneurs
	zoneHautPage
	zoneInformative
	menuPrincipal
	zoneSecondaire
	zoneContenu
	zoneContenu/zoneArticle
	zoneBasPage
	infobulles
	panneaux
	impression */

/* ==================================================
 * typographie
 * ================================================== */

/* ==================================================
 * typographie
 * ================================================== */

/* OPEN SANS */
@font-face {
    font-family: 'open_sans_extra_bold';
    src: url('css/typographie/OpenSans-ExtraBold.ttf') format('truetype');
    font-weight:bolder;
    font-style: normal;
}

/* SCRIBER */

@font-face {
    font-family: 'proxima_nova_ltlight';
    src: url('css/typographie/ProximaNova-Light-webfont.eot');
    src: url('css/typographie/ProximaNova-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('css/typographie/ProximaNova-Light-webfont.woff') format('woff'),
         url('css/typographie/ProximaNova-Light-webfont.ttf') format('truetype'),
         url('css/typographie/ProximaNova-Light-webfont.svg#proxima_nova_rgregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'proxima_nova_ltsemibold';
    src: url('css/typographie/ProximaNova-Sbold-webfont.eot');
    src: url('css/typographie/ProximaNova-Sbold-webfont.eot?#iefix') format('embedded-opentype'),
         url('css/typographie/ProximaNova-Sbold-webfont.woff') format('woff'),
         url('css/typographie/ProximaNova-Sbold-webfont.ttf') format('truetype'),
         url('css/typographie/ProximaNova-Sbold-webfont.svg#proxima_nova_ltsemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'proxima_nova_rgregular';
    src: url('css/typographie/ProximaNova-Reg-webfont.eot');
    src: url('css/typographie/ProximaNova-Reg-webfont.eot?#iefix') format('embedded-opentype'),
         url('css/typographie/ProximaNova-Reg-webfont.woff') format('woff'),
         url('css/typographie/ProximaNova-Reg-webfont.ttf') format('truetype'),
         url('css/typographie/ProximaNova-Reg-webfont.svg#proxima_nova_rgregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* ==================================================
 * g�n�raux
 * ================================================== */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 12px;
	/*background: url(img/structure/img_background_texture.jpg) repeat-y top left;
	background-size:cover;*/
	background:#f2f0e6;
	/* Emp�cher l'ajustement du texte sur les plateformes iOS */
	text-size-adjust: 100%;
}
body.fancybox-lock {
	margin-right:0px !important;
	
}
.fancybox-lock .fancybox-overlay {
	overflow-y:hidden !important;
}

/* Ombrages */
.ombrage {
	box-shadow: 0px 5px 15px rgba(0,0,0, 0.5);
	/* PIE - IE8 et moins */
	behavior: url(/wp-content/themes/gabarit_xhtml/css/pie.htc);
}
.ombrageDoux {
	box-shadow: 0px 5px 15px #ccc;
	/* PIE - IE8 et moins */
	behavior: url(/wp-content/themes/gabarit_xhtml/css/pie.htc);
}
/* Particularit�s */
.impression {
	display: none;
}
/* ==================================================
 * zoneEntete
 * ================================================== */

#zoneEntete {
	height: 45px;
	position: relative;
	z-index: 10;
	overflow:hidden;
}
#zoneEntete #logo {
	width: 960px;
	margin: 0px auto;
	overflow: auto;
	height:65px;
	background: url(img/structure/img_banniere.jpg) no-repeat top left;
}
#zoneEntete #logo img {
	width: 132px;
	margin: 2px 3px 0px 0px;
}
/* ==================================================
 * conteneurs
 * ================================================== */

#zoneConteneur {
	background-color: #ffffff;
	overflow-x: hidden;
	overflow-y: auto;
}
/* Liens */
#zoneConteneur a:link, #zoneConteneur a:visited {
	text-decoration: none;
}
#zoneConteneur a:hover, #zoneConteneur a:active {
	text-decoration: underline;
}
/* Faux colonnes */
#zoneMilieuPage {
	overflow: hidden;
}
/* ==================================================
 * zoneHautPage
 * ================================================== */

#zoneHautPage {
	height: 167px;
	margin: 0px 0px 0px 0px;
	background: url(img/structure/img_banniere.jpg) no-repeat bottom left;
	position: relative;
}
.ie8 #zoneHautPage {
	width: 959px;
}
#zoneHautPage h1 a {
	background: url(img/structure/txt_titreCours.png) no-repeat top left;
	display: block;
    float: left;
    font-size: 34px;
    height: 167px;
    line-height: 34px;
    margin: -1px 0 0 7px;
    text-indent: -9999px;
    width: 184px;
}
/* ==================================================
 * zoneInformative
 * ================================================== */

#zoneInformative {
	margin: 0px;
	padding: 10px 20px 0px 0px;
	font-size: 12px;
	line-height: 15px;
	overflow: auto;
	color: #818181;
	width: 720px;
	float: right
}
#zoneInformative p.filAriane {
	float: left;
	width: auto;
}
#zoneInformative p.infoConnection {
	float: right;
	width: auto;
}
#zoneInformative a:link, #zoneInformative a:visited {
	text-decoration: underline;
	color: #818181;
}
#zoneInformative a:hover, #zoneInformative a:active {
	text-decoration: none;
}
/* ==================================================
 * menuPrincipal
 * ================================================== */

ul#menuPrincipal {
	margin: 0px 0px 0px 0px;
	padding-left:10px;
	width: 744px;
	position: absolute;
	bottom: -15px;
	right: 0;
	overflow:visible;
	background:url(img/structure/img_texture_menu_principal.gif) repeat-x top left;
}
ul#menuPrincipal li {
	display: inline-block;
	font-family: 'proxima_nova_rgregular', arial;
	max-width: 89px;
	margin: 0px 0px 0px 0px;
	font-size: 13px;
	line-height: 14px;
	list-style-type: none;
	text-align: center;
	overflow:visible;
	background:url(img/structure/img_menu_separateur.png) right center no-repeat;
	top:-7px;
	left:-16px;
	font-size: 12px;
}

ul#menuPrincipal li#menu-item-30,
ul#menuPrincipal li#menu-item-28,
ul#menuPrincipal li#menu-item-123 {
	max-width: 144px;
	margin-left:7px;
}

ul#menuPrincipal li a:link, ul#menuPrincipal li a:visited, ul#menuPrincipal li a:active {
	display: table-cell;
	text-decoration: none;
	background-color:transparent;
	color: #673b15;
	height: 60px;
	overflow:visible;
	position:relative;
	z-index:20;
	box-sizing:border-box;
}

ul#menuPrincipal li a span.white {
	display:block;
	margin:0px 13px;
	padding:16px 0;
	box-sizing:border-box;
	height:100%;
	min-height:60px;
}

.ie8 ul#menuPrincipal li a span.white {
	min-height:0px;
}

ul#menuPrincipal li.menu-item-30 a span.white,
ul#menuPrincipal li.menu-item-123 a span.white {
	margin:0px 7px;
	padding:16px 6px;
}

ul#menuPrincipal li.menu-item-28 a span.white {
	margin:0px 11px;
	padding:16px 2px;
}

ul#menuPrincipal li#menu-item-36 a span.white,
ul#menuPrincipal li#menu-item-32 a span.white {
	min-width:63px;
}

ul#menuPrincipal li.current_page_item a span.white, 
ul#menuPrincipal li.current-page-ancestor a span.white,
ul#menuPrincipal li a:hover span.white {
	background:white;
}

ul#menuPrincipal > li:last-child {
	border-right:none;
	background:transparent;
}

ul#menuPrincipal li a:hover:before {
	position:absolute;
	margin-top:-45px;
	top:50%;
	margin-left:-48px;
	left:50%;
	width:90px;
	height:75px;
	content:url(img/structure/img_pad_hover_v2.png);
	z-index:1;
	color: #0f7394;
	/* Transition/animation */
}

.ie8 ul#menuPrincipal li a:hover:before {
	margin-left:-42px;
}

ul#menuPrincipal li.menu-item-30 a:hover:before,
ul#menuPrincipal li.menu-item-123 a:hover:before {
	position:absolute;
	margin-left:-64px;
	width:115px;
	content:url(img/structure/img_pad_hover_big_v2.png);
	/* Transition/animation */
}

ul#menuPrincipal li.menu-item-28 a:hover:before {
	position:absolute;
	margin-left:-50px;
	width:95px;
	content:url(img/structure/img_pad_hover_middle_v2.png);
	/* Transition/animation */
}

ul#menuPrincipal li.current_page_item, ul#menuPrincipal li.current-page-ancestor {
	border-left:none;
	border-right:none;
}

ul#menuPrincipal li.current_page_item a:link:before, ul#menuPrincipal li.current_page_item a:visited:before, ul#menuPrincipal li.current-page-ancestor a:link:before, ul#menuPrincipal li.current-page-ancestor a:visited:before {
	position:absolute;
	margin-top:-45px;
	top:50%;
	margin-left:-48px;
	left:50%;
	width:90px;
	height:75px;
	content:url(img/structure/img_pad_hover_v2.png);
	z-index:1;
	color: #fff;
}

.ie8 ul#menuPrincipal li.current_page_item a:link:before, .ie8 ul#menuPrincipal li.current_page_item a:visited:before, .ie8 ul#menuPrincipal li.current-page-ancestor a:link:before, .ie8 ul#menuPrincipal li.current-page-ancestor a:visited:before {
	margin-left:-42px;
}

ul#menuPrincipal li.current_page_item.menu-item-30 a:link:before,
ul#menuPrincipal li.current_page_item.menu-item-30 a:visited:before,
ul#menuPrincipal li.current-page-ancestor.menu-item-30 a:link:before,
ul#menuPrincipal li.current-page-ancestor.menu-item-30 a:visited:before,
ul#menuPrincipal li.current_page_item.menu-item-123 a:link:before,
ul#menuPrincipal li.current_page_item.menu-item-123 a:visited:before,
ul#menuPrincipal li.current-page-ancestor.menu-item-123 a:link:before,
ul#menuPrincipal li.current-page-ancestor.menu-item-123 a:visited:before {
	margin-left:-64px;
	width:115px;
	content:url(img/structure/img_pad_hover_big_v2.png);
}

ul#menuPrincipal li.current_page_item.menu-item-28 a:link:before,
ul#menuPrincipal li.current_page_item.menu-item-28 a:visited:before,
ul#menuPrincipal li.current-page-ancestor.menu-item-28 a:link:before,
ul#menuPrincipal li.current-page-ancestor.menu-item-28 a:visited:before {
	margin-left:-50px;
	width:95px;
	content:url(img/structure/img_pad_hover_middle_v2.png);
}


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 {
	color: #673b15;
}

ul#menuPrincipal li.current_page_item a:hover, ul#menuPrincipal li.current-page-ancestor a:hover {
	text-decoration:none;
}
/* ==================================================
 * zoneSecondaire
 * ================================================== */

#zoneSecondaire {
	padding: 50px 0px 30px 0px;
	background: white;
}
#menuSecondaire {
	margin: 0px 8px 0px 20px;
}
/* Niveau 2, 3 et 4 (en incluant le menu principal en tant que niveau 1) */
#menuSecondaire li {
	margin: 0px;
	font-family: 'proxima_nova_rgregular', arial;
	font-size: 13px;
	line-height: 15px;
	list-style-type: none;
	border-bottom: solid 1px #673b15;
}
#menuSecondaire > li:first-child {
	margin-top: 0px;
}


#menuSecondaire li a:link, #menuSecondaire li a:visited, #menuSecondaire li a:active {
	display: block;
	margin: 4px 0px;
	padding: 3px 5px;
	text-decoration: none;
	color: #673b15;
}
#menuSecondaire li a:hover {
	text-decoration: none;
	color: #fff;
	background-color: #673b15;
	/* Transition/animation */
	transition: all 0.3s ease-out;
}
/* Item courant */
#menuSecondaire li.current_page_item, #menuSecondaire li.current_page_item {
	margin-top: 4px;
	margin-bottom: 4px;
	border-bottom: none;
}
#menuSecondaire li.current_page_item > a:link, #menuSecondaire li.current_page_item > a:visited {
	color: #fff;
	background-color: #673b15;
	display: inline-block;
}
/* Accord�ons */
#menuSecondaire li.page_item_has_children {
	border-bottom: none;
}
#menuSecondaire li.page_item_has_children.selectionne {
	border-bottom: none;
}
#menuSecondaire li.page_item_has_children.selectionne + li {
	border-top: none;
}
#menuSecondaire > li.parent_item > a {
	color: #313131;
}
#menuSecondaire > li.parent_item > a:hover {
	color: #fff;
}
/* Niveau 3 - particularit�s (en incluant le menu principal en tant que niveau 1) */
#menuSecondaire li ul {
	margin: 0px 0px 7px 0px;
	padding-left: 15px;
	border-top: 2px solid #673b15;
}
#menuSecondaire li.page_item_has_children.current_page_item ul {
	border-top: none;
	margin-top: 10px;
}
#menuSecondaire li li.current_page_item:first-child {
	margin: 10px 0px 6px 0px;
}
#menuSecondaire li li {
	margin: 0px 0px 0px 0px;
	border-bottom-color: #089aa1 !important;
}
#menuSecondaire li.parent_item li.parent_item a {
	padding: 0px 0px 0px 0px;
	font-size: 15px;
	border-bottom: none;
}
#menuSecondaire li.parent_item li.parent_item > a {
	font-size: 14px;
	line-height: 16px;
	text-transform: uppercase;
}

#menuSecondaire li.page-item-126 a {
	padding-right:28px;
}

/* Niveau 4 - particularit�s (en incluant le menu principal en tant que niveau 1) */
#menuSecondaire li li ul {
	margin: 0px 0px 20px 0px;
}
#menuSecondaire li li li {
	margin: 3px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	background: url(img/structure/wpmsgab_ico_menusec_niv3.gif) no-repeat 0px 8px;
}
/* ==================================================
 * zoneContenu
 * ================================================== */

#contenu {
	margin: 0px 0px 0px 0px;
	padding: 30px 53px 30px 40px;
}
#contenu.pleineLargeur {
	padding: 50px 20px 30px 20px;
}
/* Titres */
#contenu h1 {
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 0px 0px;
	/* Typographie : Proxima Nova Alt Condensed - Regular */
	font-family: 'proxima_nova_rgregular', sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 24px;
	line-height: 24px;
	color: #3d849c;
}
#contenu h1 a.infobulle {
	color: #debb63;
	border-bottom-color: #debb63;
}
#contenu h2 {
	margin: 20px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	/* Typographie : Proxima Nova Alt Condensed - Regular */
	font-family: 'proxima_nova_rgregular', sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 19px;
	line-height: 21px;
	color: #3d849c;
}
#contenu h3 {
	margin: 20px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	/* Typographie : Proxima Nova Alt Condensed - Semibold */
	font-family: 'proxima_nova_rgregular', sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 17px;
	line-height: 19px;
	color: #3d849c;
}

#contenu h3.figure,
#contenu h3.titreFigure {
	margin: 20px 0px 0px 0px;
	border-bottom:1px solid #673b15;
	padding-bottom:3px;
	font-size: 14px;
	line-height: 16px;
}

#contenu .boite h3 {
	font-family: 'proxima_nova_rgregular', sans-serif;
}


.page-id-91 #contenu {
}

.page-id-91 #contenu p {
	background:url(img/structure/etoile_credit.png) no-repeat left 2px;
	padding-left:22px;
}

#contenu h4 {
	margin: 20px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	/* Typographie : Proxima Nova Alt Condensed - Semibold */
	font-family: 'proxima_nova_ltsemibold', sans-serif;
	font-style: italic;
	font-weight: 600;
	font-size: 12px;
	line-height: 16px;
	color: #3d849c;
}
/* Contenu texte */
#contenu {
	font-family: 'proxima_nova_rgregular', arial;
	font-size: 14px;
	line-height: 18px;
	color: #000000;
}

#contenu strong  {
	font-family: 'proxima_nova_rgregular';
	color:#000000;
	font-weight:900;
}

#contenu h1, #contenu h2, #contenu h3, #contenu h4, #contenu h5 {
	color: #673b15;
}
#contenu .jaune {
	color: #673b15;
}
#contenu p, .tooltipster-content p {
	margin: 0px 0px 15px 0px;
}

#contenu p.sansMarge, .tooltipster-content p.sansMarge {
	margin: 0px 0px 5px 0px;
}
#contenu .notes {
	font-size: 11px;
	line-height: 16px;
	color: #3d3d3d;
}
#contenu p.source {
	font-size: 10px;
	line-height: 15px;
	color: #3d849c;
}

img.alignright {float:right; margin:0 0 15px 15px;}

#contenu sup {
	font-size: 10px;
	vertical-align: top;
	margin: 0px 0px 0px 2px;
	position:relative;
	top:-2px;
}
#contenu blockquote {
	margin: 0px 0px 0px 15px;
}
#contenu a:link, #contenu a:visited, .tooltipster-content a:link, .tooltipster-content a:visited {
	text-decoration:none;
	border-bottom:1px solid #3d3d3d;
	color: #3d3d3d;
}

#contenu a:hover {
	border-bottom:none;
}

#contenu a:hover, #contenu a:active, .tooltipster-content a:hover, .tooltipster-content a:active {
	text-decoration: none;
	color: #3d3d3d;
}
#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: 0px 0px 15px 15px;
	list-style-type: none;
	list-style-image:url(img/structure/img_tiret.png);
}
#contenu ul.invisible {
	list-style-image:none;
}

#contenu ul.marge10 {
	margin-left:0;
	padding-left:0; 
}

#contenu ul.marge10 li {
	margin-bottom:10px;
}


#contenu ul li, #contenu ol li {
	margin: 0px 0px 5px 0px;
}

#contenu table ul li, #contenu table ol li {
	line-height:15px;
}
#contenu ul.grandeMarge li {
	margin: 0px 0px 15px 0px;
}
#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 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;
}
/* Images */
#contenu img.alignementGauche, #contenu img.alignementDroite {
	display: block;
	margin: 0px 0px 15px 0px;
}

#contenu span.journal_bord,
#contenu span.activite_apprentissage {
	position:relative;
	padding:2px 20px 2px 0;
}

#contenu span.journal_bord {
	background: url(img/structure/icones/ico_journal_de_bord_min.png) no-repeat right 3px;
}

#contenu .boite.machineCafe span.journal_bord {
	background: url(img/structure/icones/ico_journal_de_bord_min.png) no-repeat right 3px;
}

#contenu span.activite_apprentissage {
	background:url(img/structure/icones/ico_activite-apprent_min.png) no-repeat right 3px;
}

#contenu .boite.machineCafe span.activite_apprentissage {
	background:url(img/structure/icones/ico_activite-apprent_min.png) no-repeat right 3px;
}

#contenu .alpha {
	list-style-type:lower-alpha;
}

.legende-documents li {
	background:url(http://placehold.it/24x24.png/) no-repeat left top;
	padding-left:30px;
}

table.liste-documents td a {
	background:url(http://placehold.it/24x24.png/) no-repeat left top;
	padding-left:30px;
	text-decoration:underline !important;
	border-bottom:none !important;
	display:inline-block;
}

table.liste-documents td a:hover {
	text-decoration:none !important;
}

.ico-ministeriel, .ico-doc-electronique,
.ico-lien-externe, .ico-manuel-reference {
	padding-left:20px;
}

.legende .ico-ministeriel, .legende .ico-doc-electronique,
.legende .ico-lien-externe, .legende .ico-manuel-reference {
	padding:5px 0px 7px 40px;
}

.ico-ministeriel {
	background:url(img/structure/icones/ico_ministere_15.png) no-repeat 2px 2px;
}

.ico-doc-electronique {
	background:url(img/structure/icones/ico_pdf_15.png) no-repeat 2px 2px;
}

.ico-lien-externe {
	background:url(img/structure/icones/ico_site_internet_15.png) no-repeat 0px 2px;
}

.ico-manuel-reference {
	background:url(img/structure/icones/ico_lecture_pdf_15.png) no-repeat 0px 2px;
}

.legende .ico-ministeriel {
	background:url(img/structure/icones/ico_ministere.png) no-repeat top left;
}

.legende .ico-doc-electronique {
	background:url(img/structure/icones/ico_pdf.png) no-repeat top left;
}

.legende .ico-lien-externe {
	background:url(img/structure/icones/ico_site_internet.png) no-repeat top left;
}

.legende .ico-manuel-reference {
	background:url(img/structure/icones/ico_lecture_pdf.png) no-repeat top left;
}


/* Bo�tes */
#contenu .boite {
	position: relative;
	margin: 0px 15px 15px 15px;
	padding: 10px 15px 0px 32px;
}

#contenu .boite:before {
	position:absolute;
	top:10px; 
	left:-14px;
	content: url(img/structure/icones/ico_question.png);
	width:30px;
	height:30px;
	display:block;
	
	border-radius:12px;
	/* PIE - IE8 et moins */
    behavior: url(/wp-content/themes/edu6014/css/pie.htc);
}

#contenu .boite.machineCafe {
	padding-top:42px;
	padding-left:60px;
}

#contenu .boite.machineCafe h1 {
	color:#673b15;
	left: -12px;
    padding: 3px 11px;
    position: relative;
	display:inline-block;
	height:24px;
}

#contenu .boite.machineCafe .contenu {
	color:#673b15;
	padding:10px 0;
}

#contenu .boite.machineCafe .contenu strong  {
	color:#673b15;
}

#contenu .boite.machineCafe:before {
	content:url(img/structure/icones/ico_machineCafe.png);
	top:10px; 
	left:-14px;
	width:65px;
	height:70px;
}

#contenu .boite.activite:before {
	content:url(img/structure/icones/ico_activite-apprent.png);
	top:10px; 
	left:-10px;
	width:30px;
	height:30px;
}

#contenu .boite.conseil:before {
	content:url(img/structure/icones/ico_conseil.png);
	top:10px; 
	left:-10px;
	width:30px;
	height:30px;
}

#contenu .boite.cafe:before {
	content:url(img/structure/icones/ico_machine_cafe.png);
	top:10px; 
	left:-21px;
	width:52px;
	height:42px;
}

#contenu .boite.lecture:before {
	content:url(img/structure/icones/ico_lecture_pdf.png);
	top:10px; 
	left:-10px;
	width:30px;
	height:30px;
}

#contenu .boite.pdf:before {
	content:url(img/structure/icones/ico_pdf.png);
	top:10px; 
	left:-10px;
	width:30px;
	height:30px;
}

#contenu .boite.web:before {
	content:url(img/structure/icones/ico_site_internet.png);
	top:10px; 
	left:-10px;
	width:30px;
	height:30px;
}

#contenu .boite.tele:before {
	content:url(img/structure/icones/ico_tele.png);
	top:10px; 
	left:-10px;
	width:30px;
	height:30px;
}

#contenu .boite.journal_bord:before,
#contenu .boite.journal:before {
	content:url(img/structure/icones/ico_journal_de_bord.png);
	top:10px; 
	left:-10px;
	width:30px;
	height:30px;
}

#contenu .boite *:first-child {
	margin-top: 0;
}
/* Bo�tes - animations vid�o */
#contenu .boiteAnimVideo {
	margin: 0px 0px 15px 0px;
}
/* Accord�ons */
#contenu .accordeon {
	margin: 15px 0px 25px 0px;
}
#contenu .accordeon .titre {
	font-family: 'proxima_nova_rgregular';
	position: relative;
	margin: 0px 0px 0px 0px;
	padding: 15px 22px 3px 5px;
	font-size: 15px;
	line-height: 17px;
	background-color: transparent;
	border-bottom:1px solid #ce6151;
	color: #ce6151;
	cursor: pointer;
}

#contenu .accordeon .titre sup {
	position: relative;
	top:-6px;
}

#contenu .accordeon .titre sup a {
	color:#ce6151;
	border-bottom-color:#ce6151;
}

#contenu .accordeon .titre:before {
	display:block;
	position:absolute;
	top: 12px;
	right: 5px;
	width: 17px;
	height: 17px;
	content: "";
	background:url(img/structure/edu1035_ico_accordeon.png) no-repeat top left;
}
#contenu .accordeon .selectionne {
	color:#cb5e4e;
}

#contenu .accordeon .titre.selectionne:before {
	background-position: 0 -17px;
}

#contenu .accordeon > div {
	padding: 15px 15px 15px 15px;
	/*background:url(img/structure/fond_menuderoulant.png) repeat-y top left;
	background-size:cover;*/
	background:#fefefd;
	/*border-left: solid 1px #378585;*/
}
#contenu .accordeon > div *:first-child {
	margin-top:0;
}
#contenu .accordeon > div *:last-child {
	margin-bottom:0;
}

/* Tableaux */
#contenu table {
	width: 100%;
	margin: 0px 0px 15px 0px;
}
#contenu table.sansMarge {
	margin: 0px 0px 5px 0px;
}

#contenu table tr th {
	padding: 5px 15px 5px 15px;
}

#contenu table tr th[scope="col"] {
	background-color: #673b15;
	font-size:16px;
	color: #fff;
	border-right: none;
}

#contenu table tr.sous-titre th[scope="col"] {
	background-color: transparent;
	font-size:14px;
	color: #673b15;
	border-right: 1px dotted #929596;
	border-bottom:1px dotted #929596;
	text-align:center;
}

#contenu table tr th[scope="col"]:last-child {
	border-right: none;
}

#contenu table tr th {
	padding: 3px 15px 3px 15px;
}


#contenu table tr:first-child th {
	border-right:none;
}

#contenu table tr th:first-child {
	border-bottom: 1px dotted #929596;
}

#contenu table tr th:first-child {
	border-right: 1px dotted #929596;
}


#contenu table tr:first-child th:first-child {
	border-right: 1px dotted #fff;
}


#contenu table tr td {
	padding: 10px 15px;
	font-size:14px;
	border-bottom: 1px dotted #929596;
	border-right: 1px dotted #929596;
}

#contenu table tr td:last-child {
	border-right: none;
}


#contenu table .alignementCentre {
	text-align: center;
}
#contenu table .colonneEmphase {
	background-color: #e9f1e4;
}
/* 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 .largeurVingtieme {
	width: 33%
}
#contenu table .largeurDixieme {
	width: 10%
}
/* Tableaux : contenus */
#contenu table p, #contenu table ul, #contenu table ol {
	margin-bottom: 5px;
}
/* Navigation entre les articles (r�sultats de recherche) */
#contenu .navigationArticle {
	margin: 0px;
	overflow: auto;
}
/* Lecteur vid�o */
#contenu .lecteurVideo {
	margin: 70px 0px 45px;
	padding: 0 35px 0 115px;
	box-sizing: border-box;
	position: relative;
	left:-23px;
}

#contenu .lecteurVideo.petiteMarge {
	margin-top:64px;
}

#contenu .lecteurVideo .television.inactif {
	cursor:default;
}

.ie8 #contenu .lecteurVideo .television {
	width: 0px;
	height: 93px;
	display:block;
	position:absolute;
	top:0;
	left:0;
	border-bottom:none;
}

.ie8 #contenu .lecteurVideo .television:hover {
	border-bottom:none;
}

#contenu .lecteurVideo .television:before {
	content: url(img/structure/img_teleVide.png);
	width: 90px;
	height: 93px;
	position: absolute;
	top: 0%;
	left: 16px;
	margin-top: -56px;
	margin-left:-4px;
	z-index: 2;
}


#contenu .lecteurVideo .television:after {
	/* Personnage par d�faut dans la t�l�vision = Mario */
	/*content:url(img/structure/img_marioRichardTelevision.jpg);*/
	width: 80px;
	height: 54px;
	position: absolute;
	top: 0%;
	left: 24px;
	margin-top: 6px;
	z-index: 1;
}

.ie8 #contenu .lecteurVideo .television:after {
	/* Personnage par d�faut dans la t�l�vision = Mario */
	/*content:url(img/structure/img_marioRichardTelevision.jpg);*/
	content:normal;
	display:none;
}

/* Personnages de la t�l�vision  80x54 */
#contenu .lecteurVideo.mario .television:after {
	content: url(img/structure/img_marioRichardTelevision.jpg);
}

.ie8 #contenu .lecteurVideo.mario .television:before {
	content: url(img/structure/img_teleMRichard.png);
}

#contenu .lecteurVideo.icea .television:after {
	content: url(img/structure/img_iceaTelevision.jpg);
}

.ie8 #contenu .lecteurVideo.icea .television:before {
	content: url(img/structure/img_iceaTelevision_ie8.png);
}

#contenu .lecteurVideo.fbdm .television:after {
	content: url(img/structure/img_fbdmTelevision.jpg);
}

.ie8 #contenu .lecteurVideo.fbdm .television:before {
	content: url(img/structure/img_fbdmTelevision_ie8.png);
}

#contenu .lecteurVideo.csn .television:after {
	content: url(img/structure/img_csnTelevision.jpg);
}

.ie8 #contenu .lecteurVideo.csn .television:before {
	content: url(img/structure/img_csnTelevision_ie8.png);
}

#contenu .lecteurVideo.yl .television:after {
	content: url(img/structure/img_yvesleclercTelevision.jpg);
}

.ie8 #contenu .lecteurVideo.yl .television:before {
	content: url(img/structure/img_yvesleclercTelevision_ie8.png);
}

#contenu .lecteurVideo.lf .television:after {
	content: url(img/structure/img_luciefortierTelevision.jpg);
}

.ie8 #contenu .lecteurVideo.lf .television:before {
	content: url(img/structure/img_luciefortierTelevision_ie8.png);
}

#contenu .lecteurVideo.dimensions .television:after {
	content: url(img/structure/img_dimensionsTelevision.jpg);
}

.ie8 #contenu .lecteurVideo.dimensions .television:before {
	content: url(img/structure/img_dimensionsTelevision_ie8.png);
}

.ie8 #contenu .lecteurVideo .television:after {
	content:normal;
}


#contenu .lecteurVideo *:first-child {
	margin-top: 0px;
}
#contenu .lecteurVideo *:last-child {
	margin-bottom: 0px;
}
#contenu .lecteurVideo .conteneur {
	padding: 13px 30px 13px 80px;
	background:#fefefd;
	border:1px solid #673b15;
}

#contenu .lecteurVideo .conteneur h3 {
	font-family: 'proxima_nova_rgregular', sans-serif;
	font-size:15px;
	line-height:18px;
	margin-bottom:15px;
}

#contenu .lecteurVideo .conteneur h3.first {
	margin-top:0;
}

#contenu .lecteurVideo .conteneur h3 a {
	color: #3d3d3d;
	border-bottom:none;
	text-decoration:underline;
}
#contenu .lecteurVideo .conteneur h3 a:hover {
	text-decoration: none;
}

#contenu .lecteurVideo .conteneur p {
	font-size:10px;
	display:none;
}

#contenu .lecteurVideo .conteneur p.intervenant,
#contenu .lecteurVideo.accueil .conteneur p,
#contenu .lecteurVideo .conteneur p.texte {
	display:block;
}

#contenu .lecteurVideo .conteneur p.intervenant {
	font-size:11px;
	line-height:15px;
	margin-bottom:5px;
}

#contenu .lecteurVideo .conteneur p.intervenant:last-child {
	margin-bottom:0px;
}


#contenu .lecteurVideo.accueil .conteneur p {
	font-size:13px;
}

#contenu .lecteurVideo.accueil .conteneur p.notes {
	font-size:11px;
}

/*-----------------------------------
|         Bouton retour en haut de page
-------------------------------------*/
#contenu {
	position: relative;
}
#contenu a.back-to-top {
	position: fixed;
	bottom: 6em;
	margin-left: 732px;
	text-decoration: none;
	text-align: center;
	color: #000000;
	font-size: 12px;
	padding: 1em;
	display: none;
	border-bottom: none;
	width: 30px;
	height: 20px;
	border-bottom: none;
	background-color:#fff;
	background-color:rgba(255,255,255, 0.7);
	background: url(img/structure/img_retour_sommet_up.png) no-repeat center center;
}
#contenu a.back-to-top:hover {
	color: #ffffff;
	border-bottom: none;
	background-color:rgba(255,255,255, 0.7);
	background: url(img/structure/img_retour_sommet_hover.png) no-repeat center center;
}

.ie8 #contenu a.back-to-top,
.ie8 #contenu a.back-to-top:hover {
	background-color:#fff;
}

/* ==================================================
 * 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;
}
/* ==================================================
 * zoneBasPage
 * ================================================== */

/* Contenu du bas de page */
#zoneBasPage {
	height: 30px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #656565;
}
#zoneBasPage #copyright {
	line-height: 30px;
	text-align: center;
	color: #ffffff;
}
#zoneBasPage a:link, #zoneBasPage a:visited {
	text-decoration: none;
	color: #ffffff;
}
#zoneBasPage a:hover, #zoneBasPage a:active {
	text-decoration: underline;
}
/* ==================================================
 * infobulles
 * ================================================== */

.infobulleGris {
	background-color: #e2e2e2;
	box-shadow: 0px 5px 10px #d2d2d2;
	/* PIE - IE8 et moins */
	behavior: url(/wp-content/themes/gabarit_xhtml/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;
}
/* ==================================================
 * panneaux
 * note : le panneau d'actualit�s est cach� par d�faut.
 * ================================================== */

/* 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/gabarit_xhtml/css/pie.htc); /* IE8 et moins */
}
/* Style de contenu des panneaux */
.panneau h3 {
	margin-top: 0px;
	font-size: 15px;
	color: #ffffff;
}
.panneau p {
	margin: 0 0 15px 0;
	padding: 0;
	color: #ffffff;
}
.panneau a {
	text-decoration: none;
	color: #9FC54E;
}
.panneau a:hover {
	margin: 0;
	padding: 0;
	text-decoration: none;
	border-bottom: 1px solid #ffffff;
	color: #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-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/gabarit_xhtml/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 {
	left: 12px;
	top: 12px;
	background-image: url(img/modules/panneaux/minus.png)!important;
}
/* 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;
}

/* ==================================================
 * impression
 * note : changer le contenu (content) des liens internes
 * pour l'adresse compl�te du site correspondant (ci-dessous).
 * ================================================== */

@media print {
	/* G�n�ralit�s */
		/* bas�es sur les normes d'impression CSS d'HTML5 Boilerplate */
	* {
		background: transparent !important;
		color: #000000 !important;
		box-shadow: none !important;
		text-shadow: none !important;
	}
	body {
		min-width: 100%;
	}
	p, ul, ol {
		font-size:16px !important;
		line-height:22px !important;
	}
	
	#logo .impression {
		float:right;
	}
	span.journal_bord {
		position:relative;
	}
	
	span.journal_bord:before {
		content:url(img/structure/icones/ico_journal_de_bord_min.png);
		position:absolute;
		top:50%;
		right:0;
		margin-top:-9px;
		width:15px;
		height:15px;
	}
	
	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;
	}
	h1, h2, h3, h4, h5 {
		display: block !important;
		width:100% !important;
		clear:both !important;
		page-break-after: avoid;
		padding-left:0 !important;
		padding-right:0 !important;
		margin-left:0 !important;
		margin-right:0 !important;
	}
	/* 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://modelecourswp.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 .boiteAnimVideo a:after {
		display: none;
	}
	#contenu a {
		word-wrap: break-word;
	}
	/* Contenu */
	#contenu .boiteAnimVideo {
		display: none;
	}
	/* Affichages des accord�ons */
	#contenu .accordeon .titre {
		padding: 0px;
	}
	#contenu .accordeon > div {
		display: block !important;
		padding-left: 10px;
		padding-bottom: 0px;
		border: 0px;
		border-left:1px solid #000;
	}
	#contenu .accordeon > div :last-child {
		margin-bottom: 0px;
	}
	/* Panneaux d'outils */
	.panneau {
		display: none;
	}
	a.btnPanneau {
		display: none;
	}
}