/*
Theme Name: Site programme GRH
Theme URI: http://programmegrh.teluq.ca/
Description: Ce site comprend toutes les ressources communes au programme GRH
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, 2015 - Tous droits r&eacute;serv&eacute;s
*/

/* styles.css
 * Gère l'apparence des styles
 * Version : 1.2
 * Dernières modifications : 6 juillet 2015
 * 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 */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 62.5%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

*,
*:before,
*:after {
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
}

body {background: #f1f1f1;}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
	display: block;
}

ol,
ul {
	list-style: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
	quotes: none;
}

a:focus {
	outline: 2px solid #c1c1c1;
	outline: 2px solid rgba(51, 51, 51, 0.3);
}

a:hover,
a:active {
	outline: 0;
}

a img {
	border: 0;
} 


/**
 * 3.0 Typography
 */

body,
button,
input,
select,
textarea {
	color: #00002c;	
	font: normal 100% "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.6;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	font-weight: 700;
}

p + p {
	margin-top: 1.25em;
}

div + p {
	margin-top: 1.6em;
}

b,
strong {
	font-weight: 700;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	border-left: 2px solid #707070;
	border-left: 2px solid rgba(51, 51, 51, 0.7);
	color: #707070;
	color: rgba(51, 51, 51, 0.7);
	font-style: italic;
	line-height: 1.6667;
	margin: 1em 0 1.6667em;
	padding-left: 1em;
}
blockquote p {margin-bottom: 1.6667em;}
blockquote > p:last-child {margin-bottom: 0;}

blockquote cite,
blockquote small {
	color: #00002c;	
	font-size: 16px;
	font-size: 1.6rem;
	font: normal 100% "Palatino Linotype", "Book Antiqua", Palatino, serif;
	line-height: 1.6;
}

blockquote em,
blockquote i,
blockquote cite {
	font-style: normal;
}

blockquote strong,
blockquote b {
	font-weight: 400;
}

address {
	font-style: italic;
	margin: 0 0 1.6em;
}

code,
kbd,
tt,
var,
samp,
pre {
	font-family: Inconsolata, monospace;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
}

pre {
	background-color: transparent;
	background-color: rgba(0, 0, 0, 0.01);
	border: 1px solid #eaeaea;
	border: 1px solid rgba(51, 51, 51, 0.1);
	line-height: 1.2;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 0.8em;
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}

abbr[title] {
	border-bottom: 1px dotted #eaeaea;
	border-bottom: 1px dotted rgba(51, 51, 51, 0.1);
	cursor: help;
}

mark,
ins {
	background-color: #fff9c0;
	text-decoration: none;
}

sup,
sub {
	font-size: 75%;
	height: 0;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}

small {
	font-size: 75%;
}

big {
	font-size: 125%;
}



/**
 * 4.0 Elements
 */

hr {
	background-color: #eaeaea;
	background-color: rgba(51, 51, 51, 0.1);
	border: 0;
	height: 1px;
	margin-bottom: 1.6em;
}

ul,
ol {
	margin: 0 0 1.6em 2.3333em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
}

dl {
	margin-bottom: 1.6em;
}

dt {
	font-weight: bold;
}

dd {
	margin-bottom: 1.6em;
}

table,
th,
td {
	border: 1px solid #eaeaea;
	border: 1px solid rgba(51, 51, 51, 0.1);
}

table {	
	border-collapse:collapse;
	border-spacing: 0;
	border-width: 1px 0 0 1px;
	margin: 0 0 1.6em;
	/*table-layout: fixed;*/ /* Prevents HTML tables from becoming too wide */
	width: 100%;
}

caption,
th,
td {
	font-weight: normal;
	text-align: left;
}

th {
	border-width: 0 1px 1px 0;
	font-weight: 700;
}

td {
	border-width: 0 1px 1px 0;
}

th, td {
	padding: 0.4em;
}

img {
	-ms-interpolation-mode: bicubic;
	border: 0;
	height: auto;
	max-width: 100%;
	vertical-align: middle;
}

figure {
	margin: 0;
}

del {
	opacity: 0.8;
}

/* Placeholder text color -- selectors need to be separate to work. */

::-webkit-input-placeholder {
	color: rgba(51, 51, 51, 0.7);
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

:-moz-placeholder {
	color: rgba(51, 51, 51, 0.7);
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

::-moz-placeholder {
	color: rgba(51, 51, 51, 0.7);
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	opacity: 1; /* Since FF19 lowers the opacity of the placeholder by default */
}

:-ms-input-placeholder {
	color: rgba(51, 51, 51, 0.7);
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

.clear{
	clear:both;
}





/* ==================================================
 * généraux
 * ================================================== */
* {margin: 0;}
html, body {height: 100%;}

body{
	background-color: #0c3162;
	color: #00002c;	
	text-size-adjust: 100%; 
}

/* Particularités */
.impression{display: none;}
img{display: block;}

.hide-text {
	text-indent: 200%;
	white-space: nowrap;
	overflow: hidden;
}
#zoneBasPage, #zoneConteneur:after {height: 30px; }

/* ==================================================
 * zoneEntete
 * ================================================== */
#zoneEntete{height: 3.75em;position:absolute;right:0;top: 0;}
#identite{margin: 0 auto;}
#identite #logo{float: right;width: auto;margin: .3125em 1em 0 0;}
#identite #logo a{
	display:block;
	background:url("https://www.teluq.ca/logo_teluq/logo_teluq_xs.png") no-repeat;
	width:50px;
	height:50px;
}


/* ==================================================
 * conteneurs
 * ================================================== */
.row{position:relative;}
#zoneConteneur{
	margin: 0 auto;
	min-height: 100%;
	margin-bottom: -30px; 
}
#zoneConteneur:after {
  content: "";
  display: block;
}
/* Liens */
#zoneConteneur a:link, #zoneConteneur a:visited{text-decoration: none;}
#zoneConteneur a:hover, #zoneConteneur a:active{text-decoration: underline;}
#zoneMilieuPage{clear: both;margin: 1em;}

/* ==================================================
 * zoneHautPage
 * ================================================== */
#zoneHautPage{position:relative;padding: 1em 1em 0;height: 9em;}
#zoneHautPage h1 a.hide-text{text-indent:0;white-space:normal;}
#zoneHautPage h1 a:link, #zoneHautPage h1 a:visited{
	display: block;
	color: #fff;
	text-decoration: none;
	width: 10em;
    line-height: 1.2;
	font-size: 1em;
	font-weight:400;
	font-family:Georgia, "Times New Roman", Times, serif;
}

body.page-template-page-outil-diagnostique-php header{height: 5.75em;position:relative;}
body.page-template-page-outil-diagnostique-php header a:link,body.page-template-page-outil-diagnostique-php header a:visited{
	color:#fff;
	text-decoration:none!important;
}

body.page-template-page-outil-diagnostique-php header h1 a{
	font-size: 1em;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #fff;
	line-height: .85;
}


/* ==================================================
 * menuPrincipal
 * ================================================== */
.secondary-toggle:before{
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-family: "Genericons";
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	line-height: 1;
	speak: none;
	text-align: center;
	text-decoration: inherit;
	text-transform: none;
	vertical-align: top;
}

.secondary-toggle {
	background-color: transparent;
	border: 1px solid #fff;
	border: 1px solid rgba(255, 255, 255, 0.8);
	height: 42px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	bottom: -1em;
	left:1em;
	text-align: center;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 42px;
    behavior: url(/wp-content/themes/programmegrh/css/pie.htc);
}

body.page-template-page-outil-diagnostique-php .secondary-toggle{left:0;}

.secondary-toggle:before {
	color: #fff;
	content: "\f419";
	line-height: 40px;
	width: 40px;
}

.secondary-toggle:hover,
.secondary-toggle:focus {
	background-color: transparent;
	border: 1px solid #b9e5f7;
	border: 1px solid rgba(185, 229, 247, 0.9);
	outline: 0;
}

.secondary-toggle.toggled-on:before {
	content: "\f405";
	font-size: 32px;
	position: relative;
	top: 1px;
	left: -1px;
}
#menuPrincipal,#menuOutil{display:none;}
#menuPrincipal.toggled-on,
#menuOutil.toggled-on {display: block;}
#menuPrincipal ul,
#menuOutil ul{margin: 1em 0 0 0;border-bottom:1px solid #fff;}

#menuPrincipal ul ul{margin:0;font-size: .875em;/*border-left:1px solid #fff;*/}

#menuPrincipal ul li,
#menuOutil ul li{
    margin: 0;
    font-size: 0.9375em;
    list-style-type: none;
    text-align: center;
    border-top: 1px solid #fff;
    color: #fff;
	font-family:Georgia, "Times New Roman", Times, serif;
	display: block;
	width:100%;
}
#menuPrincipal ul li li{text-align: left;}
#menuPrincipal ul li li + li{border:none;}


#menuPrincipal ul li a:link,
#menuPrincipal ul li a:visited,
#menuPrincipal ul li a:active,
#menuOutil ul li a,
#menuOutil ul li a:link,
#menuOutil ul li a:visited,
#menuOutil ul li a:active{
	padding: .5em 0;
	display:block;
	text-decoration: none;
	color: #fff;
}
#menuPrincipal ul li.current_page_item >a, #menuPrincipal ul li.current-menu-ancestor >a,
#menuPrincipal ul li a:active, #menuPrincipal ul li a:hover, #menuPrincipal ul li a:focus,
#menuOutil ul li.current_page_item >a,#menuOutil ul li a:active, #menuOutil ul li a:hover, #menuOutil ul li a:focus{color:#57cbf5;}

#menuOutil ul li.menu-item-disabled a{color:#999;text-decoration:none;}

#menuPrincipal ul li li a:link,
#menuPrincipal ul li li a:visited{
   /* color:#0c3162;*/
    /*background: #0c3162;*/
    padding: .5em;
}
#menuPrincipal ul li li a:active,
#menuPrincipal ul li li a:hover,
#menuPrincipal ul li li a:focus{
	color:#57cbf5;
    /*background: #57cbf5;*/
}

/* ==================================================
 * zoneContenu
 * ================================================== */
#zoneContenu{display:block;margin-top: 1em;}

#contenu{
	margin: 0;
	padding: 1em 1.5em 1.5em;
	font-size: 0.91em; /* 15px/16px */
	line-height: 1.5; /* 20px/14px */
	background-color: rgba(255,255,255,.9);
}

/* Titres */
#contenu h1{font-family:Georgia, "Times New Roman", Times, serif;font-style: normal;}
#contenu h1{
	margin: 0 0 1em;
    padding: 0;
	letter-spacing: 1px;
	color: #00002c;
	font-size: 1.4615em;
	border-bottom:1px solid #00002c;	
}
#contenu h2, h2.programmes{
	margin: 1.5em 0 1em;
	padding: 0;
	color: #00002c;
	font-size: 1.15em;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
#contenu h3{
	margin: 1em 0 .5em;
    font-size: 1em;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

h2.programmes{
	margin:1em 0;
	text-align: center;
	color: #fff;
	font-size: 1.4615em;
	text-transform:uppercase;
}

aside.page-aside{
	margin: 0;
    padding:0 0 1em;
    font-size: 0.814em;
    line-height: 1.429;
}
aside.page-aside .content{
	padding:1em;
	background: #b9e5f7;
	background:rgba(185,229,247,.9);	
}
.separation{display:none;}

/* Contenu texte */
#contenu p.note{
	font-size: 0.857em; /* 12px/14px */
	line-height: 1.333333333333333; /* 16px / 12px */
	color: #87888A;
}
#contenu p.source{
	font-size: 0.857em; /* 12px/14px */
	line-height: 1.333333333333333; /* 16px / 12px */
	color: #87888A;	
}

#contenu .contenuInvisible{	display: none;}
#contenu .alignGauche{
	float: left;
	width: auto;
}
#contenu .alignDroite{
	float: right;
	width: auto;
}

#contenu time{color:#0079cd;}
#contenu a:link, #contenu a:visited{color:#0079cd;text-decoration:underline;}
#contenu a:active,#contenu a:hover,#contenu a:focus{text-decoration:none;}

/* Tableaux */
#contenu table{
	margin-top: 1em;
	margin-bottom: 1em;
	clear: both;
	font-size: .938em;
}
#contenu table + table{margin-top:2em;}
#contenu table.sansMarge{
	margin: 0 0 5px;
}
#contenu table.programme{width:70%;margin:1em 0;}

#contenu table.programme th{width:20%;}
#contenu table.programme td:nth-of-type(2){width:13%;}

#contenu table thead th{
	padding: .5em .5em .25em;
	background-color: #00002c;
	color: #fff;
	font-weight:700;
	text-align:left;
	vertical-align:middle;
	border: 1px solid #787878;
}
#contenu table thead tr td{background:#c0e7f6;border:1px solid #787878;}
#contenu table thead tr td p + p,
#contenu table thead tr td p + p{margin-top:.5em;}

#contenu table tbody tr th{
	padding: .75em .5em;
	color: #576777;
	font-weight:700;
	border: 1px solid #787878;
}

#contenu table tbody tr th.composante,
#contenu table tbody tr th.composante{min-width: 161px;width: 20%;}
#contenu table tbody tr td{
	padding: .75em .5em;
	border: 1px solid #787878;
}

#contenu table tbody tr td.radio, #contenu table tbody tr td.resultats, 
#contenu table tbody tr td.petit{text-align:center;color: #000;}
#contenu table tbody tr td.resultats{background:#c0e7f6;vertical-align:top;padding-top:1em;}
#contenu table tbody tr td.petit{font-size: .875em;}
#contenu table tbody tr td.titre{text-align:center;}
#contenu table tbody tr td.double-bordure{border-right:2px solid #787878;}
#contenu table tbody tr td.double-bordure-gauche{box-shadow: inset 1px 0 0 #787878;position:relative;}
#contenu table tbody tr td.double-bordure-gauche:after{content:"";width:1px;height:1px;background:#787878;position:absolute;bottom:0;left:0;}

#contenu table#tableau_1 tbody tr th,
#contenu table#tableau_2 tbody tr th,
#contenu table#tableau_3 tbody tr th,
#contenu table#tableau_4 tbody tr th,
#contenu table#tableau_5 tbody tr th{width:78%;}


#contenu table.niveaux{ border: none;width: 80%; margin: 1em auto;}
#contenu table.niveaux thead td.disabled{border:none;background:none;}
#contenu table.niveaux thead th{text-align:center;background:#C0E7F6;color:#0c3162;}
#contenu table.niveaux tbody th{text-align:center;background:#fff;color:#0c3162;font-weight:600;padding: .25em .5em;line-height: 1;vertical-align: middle;}
#contenu table.niveaux tbody td{padding: .25em .5em;vertical-align: middle;}

#contenu .details >div{margin-left: 1em; margin-top: .5em;}
#contenu .details table{width:50%!important;background:#c0e7f6;color:#000;table-layout:fixed;}
#contenu .details table thead tr th{background:#c0e7f6;color:inherit;padding: .5em .75em .25em;}
#contenu .details table tbody tr td{background:#fff;color:inherit;padding: .5em .75em .25em;}

#contenu .details h2.summary{
	color:#00002C;
	margin: .5em 0;
    padding: .25em 0;
    font-size: .93em;
	border-bottom:1px solid #00002C;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

#contenu .details h2.summary:after{
	content:"";
    float: right;
    background: url("img/structure/picto.png") no-repeat -19px -222px;
    display: block;
    width: 1.25em;
    height: 1.1em;
    margin-top: .25em;
}

#contenu .details.open h2.summary:after{
	background-position:-19px -260px;
    margin-top: .5em;
}

#contenu .reinitialiser{display: block;}
#contenu span.etoiles{font-size:1.5em;}

#contenu .boite{
	background:#CAEBF8;
	color:#00002C;
	border:1px dashed #00002C;
	padding: 1.5em 2em;
	margin:1.5em 1em;
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	border-radius:15px;
	position:relative;
}

#contenu .boite:before{
	content:"";
	position:absolute;
	left:-1.5em;
	top:.5em;
	width:46px;
	height:46px;
	background:url("img/structure/picto.png") no-repeat 0 0;
}
#contenu .boite.attention:before{background-position:0 -46px;}

#zoneContenu .errors{
	background: #b9e5f7;
    padding: 1em;
	margin-bottom: 2em;
}
#zoneConteneur .errors ul{margin-top:1em;margin-left: 1.5em;}

#zoneConteneur .errors a, #zoneConteneur .errors a:link, #zoneConteneur .errors a:visited{color:#0079cd;text-decoration:underline;}
#zoneConteneur .errors a:active, #zoneConteneur .errors a:hover, #zoneConteneur .errors a:focus{text-decoration:none;}

#contenu input[type="submit"],
#contenu input[type="button"]{
    -webkit-border-radius: .75em;
    border-radius: .75em;
    background-color: #57cbf5;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    padding: .35em 2.5em;
    color: #000;
    font-size: 1.4721em;
    margin-top: 2em;
    behavior: url(/wp-content/themes/programmegrh/css/pie.htc);
}

#contenu table .alignementCentre, 
#contenu .alignementCentre{text-align: center;}
#contenu .alignementCentre img{margin:1em auto;}

/* Tableaux : contenus */
#contenu table ul,
#contenu table tbody ol{margin-bottom: 5px;}

#contenu table thead ol, #contenu table thead ol li{margin-bottom:0;}

ol.listeAlpha {margin-top:.5em;counter-reset: list;}
ol.listeAlpha > li {list-style: none;padding-left: 10px;}
ol.listeAlpha > li:before {
	content: counter(list, lower-alpha) ") ";
	counter-increment: list;
	margin-left: -1.5em;
	float:left;
}
ol.listeAlpha ol{margin:.5em 0 1em 1.5em;counter-reset: list;}
ol.listeAlpha ol > li {list-style: none;padding-left: 10px;}
ol.listeAlpha ol > li:before {
	content: counter(list, decimal) ") ";
	counter-increment: list;
	margin-left: -1.5em;
	float:left;
}

#contenu table#tableau_bilan thead th{width:15%;}
#contenu table#tableau_bilan thead th.titre_temps{text-align:center;}
#contenu table#tableau_bilan thead th:first-child{width:70%;}

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

a.lien_autodiagnostic,a.lien_portfolio{
    background: url(img/structure/picto.png) no-repeat 4px -99px #5ACBF5;
    color: #000;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 1em;
    line-height: .985;
    padding: .65em 1em .65em 4.25em;
    display: inline-block;
    border-radius: .5em;
    position: absolute;
    right: 2em;
    top:8.5em;
	opacity:.9;
}
a.lien_portfolio{
    background-position: 4px -152px;
	padding: .65em 1em .65em 3.5em;
}

a.lien_autodiagnostic:active,
a.lien_autodiagnostic:hover,
a.lien_autodiagnostic:focus{text-decoration:none!important;opacity:1;}
a.lien_autodiagnostic span,
a.lien_portfolio span{font-size: 1.3em;font-weight: bold;display: block;}

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

/* Contenu du bas de page */
#zoneBasPage{
	display:block;
	width:100%;
	height: 30px;
	margin: 0;
	padding: 0;
	background-color: #fff;
}
#zoneBasPage #copyright{
	font-size: 0.75em; /*12px/16px */
	line-height: 2.5; /*30px/12px */
	text-align: center;
	color: #00002c;
}
#zoneBasPage a:link, #zoneBasPage a:visited{
	text-decoration: none;
	color: #00002c;
}
#zoneBasPage a:hover, #zoneBasPage a:active{
	text-decoration: underline;
}

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

#contenu form{
	margin-bottom: 0px;
}
#contenu fieldset{
	margin: 0px;
	padding: 0px;
	border: none;
}

#contenu label,
#contenu legend{
	display: block;
	font-size: 1.00em; /* 14px/14px */
	font-weight: normal;
}
#contenu input[type="checkbox"]{
	display: inline;
}
#contenu label span,
#contenu legend span{
	font-weight: normal;
	color: #191919;
}

/* ==================================================
 * infobulles
 * ================================================== */
#contenu a.infobulle{
	border-bottom:1px dotted #57cbf5;
	text-decoration:none;
}

#contenu span.interrogation,
#contenu a.infobulle.interrogation, 
#contenu a.infobulle.interrogation:link, 
#contenu a.infobulle.interrogation:visited{
    -webkit-border-radius: 50%/50%;
    border-radius: 50%/50%;
    background: #0c3162;
    width: 15px;
    height: 15px;
	font-size: .875em;
    display: inline-block;
    color: #fff;
    text-align: center;
    font-weight: 700;
    behavior: url(/wp-content/themes/programmegrh/css/pie.htc);
	text-decoration:none;
}
#contenu span.interrogation{font-size:.85em;}

#contenu a.infobulle.interrogation:active,
#contenu a.infobulle.interrogation:hover, 
#contenu a.infobulle.interrogation:focus{text-decoration:none!important;}

.infobulleGris{
	background-color: #b9e5f7;
	border:1px solid #0c3162;
	-webkit-box-shadow: 3px 3px 5px 0px #0c3162;
	box-shadow: 3px 3px 5px 0px #0c3162;
	
	/* PIE - IE8 et moins */
    behavior: url(/wp-content/themes/programmegrh/css/pie.htc);
}

/*.infobulleGris:before{
	content:"";
	width: 0;
	height: 0;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-bottom: 27px solid #0c3162;
	position:absolute;
	left:50%;
	top:-16px;
	margin-left:-20px;
}*/
.tooltipster-content{
	padding: 1em;
	font-size: 14px; /* Tooltipster ne supporte que l'unité absolue px */
	line-height: 1.429; /* 20px/14px */
	color: #0c3162;
}
.infobulleGris .tooltipster-content :last-child{
	margin-bottom: 0px;
}



.ui-dialog{
    padding-top: 1em;
    background: #ccc;
    border: 1px solid #787878;
    -webkit-box-shadow: 5px 5px 10px 2px rgba(0,0,0,.4);
    box-shadow: 5px 5px 10px 2px rgba(0,0,0,.4);
    behavior: url(/wp-content/themes/programmegrh/css/pie.htc);
	
}
.ui-dialog .ui-dialog-titlebar-close{display:none;}
.ui-widget-overlay{
	background-color: #fff;
	background-color: rgba(255,255,255,.5);
}
.ui-dialog .ui-dialog-title{white-space:normal!important;}



table.responsive { margin-bottom: 0; }	
table.table_head{table-layout:fixed;width:100%;	}
	
.pinned { background:#fff;position: absolute; left: 0; top: .95em;width: 161px;overflow: hidden; border-right: 1px solid #ccc; border-left: 1px solid #ccc; }
.pinned table { border-right: none; border-left: none; width: 100%;margin:0!important;border: 1px solid #787878;}
#contenu .pinned table tbody tr th {border:none;border-top: 1px solid #787878;}
.pinned table tbody td { visibility:hidden; }

div.table-wrapper { position: relative; margin-bottom: 20px; overflow: hidden; border-right: 1px solid #ccc; }
div.table-wrapper div.scrollable table tbody th { visibility:hidden; }
div.table-wrapper div.scrollable { overflow: scroll; overflow-y: hidden; }


/* ==================================================
 * outils
 * ================================================== */

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

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





@media only screen and (min-width: 37.5em) {
	.separation{
		display:block;
		height:50px;
		border:6px solid #fff;
		border-top:none;
		position: relative;
		margin-bottom: 4em;
		margin-top: -2em;
	}
	.separation:after{
		content:url(img/structure/pointe.png);
		height: 50px;
		width: 50px;
		position: absolute;
		left: 47%;
		bottom: -50px;
		display: block;
	}
	aside.page-aside{display: table-cell;vertical-align: top;width: 49%;}
	aside.page-aside .content{margin-right:1em;	}
	aside.page-aside + aside.page-aside .content{margin-left:1em;margin-right:0;}
	.separation + aside.page-aside .content {margin-right:0;}
	aside.page-aside.separ_trois .content,aside.page-aside.separ_trois + aside.page-aside.separ_trois .content{margin:0 2em;}
}


@media only screen and (min-width: 48em) {
	.secondary-toggle{display:none;}
	
	body{background:url(img/structure/SiteGRH_gabarit_Background.jpg) no-repeat top center #0c3162;background-size:100%;}
	body.page-template-page-outil-diagnostique-php {background-image:url(img/structure/Background_outilAutodiagnostic.jpg);}
	
	/* ==================================================
	 * zoneEntete
	 * ================================================== */
	#zoneEntete{height: 60px;position:relative;}
	#identite #logo a{
		display:block;
		background:url("https://www.teluq.ca/logo_teluq/logo_teluq_blanc.png") no-repeat;
		width:147px;
	}	
	
	#zoneHautPage{padding:0;height: auto;}
	#zoneHautPage h1 a.hide-text{text-indent:200%;white-space:nowrap;}
	#zoneHautPage h1 a:link, #zoneHautPage h1 a:visited{
		background:url(img/structure/titre_progRH.png) no-repeat;
		width:119px;
		height:188px;
		margin: 0 auto;
	}
	
	body.page-template-page-outil-diagnostique-php header h1{
		position:absolute;
		left: 52%;
	}
	body.page-template-page-outil-diagnostique-php header h1 a{
		font-size: 2.75em;
		/*font-family: Georgia, "Times New Roman", Times, serif;
		color: #fff;*/
		text-shadow: 2px 2px 6px rgba(0,0,0,1);
		/*line-height: .85;*/
    	behavior: url(/wp-content/themes/programmegrh/css/pie.htc);
	}
	body.page-template-page-outil-diagnostique-php header h1 a small{
		font-size: .8em;
		clear: both;
		display: block;
		margin-left: 1.25em;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-weight: 400;
	}

	
	/* ==================================================
	 * conteneurs
	 * ================================================== */
	#zoneConteneur{display: table;}	
	.row{display:table-row;}
	#sidebar{
		display:table-cell;
   		width: 17%;
		min-width:12.5em;
		height:100%;
		padding: 5em 2em;
		background: rgba(11,77,132,.8);
		vertical-align: top;
	}
	#zoneMilieuPage{clear: none;display:table-cell;margin:0;position:relative;}
	#menuPrincipal, #menuOutil{display:block;}
	#menuPrincipal ul, #menuOutil ul{border-bottom:none;}
	
	/* ==================================================
	 * zoneContenu
	 * ================================================== */
	#zoneContenu{display:block;padding: 1em 2em;margin-top: 8em;}	
	
	/* TEMPLATE */
	.page-template-page-outil-diagnostique-php #zoneContenu{margin-top: 8.35em;}
	#menuOutil{position:absolute;right: 3em;top: 16.84em;}
	#menuOutil ul{margin:0;padding:0;}
	#menuOutil ul li{display:inline-block;border: none;width: auto;}
	#menuOutil ul li + li{margin-left:.25em;}
	#menuOutil ul li a, #menuOutil ul li a:link, #menuOutil ul li a:visited{
		display:block;
		/*width: 7em;
    	padding: .35em 0 .1em;*/
		padding: .35em 1em .1em;
		text-align:center;
		background:#b9e5f7;
		background:rgba(185,229,247,.9);
		-webkit-border-radius:10px 10px 0 0;
		border-radius:10px 10px 0 0;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size:1.0625em;
		font-weight:700;
		color:#000;
    	behavior: url(/wp-content/themes/programmegrh/css/pie.htc);
	}
	#menuOutil ul li a:active, #menuOutil ul li a:hover, #menuOutil ul li a:focus,
	#menuOutil ul li.current-menu-item a{
		background-color: rgba(255,255,255,.9);
		text-decoration:none;
	}
	
	#menuOutil ul li.menu-item-disabled a{
		background : url(img/structure/diagonales.png) repeat rgba(185,229,247,.9) 346px -215px;
		color:rgba(0,0,0,.3);
	}

}

@media only screen and (min-width: 60em) {		
	#zoneConteneur{min-width:60em;width:80%;max-width:80em; display: table;}
	body{background-size:contain;}	
}

@media only screen and (device-width: 768px) and (orientation:portrait){
  #zoneBasPage{ width:768px;  }
}

@media only screen and (device-width: 768px) and (orientation:landscape){
  #zoneBasPage{ width:1024px; }
}

/* ==================================================
 * 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%;
	}
	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{
		display: block;
		float: none;
		width: 100%;
		height: auto;
		margin: 0px;
		padding: 0px;
		border: none;
		overflow: none;
	}
	#menuPrincipal, #menuPrincipal, #zoneSecondaire, #identite img, .infoConnection{
		display: none;
	}
	#zoneEntete{
		margin: 0 0 15px 0;
	}
	#identite #logo{
		margin: 0;
	}
	
	#identite #logo a{
		display:block;
		background:url("https://www.teluq.ca/logo_teluq/logo_teluq_print.png") no-repeat;
		width:147px;
	}
	#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{
		height: auto;
		margin: 0 0 20px 0;
		padding: 0;
		font-size: 1.25em; /* 20px/16px */
		line-height: 1.5; /* 24px/16px */
		border-bottom: solid 1px #cccccc;
	}
	#zoneHautPage h1 a:link{
		display: inline;
		margin: 0;
		padding: 0;
	}
	#zoneHautPage h1 span{
		font-size: inherit;
		line-height: inherit;
		display: inline;
	}
	#zoneHautPage h1 span:before{
		content: " - ";
	}
	
	/* Contenu : affichages des liens internes */
	#contenu a:after{
		content: " (http://rh.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: 0px;
	}
	#contenu .accordeon > div{
		display: block !important;
		padding-left: 0px;
		padding-bottom: 0px;
		border: 0px;
	}
	#contenu .accordeon > div :last-child{
		margin-bottom: 0px;
	}
	
	/* Bas de page */
	#zoneBasPage{
		margin: 35px 0 0 0;
		border-top: solid 1px #ccc;
	}
	#zoneBasPage #copyright{
		text-align: left;
	}
}