@charset "UTF-8";
/*
Theme Name: uqam2016
Theme URI: http://uqam.ca
Author: Audiovisuel (UQAM)
Author URI: http://audiovisuel.uqam.ca/
Description: Thème facultaire UQAM
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: uqam2016
Tags:
*/
/*
Theme Name: uqam2016
Theme URI: http://uqam.ca
Author: Audiovisuel (UQAM)
Author URI: http://audiovisuel.uqam.ca/
Description: Thème facultaire UQAM
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: uqam2016
Tags:
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
    ## Posts and pages
	## Asides
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
@import url(css/bootstrap.min.css);
html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

body {
  margin: 0; }

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

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden],
template {
  display: none; }

a {
  background-color: transparent; }

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

abbr[title] {
  border-bottom: 1px dotted; }

b,
strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

h1 {
  font-size: 2em;
  margin: 0.67em 0; }

mark {
  background: #ff0;
  color: #000; }

small {
  font-size: 80%; }

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

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  border: 0; }

svg:not(:root) {
  overflow: hidden; }

hr {
  box-sizing: content-box;
  height: 0; }

pre {
  overflow: auto; }

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0; }

button {
  overflow: visible; }

button,
select {
  text-transform: none; }

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled],
html input[disabled] {
  cursor: default; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

input {
  line-height: normal; }

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0; }

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto; }

optgroup {
  font-weight: bold; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
  color: #404040;
  font-family: sans-serif;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5; }

h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both; }

p {
  margin-bottom: 1.5em; }

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

blockquote {
  margin: 0 1.5em; }

address {
  margin: 0 0 1.5em; }

pre {
  background: #eee;
  font-family: "Courier 10 Pitch", Courier, monospace;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em; }

code,
kbd,
tt,
var {
  font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
  font-size: 15px;
  font-size: 0.9375rem; }

abbr,
acronym {
  border-bottom: 1px dotted #666;
  cursor: help; }

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

big {
  font-size: 125%; }

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
  box-sizing: border-box; }

*,
*:before,
*:after {
  /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
  box-sizing: inherit; }

body {
  background: #fff;
  /* Fallback for when there is no custom background color defined. */ }

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

blockquote,
q {
  quotes: "" ""; }

hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em; }

ul,
ol {
  margin: 0 0 1.5em 3em; }

ul {
  list-style: disc; }

ol {
  list-style: decimal; }

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

dt {
  font-weight: bold; }

dd {
  margin: 0 1.5em 1.5em; }

img {
  height: auto;
  /* Make sure images are scaled correctly. */
  max-width: 100%;
  /* Adhere to container width. */ }

table {
  margin: 0 0 1.5em;
  width: 100%; }

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  border: 1px solid;
  border-color: #ccc #ccc #bbb;
  border-radius: 3px;
  background: #e6e6e6;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.8);
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1;
  padding: .6em 1em .4em;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); }

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
  border-color: #ccc #bbb #aaa;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02); }

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
  border-color: #aaa #bbb #bbb;
  box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15); }

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
  color: #666;
  border: 1px solid #ccc;
  border-radius: 3px; }

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
  color: #111; }

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
  padding: 3px; }

textarea {
  padding-left: 3px;
  width: 100%; }

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
  color: royalblue; }

a:visited {
  color: purple; }

a:hover,
a:focus,
a:active {
  color: midnightblue; }

a:focus {
  outline: thin dotted; }

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

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
  clear: both;
  display: block;
  float: left;
  width: 100%; }

.main-navigation ul {
  display: none;
  list-style: none;
  margin: 0;
  padding-left: 0; }

.main-navigation li {
  float: left;
  position: relative; }

.main-navigation a {
  display: block;
  text-decoration: none; }

.main-navigation ul ul {
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  float: left;
  position: absolute;
  top: 1.5em;
  left: -999em;
  z-index: 99999; }

.main-navigation ul ul ul {
  left: -999em;
  top: 0; }

.main-navigation ul ul a {
  width: 200px; }

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
  left: auto; }

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
  left: 100%; }

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
  display: block; }

@media screen and (min-width: 37.5em) {
  .menu-toggle {
    display: none; }
  .main-navigation ul {
    display: block; } }

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
  margin: 0 0 1.5em;
  overflow: hidden; }

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  float: left;
  width: 50%; }

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  float: right;
  text-align: right;
  width: 50%; }

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden; }

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */ }

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0; }

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em; }

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em; }

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto; }

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
  content: "";
  display: table;
  table-layout: fixed; }

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both; }

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
  margin: 0 0 1.5em; }

/* Make sure select elements fit in widgets. */
.widget select {
  max-width: 100%; }

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
  display: block; }

.hentry {
  margin: 0 0 1.5em; }

.byline,
.updated:not(.published) {
  display: none; }

.single .byline,
.group-blog .byline {
  display: inline; }

.page-content,
.entry-content,
.entry-summary {
  margin: 1.5em 0 0; }

.page-links {
  clear: both;
  margin: 0 0 1.5em; }

/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
  display: none; }

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
  word-wrap: break-word; }

.bypostauthor {
  display: block; }

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  /* Theme Footer (when set to scrolling) */
  display: none; }

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
  display: block; }

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0; }

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%; }

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%; }

.wp-caption img[class*="wp-image-"] {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.wp-caption .wp-caption-text {
  margin: 0.8075em 0; }

.wp-caption-text {
  text-align: center; }

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
  margin-bottom: 1.5em; }

.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%; }

.gallery-columns-2 .gallery-item {
  max-width: 50%; }

.gallery-columns-3 .gallery-item {
  max-width: 33.33%; }

.gallery-columns-4 .gallery-item {
  max-width: 25%; }

.gallery-columns-5 .gallery-item {
  max-width: 20%; }

.gallery-columns-6 .gallery-item {
  max-width: 16.66%; }

.gallery-columns-7 .gallery-item {
  max-width: 14.28%; }

.gallery-columns-8 .gallery-item {
  max-width: 12.5%; }

.gallery-columns-9 .gallery-item {
  max-width: 11.11%; }

.gallery-caption {
  display: block; }

/* AUDIOVISUEL gabarit_wp2_queries.css ------------------------------------------------------------------------------ */
/* --------------------------------------------------------------------------------------------------------------- */
/* PERSONNALISÉ & IPHONE RETINA */
/* APPAREIL DE PETITE TAILLE & TÉLÉPHONE */
@media only screen and (min-width: 120px), only screen and (min-width: 320px), only screen and (min-width: 480px) {
  /*HEADER*/
  #conteneur #header {
    border: none;
    margin-bottom: 0; }
  #conteneur #header #header_couleur #header_interieur {
    height: 44px; }
  /*LOGO*/
  #conteneur #header #header_couleur #header_interieur #logo {
    display: block;
    float: left;
    line-height: 0;
    padding: 12px 20px 0;
    width: 56%; }
  #conteneur #header #header_couleur #header_interieur #logo a img {
    width: 65px; }
  #esg #conteneur #header #header_couleur #header_interieur #logo a img {
    position: relative;
    top: 4px;
    width: 100px; }
  /*TITRE*/
  #conteneur #header #header_couleur #header_interieur #titre {
    min-height: 32px;
    padding: 0 0 0 15px; }
  #conteneur #header #header_couleur #header_interieur #titre #titre_site {
    font-size: 14px;
    margin: 0px 0 4px 0; }
  /*RECHERCHE*/
  #conteneur #header #header_couleur #header_interieur .recherche_multi {
    display: none; }
  /*FIL ARIANE*/
  #conteneur #header #fil_ariane {
    background: #00243a;
    min-height: 44px; }
  #conteneur #header #fil_ariane #fil_ariane_interieur {
    position: relative; }
  /*Bouton mobile*/
  /*menu*/
  #conteneur #header #fil_ariane #fil_ariane_interieur #menu_mobile_btn {
    position: absolute;
    right: 0;
    top: 50%;
    -ms-transform: perspective(1px) translateY(-50%);
    -webkit-transform: perspective(1px) translateY(-50%);
    -moz-transform: perspective(1px) translateY(-50%);
    transform: perspective(1px) translateY(-50%); }
  /*FOOTER*/
  #conteneur .push, #footer {
    min-height: 0; } }

/* --------------------------------------------------------------------------------------------------------------- */
/* PAPPAREIL DE PETITE TAILLE & TABLETTE */
@media only screen and (min-width: 768px) {
  /*Bouton mobile*/
  /*menu*/
  /*#conteneur #header #fil_ariane #fil_ariane_interieur #menu_mobile_btn {
			position: absolute;
				right: 0;
				top: 0;
			-ms-transform: perspective(1px) translateY(0);
			-webkit-transform: perspective(1px) translateY(0);
			-moz-transform: perspective(1px) translateY(0);
			transform: perspective(1px) translateY(0);
		}*/
  /*FOOTER*/
  #conteneur .push, #footer {
    min-height: 30px; } }

/* --------------------------------------------------------------------------------------------------------------- */
/* APPAREIL DE MOYENNE TAILLE & ÉCRAN DE BUREAU */
@media only screen and (min-width: 992px) {
  /*HEADER*/
  #conteneur #header {
    border-bottom: 1px solid #d9d9d9; }
  #conteneur #header #header_couleur #header_interieur {
    height: auto;
    min-height: 44px;
    padding-top: 20px; }
  /*LOGO*/
  #conteneur #header #header_couleur #header_interieur #logo,
  #esg #conteneur #header #header_couleur #header_interieur #logo {
    padding: 0 0 0 30px;
    width: 25%; }
  #conteneur #header #header_couleur #header_interieur #logo a img {
    position: relative;
    top: -2px;
    width: auto; }
  #esg #conteneur #header #header_couleur #header_interieur #logo a img {
    padding-top: 7px;
    top: 0;
    width: 130px; }
  /*TITRE*/
  #conteneur #header #header_couleur #header_interieur #titre {
    min-height: 55px;
    padding: 0 30px 15px 30px; }
  #conteneur #header #header_couleur #header_interieur #titre #titre_site {
    font-size: 128.6%;
    margin: 2px 0 4px 0; }
  /*RECHERCHE*/
  #conteneur #header #header_couleur #header_interieur .recherche_multi {
    display: block; }
  #conteneur #header #header_couleur #header_interieur .recherche_multi,
  #conteneur #header #fil_ariane #fil_ariane_interieur #langue,
  #conteneur #header #uqam_conteneur_recherche_choix .col-sm-3 {
    padding-right: 20px; }
  #conteneur #header #header_couleur #header_interieur .recherche_multi form input {
    width: 66%; }
  /*FIL ARIANE*/
  #conteneur #header #fil_ariane {
    background: none;
    height: auto;
    min-height: 0; }
  #conteneur #header #fil_ariane #fil_ariane_interieur {
    height: 100%;
    margin: 0 auto;
    overflow: auto; }
  #conteneur #header #fil_ariane #fil_ariane_interieur #ariane ul li {
    font-size: 85.75%; }
  /*Accessibilité*/
  #conteneur #header #fil_ariane #fil_ariane_interieur #langue #accessibilite ul li {
    background-position: center center;
    background-repeat: no-repeat;
    border-left: none;
    height: 33px;
    padding-top: 7px; }
  #conteneur #header #fil_ariane #fil_ariane_interieur #langue #accessibilite ul li a {
    background-position: center center;
    background-repeat: no-repeat;
    border-left: none;
    height: 33px;
    padding-top: 7px; }
  #conteneur #header #fil_ariane #fil_ariane_interieur #langue #accessibilite ul li#font_plus {
    background-image: url("https://gabarit-adaptatif.uqam.ca/2016/css/images/font_plus.svg"); }
  #conteneur #header #fil_ariane #fil_ariane_interieur #langue #accessibilite:hover ul li#font_plus,
  #conteneur #header #fil_ariane #fil_ariane_interieur #langue #accessibilite ul li#font_plus a:focus,
  #conteneur #header #fil_ariane #fil_ariane_interieur #langue #accessibilite ul li#font_plus.active,
  .contraste #conteneur #header #fil_ariane #fil_ariane_interieur #langue #accessibilite ul li#font_plus:hover,
  .contraste #conteneur #header #fil_ariane #fil_ariane_interieur #langue #accessibilite ul li#font_plus a:focus,
  .contraste #conteneur #header #fil_ariane #fil_ariane_interieur #langue #accessibilite ul li#font_plus.active {
    background-image: url("https://gabarit-adaptatif.uqam.ca/2016/css/images/font_plus_mobile.svg");
    background-color: #001723; }
  /*HEADER*/
  /*LOGO*/
  #esg #conteneur #header #header_couleur #header_interieur #logo a img {
    padding-top: 3px;
    width: 160px; }
  /*RECHERCHE*/
  #conteneur #header #header_couleur #header_interieur .recherche_multi form input {
    width: 75%; } }

/* --------------------------------------------------------------------------------------------------------------- */
/* APPAREIL DE LARGE TAILLE & ÉCRAN LARGE */
@media only screen and (min-width: 1200px) {
  /*HEADER*/
  /*LOGO*/
  #esg #conteneur #header #header_couleur #header_interieur #logo a img {
    padding-top: 0;
    width: auto; }
  /*RECHERCHE*/
  #conteneur #header #header_couleur #header_interieur .recherche_multi,
  #conteneur #header #uqam_conteneur_recherche_choix .col-sm-3 {
    padding-right: 5px; }
  #conteneur #header #fil_ariane #fil_ariane_interieur #langue {
    padding-right: 0; }
  #conteneur #header #header_couleur #header_interieur .recherche_multi form input {
    width: 226px; }
  #conteneur #header #fil_ariane #fil_ariane_interieur #ariane ul li {
    font-size: 100%; } }

/* --------------------------------------------------------------------------------------------------------------- */
/* APPAREIL DE FIBRES CELLULOSIQUES VÉGÉTALES ;-) */
@media print {
  #header,
  .header,
  .espace.banniere,
  #contenu_gauche,
  .contenu_gauche,
  #footer,
  #nav {
    display: none !important; } }

/*GÉNÉRIQUE*/
html,
body {
  color: #333;
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  height: 100%;
  line-height: 22px;
  width: 100%; }

#conteneur {
  min-height: 100%;
  width: 100%; }

p {
  margin: 0 0 30px 0; }

hr {
  border-color: #d9d9d9;
  margin: 0 0 30px 0; }

/*TITRE*/
h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  margin: 0;
  padding: 0 0 20px 0; }

h1 {
  font-size: 257.1%; }

h2 {
  font-size: 214.3%; }

h3 {
  font-size: 171.4%; }

h4 {
  font-size: 150%; }

h5 {
  font-size: 128.6%;
  line-height: 1.4; }

h6 {
  font-size: 114.3%;
  font-weight: bold; }

/*LIENS*/
a,
a:link,
a:visited {
  color: #0079be;
  text-decoration: none; word-break: break-word;}

a:hover {
  text-decoration: underline; }

/*LISTE*/
ul,
ul li ul {
  list-style: none;
  margin: 0;
  padding: 0; }

#banniere ul li {
  padding: 0; }

ul li {
  background: url("./css/images/puce.svg") no-repeat;
  background-position-y: 30%;
  background-position: left top 9px;
  padding: 0 0 10px 18px; }

/*TABLEAU*/
#main table {
  /*display:block; max-width:100%;*/ }

#main table.noSticky {
  overflow: auto;
  display: block;
  max-width: 100%; }

#main table thead {
  background: #ebebeb;
  font-size: 114.3%;
  font-weight: bold;
  text-transform: uppercase; }

#main table thead tr th {
  padding: 10px 20px; }

#main table thead tr th,
#main table tbody tr td {
  border: 1px solid #d9d9d9; }

#main table tbody tr td {
  padding: 15px 20px; }

/*dégradé, qui se met lorsque le tableau peut se continuer à droite*/
div.degrade {
  background: transparent;
  background: -moz-linear-gradient(right, white 0%, rgba(255, 255, 255, 0) 100%);
  background: -webkit-linear-gradient(right, white 0%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to left, white 0%, rgba(255, 255, 255, 0) 100%);
  height: 50px;
  position: absolute;
  right: 15px;
  width: 50px;
  z-index: 110; }

.tableTOlist + .degrade {
  display: none; }

.sticky-thead + div.degrade {
  display: none; }

.sticky-wrap {
  margin: 0; }

.sticky-wrap .sticky-thead {
  box-shadow: none; }

/*ACCORDÉON*/
#main .su-accordion {
  margin-bottom: 30px; }

.su-accordion .su-spoiler .su-spoiler-title {
  background: url("https://gabarit-adaptatif.uqam.ca/2016/css/images/moins.svg") no-repeat #002439;
  background-position: right 20px center;
  color: #FFF;
  font-size: 128.6%;
  font-weight: normal;
  padding: 7px 40px 7px 20px; }

.su-accordion .su-spoiler.su-spoiler-closed .su-spoiler-title {
  background: url("https://gabarit-adaptatif.uqam.ca/2016/css/images/plus.svg") no-repeat #002439;
  background-position: right 20px center; }

.su-accordion .su-spoiler .su-spoiler-title .su-spoiler-icon {
  left: auto;
  right: 10px;
  top: 5px; }

.su-accordion .su-spoiler .su-spoiler-title span {
  display: none; }

.su-accordion .su-spoiler .su-spoiler-content {
  background: #ebebeb;
  margin-bottom: 17px;
  padding: 30px;
  position: relative; }

.su-accordion .su-spoiler .su-spoiler-content .degrade {
  background: transparent;
  background: -moz-linear-gradient(right, #ebebeb 0%, rgba(235, 235, 235, 0) 100%);
  background: -webkit-linear-gradient(right, #ebebeb 0%, rgba(235, 235, 235, 0) 100%);
  background: linear-gradient(to left, #ebebeb 0%, rgba(235, 235, 235, 0) 100%);
  margin-top: 30px;
  right: 30px; }

/*Accordeon bright*/
.bright .su-accordion .su-spoiler {
  border: 1px solid #e5e5e5;
  background: #f5f5f5; }

.bright .su-accordion .su-spoiler.su-spoiler-closed {
  border: 1px solid #e1e1e1;
  background: #ededed; }

.bright .su-accordion .su-spoiler .su-spoiler-title {
  background: url("https://gabarit-adaptatif.uqam.ca/2016/css/images/moins_bleu.svg") no-repeat;
  background-position: right 20px center;
  color: #006896;
  font-size: 128.6%;
  font-weight: normal;
  padding: 9px 40px 9px 20px; }

.bright .su-accordion .su-spoiler.su-spoiler-closed .su-spoiler-title {
  background: url("https://gabarit-adaptatif.uqam.ca/2016/css/images/plus_bleu.svg") no-repeat;
  background-position: right 20px center; }

.bright .su-accordion .su-spoiler .su-spoiler-title .su-spoiler-icon {
  left: auto;
  right: 10px;
  top: 5px; }

.bright .su-accordion .su-spoiler .su-spoiler-title span {
  display: none; }

.bright .su-accordion .su-spoiler .su-spoiler-content {
  margin: 0 20px;
  position: relative;
  border-top: 1px solid #dcdcdc;
  background: inherit; }

.bright .su-accordion .su-spoiler .su-spoiler-content .degrade {
  background: transparent;
  background: -moz-linear-gradient(right, #ebebeb 0%, rgba(235, 235, 235, 0) 100%);
  background: -webkit-linear-gradient(right, #ebebeb 0%, rgba(235, 235, 235, 0) 100%);
  background: linear-gradient(to left, #ebebeb 0%, rgba(235, 235, 235, 0) 100%);
  margin-top: 30px;
  right: 30px; }

/*FORMULAIRE*/
form .ninja-forms-all-fields-wrap .ninja-forms-required-items {
  display: none; }

form .ninja-forms-all-fields-wrap .field-wrap input[type=text],
form .ninja-forms-all-fields-wrap .field-wrap select,
form .ninja-forms-all-fields-wrap .field-wrap textarea {
  margin: 0 !important;
  width: 75%; }

form .ninja-forms-all-fields-wrap .field-wrap input[type=text],
form .ninja-forms-all-fields-wrap .field-wrap select {
  border: 1px solid #d9d9d9;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  height: 33px;
  padding: 3px; }

form .ninja-forms-all-fields-wrap .field-wrap select {
  background: url("./css/images/fleche_form.svg") no-repeat right top;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none; }

form .ninja-forms-all-fields-wrap .field-wrap input[type=submit] {
  background: #0079BE;
  border: none;
  box-shadow: none;
  color: #FFF;
  float: right;
  font-weight: bold;
  font-size: 114.3%;
  line-height: normal;
  padding: 7px 30px; }

form .ninja-forms-all-fields-wrap .field-wrap label {
  display: block;
  float: left;
  font-size: 114.3%;
  padding: 5px 10px 0 0;
  text-align: right;
  width: 25%; }

form .ninja-forms-all-fields-wrap .field-wrap span ul {
  margin-left: -15px; }

form .ninja-forms-all-fields-wrap .field-wrap span ul li {
  background: none;
  float: none; }

form .ninja-forms-all-fields-wrap .field-wrap span ul li label {
  width: auto; }

#header form input[type=submit],
#header form input[type=button],
#header form input[type=text] {
  border: 0;
  box-shadow: none;
  color: #818181;
  font-family: 'Roboto', sans-serif;
  padding: 0; }

#header form input[type=text] {
  padding: 0 0 0 7px; }

.list-radio-wrap .nf-field-element li, .list-checkbox-wrap .nf-field-element li {
  background: none; }

/*BLOCKQUOTES*/
blockquote {
  border-left: none;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  float: left;
  font-size: 171.4%;
  line-height: 120%;
  margin: 0 25px 25px 0;
  max-width: 350px;
  padding: 0 25px 25px 0; }

/*EMPHASE*/
mark {
  background: #ebebeb;
  display: block;
  padding: 35px; }

mark strong {
  display: block;
  font-size: 114.3%;
  padding-bottom: 15px; }

/*IMAGES*/
/*#contenu_centre img {float:left; padding-right:20px;}*/
#contenu_centre #banniere img {
  float: none; }

/* Permet à la bannière de s'étendre complètement dans le centre de la page */
#contenu_centre img {
 /* float: none;*/ }

#contenu_centre table img {
  max-width: none; }

/*CONTENU*/
#conteneur #contenu #contenu_interieur {
  margin: 0 auto; }

/*CONTENU GAUCHE*/
/*MENU PRINCIPAL*/
#conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal {
  z-index: 1000; }

#conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #primary-menu li a {
  display: block; }

#conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #primary-menu > li a:hover {
  text-decoration: none; }

#conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #primary-menu > li > ul {
  padding-bottom: 20px; }

#conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #primary-menu > li > ul > li {
  margin: 0 0 0 10px; }

#conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #primary-menu li.menu-item-has-children > a {
  background-repeat: no-repeat;
  background-position-x: 95%;
  background-position-y: 50%;
  background-position: right 18px center;
  cursor: pointer; }
#conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #primary-menu>#menu-item-128.menu-item-type-custom:nth-child(2),
#conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #primary-menu>#menu-item-129.menu-item-type-custom:nth-child(11),
#conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #primary-menu>#menu-item-131.menu-item-type-custom:nth-child(14){
	background: none;
}
#conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #primary-menu>#menu-item-128.menu-item-type-custom:nth-child(2) a:not([href]),
#conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #primary-menu>#menu-item-129.menu-item-type-custom:nth-child(11) a:not([href]),
#conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #primary-menu>#menu-item-131.menu-item-type-custom:nth-child(14) a:not([href]){
	padding-left: 0;
}
#conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #primary-menu>#menu-item-128.menu-item-type-custom:nth-child(2) a:not([href]):hover,
#conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #primary-menu>#menu-item-129.menu-item-type-custom:nth-child(11) a:not([href]):hover,
#conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #primary-menu>#menu-item-131.menu-item-type-custom:nth-child(14) a:not([href]):hover{
	background: none;
	color: #FFF;
}
#conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #primary-menu>#menu-item-131.menu-item-type-custom:nth-child(14) a:not([href]){
	color: #002439;
}
/*Sous-Menu*/
#conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #primary-menu > li > ul {
  display: none; }

#conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #primary-menu > li.current-menu-ancestor > ul {
  display: block; }

#conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #primary-menu > li > ul > li a {
  font-size: 100%; }

/*Sous-Sous-Menu*/
#conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #primary-menu > li > ul > li > ul {
  display: none;
  padding: 0 0 0 20px;
  margin-bottom: 20px; }

#conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #primary-menu > li > ul > li.current-menu-ancestor > ul {
  display: block; }

#conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #primary-menu > li > ul > li > ul > li {
  border-top: none;
  margin: 0; }

#conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #primary-menu > li > ul > li > ul > li a {
  padding-right: 10px; }

#conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #primary-menu > li > ul > li > ul > li a {
  padding-left: 20px; }

/*Bouton fermer pour mobile*/
#conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #fermer_menu,
#conteneur #header #btn_mobile_choix #fermer_mobile_choix {
  background: url("./css/images/fleche_haut.svg") no-repeat center center;
  height: 44px;
  width: 100%; }

/*recherche mobile*/
#conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #recherche_mobile {
  height: 30px; }

#conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #recherche_mobile .recherche_multi {
  padding: 0; }

#conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #recherche_mobile .recherche_multi form input {
  border: 0;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  height: 30px;
  padding: 0 10px;
  width: 100%; }

#conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #recherche_mobile .recherche_multi form a.uqam_recherche-envoie {
  background: url("./css/images/loupe_mobile.svg") no-repeat center center;
  height: 100%;
  padding: 0 10px;
  position: absolute;
  right: 0;
  width: 44px;
  top: 0; }

/*RÉSEAUX SOCIAUX*/
#conteneur #contenu #contenu_interieur .menu-reseaux-sociaux-container {
  margin: 30px 0 25px;
  text-align: center; }

#conteneur #contenu #contenu_interieur .menu-reseaux-sociaux-container ul {
  display: inline-block; }

#conteneur #contenu #contenu_interieur .menu-reseaux-sociaux-container ul li {
  background: none;
  float: left;
  height: 24px;
  margin: 0 10px;
  padding: 0; }

#conteneur #contenu #contenu_interieur .menu-reseaux-sociaux-container ul li.mauvais_nom {
  display: none; }

#conteneur #contenu #contenu_interieur .menu-reseaux-sociaux-container ul li a {
  display: block;
  height: 100%;
  padding-left: 27px; }

#conteneur #contenu #contenu_interieur .menu-reseaux-sociaux-container ul li.facebook a {
  background: url("./css/images/reseaux_sociaux/facebook.svg") no-repeat left top;
  background-size: auto 100%; }

#conteneur #contenu #contenu_interieur .menu-reseaux-sociaux-container ul li.twitter a {
  background: url("./css/images/reseaux_sociaux/twitter.svg") no-repeat left top;
  background-size: auto 100%; }

#conteneur #contenu #contenu_interieur .menu-reseaux-sociaux-container ul li.youtube a {
  background: url("./css/images/reseaux_sociaux/youtube.svg") no-repeat left top;
  background-size: auto 100%; }

#conteneur #contenu #contenu_interieur .menu-reseaux-sociaux-container ul li.rss a {
  background: url("./css/images/reseaux_sociaux/rss.svg") no-repeat left top;
  background-size: auto 100%; }

#conteneur #contenu #contenu_interieur .menu-reseaux-sociaux-container ul li.linkedin a {
  background: url("./css/images/reseaux_sociaux/linkedin.svg") no-repeat left top;
  background-size: auto 100%; }

#conteneur #contenu #contenu_interieur .menu-reseaux-sociaux-container ul li.instagram a {
  background: url("./css/images/reseaux_sociaux/instagram.svg") no-repeat left top;
  background-size: auto 100%; }

/*ESPACE*/
#conteneur #contenu #contenu_interieur #contenu_gauche .espace,
#conteneur #contenu #contenu_interieur #contenu_droite .espace {
  border-bottom: 1px solid #FFF;
  margin: 25px 0 0;
  padding: 0 0 20px 0; }

#conteneur #contenu #contenu_interieur #contenu_gauche .espace .textwidget {
  clear: both;
  color: #333;
  margin-bottom: 10px;
  text-align: center;
  text-transform: uppercase; }

/*CONTENU CENTRE*/
#conteneur #contenu #contenu_interieur #contenu_centre #main .page-header {
  border: none;
  margin: 0;
  padding: 0; }

#conteneur #contenu #contenu_interieur #contenu_centre #main ul {
  margin-bottom: 20px;
  padding-left: 2px; }

#conteneur #contenu #contenu_interieur #contenu_centre #main ul li ul {
  margin-bottom: 0px; }

#conteneur #contenu #contenu_interieur #contenu_centre #main ul li ul li:last-of-type {
  padding-bottom: 0px; }

#conteneur #contenu #contenu_interieur #contenu_centre #main article {
  margin-bottom: 30px;
  padding-bottom: 20px; }

#conteneur #contenu #contenu_interieur #contenu_centre #main article .entry-content {
  margin: 0; }

/*ARCHIVES*/
#conteneur #contenu #contenu_interieur #contenu_centre #main article.post,
#conteneur #contenu #contenu_interieur #contenu_centre #main article.articles-complet,
#conteneur #contenu #contenu_interieur #contenu_centre #main article.articles-titre_extrait {
  border-bottom: 1px solid #d9d9d9; }

#conteneur #contenu #contenu_interieur #contenu_centre #main article.articles-titre_extrait {
  padding-bottom: 0; }

#conteneur #contenu #contenu_interieur #contenu_centre #main article.articles-titre,
#conteneur #contenu #contenu_interieur #contenu_centre #main article.aucune {
  margin: 0;
  padding: 0; }

#conteneur #contenu #contenu_interieur #contenu_centre #main article.articles-titre h2,
#conteneur #contenu #contenu_interieur #contenu_centre #main article.aucune h2 {
  font-size: 114.3%;
  font-weight: bold; }

#conteneur #contenu #contenu_interieur #contenu_centre #main article.post .entry-footer .cat-links {
  display: block; }

#conteneur #contenu #contenu_interieur #contenu_centre #main article.post .entry-header .entry-meta {
  display: none; }

/*PARTAGE réseaux sociaux*/
#conteneur #contenu #contenu_interieur #contenu_centre .addtoany_content_bottom .addtoany_header {
  float: left;
  margin: 0;
  padding: 6px 5px 0 0; }

#conteneur #contenu #contenu_interieur #contenu_centre .addtoany_content_bottom .addtoany_list a > span {
  background-size: 24px 24px;
  height: 24px;
  width: 24px; }

#conteneur #contenu #contenu_interieur #contenu_centre .addtoany_content_bottom .addtoany_list a.addtoany_share_save > span {
  background: url("./css/images/plus.svg") no-repeat center center rgba(0, 0, 0, 0.4); }

.a2a_menu a {
  color: #0079be !important; }

/*CONTENU DROITE*/
/*PAGE D'ACCUEIL*/
/*CARROUSEL*/
#conteneur #contenu #contenu_interieur #contenu_centre #main #carrousel {
  margin-bottom: 30px;
  width: 100%; }

.home #conteneur #contenu #contenu_interieur #contenu_centre #main #carrousel {
  margin-bottom: 40px; }

.home #conteneur #contenu #contenu_interieur #contenu_centre #main #carrousel .easingslider-image {
  right: auto; }

/*CONTENU*/
.home #conteneur #contenu #contenu_interieur #contenu_centre #main div h2 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  margin-bottom: 25px;
  padding-bottom: 20px; }

/*TEXTE INTRO*/
#conteneur #contenu #contenu_interieur #contenu_centre #main li.widget {
  list-style: none;
  margin-bottom: 70px; }

#conteneur #contenu #contenu_interieur #contenu_centre #main li.widget h2 {
  padding-bottom: 30px; }

/*NOUVELLES*/
#conteneur #contenu #contenu_interieur #contenu_centre #main #nouvelles a {
  font-size: 150%; }

#conteneur #contenu #contenu_interieur #contenu_centre #main #nouvelles p {
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  margin-bottom: 25px;
  padding-bottom: 25px; }

#conteneur #contenu #contenu_interieur #contenu_centre #main #nouvelles a + p {
  padding-top: 10px; }

/*CONTRASTE*/
body.contraste {
  color: #000; }

.contraste #conteneur a {
  color: #00587f;
  text-decoration: underline; }

.contraste #conteneur p a {
  background: #00587f;
  color: #FFF;
  padding: 2px;
  text-decoration: none; }

.contraste #conteneur a:hover {
  padding: 0; }

.contraste #conteneur p a:hover {
  background: #000;
  padding: 2px; }

/*Réseaux sociaux*/
.contraste #conteneur #contenu #contenu_interieur #contenu_gauche .menu-reseaux-sociaux-container ul li,
.fontPlus #conteneur #contenu #contenu_interieur #contenu_gauche .menu-reseaux-sociaux-container ul li {
  height: 32px; }

.contraste #conteneur #contenu #contenu_interieur #contenu_gauche .menu-reseaux-sociaux-container ul li a,
.fontPlus #conteneur #contenu #contenu_interieur #contenu_gauche .menu-reseaux-sociaux-container ul li a {
  padding: 3px 0 0 36px !important; }

.contraste #conteneur #contenu #contenu_interieur #contenu_gauche .menu-reseaux-sociaux-container ul li.facebook a {
  background-image: url("./css/images/reseaux_sociaux/facebook_cont.svg"); }

.contraste #conteneur #contenu #contenu_interieur #contenu_gauche .menu-reseaux-sociaux-container ul li.twitter a {
  background-image: url("./css/images/reseaux_sociaux/twitter_cont.svg"); }

.contraste #conteneur #contenu #contenu_interieur #contenu_gauche .menu-reseaux-sociaux-container ul li.youtube a {
  background-image: url("./css/images/reseaux_sociaux/youtube_cont.svg"); }

.contraste #conteneur #contenu #contenu_interieur #contenu_gauche .menu-reseaux-sociaux-container ul li.rss a {
  background-image: url("./css/images/reseaux_sociaux/rss_cont.svg"); }

.contraste #conteneur #contenu #contenu_interieur #contenu_gauche .menu-reseaux-sociaux-container ul li.linkedin a {
  background-image: url("./css/images/reseaux_sociaux/linkedin_cont.svg"); }

.contraste #conteneur #contenu #contenu_interieur #contenu_gauche .menu-reseaux-sociaux-container ul li.instagram a {
  background-image: url("./css/images/reseaux_sociaux/instagram_cont.svg"); }

/*TABLEAU vers LISTE mobile*/
#conteneur #contenu #contenu_interieur #contenu_centre #main .tableTOlist li ul {
  margin-bottom: 0; }

/*SHORTCODE*/
/*Su-post*/
.su-posts .su-post-meta,
.su-posts .su-post-comments-link {
  display: none; }

ul.slides li {
  background: none; }

.espace_gauche .metaslider .slides img {
  width: auto;
  height: auto; }

.metaslider.carrousel .slides img {
  width: auto;
  height: auto; }

/* ninja forms */
.list-radio-wrap .nf-field-element li,
.list-checkbox-wrap .nf-field-element li {
  background: none; }
  .submit-container input {
    padding: 10px 30px;
    font-size: 1em;
}

/* AUDIOVISUEL template-QUERIES.CSS ------------------------------------------------------------------------------ */
/* --------------------------------------------------------------------------------------------------------------- */
/* PERSONNALISÉ & IPHONE RETINA */
/* APPAREIL DE PETITE TAILLE & TÉLÉPHONE */
@media only screen and (min-width: 120px), only screen and (min-width: 320px), only screen and (min-width: 480px) {
  html, body {
    cursor: pointer; }
  /*CONTENU*/
  #conteneur {
    margin: 0 auto; }
  /*CONTENU GAUCHE*/
  #conteneur #contenu #contenu_interieur #contenu_gauche {
    padding: 0; }
  .textwidget a {
    margin-bottom: 5px; }
  .textwidget a span {
    width: 300px;
    text-align: left; }
  /*MENU PRINCIPAL*/
  #conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal {
    background-color: #002439;
    display: none;
    padding: 0 10px;
    position: absolute;
    top: -1px;
    width: 100%; }
  #conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #primary-menu {
    margin-top: 20px; }
  #conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #primary-menu li {
    background-image: none;
    background-color: #203f51;
    border-bottom: none;
    padding: 0;
    margin-bottom: 2px; }
  #conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #primary-menu li:first-child {
    border-top: none; }
  #conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #primary-menu > li.active {
    background-color: #405b6c; }
  #conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #primary-menu > li > ul > li {
    background-color: #405b6c;
    border-bottom: 1px solid #98a6af; }
  #conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #primary-menu > li > ul > li:first-child {
    border-top: 1px solid #98a6af; }
  #conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #primary-menu > li > a {
    padding: 10px 45px 12px 10px; }
  #conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #primary-menu li a {
    color: #fff; }
  #conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #primary-menu li.current-menu-item {
    background-color: #D2D9DC; }
  #conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #primary-menu li.current-menu-item > a {
    color: #002439;
    margin-left: 0;
    padding-left: 20px; }
  #conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #primary-menu > li > ul > li a {
    padding: 10px 50px 10px 10px; }
  #conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #primary-menu > li > ul > li.active {
    background-color: #203f51; }
  #conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #primary-menu li.menu-item-has-children > a {
    background-image: url("./css/images/plus.svg"); }
  #conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #primary-menu li.active.menu-item-has-children > a {
    background-image: url("./css/images/moins.svg"); }
  #conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #primary-menu > li > ul > li > ul > li a {
    background: url("./css/images/puce_menu.svg") no-repeat left 5px top 17px; }
  /*CONTENU CENTRE*/
  #conteneur #contenu #contenu_interieur #contenu_centre {
    overflow-x: hidden;
    padding: 0 20px; }
  #conteneur #contenu #contenu_interieur #contenu_centre #main {
    padding: 20px 0 0 0; }
  .home #conteneur #contenu #contenu_interieur #contenu_centre #main {
    padding: 40px 0 0 0; }
  #conteneur #contenu #contenu_interieur #contenu_centre #main li.widget,
  #conteneur #contenu #contenu_interieur #contenu_centre #main #nouvelles {
    padding-left: 0; }
  #conteneur #contenu #contenu_interieur #contenu_centre #main #nouvelles {
    padding-right: 0; }
  /*CARROUSEL*/
  .home #conteneur #contenu #contenu_interieur #contenu_centre #main #carrousel {
    margin-top: 0; }
  /*CONTENU DROITE*/
  #conteneur #contenu #contenu_interieur #contenu_droite {
    background: #CCC;
    margin-top: 20px;
    padding: 20px; }
  /*.titre_site{display:inline-block !important;}*/
  #main table.sticky-thead, #main table.sticky-enabled {
    max-width: none; }
  /*FOOTER*/
  #footer_mobile {
    width: 100%;
    background: #002439;
    padding: 7px 20px; }
  #footer_mobile a {
    color: #fff; }
  #footer_mobile .lien_uqam {
    font-weight: bold;
    padding-right: 6px;
    margin-right: 4px;
    border-right: 1px solid rgba(255, 255, 255, 0.3); } }

@media only screen and (max-width: 120px), only screen and (max-width: 320px), only screen and (max-width: 480px) {
  #contenu_droite .menu {
    display: none; }
  /*cacher l'affichage du menu dans le footer en version mobile lorsque le menu contient un sous-menu*/ }

/* --------------------------------------------------------------------------------------------------------------- */
/* PAPPAREIL DE PETITE TAILLE & TABLETTE */
@media only screen and (min-width: 768px) {
  html, body {
    cursor: default; } }

/* --------------------------------------------------------------------------------------------------------------- */
/* APPAREIL DE MOYENNE TAILLE & ÉCRAN DE BUREAU */
@media only screen and (min-width: 992px) {
  #conteneur {
    margin: 0 auto -36px; }
  #fil_ariane_interieur .titre_site {
    display: none !important; }
  /*HEADER*/
  #conteneur #header {
    margin-bottom: 50px; }
  .titre_site {
    position: relative !important;
    left: 0px !important;
    float: left !important; }
  /*CONTENU*/
  /*CONTENU GAUCHE*/
  #conteneur #contenu #contenu_interieur #contenu_gauche {
    padding: 0 0px 50px; }
  /*MENU PRINCIPAL*/
  #conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal {
    display: block !important;
    padding: 0;
    position: relative; }
  #conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #primary-menu {
    margin-top: 0;
    padding: 0px 15px 30px 15px;
    list-style-type: none; }
  #conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #primary-menu li {
    position: relative;
    margin-bottom: 0; }
  #conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #primary-menu > li > a {
    padding: 10px 35px 10px 20px; }
  #conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #primary-menu > li > ul > li a {
    padding: 10px 35px 10px 20px; }
  /*SKIN FONCÉ*/
  .dark #conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal {
    background: none; }
  .dark #conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #primary-menu {
    background-color: #002439;
    padding-top: 30px; }
  .dark #conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #primary-menu li {
    border-top: 0;
    border-bottom: none;
    background-color: #203f51;
    margin-bottom: 2px; }
  .dark #conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #primary-menu > li.active {
    background-color: #405b6c; }
  .dark #conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #primary-menu > li.active,
  .dark #conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #primary-menu li a {
    color: #fff; }
  .dark #conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #primary-menu li a:before {
    content: '';
    display: none; }
  .dark #conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #primary-menu > li a:hover {
    background-color: #D2D9DC;
    color: #002439; }
  .dark #conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #primary-menu li.menu-item-has-children > a:hover {
    background-image: url("./css/images/plus_noir.svg"); }
  .dark #conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #primary-menu li.active.menu-item-has-children > a:hover {
    background-image: url("./css/images/moins_noir.svg"); }
  .dark #conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #primary-menu li.current-menu-item {
    background-color: #D2D9DC; }
  .dark #conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #primary-menu li.current-menu-item > a {
    color: #002439; }
  .dark #conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #primary-menu > li > ul > li {
    background-color: #405b6c;
    border-bottom: 1px solid #98a6af; }
  .dark #conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #primary-menu > li > ul > li.active {
    background-color: #203f51; }
  .dark #conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #primary-menu > li > ul > li:first-child {
    border-top: 1px solid #98a6af; }
  .dark #conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #primary-menu li.menu-item-has-children > a {
    background-image: url("./css/images/plus.svg"); }
  .dark #conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #primary-menu li.active.menu-item-has-children > a {
    background-image: url("./css/images/moins.svg"); }
  /*Sous-Sous-Menu*/
  .dark #conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #primary-menu > li > ul > li > ul > li a {
    background: url("./css/images/puce_menu.svg") no-repeat left 5px top 17px; }
  /*SKIN CLAIR*/
  .bright #conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal {
    background: none; }
  .bright #conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #primary-menu {
    background-color: #fff; }
  .bright #conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #primary-menu li {
    border-top: 0;
    border-bottom: solid 1px #D9D9D9;
    background: none;
    padding: 0 0 0 10px; }
  .bright #conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #primary-menu li:first-child {
    border-top: solid 1px #D9D9D9; }
  .bright #conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #primary-menu > li.active {
    background-color: #f2f2f2; }
  .bright #conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #primary-menu > li.active,
  .bright #conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #primary-menu li a {
    color: #0079be; }
  .bright #conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #primary-menu li a:before {
    content: '';
    display: block;
    width: 6px;
    height: 6px;
    position: absolute;
    background: url("./css/images/puce_menu-01.png") no-repeat top left;
    left: 10px;
    top: 19px; }
  .bright #conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #primary-menu li a:hover:before,
  .bright #conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #primary-menu li.current-menu-item > a:before {
    background-image: url("./css/images/puce_menu-01-hover.png"); }
  .bright #conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #primary-menu > li a:hover {
    margin-left: -10px;
    padding-left: 30px;
    background-color: #0079be;
    color: #fff; }
  .bright #conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #primary-menu li.menu-item-has-children > a:hover {
    background-image: url("./css/images/plus.svg"); }
  .bright #conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #primary-menu li.active.menu-item-has-children > a:hover {
    background-image: url("./css/images/moins.svg"); }
  .bright #conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #primary-menu li.current-menu-item {
    background-color: #0079be; }
  .bright #conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #primary-menu li.current-menu-item > a {
    color: #fff;
    margin-left: -10px;
    padding-left: 30px; }
  .bright #conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #primary-menu > li > ul li {
    border-bottom: 1px solid #c7c7c7; }
  .bright #conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #primary-menu > li > ul > li {
    background-color: #f2f2f2; }
  .bright #conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #primary-menu > li > ul li:first-child {
    border-top: 1px solid #c7c7c7; }
  .bright #conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #primary-menu > li > ul > li.active {
    background-color: #eaeaea; }
  .bright #conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #primary-menu li.menu-item-has-children > a {
    background-image: url("./css/images/plus_bleu.svg"); }
  .bright #conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #primary-menu li.active.menu-item-has-children > a {
    background-image: url("./css/images/moins_bleu.svg"); }
  /*Sous-Sous-Menu*/
  .bright #conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #primary-menu > li > ul > li > ul > li a {
    background: none; }
  /*CONTENU CENTRE*/
  #conteneur #contenu #contenu_interieur #contenu_centre {
    overflow-x: inherit;
    padding: 0 30px 0 5px; }
  #conteneur #contenu #contenu_interieur #contenu_centre.col-md-6 {
    padding-right: 30px; }
  .home #conteneur #contenu #contenu_interieur #contenu_centre {
    padding: 0 30px 0 5px; }
  #conteneur #contenu #contenu_interieur #contenu_centre #main {
    padding-bottom: 45px; }
  #conteneur #contenu #contenu_interieur #contenu_centre #main li.widget,
  #conteneur #contenu #contenu_interieur #contenu_centre #main #nouvelles,
  #conteneur #contenu #contenu_interieur #contenu_centre #main article,
  .category #conteneur #contenu #contenu_interieur #contenu_centre #main {
    padding-left: 30px; }
  .category #conteneur #contenu #contenu_interieur #contenu_centre #main article {
    padding-left: 0; }
  #conteneur #contenu #contenu_interieur #contenu_centre #main #nouvelles {
    padding-right: 35px; }
  /*CARROUSEL*/
  .home #conteneur #contenu #contenu_interieur #contenu_centre #main #carrousel {
    margin-top: -40px; }
  #conteneur #contenu #contenu_interieur #contenu_centre #main #carrousel {
    padding-left: 40px; }
  #conteneur #contenu #contenu_interieur #banniere #carrousel {
    margin-left: 40px; }
  /*CONTENU DROITE*/
  #conteneur #contenu #contenu_interieur #contenu_droite {
    background: none;
    margin-top: 0;
    padding: 45px 30px 45px 5px; }
  /*TABLEAU*/
  #main table.sticky-thead, #main table.sticky-enabled {
    max-width: 100%; }
  div.degrade {
    display: none; }
  .titre_site {
    position: relative !important;
    left: 0px !important;
    float: left !important; }
  #fil_ariane_interieur .titre_site {
    display: none !important; }
  /*LARGEUR INTÉRIEUR*/
  #conteneur #header #header_couleur #header_interieur,
  #conteneur #header #uqam_conteneur_recherche_choix,
  #conteneur #header #fil_ariane #fil_ariane_interieur,
  #conteneur #header #bulle,
  #conteneur #header #uqam_plus,
  #conteneur #contenu #contenu_interieur,
  #footer #footer_interieur {
    width: 100%; } }

/* --------------------------------------------------------------------------------------------------------------- */
/* APPAREIL DE LARGE TAILLE & ÉCRAN LARGE */
@media only screen and (min-width: 1200px) {
  #conteneur #contenu #contenu_interieur #contenu_centre #main li.widget,
  #conteneur #contenu #contenu_interieur #contenu_centre #main #nouvelles,
  #conteneur #contenu #contenu_interieur #contenu_centre #main article,
  .category #conteneur #contenu #contenu_interieur #contenu_centre #main {
    padding-left: 45px; }
  #conteneur #contenu #contenu_interieur #contenu_centre #main #nouvelles {
    padding-right: 50px; }
  /*LARGEUR INTÉRIEUR*/
  #conteneur #header #header_couleur #header_interieur,
  #conteneur #header #uqam_conteneur_recherche_choix,
  #conteneur #header #fil_ariane #fil_ariane_interieur,
  #conteneur #header #bulle,
  #conteneur #header #uqam_plus,
  #conteneur #contenu #contenu_interieur,
  #footer #footer_interieur {
    width: 1200px; }
  #conteneur #contenu #contenu_interieur #contenu_gauche {
    min-height: 800px; }
      
      /***QUICKFIX MENU-margin DARK****************/
.dark #contenu_centre{
    padding-left: 60px !important;
}
   }
    


/*PRINT */

/*# sourceMappingURL=style.css.map */
.rl-folders-tree-container {display:none;}