@charset "UTF-8";
/*!
Theme Name: Expo Nous
Theme URI: https://exponous.teluq.ca/
Author: Andy Harvey
Author URI: https://www.teluq.ca/
Description: Thème pour l'exposition NOUS 2022
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: Expo nous
Tags:
*/
/* Base */
/* Colors */
/* Forms */
/*--------------------------------------------------------------
Normalize
--------------------------------------------------------------*/
/*! normalize.css v4.1.1 | MIT License | https://github.com/necolas/normalize.css */
/* http://csscompressor.com/ */
html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-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; }

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

progress { vertical-align: baseline; }

template, [hidden] { display: none; }

a { background-color: transparent; -webkit-text-decoration-skip: objects; }

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

abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; }

b, strong { font-weight: inherit; font-weight: bolder; }

dfn { font-style: italic; }

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

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

small { font-size: 80%; }

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

sub { bottom: -.25em; }

sup { top: -.5em; }

img { border-style: none; }

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

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

figure { margin: 1em 40px; }

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

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

optgroup { font-weight: 700; }

button, input { overflow: visible; }

button, select { text-transform: none; }

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

button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; }

button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; }

fieldset { border: 1px solid silver; margin: 0 2px; padding: .35em .625em .75em; }

legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; }

textarea { overflow: auto; }

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

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

[type="search"] { -webkit-appearance: textfield; outline-offset: -2px; }

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

::-webkit-input-placeholder { color: inherit; opacity: .54; }

::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; }

hr { display: block; border: solid #aaa; border-width: 1px 0 0; clear: both; margin: 1.5em 0; height: 0; }

audio, canvas, img, video { vertical-align: middle; max-width: 100%; height: auto; }

iframe { max-width: 100%; }

fieldset { border: 0; margin: 0; padding: 0; }

textarea { resize: vertical; }

/* http://css-tricks.com/snippets/html/responsive-meta-tag/ */
@-ms-viewport { width: device-width; }

@viewport { width: device-width; }

*, *:before, *:after, a { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background-repeat: no-repeat; }

body { background-color: #F7F3EF; }

html, button, input, select, textarea { color: #000; }

::-moz-selection { background: #000; color: #F7F3EF; text-shadow: none; }

::selection { background: #000; color: #F7F3EF; text-shadow: none; }

html { font: 21px/28px "Rubik", sans-serif; color: #000; font-weight: 300; /* light */ scroll-behavior: smooth; /* smooth scroll en CSS */ }

hr { display: block; border: solid #aaa; border-width: 1px 0 0; clear: both; margin: 1.5em 0; height: 0; }

b, strong { font-weight: 500; }

.bold { font-weight: 700; }

b.semi, strong.semi { font-weight: 600; }

img { max-width: 100%; height: auto; }

ol, ul { margin: 0 0 1em 0; padding-left: 20px; }

/*ul { list-style-type:none; padding:0; }*/
li { margin: 0.2em 0 0.5em 1em; }

ol > li::marker { color: #000; font-weight: 500; }

/*ul > li {
	position:relative;
	padding-left:17px;
}
ul > li:before {
	content:"";
	position:absolute;
	left:0;
	top:0.6em;
	display:block;
	width:6px;
	height:6px;
	background-color:#000;
	border-radius:50%;
}*/
nav ul, nav ol, ul.noliste, ul.no_liste { list-style: none; list-style-image: none; margin: 0; padding: 0; }

nav ul > li, ul.noliste > li, ul.no_liste > li { padding: 0; margin: 0; }

nav ul > li:before, ul.noliste > li:before, ul.no_liste > li:before { display: none; }

blockquote { background: url(img/ico-quote.svg) bottom left no-repeat; /*display: flex; flex-wrap: wrap; align-items: center; align-content: space-evenly;*/ margin: 50px auto; padding: 0 0 60px 0; max-width: 80%; min-width: 133px; font-family: 'Noto Serif', serif; font-size: 1.14286em; line-height: 1.58333em; color: #2E2A27; font-weight: 400; font-style: italic; /*text-align: center;*/ }

blockquote > * { width: 100%; }

blockquote > :first-child { margin-top: 0; }

blockquote > :last-child { margin-bottom: 0; }

blockquote cite { display: block; font-size: 0.66667em; line-height: 1.5; color: #555; font-weight: 400; font-style: normal; }

blockquote cite:before { content: "\2014 \0020"; }

blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; }

/* Variante sémantique/accessible de citations avec un figure/figcaption */
figure.quote { background: url(img/ico-quote.svg) bottom left no-repeat; margin: 50px auto; padding: 0 0 60px 0; max-width: 80%; text-align: left; }

figure.quote blockquote { background: none; margin: 0; padding: 0; max-width: 100%; }

figure.quote figcaption { display: block; font-size: 0.7619em; line-height: 1.5; color: #555; font-weight: 400; margin-top: 2em; }

figure.quote figcaption:before { content: "\2014 \0020"; }

figure.quote figcaption a, figure.quote figcaption a:visited, figure.quote figcaption a:visited { color: #555; }

figure { margin: 40px auto; text-align: center; }

figure > .coins { display: inline-block; position: relative; padding: 30px; /*border: 1px solid #000000;*/ }

figure > .coins:before, figure > .coins:after { content: ""; position: absolute; display: block; width: 30px; height: 30px; border: 2px solid #000000; }

figure > .coins:before { bottom: 0; left: 0; border-top: 0; border-right: 0; }

figure > .coins:after { top: 0; right: 0; border-bottom: 0; border-left: 0; }

figure.centre { width: 75%; }

figcaption { /*font-family: 'Noto Serif', serif;*/ text-align: left; font-size: 1em; margin-top: 0.5em; }

figcaption > :first-child { margin-top: 0; }

figcaption > :last-child { margin-bottom: 0; }

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

p { margin: 0 0 1em 0; }

p img { margin: 0; }

/* Typographie */
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }

h1 sup, h2 sup, h3 sup, h4 sup, h5 sup, h6 sup { text-transform: none; }

h1 { font-size: 2.7619em; line-height: 1.1; font-weight: 700; margin: 0 0 40px 0; }

.titrePage { position: relative; font-size: 2em; line-height: 1.5; font-weight: 400; text-transform: uppercase; color: #000; margin: 50px 0 20px 0; }

body:not(.home) .titrePage, body.home .titrePage strong { font-weight: 700; }

body.single .titrePage { font-weight: 500; text-transform: none; margin: 20px 0 0 0; }

.titrePage > .fond { /* https://codepen.io/chriscoyier/pen/ZRpZLx */ padding: 5px 10px; background: #FFD000; box-decoration-break: clone; -webkit-box-decoration-break: clone; }

h2 { position: relative; font-size: 1.90476em; line-height: 1.2em; font-weight: 500; color: #000; padding-bottom: 10px; margin: 0 0 30px 0; }

h2:after { content: ""; position: absolute; bottom: 0; left: 0; height: 4px; width: 60px; background-color: #F8D247; }

h2.centre { text-align: center; }

h2.centre:after { left: 50%; transform: translateX(-50%); /*margin-left: -30px;*/ }

.titrePageListe, .commeH3, h3 { font-size: 1.14286em; /*line-height:em(28px, 24px);*/ line-height: 1.7; font-weight: 500; margin: 30px 0 20px 0; color: #000; }

.commeH3 > .fond, h3 > .fond { /* https://codepen.io/chriscoyier/pen/ZRpZLx */ padding: 5px 20px; background: #FFD000; box-decoration-break: clone; -webkit-box-decoration-break: clone; }

h4 { font-size: 1em; line-height: 1.33333em; font-weight: 700; color: #000; text-transform: uppercase; margin: 25px 0 15px 0; }

h5 { font-size: 1em; font-weight: 700; color: #33302E; margin: 25px 0 5px 0; }

.sPageSecondaire h2 { margin-top: 50px; }

.chapo, .chapeau { font-size: 1.14286em; line-height: 1.33333em; /* 32/24 */ color: #33302E; }

/* Listing des articles */
.sPageSecondaire .titrePageListe { margin: 0.5em 0; line-height: 1.206896551724138; /* 35/29 */ }

.titrePageListe a { display: inline-block; color: inherit; text-decoration: none; }

body.search-results article + article, body.archive article + article { margin-top: 1.5em; padding-top: 1.5em; border-top: 1px solid #aaa; }

a { transition: color 0.2s ease; }

a, a:link, a:visited { color: #000; }

a:active, a:hover, a:focus { color: #DE7357; }

a:focus { outline: 1px dotted #000; }

/******************************* Styles de liens "pills" La base commune */
a.lienFleche, a.lienRetour, a.lienDownload, a.lienExterne { position: relative; display: inline-block; font-size: 0.95238em; line-height: 1.1em; font-weight: 500; color: #000; text-decoration: none; margin: 0; padding: 15px 65px 15px 30px; border: 2px solid #FFD000; border-radius: 50px; /* Assez large pour au moins 2 lignes */ transition: background-color 0.2s ease, border-color 0.2s ease; }

a.lienFleche:focus, a.lienFleche:hover, a.lienRetour:focus, a.lienRetour:hover, a.lienDownload:focus, a.lienDownload:hover, a.lienExterne:focus, a.lienExterne:hover { background-color: #FFD000; outline: 0; }

/******************************* Styles de liens boutons Les variantes (icones, etc.) */
/* Lien flèche normale et de retour (avec rotation et à gauche) */
a.lienRetour { padding: 15px 30px 15px 65px; }

a.lienFleche:after, a.lienRetour:before { content: ""; position: absolute; top: 50%; right: 20px; width: 37px; height: 21px; margin-top: -11px; background: url(img/ico-bouton-page-interne-n.svg) center right no-repeat; }

a.lienRetour:before { left: 20px; right: auto; background-position: center left; transform: rotate(180deg); }

/* Flèche blanche */
a.lienFleche.blanc { color: #fff; }

a.lienFleche.blanc:focus, a.lienFleche.blanc:hover { background-color: #000; border-color: #000; }

a.lienFleche.blanc:after { background-image: url(img/ico-bouton-page-interne-b.svg); }

/* Download et lien externe */
a.lienDownload:after, a.lienExterne:after { content: ""; position: absolute; width: 38px; height: 34px; right: 15px; top: 50%; margin-top: -19px; background: url("img/ico-bouton-telecharger.svg") no-repeat; transition: transform 0.2s ease; }

a.lienExterne:after { background: url("img/ico-bouton-site-externe.svg") no-repeat; }

/* ========================================================================== Media Queries ========================================================================== */
/* Moins de 1024px */
@media only screen and (max-width: 1023px) { /* Changement de taille de texte de base */
  body { font-size: 16px; line-height: 1.5em; /*font-weight: 400;*/ }
  .titrePage { font-size: 2.625em; }
  .commeH3 > .fond, h3 > .fond { line-height: 1.88; } }

/* Moins de 768px */
@media only screen and (max-width: 767px) { .titrePage { font-size: 2.1875em; line-height: 1.56; }
  .home .titrePage { font-size: 1.5em; line-height: 1.75; } }

/* FIN - Moins de 768px */
/* Moins de 600px */
@media only screen and (max-width: 599px) { figure.centre { width: 90%; } }

/* #Fluide Grid
*  http://grids.herokuapp.com/fluid_grid.css?column_amount=16
================================================== */
.container { position: relative; width: 100%; margin: 0 auto; padding: 0; overflow: hidden; }

.row { margin-bottom: 15px; }

.container .columnf { float: left; display: inline; padding-left: 2%; padding-right: 2%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.columnf.first { padding-left: 0 !important; }

.columnf.last { padding-right: 0 !important; }

/* Base Grid */
.container .g100.columnf { width: 100.0%; }

.container .g1-2.columnf { width: 50.0%; }

.container .g1-3.columnf { width: 33.33%; }

.container .g2-3.columnf { width: 66.66%; }

.container .g1-4.columnf { width: 25.0%; }

.container .g2-4.columnf { width: 50.0%; }

.container .g3-4.columnf { width: 75.0%; }

.container .g1-5.columnf { width: 20.0%; }

.container .g1-5.columnf { width: 20.0%; }

.container .g2-5.columnf { width: 40.0%; }

.container .g3-5.columnf { width: 60.0%; }

.container .g4-5.columnf { width: 80.0%; }

@media only screen and (max-width: 767px) { .container .palm100.columnf { width: 100.0%; padding-left: 0; padding-right: 0; }
  .container .palm1-2.columnf { width: 50.0%; }
  .container .palm1-3.columnf { width: 33.33%; }
  .container .palm2-3.columnf { width: 66.66%; }
  .container .palm1-4.columnf { width: 25.0%; }
  .container .palm2-4.columnf { width: 50.0%; }
  .container .palm3-4.columnf { width: 75.0%; } }

/* Textes/paragraphes */
.vsmall { font-size: 85%; line-height: 1.4; }

small, .small { font-size: 90%; line-height: 1.5; }

big, .big { font-size: 125%; }

.alignerTxtG { text-align: left; }

.alignerTxtD { text-align: right; }

.alignerTxtC { text-align: center; }

.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; }

.caps { text-transform: uppercase !important; }

span.block { display: block; }

/* Images */
img.scale-with-grid { max-width: 100%; height: auto; width: auto; }

img.logoMax100 { max-width: 100%; height: auto; width: auto; max-height: 100px; }

.alignerImgG { margin-bottom: 15px; float: left; margin-right: 20px; }

.alignerImgD { margin-bottom: 15px; float: right; margin-left: 20px; }

figure.alignerImgG, figure.alignerImgD { margin-top: 0; }

/* Marges haut/bas */
.remove-top { margin-top: 0 !important; }

.add-top { margin-top: 16px !important; }

/* Même valeur que la marge du <p> */
.half-top { margin-top: 8px !important; }

.add-d-top { margin-top: 32px !important; }

/* Double marge */
.add-t-top { margin-top: 48px !important; }

/* Triple marge */
.remove-bottom { margin-bottom: 0 !important; }

.half-bottom { margin-bottom: 8px !important; }

.add-bottom { margin-bottom: 16px !important; }

/* Même valeur que la marge du <p> */
.add-d-bottom { margin-bottom: 32px !important; }

/* Double marge */
.add-t-bottom { margin-bottom: 48px !important; }

/* Triple marge */
/* Floats */
.floatG { float: left !important; }

.floatD { float: right !important; }

/* For image replacement */
.ir { background-color: transparent; border: 0; overflow: hidden; *text-indent: -9999px; }

.ir:before { content: ""; display: block; width: 0; height: 150%; }

.hidden { display: none !important; visibility: hidden; }

.print_only { display: none !important; }

.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* 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:hover, .screen-reader-text:active, .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. */ }

.invisible { visibility: hidden; }

.clearfix:before, .clearfix:after { content: " "; /* 1 */ display: table; /* 2 */ }

.clearfix:after { clear: both; }

.clearfix { *zoom: 1; }

.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; }

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

@media print { .print_only { display: block !important; visibility: visible !important; }
  .screen_only { display: none !important; } }

/* CSS grid - zone de call to action avec image/texte */
.gridC2A { display: grid; grid-auto-columns: 1fr; grid-template-columns: 1fr 50px 1fr; grid-template-rows: 50px 1fr 50px; gap: 0px 0px; margin: 3em 0; }

.gridC2A.sansMarge { margin: 0; }

/*.gridC2A + .gridC2A {
	margin-top: 5em;
}*/
/* Styles des côtés/contenus */
.gridC2A .bg, .gridC2A .bgContenu { z-index: -1; }

.gridC2A .bg img { /* Étirer l'image */ width: 100%; height: 100%; object-fit: cover; }

.gridC2A .bgContenu { background: #ADD3C6; padding: 50px; padding-left: 100px; /* Pour compenser le fait qu'il passe derrière */ display: grid; align-content: center; }

.gridC2A.inverse .bgContenu { padding-left: 50px; padding-right: 100px; /* Pour compenser le fait qu'il passe derrière */ }

.gridC2A blockquote { margin: 0; max-width: none; width: auto; }

.gridC2A .contenu { position: relative; background: #fff; padding: 50px; display: grid; align-content: center; }

.gridC2A .contenu.alt { background: #ADD3C6; }

.gridC2A .contenu > *:first-child { margin-top: 0; }

.gridC2A .contenu > *:last-child { margin-bottom: 0; }

/* Positionnement de la grille des côtés (img, bg, contenu secondaire) */
.gridC2A .bg, .gridC2A .bgContenu, .gridC2A.inverse .contenu { grid-area: 2 / 2 / 4 / 4; }

.gridC2A .contenu, .gridC2A.inverse .bg, .gridC2A.inverse .bgContenu { grid-area: 1 / 1 / 3 / 3; }

.gridC2A .creditPhoto { font-size: 0.7619em; }

/* Style de lien/bouton avec technique un peu différente ici */
.gridC2A a.lienExterne, .gridC2A a.lienDownload, .gridC2A a.lienFleche { position: static; /*padding: 15px 30px;*/ background-image: url(img/ico-bouton-page-interne-n.svg); background-repeat: no-repeat; background-position: center right 20px; }

.gridC2A a.lienExterne:after, .gridC2A a.lienDownload:after, .gridC2A a.lienFleche:after { display: none; }

.gridC2A a.lienExterne:before, .gridC2A a.lienDownload:before, .gridC2A a.lienFleche:before { /* Rollover sur tout */ content: ""; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; }

.gridC2A a.lienDownload { background-image: url(img/ico-bouton-telecharger.svg); }

.gridC2A a.lienExterne { background-image: url("img/ico-bouton-site-externe.svg"); }

/* Variations pour les expositions archivées */
.gridC2A.past .single-infos-bg { background: #ADD3C6; }

.gridC2A.past h2:after { background-color: #ADD3C6; }

.gridC2A.past a.lienExterne { border-color: #ADD3C6; }

.gridC2A.past a.lienExterne:focus, .gridC2A.past a.lienExterne:hover { background-color: #ADD3C6; }

.gridC2A .coins:before, .gridC2A .coins:after { content: ""; position: absolute; display: block; width: 30px; height: 30px; border: 2px solid #fff; transition: transform 0.2s ease, border-color 0.2s ease; }

.gridC2A .coins:before { /* Bas/gauche */ bottom: 0; left: 0; border-top: 0; border-right: 0; }

.gridC2A .coins:after { /* Haut/droit */ top: 0; right: 0; border-bottom: 0; border-left: 0; }

/* Rollovers */
.gridC2A a:focus .coins:before, .gridC2A a:hover .coins:before { /* Bas/gauche */ transform: translate(-30px, 30px); border-color: #000; }

.gridC2A a:focus .coins:after, .gridC2A a:hover .coins:after { /* Haut/droit */ transform: translate(30px, -30px); border-color: #000; }

/* Cards (dans la page médias) */
.cartes { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; margin: 30px 0; padding: 0; list-style-type: none; }

.uneCarte { background: #fff; margin: 0; padding: 0; }

/*.carteImg {

}*/
.carteContenu { padding: 50px; }

.carteContenu > *:first-child { margin-top: 0; }

.carteContenu > *:last-child { margin-bottom: 0; }

.wrapper { min-width: 375px; }

/***************/
/* Les strates */
/***************/
.strate { position: relative; }

.strate .content { position: relative; padding: 80px 60px; max-width: 1200px; margin: 0 auto; }

.strate .content > *:first-child { margin-top: 0; }

.strate .content > *:last-child { margin-bottom: 0; }

/****************/
/* Page Accueil */
/* en strates   */
/****************/
/* Les actualités/nouvelles */
.strate.sNouvelles .content { /* Ça le reste entre les breakpoints */ padding-top: 0; padding-bottom: 0; }

.sNouvelles .content { padding: 0; /* Reset tout le padding jusqu'au prochain breakpoint */ max-width: none; }

.sNouvelles h2 { text-align: center; margin-bottom: 60px; }

.sNouvelles h2:after { left: 50%; margin-left: -30px; /* Largeur de 60px */ }

/* Affichage des nouvelles <ul> */
.lesNouvelles { display: flex; flex-wrap: wrap; justify-content: space-between; list-style: none; padding: 0; margin: 0 0 60px 0; }

.lesNouvelles > li { position: relative; display: flex; flex-direction: column; width: 33.33333333%; margin: 0; padding: 60px; transition: outline 0.2s ease, z-index 0.2s ease; outline: 0px solid transparent; z-index: 1; }

.lesNouvelles > li:hover { outline-width: 30px; z-index: 100; }

.lesNouvelles > li:nth-child(3n+1) { background: #E3785C; outline-color: #E3785C; }

.lesNouvelles > li:nth-child(3n+2) { background: #014146; outline-color: #014146; color: #fff; }

.lesNouvelles > li:nth-child(3n+2) > * { color: #fff; }

.lesNouvelles > li:nth-child(3n+3) { background: #BCD3E3; outline-color: #BCD3E3; }

.lesNouvelles .titrePageListe { font-size: 1.2381em; line-height: 1.23077em; margin: 0.5em 0 1em 0; }

.lesNouvelles a.extraitPlus { color: inherit; font-weight: 500; text-decoration: none; }

.lesNouvelles a.extraitPlus:before { content: ""; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; }

.lesNouvelles a.extraitPlus > span { /* Dimensions nécessaires pour l'image en rollover */ /* Pixel "perfect" pour l'effet de roll over */ display: inline-block; font-size: 0.95238em; text-align: center; line-height: 64px; height: 64px; width: 148px; transform: translateX(-18px); }

.lesNouvelles a.extraitPlus:focus > span, .lesNouvelles a.extraitPlus:hover > span { color: inherit; outline: none; background: url("img/ico-actualites-survol-1.svg") center center no-repeat; }

.lesNouvelles > li:nth-child(3n+2) a.extraitPlus:focus > span, .lesNouvelles > li:nth-child(3n+2) a.extraitPlus:hover > span { background-image: url("img/ico-actualites-survol-2.svg"); }

.lesNouvelles > li:nth-child(3n+3) a.extraitPlus:focus > span, .lesNouvelles > li:nth-child(3n+3) a.extraitPlus:hover > span { background-image: url("img/ico-actualites-survol-3.svg"); }

/* Accueillir l’exposition itinérante */
.sAccueilExpo .gridC2A .contenu { background: #FFD000; }

.sAccueilExpo h2:after { background-color: #fff; }

.sAccueilExpo .gridC2A .coins:before, .sAccueilExpo .gridC2A .coins:after { border-color: #FFD000; }

.sAccueilExpo .gridC2A a.lienFleche { border-color: #fff; }

.sAccueilExpo .gridC2A a.lienFleche:focus, .sAccueilExpo .gridC2A a.lienFleche:hover { background-color: #fff; }

/* Les partenaires */
.sPartenaires .content { padding-top: 0; }

.sPartenaires h2 { text-align: center; margin-bottom: 60px; }

.sPartenaires h2:after { left: 50%; margin-left: -30px; /* Largeur de 60px */ }

.rowPartenaires { display: flex; gap: 30px; }

.rowPartenaires + .rowPartenaires { margin-top: 30px; }

.rowPartenaires .flexCol { display: flex; flex-direction: column; justify-content: space-between; flex-grow: 1; }

.rowPartenaires .fondBlanc { background: #fff; padding: 10px 20px; min-height: 170px; display: flex; justify-content: space-between; align-items: center; }

.rowPartenaires .fondBlanc > li { padding: 10px 20px; }

.rowPartenaires .fondBlanc.seul { justify-content: center; }

/* Les pages secondaires (styles générales) */
/* Fil d'Ariane */
.breadcrumbs { font-size: 0.71429em; list-style: none; margin: 0 0 25px 0; overflow: hidden; }

.breadcrumbs li { display: inline; vertical-align: middle; margin: 0 2px 0 0; padding: 0; }

.breadcrumbs a { color: #000; transition: color 0.2s ease; }

.breadcrumbs a:focus, .breadcrumbs a:hover { color: #E3785C; }

.breadcrumbs .item-current > strong { font-weight: 400; }

.breadcrumbs .separator { color: #000; }

/* Bloc infos - (catégorie et) date des articles avec ou sans fond jaune */
.single-infos { margin-bottom: 0; font-weight: 400; color: #fff; }

/*.single-infos .posted-on {
	
}*/
.single-infos-bg { font-size: 0.7619em; color: #000; background-color: #FFD000; padding: 4px 10px; -webkit-box-decoration-break: clone; box-decoration-break: clone; }

/*.single-infos-bg > span {
	position: relative;
}*/
.single-infos-bg > span:not(:last-child):after { font-weight: 400; content: " – "; }

.single-infos-bg a { color: inherit; text-decoration: none; transition: color 0.2s ease; }

.single-infos-bg a:focus, .single-infos-bg a:hover { color: #DF4232; }

.single-infos-bg .category, .single-infos-bg .annees { font-weight: 600; }

/* Cadre auteur dans un article (si présent) */
/* Style similaire .cadreBlanc */
.cadreAuteur, .cadreChapeau, .cadreBlanc { background: #fff; padding: 60px; margin-bottom: 90px; }

.cadreAuteur.cadreAuteur.cadreAuteur, .cadreChapeau.cadreChapeau.cadreChapeau { margin-top: -125px; }

.cadreAuteur > *:first-child, .cadreChapeau > *:first-child { margin-top: 0; }

.cadreAuteur > *:last-child, .cadreChapeau > *:last-child { margin-bottom: 0; }

.cadreChapeau { font-weight: 400; }

/* Liste des modules */
.cadreBlanc ul.listeModules { column-count: 2; margin: 0; padding: 0; }

.cadreBlanc ul.listeModules > li::marker { color: #FFD000; }

.mosaiqueModules { background: url(https://via.placeholder.com/2200x550) center center no-repeat; background-size: cover; height: 550px; }

/* Page Visiter strate Accessibilité */
.fondChaireRoulante { position: relative; padding-right: 320px; }

.fondChaireRoulante:after { content: ""; position: absolute; display: block; width: 300px; height: 300px; border-radius: 50%; top: 0; right: 0; background: url(img/chaise-roulante.svg) #fff center center no-repeat; }

/* Strate Personne contact et aussi pour les "call to action" */
.strate.sCallToAction { background: url(img/img_texture_bleu.png) #0C324A repeat; color: #fff; }

.themeVert .strate.sCallToAction { background-color: #014146; background-image: url(img/img_texture_vert.png); }

.themeRouge .strate.sCallToAction { background-color: #4D2228; background-image: url(img/img_texture_rouge.png); }

.themeBrun .strate.sCallToAction { background-color: #362820; background-image: url(img/img_texture_brun.png); }

.strate.sCallToAction *, .strate.sCallToAction a { color: #fff; }

.strate.sFooter { background: #fff; font-size: 0.7619em; font-weight: 400; }

.strate.sFooter > .content { padding-top: 30px; padding-bottom: 30px; }

.strate.sFooter .flex { display: flex; gap: 30px; }

.strate.sFooter .flex p { margin: 0; }

/********************/
/* Les commentaires */
/********************/
.comments-area .comments-title { margin-top: 0; }

.comment-list, .comment-list .children { list-style-type: none; }

.comment-form #submit { max-width: 100%; width: auto; }

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

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

/* Search widget. */
.widget_search .search-submit { display: none; }

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

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

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

/* ========================================================================== Media Queries ========================================================================== */
/* Moins de 1024px */
@media only screen and (max-width: 1023px) { .strate .content { padding: 50px 40px; }
  /* Cards (dans la page médias) */
  .carteContenu { padding: 30px; }
  /***********/
  /* Accueil */
  /***********/
  /* Strate des nouvelles */
  .sNouvelles .content { padding: 0; }
  .sNouvelles h2 { margin-bottom: 30px; }
  .lesNouvelles { margin: 0 0 30px 0; }
  .lesNouvelles > li { padding: 30px; }
  .lesNouvelles > li:hover { outline-width: 10px; }
  .lesNouvelles a.extraitPlus > span { /*font-size: em(20px);*/ transform: translateX(-29px); /* Pas mal collé sur le bord maintenant */ }
  /*********************/
  /* Pages secondaires */
  /*********************/
  /*.strate.sPageSecondaire .content { padding-left:40px; padding-right:40px; }*/
  /*.strate.sPageSecondaire .content { margin-top:0; }*/
  /* Page Visiter strate Accessibilité */
  .fondChaireRoulante { padding-right: 220px; }
  .fondChaireRoulante:after { width: 200px; height: 200px; background-size: 50%; }
  .strate.sFooter { font-size: 0.875em; }
  .strate.sFooter > .content { padding-top: 15px; padding-bottom: 15px; }
  .strate.sFooter .flex { gap: 20px; } }

/* Moins de 768px */
@media only screen and (max-width: 767px) { /***********/
  /* Accueil */
  /***********/
  .gridC2A { display: block; /*grid-template-columns: 1fr; grid-template-rows: 1fr;*/ }
  .gridC2A .contenu { margin-bottom: 30px; }
  .gridC2A .bgContenu, .gridC2A.inverse .bgContenu { padding: 50px; /* Plus rien à compenser */ }
  /* Rollovers */
  .gridC2A a:focus .coins:before, .gridC2A a:hover .coins:before { /* Bas/gauche */ transform: translate(-15px, 15px); }
  .gridC2A a:focus .coins:after, .gridC2A a:hover .coins:after { /* Haut/droit */ transform: translate(15px, -15px); }
  /* Cards (dans la page médias) */
  .cartes { grid-template-columns: 1fr; }
  /* Strate des nouvelles */
  .sNouvelles .content { padding: 0 40px; }
  .lesNouvelles > li { width: 100%; }
  .rowPartenaires { /*display: flex;*/ flex-wrap: wrap; }
  /*.rowPartenaires + .rowPartenaires { margin-top: 30px; }*/
  .rowPartenaires .flexCol { /*display: flex; flex-direction: column; justify-content: space-between; flex-grow:1;*/ width: 100%; }
  .rowPartenaires .fondBlanc { /*padding: 10px 20px;*/ min-height: 1px; /*justify-content: space-between; align-items: center;*/ flex-direction: column; /*flex-wrap: wrap; justify-content: center;*/ }
  .rowPartenaires .fondBlanc > li { padding: 20px; }
  /*.rowPartenaires .fondBlanc.seul { justify-content: center; }*/
  /* Liste des modules */
  .cadreBlanc ul.listeModules { column-count: 1; }
  .mosaiqueModules { /*background-image: url(https://via.placeholder.com/2200x550);*/ height: 300px; }
  /* Page Visiter strate Accessibilité */
  .fondChaireRoulante { padding-right: 170px; }
  .fondChaireRoulante:after { width: 150px; height: 150px; }
  .strate.sFooter .flex { display: block; line-height: 1; }
  .strate.sFooter .flex p + p { margin-top: 10px; } }

/* FIN - Moins de 768px */
/* Moins de 600px */
@media only screen and (max-width: 599px) { .strate .content { padding: 40px 25px; }
  .gridC2A .bgContenu, .gridC2A.inverse .bgContenu, .gridC2A .contenu { padding: 30px; }
  /*.strate.sPageSecondaire .content { padding-left:25px; padding-right:25px; }*/
  /* Cadre auteur dans un article (si présent) */
  /* Style similaire .cadreBlanc */
  .cadreAuteur, .cadreChapeau, .cadreBlanc { padding: 30px; }
  /* Page Visiter strate Accessibilité */
  .fondChaireRoulante { padding-right: 0; padding-bottom: 190px; }
  .fondChaireRoulante:after { top: auto; bottom: 0; right: 50%; margin-right: -75px; } }

/* FIN - Moins de 600px */
/* Moins de 480px */
/* FIN - Moins de 480px */
@media only screen and (min-width: 600px) { .admin-bar .enteteSite { top: 32px; } }

/* 1200px et + */
/* FIN - 1200px et + */
/* HD - 2200px et + */
/* FIN - 1200px et + */
/* Styles d'impression */
@media print { *, *:before, *:after { background: transparent !important; color: #000 !important; box-shadow: none !important; text-shadow: none !important; }
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (https://expo-nous.teluq.ca" attr(href) ")"; }
  a[href^="http://"]:after, a[href^="https://"]:after, a[href^="mailto:"]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  /* Don't show links that are fragment identifiers, or use the `javascript:` pseudo protocol */
  a[href^="#"]:after, a[href^="javascript:"]:after, .ir a:after, a.nlp:after, .titrePageListe a:after { content: ""; }
  pre, blockquote { /*border: 1px solid #999;*/ page-break-inside: avoid; }
  /* Printing Tables: http://css-discuss.incutio.com/wiki/Printing_Tables */
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
  /* On cache certains éléments */
  #wpadminbar, .enteteSite nav, .edit-link { display: none !important; }
  .strate.sPageSecondaire .content, .strate .content { padding-top: 0; } }

.strate.enteteSite { position: relative; top: 0 !important; /*z-index:9999;*/ /*position:sticky; top:0; z-index:9999;*/ /* Une image sera utilisée selon la page, par défaut c'est l'accueil/bleu */ background: url(img/bck_entete_accueil.png) #0C324A top center no-repeat; background-size: cover; /*background-attachment: fixed;*/ }

.strate.enteteSite.bandeauPresentation { background-image: url(img/bck_entete_presentation-generale.png); background-color: #014146; }

.strate.enteteSite.bandeauExpo { background-image: url(img/bck_entete_expo-itinerante.png); background-color: #014146; }

.strate.enteteSite.bandeauVisiter { background-image: url(img/bck_entete_visiter.png); }

.strate.enteteSite.bandeauGroupesScolaires { background-image: url(img/bck_entete_groupes-scolaires.png); background-color: #4D2228; }

.strate.enteteSite.bandeauGrandPublic { background-image: url(img/bck_entete_grand-public.png); background-color: #4D2228; }

.strate.enteteSite.bandeauMilieuCommunautaire { background-image: url(img/bck_entete_milieu-communautaire.png); background-color: #4D2228; }

.strate.enteteSite.bandeauMedias { background-image: url(img/bck_entete_medias.png); background-color: #362820; }

.strate.enteteSite.bandeauJoindre { background-image: url(img/bck_entete_nous-joindre.png); }

.strate.enteteSite .content { display: flex; flex-direction: column; min-height: 600px; padding-top: 20px; padding-bottom: 20px; }

.strate.enteteSite .titreContainer { flex-grow: 1; display: flex; flex-direction: column; justify-content: center; position: relative; }

.strate.enteteSite .titreContainer > *:first-child { margin-top: 0; }

.strate.enteteSite .titreContainer > *:last-child { margin-bottom: 0; }

/* Entête de navigation */
.navigation { display: flex; justify-content: space-between; align-items: center; }

.navigation, .navigation a { color: #fff; }

.navigation .logo { font-size: 1em; line-height: 1; font-weight: 700; color: #fff; padding: 0; margin: 0; width: 290px; }

.navigation .logo a { display: block; outline-color: #fff; }

.navigation .logo a:hover { outline: 0; }

/* Styles de menu communs (mobile/desktop) */
.menu-toggle, .menu-fermer { display: none; }

/* Menu desktop - 1024px et plus */
@media only screen and (min-width: 1024px) { /* Styles du menu version Desktop */
  .dl-menu { position: relative; display: flex; width: 100%; }
  .dl-menu > li { position: static; }
  .dl-menu a { font-size: 0.95238em; line-height: 1; color: #fff; text-decoration: none; }
  .dl-menu > li > a { display: block; padding: 12px 20px 12px 20px; position: relative; font-weight: 500; transition: background-color 0.2s ease, color 0.2s ease; }
  .dl-menu > li > a:after { content: ""; position: absolute; bottom: 0; left: 20px; /* équivaut au padding lien */ height: 3px; width: 40px; background-color: transparent; transition: background-color 0.2s ease; }
  /*.dl-menu > li.current-menu-item > a, .dl-menu > li.current-menu-ancestor > a{ color:#DF4232; }*/
  .dl-menu > li.current-menu-item > a:after, .dl-menu > li.current-menu-ancestor > a:after { background-color: #F8D247; }
  /*.dl-menu > li.current-menu-item > a:after { content:""; position: absolute; bottom:0; right: 0; left:0; height:3px; background-color:inherit; transition:background-color 0.2s ease; } .dl-menu > li.current-menu-item > a:hover:after, .dl-menu > li.current-menu-item > a:focus:after	{ background-color:#DF4232; } .dl-menu > li.current-menu-item > a:hover, .dl-menu > li.current-menu-item a:focus	{ color: #DF4232; }*/
  .dl-menu a[aria-expanded="true"], .dl-menu a:focus, .dl-menu a:hover { background-color: #7CA1B7; color: #000; }
  .dl-menu > li.menu-item-has-children > a:focus:after, .dl-menu > li.menu-item-has-children > a:hover:after, .dl-menu > li > a[aria-expanded="true"]:after, .dl-menu li.current-menu-ancestor a[aria-expanded="true"]:after, .dl-menu > li.current-menu-ancestor > a:focus:after, .dl-menu > li.current-menu-ancestor > a:hover:after { background-color: #fff; }
  .dl-menu li.current-menu-item a[aria-expanded="true"]:after, .dl-menu > li.current-menu-item > a:focus:after, .dl-menu > li.current-menu-item > a:hover:after { background-color: #7CA1B7; }
  /*.dl-menu > li > a:focus:after, .dl-menu > li > a:hover:after, .dl-menu > li > a[aria-expanded="true"]:after, .dl-menu li.current-menu-item a[aria-expanded="true"]:after, .dl-menu li.current-menu-ancestor a[aria-expanded="true"]:after, .dl-menu > li.current-menu-item > a:focus:after, .dl-menu > li.current-menu-item > a:hover:after, .dl-menu > li.current-menu-ancestor > a:focus:after, .dl-menu > li.current-menu-ancestor > a:hover:after { background-color:#fff; }*/
  /* Sous-menu dropdown */
  .subMenuWrap { position: absolute; top: 100%; /*margin-top:1px;*/ /*left:0;*/ background-color: #7CA1B7; padding: 20px 20px 10px 20px; display: flex; gap: 60px; visibility: hidden; opacity: 0; }
  /* Variantes de couleurs */
  .themeVert .dl-menu a[aria-expanded="true"], .themeVert .dl-menu a:focus, .themeVert .dl-menu a:hover, .themeVert .dl-menu li.current-menu-item a[aria-expanded="true"]:after, .themeVert .dl-menu > li.current-menu-item > a:focus:after, .themeVert .dl-menu > li.current-menu-item > a:hover:after, .themeVert .subMenuWrap { background-color: #57A79D; }
  .themeRouge .dl-menu a[aria-expanded="true"], .themeRouge .dl-menu a:focus, .themeRouge .dl-menu a:hover, .themeRouge .dl-menu li.current-menu-item a[aria-expanded="true"]:after, .themeRouge .dl-menu > li.current-menu-item > a:focus:after, .themeRouge .dl-menu > li.current-menu-item > a:hover:after, .themeRouge .subMenuWrap { background-color: #E3785C; }
  .themeBrun .dl-menu a[aria-expanded="true"], .themeBrun .dl-menu a:focus, .themeBrun .dl-menu a:hover, .themeBrun .dl-menu li.current-menu-item a[aria-expanded="true"]:after, .themeBrun .dl-menu > li.current-menu-item > a:focus:after, .themeBrun .dl-menu > li.current-menu-item > a:hover:after, .themeBrun .subMenuWrap { background-color: #AD967F; }
  /* Ouverture du sous-menu */
  .subMenuWrap.dl-submenu-open { visibility: visible; opacity: 1; z-index: 50; }
  .dl-submenu a { color: #000; font-weight: 300; display: block; padding: 10px 0; /*border-bottom:1px solid #C8CACB;*/ }
  .dl-submenu a:focus, .dl-submenu a:hover { text-decoration: underline; /*color:#F8D247;*/ }
  .dl-submenu li:last-child a { border-bottom: 0; }
  .dl-submenu > li.current-menu-item > a, .dl-submenu > li.current-menu-ancestor > a { text-decoration: underline; /*color:#F8D247;*/ }
  /* On cache ce qui est uniquement pour le menu mobile */
  .dl-menuwrapper li.dl-back, .dl-menuwrapper li.alt, .dl-menuwrapper li.lang-item { display: none; } }

/* Menu mobile - 1023px ou moins */
@media only screen and (max-width: 1023px) { /***************/
  /* Menu ouvert */
  /***************/
  .zoneMenu { position: fixed; z-index: 999990; background-color: #0C324A; top: 0; bottom: 0; left: 0; right: 0; opacity: 0; visibility: hidden; transition: all 0.25s ease; overflow: auto; padding: 20px 40px; }
  .zoneMenu.active { visibility: visible; opacity: 1; }
  /* Variantes de couleurs */
  .themeVert .zoneMenu { background-color: #014146; }
  .themeRouge .zoneMenu { background-color: #4D2228; }
  .themeBrun .zoneMenu { background-color: #362820; }
  /* Entête de navigation */
  /*.navigation .logo { padding-right: 20px; } .navigation > nav { flex-grow: 1; z-index: 9999; }*/
  /* mobile menu toggle button */
  .menu-toggle, .menu-fermer { position: relative; display: block; width: 50px; height: 50px; margin: 0 0 0 auto; /* alignement à droite */ cursor: pointer; font-size: 100%; line-height: inherit; font-family: inherit; font-weight: inherit; padding: 15px; border: 0; border-radius: 0; background: none; color: inherit; text-align: inherit; -webkit-appearance: none; -moz-appearance: none; }
  .menu-fermer { transform: translateX(15px); }
  .menu-toggle:focus, .menu-fermer:focus { color: inherit; background: inherit; outline: thin dotted; }
  .menu-toggle span, .menu-fermer span { /*margin: 0 auto;*/ /*margin: 0 20px 0 auto;*/ margin: 0 0 0 auto; position: relative; top: 0; transition-duration: 0s; transition-delay: .2s; transition: background-color 0.3s; }
  .menu-toggle span:before, .menu-toggle span:after, .menu-fermer span:before, .menu-fermer span:after { position: absolute; content: ''; }
  .menu-toggle span, .menu-toggle span:before, .menu-toggle span:after, .menu-fermer span, .menu-fermer span:before, .menu-fermer span:after { width: 20px; height: 3px; background-color: #fff; display: block; opacity: 1; }
  .menu-toggle span:before, .menu-fermer span:before { margin-top: -7px; transition-property: margin, transform; transition-duration: .2s; transition-delay: .2s, 0; }
  .menu-toggle span:after, .menu-fermer span:after { margin-top: 7px; transition-property: margin, transform; transition-duration: .2s; transition-delay: .2s, 0; }
  /* Le X en permanence pour le bouton fermer */
  .menu-fermer span { background-color: rgba(0, 0, 0, 0); transition: 0.3s background-color; }
  .menu-fermer span:before { margin-top: 0; transform: rotate(45deg); transition-delay: 0, .2s; }
  .menu-fermer span:after { margin-top: 0; transform: rotate(-45deg); transition-delay: 0, .2s; }
  .dl-menu a { font-size: 1.25em; line-height: 1; color: #fff; text-decoration: none; }
  .dl-menu > li > a { display: block; padding: 0 0 12px 0; position: relative; font-weight: 500; /*transition:background-color 0.2s ease, color 0.2s ease;*/ }
  .dl-menu > li + li { margin-top: 20px; }
  .dl-menu > li > a:after { content: ""; position: absolute; bottom: 0; left: 0; height: 3px; width: 40px; background-color: transparent; transition: background-color 0.2s ease; }
  /*.dl-menu > li.current-menu-item > a, .dl-menu > li.current-menu-ancestor > a{ color:#DF4232; } .dl-menu > li.current-menu-item > a:after, .dl-menu > li.current-menu-ancestor > a:after{ background-color:#F8D247; }*/
  /*.dl-menu > li.current-menu-item > a:after { content:""; position: absolute; bottom:0; right: 0; left:0; height:3px; background-color:inherit; transition:background-color 0.2s ease; } .dl-menu > li.current-menu-item > a:hover:after, .dl-menu > li.current-menu-item > a:focus:after	{ background-color:#DF4232; } .dl-menu > li.current-menu-item > a:hover, .dl-menu > li.current-menu-item a:focus	{ color: #DF4232; }*/
  /*.dl-menu a:focus, .dl-menu a:hover { text-decoration:underline; }*/
  .dl-menu > li > a:focus:after, .dl-menu > li > a:hover:after { background-color: #F8D247; }
  .dl-menu > li.current-menu-ancestor > a:after, .dl-menu > li.current-menu-item > a:after { background-color: #F8D247; }
  /*.dl-menu > li.menu-item-has-children > a:focus:after, .dl-menu > li.menu-item-has-children > a:hover:after, .dl-menu > li.current-menu-ancestor > a:focus:after, .dl-menu > li.current-menu-ancestor > a:hover:after { background-color:#fff; }*/
  /* Sous-menu */
  .subMenuWrap { margin: 20px 0 30px 20px; }
  .dl-submenu a { display: block; margin: 14px 0; color: #fff; font-weight: 300; }
  .dl-submenu a:focus, .dl-submenu a:hover { text-decoration: underline; }
  .dl-submenu > li.current-menu-item > a, .dl-submenu > li.current-menu-ancestor > a { text-decoration: underline; /*color:#F8D247;*/ } }

/* FIN - Moins de 1024px */
.site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation { margin: 1.5em 0 1.5em 0; 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%; }

@media only screen and (max-width: 700px) { /* Bandeaux mobiles */
  .strate.enteteSite { /* Image par défaut */ background-image: url(img/bck_entete_accueil_mobile.png); }
  .strate.enteteSite.bandeauPresentation { background-image: url(img/bck_entete_presentation-generale_mobile.png); }
  .strate.enteteSite.bandeauExpo { background-image: url(img/bck_entete_expo-itinerante_mobile.png); }
  .strate.enteteSite.bandeauVisiter { background-image: url(img/bck_entete_visiter_mobile.png); }
  .strate.enteteSite.bandeauGroupesScolaires { background-image: url(img/bck_entete_groupes-scolaires.png); }
  .strate.enteteSite.bandeauGrandPublic { background-image: url(img/bck_entete_grand-public_mobile.png); }
  .strate.enteteSite.bandeauMilieuCommunautaire { background-image: url(img/bck_entete_milieu-communautaire_mobile.png); }
  .strate.enteteSite.bandeauMedias { background-image: url(img/bck_entete_medias_mobile.png); }
  .strate.enteteSite.bandeauJoindre { background-image: url(img/bck_entete_nous-joindre_mobile.png); } }

@media only screen and (max-width: 599px) { .navigation .logo { width: 220px; } }

.animated { animation-duration: 1s; animation-fill-mode: both; }

.animated.infinite { animation-iteration-count: infinite; }

/* Les délais jusqu'à 1 seconde */
.delay-100ms { animation-delay: 100ms; -webkit-animation-delay: 100ms; -moz-animation-delay: 100ms; }

.delay-200ms { animation-delay: 200ms; -webkit-animation-delay: 200ms; -moz-animation-delay: 200ms; }

.delay-300ms { animation-delay: 300ms; -webkit-animation-delay: 300ms; -moz-animation-delay: 300ms; }

.delay-400ms { animation-delay: 400ms; -webkit-animation-delay: 400ms; -moz-animation-delay: 400ms; }

.delay-500ms { animation-delay: 500ms; -webkit-animation-delay: 500ms; -moz-animation-delay: 500ms; }

.delay-600ms { animation-delay: 600ms; -webkit-animation-delay: 600ms; -moz-animation-delay: 600ms; }

.delay-700ms { animation-delay: 700ms; -webkit-animation-delay: 700ms; -moz-animation-delay: 700ms; }

.delay-800ms { animation-delay: 800ms; -webkit-animation-delay: 800ms; -moz-animation-delay: 800ms; }

.delay-900ms { animation-delay: 900ms; -webkit-animation-delay: 900ms; -moz-animation-delay: 900ms; }

.delay-1s { animation-delay: 1s; -webkit-animation-delay: 1s; -moz-animation-delay: 1s; }

@keyframes fadeInLeft { from { opacity: 0;
    transform: translate3d(-100%, 0, 0); }
  to { opacity: 1;
    transform: none; } }

.fadeInLeft { animation-name: fadeInLeft; }

@keyframes fadeInRight { from { opacity: 0;
    transform: translate3d(100%, 0, 0); }
  to { opacity: 1;
    transform: none; } }

.fadeInRight { animation-name: fadeInRight; }

/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }

.slick-list:focus { outline: none; }

.slick-list.dragging { cursor: pointer; }

.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; }

.slick-track:before, .slick-track:after { content: ""; display: table; }

.slick-track:after { clear: both; }

.slick-loading .slick-track { visibility: hidden; }

.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }

[dir="rtl"] .slick-slide { float: right; }

.slick-slide img { display: block; }

.slick-slide.slick-loading img { display: none; }

.slick-slide.dragging img { pointer-events: none; }

.slick-initialized .slick-slide { display: block; }

.slick-loading .slick-slide { visibility: hidden; }

.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

.slick-arrow.slick-hidden { display: none; }

/* Slider */
.slick-loading .slick-list { background: #fff url("./img/ajax-loader.gif") center center no-repeat; }

/* Icons */
@font-face { font-family: "slick"; src: url("./fonts/slick.eot"); src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg"); font-weight: normal; font-style: normal; }

/* Arrows */
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0px; font-size: 0px; cursor: pointer; background: transparent; color: transparent; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); padding: 0; border: none; outline: none; }

.slick-prev:hover .slick-prev-icon:before, .slick-prev:hover .slick-next-icon:before, .slick-prev:focus .slick-prev-icon:before, .slick-prev:focus .slick-next-icon:before, .slick-next:hover .slick-prev-icon:before, .slick-next:hover .slick-next-icon:before, .slick-next:focus .slick-prev-icon:before, .slick-next:focus .slick-next-icon:before { opacity: 1; }

.slick-prev.slick-disabled, .slick-next.slick-disabled { cursor: default; }

.slick-prev.slick-disabled .slick-prev-icon:before, .slick-prev.slick-disabled .slick-next-icon:before, .slick-next.slick-disabled .slick-prev-icon:before, .slick-next.slick-disabled .slick-next-icon:before { opacity: 0.25; }

.slick-prev .slick-prev-icon:before, .slick-prev .slick-next-icon:before, .slick-next .slick-prev-icon:before, .slick-next .slick-next-icon:before { font-family: "slick"; font-size: 20px; line-height: 1; color: white; opacity: 0.75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.slick-prev { left: -25px; }

[dir="rtl"] .slick-prev { left: auto; right: -25px; }

.slick-prev .slick-prev-icon:before { content: "←"; }

[dir="rtl"] .slick-prev .slick-prev-icon:before { content: "→"; }

.slick-next { right: -25px; }

[dir="rtl"] .slick-next { left: -25px; right: auto; }

.slick-next .slick-next-icon:before { content: "→"; }

[dir="rtl"] .slick-next .slick-next-icon:before { content: "←"; }

/* Dots */
.slick-dotted.slick-slider { margin-bottom: 30px; }

.slick-dots { position: absolute; bottom: -25px; list-style: none; display: block; text-align: center; padding: 0; margin: 0; width: 100%; }

.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 5px; padding: 0; cursor: pointer; }

.slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0px; font-size: 0px; color: transparent; padding: 5px; cursor: pointer; }

.slick-dots li button:hover, .slick-dots li button:focus { outline: none; }

.slick-dots li button:hover .slick-dot-icon, .slick-dots li button:focus .slick-dot-icon { opacity: 1; }

.slick-dots li button .slick-dot-icon { color: black; opacity: 0.25; }

.slick-dots li button .slick-dot-icon:before { position: absolute; top: 0; left: 0; content: "•"; width: 20px; height: 20px; font-family: "slick"; font-size: 6px; line-height: 20px; text-align: center; }

.slick-dots li.slick-active button .slick-dot-icon { color: black; opacity: 0.75; }

/** Improved .sr-only class by ffoodd: https://gist.github.com/ffoodd/000b59f431e3e64e4ce1a24d5bb36034 */
.slick-sr-only { border: 0 !important; clip: rect(1px, 1px, 1px, 1px) !important; /* 1 */ -webkit-clip-path: inset(50%) !important; clip-path: inset(50%) !important; /* 2 */ height: 1px !important; margin: -1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; white-space: nowrap !important; /* 3 */ }

.slick-autoplay-toggle-button { position: absolute; left: 5px; bottom: -25px; z-index: 10; opacity: 0.75; background: none; border: 0; cursor: pointer; }

.slick-autoplay-toggle-button:hover, .slick-autoplay-toggle-button:focus { outline: none; opacity: 1; }

.slick-autoplay-toggle-button .slick-pause-icon:before { content: "⏸"; width: 20px; height: 20px; font-family: "slick"; font-size: 16px; line-height: 20px; text-align: center; }

.slick-autoplay-toggle-button .slick-play-icon:before { content: "▶"; width: 20px; height: 20px; font-family: "slick"; font-size: 16px; line-height: 20px; text-align: center; }

.slider { position: relative; width: 100%; height: 100%; overflow: hidden; padding-bottom: 30px; }

.slider__slides { position: relative; width: 300%; height: 100%; transition: transform 0.3s cubic-bezier(0.51, 0.92, 0.24, 1); will-change: transform; }

.slider[data-pos="0"] .slider__slides { transform: translateX(0%); }

.slider[data-pos="1"] .slider__slides { transform: translateX(-33.33333%); }

.slider[data-pos="2"] .slider__slides { transform: translateX(-66.66667%); }

.slider__slide { float: left; width: 33.33333%; height: 100%; display: grid; align-content: center; }

.slider__dots { display: flex; position: absolute; /*bottom: 1.5em;*/ bottom: 0; left: 50%; transform: translateX(-50%); }

.slider__dot, .slider__indicator { display: block; margin: 0 0.5em; width: 0.71429em; height: 0.71429em; background: #000; border-radius: 100px; outline: 0; transition: background-color 0.3s ease; }

.slider__dot:focus, .slider__indicator:focus, .slider__dot:hover, .slider__indicator:hover { background: #fff; }

.slider__indicator { position: absolute; background: #FFD000; width: auto; }

.slider__indicator--left { transition: left 0.3s cubic-bezier(0.51, 0.92, 0.24, 1.15), right 0.3s 0.1s cubic-bezier(0.51, 0.92, 0.24, 1.15); }

.slider__indicator--right { transition: left 0.3s 0.1s cubic-bezier(0.51, 0.92, 0.24, 1.15), right 0.3s cubic-bezier(0.51, 0.92, 0.24, 1.15); }

.slider[data-pos="0"] .slider__indicator { left: 0em; right: 3.42857em; }

.slider[data-pos="1"] .slider__indicator { left: 1.71429em; right: 1.71429em; }

.slider[data-pos="2"] .slider__indicator { left: 3.42857em; right: 0em; }

/*.slider {
	max-width: 600px;
	max-height: 400px;
	box-shadow: 0 0 20px rgba(0, 0, 0, .8);
	
	&__slide:nth-child(1) { background: #309954; }
	&__slide:nth-child(2) { background: #FFBD3C; }
	&__slide:nth-child(3) { background: #F8593E; }
	&__slide:nth-child(4) { background: #4086FA; }
}
*/