/*
Theme Name: SAM4220
Theme URI: https://sam4220.teluq.ca/
Description: Cours SAM 4220 - Clinique des cas difficiles
Author: <a href="mailto:adesmeul@teluq.ca" title="Annick Desmeules">Annick Desmeules</a>
Tags: wpms, gabarit, cours, communication, distance, p&eacute;dagogique, t&eacute;luq, html5
About: T&eacute;l&eacute;-universit&eacute;, Universit&eacute; du Qu&eacute;bec, 2016 - Tous droits r&eacute;serv&eacute;s
*/

/* styles.css
 * G�re l'apparence des styles
 * Version : 1.2
 * Derni�res modifications : 16 mars 2016
 * Auteur : Annick Desmeules
 * 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 */

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


@font-face {
    font-family: 'altgot2n';
    src: url('fonts/altgot2n.eot');
    src: url('fonts/altgot2n.eot') format('embedded-opentype'),
         url('fonts/altgot2n.woff2') format('woff2'),
         url('fonts/altgot2n.woff') format('woff'),
         url('fonts/altgot2n.ttf') format('truetype'),
         url('fonts/altgot2n.svg#altgot2n') format('svg');
}


*{
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
html{
	font-size: 100%;
}
body{
	background-color: #fff;
	color: #000;
	font: 100%/1.5 normal Arial, sans-serif;
	margin: 0;
	text-size-adjust: 100%;
}

/* Ombrages */
.ombrage{
	box-shadow: 0 5px 15px #b0b0b0;	
	/* PIE - IE8 et moins */
    behavior: url(/wp-content/themes/sam4220/css/pie.htc);
}
.ombrageDoux{
	box-shadow: 0 5px 15px #dadada;	
	/* PIE - IE8 et moins */
    behavior: url(/wp-content/themes/sam4220/css/pie.htc);
}

/* Particularit�s */
.impression{
	display: none;
}

img{
	border:none;/*Pour IE8*/
	display: block;
}

/* ==================================================
 * zoneEntete
 * ================================================== */

#zoneEntete {
	background-color: #656565;
	height: 60px;
	margin: auto;
	width:960px;
}

#identite {	
	background: url(img/logo_bg.jpg) no-repeat;
	height:60px;
	margin: 0 auto;
	overflow: auto;
	width: 960px;
}

#identite #logo {
	float: right;
	margin: 5px 5px 0 0;
	width: auto;
} 

/* ==================================================
 * conteneurs
 * ================================================== */

#zoneConteneur {
	background-image:url(img/bg_main.jpg);	
	margin: auto;
	width:960px;
}
#zoneConteneur.txt {
	background-image:url(img/bg_main.jpg);
}

/* Liens */
#zoneConteneur a:link, #zoneConteneur a:visited{
	text-decoration: none;
}

/* ==================================================
 * zoneHautPage
 * ================================================== */
#zoneHautPage {
	background: url(img/baniere.jpg) no-repeat;
	height: 217px;
}

#zoneHautPage h1{
	font: 2.125em/1;
	height: 130px;
	margin: 0;
	
}

#zoneHautPage h1 a:link, #zoneHautPage h1 a:visited{
	color: #000;
	display: block;
	margin: 0 0 0 30px;
	padding: 35px 0 0;
	width: auto;
}

#zoneHautPage h1 a:hover, #zoneHautPage h1 a:active{
	text-decoration: none;
}

#zoneHautPage h1 span{
	color: #818181;
	display: block;
	font-size: .647em;
	line-height: 1;
	margin: 5px 0 0;
}

table caption {
	padding: 25px 0 12px;
	font-size: 18px;
	font-weight: bold;
}
/* ==================================================
 * zoneInformative
 * ================================================== */

#zoneInformative{
	color: #818181;
	font-size: .750em;
	line-height: 1.25;
	margin: 0;
	overflow: auto;
	padding: 0 20px;
}

#zoneInformative p.filAriane{
	float: left;
	width: auto;
}
#zoneInformative p.infoConnection{
	float: right;
	padding-top: 185px;
	width: auto;
	color: #000;
}

#zoneInformative a:link, #zoneInformative a:visited{
	color: #000;
	text-decoration: underline;
}

#zoneInformative a:hover, #zoneInformative a:active{
	text-decoration: none;
}

/* ==================================================
 * zoneSecondaire
 * ================================================== */

#zoneSecondaire{
    background: url(img/bg_main2.jpg) no-repeat;
	float: left;
    min-height: 500px;
	padding: 0 0 30px; 
	position: relative;	
	width: 254px;
    z-index: 50000;
}

#zoneSecondaire ul{
	margin:0;
	padding:0;
}

#zoneSecondaire li{
	list-style-type: none;
}

#zoneSecondaire ul >li + li{
	margin-top: 1em;
}

#zoneSecondaire ul li a:link,
#zoneSecondaire ul li a:visited{
	border-bottom: none;
	color:#000;
	display:block;
	padding: 3px 0 3px 10px;
	text-decoration: none;
	border:solid 1px #2e829c;
	border-left:solid 10px #000;
		
		
	background: rgba(240,248,250,1);
/* Old Browsers */background: -moz-linear-gradient(top, rgba(240,248,250,1) 0%, rgba(201,231,241,1) 100%);
 /* FF3.6+ */background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(240,248,250,1)), color-stop(100%, rgba(201,231,241,1)));
/* Chrome, Safari4+ */background: -webkit-linear-gradient(top, rgba(240,248,250,1) 0%, rgba(201,231,241,1) 100%);
 /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top, rgba(240,248,250,1) 0%, rgba(201,231,241,1) 100%);
 /* Opera 11.10+ */background: -ms-linear-gradient(top, rgba(240,248,250,1) 0%, rgba(201,231,241,1) 100%);
 /* IE 10+ */background: linear-gradient(to bottom, rgba(240,248,250,1) 0%, rgba(201,231,241,1) 100%);
/* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f8fa', endColorstr='#c9e7f1', GradientType=0 );
/* IE6-9 */	
		
		
		
}


#zoneSecondaire ul li ul li a:link,
#zoneSecondaire ul li ul li a:visited,
#zoneSecondaire ul li.current_page_ancestor ul li a:link,
#zoneSecondaire ul li.current_page_ancestor ul li a:visited{
	border:none;
	color: #000;
	filter: none;
}

#zoneSecondaire ul li.current_page_ancestor ul.sub-menu li.current-menu-item a:link,
#zoneSecondaire ul li.current_page_ancestor ul.sub-menu li.current-menu-item a:visited {
	color:#bb1904;
}

#zoneSecondaire ul li ul li a:hover, 
#zoneSecondaire ul li.current_page_ancestor ul li a:hover{
	color:#63828B;
}

#zoneSecondaire ul >li a:active,
#zoneSecondaire ul >li a:hover,
#zoneSecondaire ul >li a:focus{ 
	color: #a2b1a9;
}

#zoneSecondaire li a:link,
#zoneSecondaire li a:visited {
	border-bottom: dotted 2px #818586;
	color: #656565;
	display: block;
	margin: 0;
	padding: 0 0 5px;
	text-decoration: none;
}

#zoneSecondaire li a:active,
#zoneSecondaire li a:hover{
	color: #94ba66;
}

#zoneSecondaire li.current_page_item a:link,
#zoneSecondaire li.current_page_item a:visited,
#zoneSecondaire li.current_page_ancestor a:link,
#zoneSecondaire li.current_page_ancestor a:visited{
	border:solid 1px #bb1904;
	border-left:solid 10px #bb1904;
	color:#bb1904;
}

#zoneSecondaire ul.sub-menu {
  padding-top: 10px;
  margin-left: .65em;
  background: rgba(245, 245, 245, 0.4);
  padding-bottom: 15px;
}
	
#zoneSecondaire ul.sub-menu a {
	background: none !important;
	line-height: .85em;
}

#zoneSecondaire ul.sub-menu li {
	font-size: 16px;
}

#zoneSecondaire ul.sub-menu li + li{
	margin-top:.5em;
}

.selected{
	color:#d3671f!important;
}


/* ==================================================
 * zoneContenu
 * ================================================== */
#zoneContenu{
	position:relative;
}

#contenu{
	color: #000;
	font-size: .938em; /* 15px/16px */
	line-height: 1.429; /* 20px/14px */
	margin: 0 0 0 260px;
	padding: 5px 40px 30px;	
}

#contenu.pleineLargeur{
	padding: 25px 20px 30px;
}

/* Titres */
#contenu h1 {
	color: #000;
	font: normal 500 2em/1.083 "altgot2n",sans-serif;
	margin: 0;
	padding: 18px 0 20px;
}
#contenu h2 {
	color: #363535;
	font: normal 500 1.6em/1.22 "altgot2n",sans-serif;
	margin: 0 0 2px;
	padding: 18px 0 0;
}

#contenu h3{
	color: #000;
	font: italic 500 1.1em/1.25 Arial, sans-serif;
	margin: 25px 0 10px;
	padding: 0;
}

.rouge {color:#b32d21;}

/* Contenu texte */
#contenu p{
	margin: 0 0 1em;
}

.tooltipster-content p{
	margin: 0 0 5px;
}

#contenu p.btn-retour {
	margin: 28px 0 20px;
}

#contenu strong,
.tooltipster-content strong{
	font-weight: 700;
}

#contenu p.sansMarge,
.tooltipster-content p.sansMarge{
	margin: 0 0 5px;	
}

#contenu p.note{
	color: #87888A;
	font-size: .857em;
	line-height: 1.333;
}

#contenu p.source{
	color: #87888A;	
	font-size: .857em;
	line-height: 1.333;
}

#contenu sup{
	font-size: .714em;
	margin: 0 0 0 2px;
	vertical-align: top;
}

#contenu blockquote{
	margin: 0 0 0 15px;
}

#contenu a:link, 
#contenu a:visited,
.tooltipster-content a:link,
.tooltipster-content a:visited{
	color: #087786;
	text-decoration: none;
}

#contenu a:hover,
.tooltipster-content a:hover {
	color: #087786;
	text-decoration: underline;
}

#contenu a:active,
.tooltipster-content a:active{
	color: #C73317;
	text-decoration: none;
}

#contenu a.on:link, 
#contenu a.on:visited,
.tooltipster-content a.on:link,
.tooltipster-content a.on:visited,
#contenu a.on-debut:link, 
#contenu a.on-debut:visited,
.tooltipster-content a.on-debut:link,
.tooltipster-content a.on-debut:visited{	
	color: #C73317;
	text-decoration: none;
}

#contenu a.infobulle{
	border-bottom: dotted 1px #3e3e3e;
	text-decoration: none;
}
#contenu .contenuInvisible{
	display: none;
}

#contenu .alignGauche{
	float: left;
	width: auto;
}

#contenu .alignDroite{
	float: right;
	width: auto;
}

/* Ic�ne de liens externes
Note : remplacer le lien d'exclusion par celui de votre projet */
/* #contenu a[href^="http://"]:after, 
#contenu a[href^="https://"]:after,
#contenu a[href^="mailto:"]:after{
	content: url(img/structure/wpmsgab_ico_liensext.png);
	margin: 0 0 0 2px;
} */

#contenu a[href^="https://modelecourswp.teluq.ca/"]:after,
#contenu a[href^="#"]:after{
	display: none;
}

/* Listes ordonn�es et non-ordonn�es */
#contenu ul{
	list-style-type: disc;
	margin: 0 0 15px -15px;
}

#contenu ol ul{
	margin-left: 0;
	padding-left: 15px;
}

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

#contenu ul.grandeMarge li{
    margin: 0 0 15px;
}

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

#contenu ol{
	margin: 8px 0 15px -15px;
}

#contenu ol.margeNombres{
	margin: 0 0 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: .857em; /* 12px/14px */
	margin: 0 0 10px;
}

#contenu ol.references{
	list-style-image: none;
	list-style-type: none;
	margin: 0 0 0 20px;
}

#contenu ol.references li{
	font-size: .857em; /* 12px/14px */
	margin: 0 0 10px;
	text-indent: -20px;
}

/* Liste � num�ros */
#contenu ol.numero-parenthese{
	counter-reset: list;
}
#contenu ol.numero-parenthese >li {
	list-style: none;
}
#contenu ol.numero-parenthese >li:before{
	content: counter(list, decimal) ") ";
	counter-increment: list;
	float:left;
	margin-left: -1.5em;
}

/* Images */
#contenu img{
	margin: 0 0 15px;
}

/* Bo�tes */
#contenu .boite{
	background: #fff;
	border: solid 1px #9e9e9e;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	-moz-box-shadow: 3px 3px 5px #d5d5d5;
	-webkit-box-shadow: 3px 3px 5px #d5d5d5;
	box-shadow: 3px 3px 5px #d5d5d5;
	margin: 0 0 15px 15px;
	padding: 15px 15px 0 25px;
	position: relative;	
    behavior: url(/wp-content/themes/sam4220/css/pie.htc);
}

#contenu .boite .boiteIco{
	display: block;
	left: -15px;
	position: absolute;
	top: 15px;
}

/* Bo�tes - animations vid�o */
#contenu .boiteAnimVideo{
	margin: 0 0 15px;
}

/* Accord�ons */
#contenu .details.bleu{	
	border-left:solid 8px #339fbf;
}
#contenu .details.vert{	
	border-left:solid 8px #357d28;
}
#contenu .details.beige{	
	border-left:solid 8px #c82e0f;
}


.surligner-bleu{	
	border-left:solid 8px #339fbf;
	padding-left: 10px;
}

.surligner-vert{	
	border-left:solid 8px #357d28;
	padding-left: 10px;
}

.surligner-beige{	
	border-left:solid 8px #c82e0f;
	padding-left: 10px;
}
.texte-bleu{
	color: #339fbf;
}
.texte-vert{
	color: #357d28;
}
.texte-rouge{
	color: #c82e0f;
}




	
#contenu .summary{	 
	background: rgba(227,247,251,1);
	background: -moz-linear-gradient(left, rgba(227,247,251,1) 0%, rgba(255,255,255,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(227,247,251,1)), color-stop(100%, rgba(255,255,255,1)));
	background: -webkit-linear-gradient(left, rgba(227,247,251,1) 0%, rgba(255,255,255,1) 100%);
	background: -o-linear-gradient(left, rgba(227,247,251,1) 0%, rgba(255,255,255,1) 100%);
	background: -ms-linear-gradient(left, rgba(227,247,251,1) 0%, rgba(255,255,255,1) 100%);
	background: linear-gradient(to right, rgba(227,247,251,1) 0%, rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3f7fb', endColorstr='#ffffff', GradientType=1 );
	border-bottom:solid 1px #b3cdda;
	cursor: pointer;
	font-style: normal;
    padding: 5px 5px 5px 10px;
}

#contenu h3.summary::after {
	content:url('img/contracted.gif');
	float:right;
}

#contenu .open h3.summary::after {
	content:url('img/expanded.gif');
	float:right;
}	
	
#contenu .panel{
	min-height: 250px;
	margin-left: 10px;
}

#contenu .panel.complete{
	min-height: 250px;
}

#contenu .panel .col{
	display: inline-block;
	margin-top: 1em;
	width: 47%;
	vertical-align: top;
}

#contenu .panel .col.tier{
	width: 31%;
}


    

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

#contenu table.recueil{
	font-size: .875em;
}

#contenu table.sansMarge{
	margin: 0 0 5px;
}

#contenu table tr th{
	background: #2D7493;
	border-bottom: solid 5px #FFF;
	color: #FFF;
	font-family: arial;
	font-weight: normal;
	padding: 5px 15px;
}

#contenu table.recueil tr th{
	padding: .25em;
}

#contenu table tr td{
	border-bottom: 1px solid #1488AB;
	padding: 5px 15px;
}

#contenu table.recueil tr td{
	vertical-align:middle;
}

#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;
}
#contenu table.recueil p{
	margin: 0;
}

/* Navigation entre les articles (r�sultats de recherche) */
#contenu .navigationArticle{
	margin: 0;
	overflow: auto;
}

.media-player {
    background: #000;
    height: 338px;
    position: relative;
    width: 100%;
}

.beige .media-player {
    height: 30px;
}

.jwplayer{
}

/* ==================================================
 * zoneBasPage
 * ================================================== */

/* Contenu du bas de page */
#zoneBasPage{
	background: #5a929f;
	height: 30px;
	margin: 0;
	padding: 0;
}

#zoneBasPage #copyright{
	color: #fff;
	font-size: .75em; /*12px/16px */
	line-height: 2.5; /*30px/12px */
	text-align: center;
}

#zoneBasPage a:link, #zoneBasPage a:visited{
	color: #fff;
	text-decoration: none;
}

#zoneBasPage a:hover, #zoneBasPage a:active{
	text-decoration: underline;
}

/* ==================================================
 * formulaires
 * ================================================== */

#contenu form{
	margin-bottom: 0;
}

#contenu fieldset{
	border: none;
	margin: 0;
	padding: 0;
}

#contenu input[type="text"],
#contenu input[type="password"],
#contenu input[type="email"],
#contenu textarea,
#contenu select{
	background: #fff;
	border: 1px solid #ccc;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	color: #191919;
	margin: 0;
	min-height: 30px;
	padding: 0 5px;
	outline: none;
	width: 100%;
	max-width: 100%;
}	

#contenu select{
	padding: 0;
}

#contenu input[type="text"]:focus,
#contenu input[type="password"]:focus,
#contenu input[type="email"]:focus,
#contenu textarea:focus{
	border: 1px solid #aaa;
	-mox-box-shadow:  0 0 3px rgba(0,0,0,.2);
	-webkit-box-shadow:  0 0 3px rgba(0,0,0,.2);
	box-shadow:  0 0 3px rgba(0,0,0,.2);
	color: #191919;
}

#contenu textarea {
	min-height: 60px;
}

#contenu label,
#contenu legend{
	display: block;
	font-size: 1em; /* 14px/14px */
	font-weight: 400;
}

#contenu select{
	width: 220px;
}

#contenu input[type="checkbox"]{
	display: inline;
}

#contenu label span,
#contenu legend span{
	color: #191919;
	font-weight: 400;
}


/* ==================================================
 * outils
 * ================================================== */
/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden{
    display: none !important;
    visibility: hidden;
}

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden{
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus{
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/* Hide visually and from screenreaders, but maintain layout */
.invisible{
    visibility: hidden;
}



#contenu.txt_sceance{
	width:535px;
}

#txt_caption{
	font-size: 12px;
	padding: 12px 10px;
	position: absolute;
	right: 0;
	top: 20px;
	width: 195px;
}	

/* note de seance */
#cc_001,#cc_002,#cc_003,#cc_004,#cc_005,#cc_006,#cc_007,#cc_008,#cc_009,#cc_010,
#cc_011,#cc_012,#cc_013,#cc_014,#cc_015,#cc_016,#cc_017,#cc_018,#cc_019,#cc_020,
#cc_021,#cc_022,#cc_023,#cc_024,#cc_025,#cc_026,#cc_027,#cc_028,#cc_029,#cc_030,
#cc_031,#cc_032,#cc_033,#cc_034,#cc_035,#cc_036,#cc_037,#cc_038,#cc_039,#cc_040,
#cc_041,#cc_042,#cc_043,#cc_044,#cc_045,#cc_046,#cc_047,#cc_048,#cc_049,#cc_050,
#cc_051,#cc_052,#cc_053,#cc_054,#cc_055,#cc_056,#cc_057,#cc_058,#cc_059,#cc_060,
#cc_061,#cc_062,#cc_063,#cc_064,#cc_065,#cc_066,#cc_067,#cc_068,#cc_069,#cc_070,
#cc_071,#cc_072,#cc_073,#cc_074,#cc_075,#cc_076,#cc_077,#cc_078,#cc_079,#cc_080,
#cc_081,#cc_082,#cc_083,#cc_084,#cc_085,#cc_086,#cc_087,#cc_088,#cc_089,#cc_090,
#cc_091,#cc_092,#cc_093,#cc_094,#cc_095,#cc_096,#cc_097,#cc_098,#cc_099,#cc_100,
#cc_101,#cc_102,#cc_103,#cc_104,#cc_105,#cc_106,#cc_107,#cc_108,#cc_109,#cc_110,
#cc_111,#cc_112,#cc_113,#cc_114,#cc_115,#cc_116,#cc_117,#cc_118,#cc_119,#cc_120,
#cc_121,#cc_122,#cc_123,#cc_124,#cc_125,#cc_126,#cc_127,#cc_128,#cc_129,#cc_130,
#cc_131,#cc_132,#cc_133,#cc_134,#cc_135,#cc_136,#cc_137,#cc_138,#cc_139,#cc_140 {
	border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

#contenu hr {
	border: #7a2b0d solid 1px;
	margin-bottom: 29px;
}

#contenu table.tabvid img,
#contenu table.tabvid,
#contenu table.tabvid tr td,
#contenu table.tabvid tr th {
	margin: 0;
	padding: 0;	
}

#contenu table.tabvid tr td {
	border-bottom:none;
}

ul li ul li #selection a {color:#f89752}
		   
#tabvideo th{
	background: #6D6156;
	color: #fff;
	text-align: center;
}

#tabvideo{
	font:14px Arial, sans-serif;
	color:#000;
	width:100%;
}


table#tabvideo tr td {
	border:none;
	margin: 0;
	padding: 0;	
	text-align: center;
}

table#tabvideo img {
	margin:auto;
	padding: 0;	
}


#tabvideo td, th{
	padding:3px 5px;
	text-align: center; 
}

#tabvideo td.case{
	border-bottom: 1px solid #D1C0AF;
	border-right: 1px solid #D1C0AF;
	border-left: 1px solid #D1C0AF;
	margin-left: auto;
    margin-right: auto;
}

#tabvideo td.theme {
	background: #F1ECE0;
	border-bottom: 1px solid #B5997D;
	border-left: 6px solid #2B3C34;
	padding: 3px 5px;
	text-align: left !important;
}

#tabvideo td.titreTab {
	background: #2B3C34;
	color:#fff;
	font-weight:600;
	padding: 3px 5px;
}	

#tabvideo td.case a:after {	content:none;}
	
	
.imgBackground{
	background:url("img/audio.gif") no-repeat;
}	

.footnote{
	border-top: 1px solid #999;
	margin: 2em 0;
	padding-top: 2em;
}

.footnote >p{
    text-indent: -1.35em;
	padding-left: 1em;
}
	
	

/* ==================================================
 * 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;
		box-shadow: none !important;
		color: #000 !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 */
	#zoneEntete, #identite, #zoneHautPage, #zoneConteneur, #zoneMilieuPage,
	#zoneContenu, #contenu, #contenu.pleineLargeur, #zoneBasPage{
		border: none;
		display: block;
		float: none;
		height: auto;
		margin: 0;
		padding: 0;
		overflow: none;
		width: 100%;
	}
	#menuPrincipal, #menuPrincipal, #zoneSecondaire, #identite img, .infoConnection{
		display: none;
	}
	#zoneEntete{
		margin: 0 0 15px;
		width:960px;
	}
	#identite #logo{
		margin: 0;
	}
	#identite img.impression{
		display: block;
	}
	#zoneHautPage {
		margin: 0;
		padding: 0;	
	}
	
	/* Titre du cours (� cacher si non-d�sir� dans la version imprim�e) */
	#zoneHautPage h1{
		border-bottom: solid 1px #ccc;
		font-size: 1.25em; /* 20px/16px */
		height: auto;
		line-height: 1.5; /* 24px/16px */
		margin: 0 0 20px;
		padding: 0;
	}
	#zoneHautPage h1 a:link{
		display: inline;
		margin: 0;
		padding: 0;
	}
	#zoneHautPage h1 span{
		display: inline;
		font-size: inherit;
		line-height: inherit;
	}
	#zoneHautPage h1 span:before{
		content: " - ";
	}
	
	/* Contenu : affichages des liens internes */
	#contenu a:after{
		content: " (https://sam4220.teluq.ca/" attr(href)")";
	}
	
	/* Contenu : 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)")";
	}
	
	/* Contenu : 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 : g�n�ral */
	#contenu .boiteAnimVideo{
		display: none;
	}
	
	/* Contenu : accord�ons */
	#contenu .accordeon .titre{
		padding: 0;
	}
	#contenu .accordeon > div{
		border: 0;
		display: block !important;
		padding-left: 0;
		padding-bottom: 0;
	}
	#contenu .accordeon > div :last-child{
		margin-bottom: 0;
	}
	
	/* Bas de page */
	#zoneBasPage{
		border-top: solid 1px #ccc;
		margin: 35px 0 0;
	}
	#zoneBasPage #copyright{
		text-align: left;
	}
	
	/* Panneaux d'outils */
	.panneau,
	a.btnPanneau{
		display: none;
	}
}