/*
Theme Name: MQSH
Theme URI: https://mqsh.teluq.ca/
Author: Andy Harvey
Author URI: https://www.teluq.ca/
Description: Thème pour le site du colloque MQSH
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: Éducation aux médias et droits humains
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

mqsh is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize
2.0 Typography
3.0 Elements
4.0 Forms
5.0 Navigation
	5.1 Links
	5.2 Menus
6.0 Accessibility
7.0 Alignments
8.0 Clearings
9.0 Widgets
10.0 Content
	10.1 Posts and pages
	10.2 Asides
	10.3 Comments
11.0 Infinite scroll
12.0 Media
	12.1 Captions
	12.2 Galleries
--------------------------------------------------------------*/

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

/*
 https://wordpress.stackexchange.com/questions/119547/oembed-youtube-video-aspect-ratio#138553
*/
.videoWrapper {
    width: 100%;
    position: relative;
    overflow: hidden;
	margin-bottom:1em;
}
.videoWrapper:before {
    content: "";
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    display: block;
    overflow: hidden;
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}
textarea {
	resize: vertical;
}

blockquote, blockquote p { font-size: 1.076923em; /*14px*/ line-height: 1.7em; color: #565859; font-style: italic; }
blockquote { margin: 0 0 20px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; }
blockquote cite { display: block; font-size: 12px; color: #555; }
blockquote cite:before { content: "\2014 \0020"; }
blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; }

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


/* Variables globales */
:root {
	--fontFamilyAlt: 'Roboto', sans-serif;
	--fontFamilyBase: 'Open Sans', sans-serif;

	font-family: var(--fontFamilyBase);
  }


/*--------------------------------------------------------------
2.0 Typography
--------------------------------------------------------------*/
html,
button,
input,
select,
textarea {
	color: #000;
}
html {
	font-size: 1em;
	line-height: 1.4;
}
body {
	color:#000; /* #424242 */
	font-size:18px;
	line-height:1.444444444444444; /* 26/18 */
	font-weight:400;
}
::-moz-selection {
	background: #000;
	color: #fff;
	text-shadow: none;
}
::selection {
	background: #000;
	color: #fff;
	text-shadow: none;
}
hr {
	display: block;
	border: solid #aaa;
	border-width: 1px 0 0;
	clear: both;
	margin: 1.5em 0;
	height: 0;
}

b,strong{
	font-weight:700;
}
b.semi,
strong.semi{
	font-weight:600;
}
b.h4,
strong.h4{
	color:#313131;
}
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 0; }

ul > li {
	position:relative;
	padding-left:17px;
}
ul > li:before {
	content:"";
	position:absolute;
	left:0;
	top:0.6em;
	display:block;
	width:7px;
	height:7px;
	background-color:#37ABB1;
	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; }
nav ul > li:before, ul.noliste > li:before, ul.no_liste > li:before { display:none; }

blockquote, blockquote p { font-size: 1.076923em; /*14px*/ line-height: 1.7em; color: #565859; font-style: italic; }
blockquote { margin: 0 0 20px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; }
blockquote cite { display: block; font-size: 12px; color: #555; }
blockquote cite:before { content: "\2014 \0020"; }
blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; }

figure{
	margin:1em 0;
}
figcaption{
	font-size:0.8em; /* 16 / 20 */
}

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


/* Textes/paragraphes */
small, .small {
	font-size: 90%; line-height:1.5;
}
big, .big {
	font-size:1.6em; /* 32/20 */
}
.vsmall { font-size: 85%; line-height:1.4; }

.alignerTxtG { text-align:left; }
.alignerTxtD { text-align:right; }
.alignerTxtC { text-align:center; }

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


p { margin: 0 0 1em 0; }
p img { margin: 0; }


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

.remove-top { margin-top: 0 !important; }
.add-top { margin-top: 1em !important; }		  /* Même valeur que la marge du <p> */
.half-top { margin-top: 0.5em !important; }
.add-d-top { margin-top: 2em !important; }		  /* Double marge */
.add-t-top { margin-top: 3em !important; }		  /* Triple marge */
.remove-bottom { margin-bottom: 0 !important; }
.half-bottom { margin-bottom: 0.5em !important; }
.add-bottom { margin-bottom: 1em !important; }   /* Même valeur que la marge du <p> */
.add-d-bottom { margin-bottom: 2em !important; } /* Double marge */
.add-t-bottom { margin-bottom: 3em !important; } /* Triple marge */

/* Floats */
.floatG { float:left!important; }
.floatD { float:right!important; }


.cssTable {
	display:table;
	table-layout:fixed;
	width:100%;
}
.cssTable > * {
	display:table-cell;
	vertical-align:top;
}



/*
 * 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-family: var(--fontFamilyAlt);
	font-size:3.222222222222222em; /* 58/18 */
	line-height:1.1;
	font-weight:500;
	margin:0 0 40px 0;
}
.titrePage {
	font-family: var(--fontFamilyAlt);
	color:#11113A;
	font-size:2.222222222222222em; /* 40/18 */
	font-weight:500;
	line-height:1;
	letter-spacing:2px;
	margin:0 0 40px 0;
	text-align:left;

	position:relative;
	padding-bottom:15px;
}
.titrePage:after {
	border-bottom:3px solid #EA9F54;
	bottom:0;
	left:0;
	height:3px;
	position:absolute;
	content:"";
	width:70px;
}

h2 {
	font-family: var(--fontFamilyAlt);
	font-size:2.222222222222222em; /* 40/18 */
	font-weight:500;
	line-height:1;
	letter-spacing:2px;
	margin:0 0 25px 0;
}
.titrePageListe a { text-decoration:none; color:#000; }
.titrePageListe a:focus,
.titrePageListe a:hover { text-decoration:underline; color:#000; }

h3 {
	font-family: var(--fontFamilyAlt);
	font-size:1.555555555555556em; /* 28/18 */
	line-height:1.4;
	font-weight:500;
	letter-spacing:1.4px;
	margin:25px 0 15px 0;
}


.sPageSecondaire h2 {
	font-family: var(--fontFamilyAlt);
	font-weight:500;
	letter-spacing:1.5px;
	font-size:1.666666666666667em; /* 30/18 */
	line-height:1.166666666666667; /* 35/30 */
	color:#467377;
	margin:50px 0 20px 0;
}
.sPageSecondaire h2.alt {
	font-size:1.333333333333333em; /* 24/18 */
	margin-bottom:10px;
}
.sPageSecondaire h3 {
	font-family: var(--fontFamilyBase);
	color:#000;
	font-size:1.166666666666667em; /* 21/18 */
	line-height:1.238095238095238; /* 26/21 */
	letter-spacing:1.68px;
	margin:1.6em 0 0.8em 0;
	font-weight:600;
}
.sPageSecondaire h4 {
	color:#313131;
	font-size:1em; /* 18/18 */
	line-height:1.333333333333333; /* 24/18 */
	font-weight:700;
	margin:0.6em 0 0.4em 0;
}


/*
 * Accordéons
 */
.accordeon { margin:10px 0 20px 0; }

.accordeon .toggler {
	position:relative;
	color:#414141;
	background-color:transparent;
	display: block;
	font-size:1.166666666666667em; /* 21/18 */
	font-weight:400;
	text-decoration: none;
	text-transform:none;
	margin:15px 0 0 0;
	padding:0;
	border:0;
}
.accordeon .toggler > button.subtil {
	width:100%;
	ms-user-select:auto;
	user-select:auto;

	/* Styles anciennement sur le .toggler */
	position:relative;
	padding: 4px 30px 4px 0;
	border-bottom:1px solid #D9D9D9;
	cursor: pointer;
}

.accordeon .toggler > button.subtil .icone {
	background-image:url(img/plus_moins_sprite.svg);
	background-position:0 0;
	display:block;
	width:22px;
	height:22px;
	position:absolute;
	right:5px;
	bottom:6px;
	transition:transform 0.2s ease;
}
.accordeon .toggler.active > button.subtil .icone {
	transform:rotate(45deg);
}

.accordeon > div {
	padding:15px 0 0 0;
	/* padding:15px 0 15px 0;
	border-bottom:2px solid #fff; */
}
.accordeon > div > *:first-child { margin-top:0; }
.accordeon > div > *:last-child  { margin-bottom:0; }
.accordeon > div.active {
    /* border-bottom-color: #D9D9D9; */
}



/*
 * Onglets
 */
.onglets { margin: 20px 0; }
.onglets ul.nav {
	/*display: block;*/
	display: flex;
	column-gap: 20px;
	margin: 0 0 40px 0;
	padding: 0;
	font-size:1.166666666666667em; /* 21/18 */
	font-weight:600;
}
.onglets ul.nav li {
	display: block;
	/*width: 225px;*/
	padding: 0;
	margin: 0;
	/*margin: 0 20px 20px 0;
	float: left;*/
}
.onglets ul.nav li:before {
	display:none;
}
.onglets ul.nav li .jour {
	font-family: var(--fontFamilyAlt);
	font-size:1.333333333333333em; /* 28/21 */
	line-height:1;
	font-weight:500;
	/*margin-bottom:5px;*/
	display:block;
}
.onglets ul.nav li a {
	display:block;
	text-decoration:none;
	color:#000;
	font-weight:600;
	width: 100%;
	padding:20px 15px;
	margin:0;
	line-height: 30px;
	background: #fff;
	border:2px solid #F9D065;
	text-align:center;
	transition:background-color 0.2s ease;
}
.onglets ul.nav li a:hover,
.onglets ul.nav li a.active {
	background-color:#F9D065;
}


/* Clearfixing tabs for beautiful stacking */
/*.onglets ul.nav:before,
.onglets ul.nav:after {
	content: '\0020';
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
.onglets ul.nav:after { clear: both; }
.onglets ul.nav { zoom: 1; }*/

.onglets .contenu {
	margin-top:15px;
	background: #fff;
	/*padding:10px 0;*/
}

.onglets .contenu h1.visuallyhidden { /* Titre de l'onglet pour l'impression */
	font-size:18px;
	margin-top:0;
	text-transform:none;
}



/*
 * Tableaux
 */
table {
	border: 0;
	padding: 0;
	margin: 10px 0 15px 0;
	border-collapse: collapse;
	width:100%;
}
th {
	padding: 5px;
	text-align: left;
	line-height: 1.5em;
	color: #000;
	/*background-color:#fff;*/
	text-transform: uppercase;
	font-weight:600;
}
th a:link, th a:visited, th a:hover { color:#000; }
tbody td { padding: 7px; }
td p:last-child, th p:last-child { margin-bottom:0; }


.TabData { margin:1em 0; font-size:0.8888888888888889em; /* 16/18 */ }
.TabData tbody td,
.TabData tbody th { border-top: 1px solid #707070; }
.TabData thead th:last-child,
.TabData tbody td:last-child { border-left: 1px solid #707070; }
.TabData tbody tr { background-color: #E5F6F7; }
.TabData tbody tr:nth-child(2n) { background-color: #fff; }
.TabData tbody tr:last-child td,
.TabData tbody tr:last-child th { border-bottom: 1px solid #707070; }
/*.TabData tbody tr:hover { background-color: #eee; }*/



/* Table sizing */
.t5  { width:5% }
.t10 { width:10% }
.t15 { width:14% }
.t20 { width:20% }
.t25 { width:25% }
.t30 { width:30% }
.t33 { width:33.333% }
.t35 { width:35% }
.t40 { width:40% }
.t45 { width:45% }
.t50 { width:50% }
.t55 { width:55% }
.t60 { width:60% }
.t65 { width:65% }
.t66 { width:66.666% }
.t70 { width:70% }
.t75 { width:75% }
.t80 { width:80% }
.t90 { width:90% }


/*--------------------------------------------------------------
3.0 Elements
--------------------------------------------------------------*/


/*--------------------------------------------------------------
4.0 Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	cursor: pointer;
}

a.button,
input[type="text"],
input[type="password"],
input[type="tel"],
input[type="url"],
input[type="email"],
input[type="search"],
textarea,
select {
	color:#636363;
	font-size:0.9em; /* 18/20 */
	line-height:30px;
	/* height:40px; */
	font-weight:600;
	text-transform:none;
	padding:5px 10px;
	border: 1px solid #999;
	background:#fff;
	/* width:100%; */
	border-radius:0;
	outline:0;
}

form input[disabled],
form textarea[disabled],
form select[disabled] { background:#d3d3d3!important; }

label { display:inline-block; cursor: pointer; }
label.disabled { font-style:italic; cursor:default; }


textarea { min-height: 60px; }
input[type="checkbox"] { display: inline; }
legend, label { font-weight: 400; font-size: 1em; }
label.invalide { font-style:italic; }
legend { font-weight: 700; }
legend span { font-weight: 400; }



input.custom[type="radio"] {
	display: none;
}
input.custom[type="radio"] + label:before {
	/*position: absolute;
	top: 5px;
	left: 0;*/
	display: inline-block;
	width: 26px;
	height: 26px;
	content: "";
	cursor: pointer;
	font-size: 16px;
	line-height: 16px;
	border-radius: 50%;
	vertical-align: middle;
	/*background-color: #ffffff;*/
	border: 1px solid #000;
	margin-right:5px;
	transition:all ease 0.15s;
}
input.custom[type="radio"]:checked + label:before {
    border: 13px solid #000;
	/*background-color: #fff;*/
}
input.custom[type="radio"] + label{}


/*
 * Boutons
 */
 a.button,
 a.button2,
 input[type="submit"]{
	 --borderWidth:0;
	 --couleurBorder:#FA8E67;
	 --couleurFond:#FA8E67;
	 --couleur:#000;
	 --imgFleche:url("img/ico_fleche.svg");

	 /* État "ON" (hover) */
	 --couleurBorder-hover:#000;
	 --couleurFond-hover:#000;
	 --couleur-hover:#fff;
	 --imgFleche-hover:url("img/ico_fleche_orange.svg");
 }

a.button,
a.button:link,
a.button:visited,
a.button2,
a.button2:link,
a.button2:visited,
input[type="submit"]{
	display: inline-block;
	position: relative;
	font-size:1em; /* 18/18 */
	letter-spacing: 0.36px;
	background:var(--couleurFond);
	color:var(--couleur);
	font-weight:400;
	text-transform: uppercase;
	border:var(--borderWidth) solid var(--couleurBorder);
	padding:7px 50px 7px 15px;
	text-decoration:none;
	border-radius:0;
}
input[type="submit"]{
	padding:7px 15px;
	--imgFleche:'none';
	--imgFleche-hover:'none';
}

a.button::after,
a.button2::after{
	content: "";
	position: absolute;
	width: 24px;
	height: 18px;
	right: 15px;
	top: 50%;
	margin-top: -9px;
	background:var(--imgFleche) no-repeat;
}


a.button2 {
	--couleur:var(--couleur-hover);
	--couleurFond:transparent;
	--imgFleche:var(--imgFleche-hover);
	--borderWidth:1px;
}
a.button2:focus,
a.button2:hover {
	--couleurFond:var(--couleurFond);
}

/* Rollover */
a.button:focus,
a.button:hover,
a.button2:focus,
a.button2:hover,
input[type='submit']:focus,
input[type='submit']:hover{
	--couleurFond:var(--couleurFond-hover);
	--couleurBorder:var(--couleurBorder-hover);
	--couleur:var(--couleur-hover);
	--imgFleche:var(--imgFleche-hover);
}


/* <Button> invisible, à utiliser pour l'accessibilité seulement */
/* https://css-tricks.com/overriding-default-button-styles/ */
button.subtil {
	font-size:100%;
	line-height: inherit;
	font-family:inherit;
	padding:0;
	border:0;
	border-radius:0;

	/* On doit annuler plusieurs styles spécifiés plus haut (pour normaliser les inputs) */
	background:none;
	color:inherit;
	/*display: inherit;*/
	cursor: inherit;
	text-align:inherit;
	font-weight:inherit;
	text-decoration:inherit;
	width:auto;
	max-width:none;
	text-transform:inherit;
	transition:none;
	-webkit-appearance: none;
    -moz-appearance: none;
}
button.subtil:focus {
	color:inherit;
	background:inherit;
	outline: thin dotted;
}




/*--------------------------------------------------------------
5.0 Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
5.1 Links
--------------------------------------------------------------*/
a,
a:link,
a:visited {
	color: #000; /* #424242 Comme le texte */
}
a:active,
a:hover,
a:focus {
	color: #000; /* #008dce */
}
a:focus {
	outline:1px dotted #000;
}

a.pdf {
	padding-right: 35px;
	background: transparent url(img/ico_pdf.svg) no-repeat right center;
}



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

.main-navigation ul {
	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 ul li {

}

.main-navigation li:hover > a {
}

.main-navigation ul ul :hover > a {
}

.main-navigation ul ul a:hover {
}

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

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

.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a {
}

/* Small menu. */
.menu-toggle {
	display: none;
}

@media screen and (max-width: 600px) {
	.menu-toggle,
	.main-navigation.toggled .nav-menu {
		display: block;
	}

	.main-navigation ul {
		display: none;
	}
}

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

/*--------------------------------------------------------------
6.0 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: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. */
}

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

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

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

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

/*--------------------------------------------------------------
10.0 Content
--------------------------------------------------------------*/


/* ==========================================================================
   Styles custom pour ce site
   ========================================================================== */
/**********************
/* Styles de la page
***********************/
.wrapper {
	min-width:375px;
}

.menuWrapper {
	background:#fff;
}
.strate.menuWrapper .content {
	padding-top:15px;
	padding-bottom:15px;
}

/* Menu principal */
.menuPrincipal {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.menuPrincipal a:hover {
	outline:0;
}
.menuPrincipal .logo {
	font-size:1em;
	line-height:1;
	font-weight:700;
	color:#000;
	padding:0 10px 0 0;
	margin:0;
}
.menuPrincipal .liens {
	display: flex;
	justify-content: space-between;
	width:220px;
}
.menuPrincipal .menuLangue,
.menuPrincipal .menuToggle {
	/*vertical-align:middle;
	height:44px;
	width:126px; /* 116px */
	/*padding-right:10px;*/
	margin:0;
	flex-shrink:0;
}
.menuPrincipal .menuLangue a,
.menuPrincipal .menuToggle a {
	display:inline-block;
	font-size:0.8333333333333333em; /* 15/18 */
	text-transform:uppercase;
	font-weight:700;
	color:#000;
	text-align:center;
	vertical-align:middle;
	text-decoration:none;
	padding:7px 0;
}
.menuPrincipal .menuToggle a {
	transition:color 0.2s ease;
}
.menuPrincipal .menuLangue a + a {
	margin-left:15px;
}
.menuPrincipal .menuLangue span,
.menuPrincipal .menuToggle span {
	border-bottom:2px solid transparent;
	padding-bottom:1px;
	transition:border 0.2s ease;
}
.menuPrincipal .menuToggle svg {
	display:inline-block;
	vertical-align:middle;
	margin:0 0 3px 5px;
}
.menuPrincipal .menuToggle a:hover,
.menuPrincipal .menuToggle a:focus,
.menuPrincipal .menuToggle a:active {
	color:#0C59A1;

}
.menuPrincipal .menuToggle a:hover svg .ligne,
.menuPrincipal .menuToggle a:focus svg .ligne,
.menuPrincipal .menuToggle a:active svg .ligne {
	stroke:#0C59A1;
}
.menuPrincipal .menuLangue a:hover span,
.menuPrincipal .menuLangue a:focus span,
.menuPrincipal .menuLangue a:active span,
.menuPrincipal .menuLangue a.current-lang span {
	border-color:#E94A4C;
}


/* Entete des pages secondaires */
.menuWrapper .sEnteteSecondaire {
	background:url(img/entete_secondaire_large.jpg) no-repeat #076195 center center;
	background-size:cover;
	min-height:300px;

	display:flex;
	align-items:center;
	flex-wrap:wrap;
}
.menuWrapper .sEnteteSecondaire .content {
	width:100%;
}
.menuWrapper .sEnteteSecondaire h1 {
	font-family: var(--fontFamilyAlt);
	font-size:2.888888888888889em; /* 55/18 */
	line-height:1.181818181818182; /* 65/55 */
	font-weight:500;
	letter-spacing: 5.5px;
	margin:0;
}
.menuWrapper .sEnteteSecondaire h1 .fond {
	background-color: #041D2D;
	color:#fff;
	padding: 0 5px 0 5px;
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
}





/***************/
/* Menu ouvert */
/***************/
.zoneMenu {
	position:fixed;
	z-index:999990;
	background-color:#215465;
	top:0;
	bottom:0;
	left:0;
	right:0;
	opacity:0;
	visibility:hidden;
	transition:all 0.25s ease;
	overflow:auto;
}
.zoneMenu.active {
	visibility:visible;
	opacity:1;
}
.zoneMenu .menuFermer {
	display:block;
	float:right;
	height:49px;
	width:49px;
	background:url(img/ico_fermer.svg) center center no-repeat #F9D065;
	color:#fff;
}

/* Colonne des liens rapides */
/*.zoneMenu ul.liensRapides {
	list-style:none;
	margin:0;
	padding:0 0 0 40px;
}
.zoneMenu .liensRapides li {
	margin:0 0 17px 0;
}
.zoneMenu .liensRapides li:last-child {
	margin:0;
}
.zoneMenu .liensRapides a {
	display:inline-block;
	position:relative;
	padding-left:60px;
	color:#71CAC8;
	font-weight:600;
	line-height:40px;
	text-decoration:none;
	text-transform:uppercase;
	vertical-align:middle;
	outline:0;
}
.zoneMenu .liensRapides a:before {
	content:"";
	position:absolute;
	left:0;
	top:0;
	background:#565656 left center no-repeat;
	border-radius:50%;
	width:40px;
	height:40px;
}
.zoneMenu .liensRapides a.icoRendre:before {
	background-image:url(img/ico_rendre.svg);
}
.zoneMenu .liensRapides a.icoDormir:before {
	background-image:url(img/ico_dormir.svg);
}
.zoneMenu .liensRapides a.icoManger:before {
	background-image:url(img/ico_manger.svg);
}
.zoneMenu .liensRapides a.icoFaire:before {
	background-image:url(img/ico_quoi-faire.svg);
}
.zoneMenu .liensRapides a.icoBenevole:before {
	background-image:url(img/ico_benevole.svg);
}
.zoneMenu .liensRapides a:hover,
.zoneMenu .liensRapides a:focus,
.zoneMenu .liensRapides a:active {
	color:#fff;
}
.zoneMenu .liensRapides a:hover:before,
.zoneMenu .liensRapides a:focus:before,
.zoneMenu .liensRapides a:active:before {
	background-color:#E94A4C;
}*/



/* Colonne du menu principal */
#menu-menu-principal ul {
	padding:0;
	margin:0;
	overflow:hidden;
}
#menu-menu-principal.menu {
	margin:0 auto 25px auto;
	padding:0 25px 0 0;
}
#menu-menu-principal li {
	display:block;
	margin:30px 0 0 0;
	padding:0;
	list-style-type:none;
}
#menu-menu-principal li:first-child {
	margin-top:0;
}
#menu-menu-principal li a,
#menu-menu-principal li a:link,
#menu-menu-principal li a:visited{
	font-family: var(--fontFamilyAlt);
	font-size:2em; /* 36/18 */
	line-height:1;
	letter-spacing:0.07px;
	display:block;
	color:#fff;
	text-decoration: none;
	outline:0;

	padding-bottom:10px;
	border-bottom:1px solid #F9D065;
}
#menu-menu-principal li.menu-item-has-children > a{
	position:relative;
	border-bottom:1px solid #F9D065;
	padding:0 60px 10px 0;
}
#menu-menu-principal li.menu-item-has-children > a:after{
	content:"";
	position:absolute;
	right:0;
	bottom:14px;
	background:url(img/menu-accordeon-closed.svg) 0 0 no-repeat;
	width:27px;
	height:16px;
}
#menu-menu-principal li a:hover,
#menu-menu-principal li a:focus,
#menu-menu-principal li a:active,
#menu-menu-principal li a.active,
#menu-menu-principal li.current-menu-item a{
	color:#11113A;
}
#menu-menu-principal li.menu-item-has-children.sous-menu-ouvert > a:after{
	background-image:url(img/menu-accordeon-opened.svg);
}


/* Sous-menu */
#menu-menu-principal .sub-menu {
	display:none;
	margin-top:20px;
}
#menu-menu-principal .sub-menu li {
	display:block;
	margin:0 0 8px 0;
	position:relative;
}
#menu-menu-principal .sub-menu li:last-child {
	margin:0;
}
#menu-menu-principal .sub-menu li a {
	display:inline-block;
	color:#fff;
	padding:3px 6px;
	font-weight:600;
	font-size:1em; /* 18/18 */
	border-bottom:0;
}
#menu-menu-principal .sub-menu li a:hover,
#menu-menu-principal .sub-menu li a:focus,
#menu-menu-principal .sub-menu li a:active,
#menu-menu-principal .sub-menu li a.active{
	color:#414141;
	background-color:#fff;
}



/***************/
/* Les strates */
/***************/
.strate {
	position:relative;
}
.strate .content {
	position:relative;
	padding:60px 20px;
	max-width:1000px;
	margin:0 auto;
}
.strate .content > *:first-child { margin-top:0; }
.strate .content > *:last-child  { margin-bottom:0; }


.strate h2.titreStrate {
	--couleurBarre: #37ABB1;
	position: relative;
	font-family: var(--fontFamilyAlt);
	font-size:2.666666666666667em; /* 48/18 */
	line-height:1;
	font-weight: 500;
	letter-spacing: 4.8px;
	color: #041D2D;
	padding-bottom: 25px;
	margin-bottom: 40px;
}
.strate h2.titreStrate::before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	height: 2px;
	width: 90px;
	background-color: var(--couleurBarre);
}


/**************/
/* Page promo */
/**************/
.home .site-main {
	/* background: #EAEEEC; */
}
.enteteAccueil {
	display: grid;
	align-items: center;
	background:url(img/entete_home_large.jpg) no-repeat center top #076195;
	background-size: cover;
	min-height:540px;
	padding:20px 0;
}

.strate.enteteAccueil > .content {
	padding-top:0;
	padding-bottom:0;
	width: 100%;
}

.enteteAccueil .themeColloque {
	font-family: var(--fontFamilyAlt);
	font-size:2.888888888888889em; /* 55/18 */
	line-height:1.181818181818182; /* 65/55 */
	font-weight:500;
	letter-spacing: 5.5px;
	margin:0;
}
.enteteAccueil .themeColloque .fond {
	background-color: #041D2D;
	color:#fff;
	padding: 0 5px 0 5px;
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
}
.enteteAccueil .dateLieu {
	text-transform:uppercase;
	color:#fff;
	margin-bottom:0;
}
.enteteAccueil .date {
	font-size:1.055555555555556em; /* 19/18 */
	font-weight:700;
	letter-spacing:1.9px;
}
.enteteAccueil .lieu {
	font-size:0.8888888888888889em; /* 16/18 */
	font-weight:600;
	letter-spacing:1.6px;
}

.enteteAccueil hr {
	border:solid #FA8E67;
	margin: 40px auto 60px 0;
	border-width:2px 0 0 0;
	max-width:90px;
}




.strate.sMenuAncres > .content {
	padding-top:20px;
	padding-bottom:20px;
	width: 100%;
}
.navAncres ul {
	list-style: none;
	display: flex;
	gap: 0.5em;
	justify-content: space-between;
	align-items: center;
	margin: 0;
	padding: 0;

	font-size:0.8888888888888889em; /* 16/18 */
	line-height: 1;
	font-weight:600;
	letter-spacing: 0.8px;
	color: #000;
	text-transform: uppercase;
}
.navAncres li {
	margin: 0;
}
.navAncres a {
	padding: 5px 15px;
	text-decoration: none;
	transition: background-color 0.2s ease;
}
.navAncres a:hover,
.navAncres a:focus {
	background-color: #44ABB1;
}


.strate.sAPropos {
	background: url(img/bg_ligne_blanche.svg) #EAEEEC no-repeat center 50px;
	background-color: rgba(162,179,170,0.23);
	/* background-size: contain; */
	/* background-size: cover; */
}

.sAPropos h3 {
	font-family: var(--fontFamilyAlt);
	font-weight: 500;
	font-size:1.666666666666667em; /* 30/18 */
	line-height: 1;
	letter-spacing: 1.5px;
	color: #286587;
	margin-top: 1.5em;
}


.sAppel {
	background: url(img/bg_appel_large.jpg) #276183 no-repeat bottom center;
	background-size: cover;
	color: #fff;
}
.sAppel a {
	color: #fff;
}
.sAppel h2.titreStrate {
	color: #fff;
}
.sAppel a.lienBlanc {
	color: #fff;
	font-weight: 700;
}


.sProgramme {
	
}
/* Programmation boite annonce */
.sProgramme .boite {
	font-weight: 600;
	padding:30px 25px;
	background-color:#EAEEEC;
	margin:1.5em 0;
}
.sProgramme .boite .titre {
	font-weight: 600;
	color: #22213C;
	font-size: 1.055555555555556em;
	letter-spacing: 0.38px;
	text-transform:uppercase;
}
/*.sProgramme .boite.boite *:last-child {
	margin-bottom:0;
}*/
.sProgramme .boite .lstProgramme {
	margin: 0;
}
.sProgramme .boite .lstProgramme > li {
	padding-bottom:0;
	border: 0;
	margin: 0;
}



/* Programme */
ul.lstProgramme {
	list-style:none;
	margin:0;
	padding:0;
}
ul.lstProgramme > li {
	display: grid;
	grid-template-columns: 140px 1fr;
	border-bottom:1px solid #2E446F;
	margin:0;
	padding:1.5em 0;
}
ul.lstProgramme > li::before {
	display: none;
}

ul.lstProgramme > li:last-child {
	border-bottom: 0;
}
ul.lstProgramme > li > div > *:last-child {
	margin-bottom:0;
}
ul.lstProgramme .heure {
	color:#2E446F;
	font-size:1.388888888888889em; /* 25/18 */
	line-height:1.4; /* 35/25 */
	margin: 0;
}
ul.lstProgramme h3 {
	font-weight:400;
	font-size:1.388888888888889em; /* 25/18 */
	line-height:1.4; /* 35/25 */
	margin:0 0 10px 0;
}
ul.lstProgramme .nom {
	font-family: var(--fontFamilyAlt);
	text-transform:uppercase;
	margin:0 0 2px 0;
}
ul.lstProgramme .nom a {
	text-decoration:none;
	display:inline-block;
	border-bottom:1px dotted #000;
	line-height:1.1;
}
ul.lstProgramme .presentatePar {
	display: block;
	margin-top: 3px;
	font-size: 0.7777777777777778em; /* 14/18 */
	/* font-style: italic; */
}

/* .sProgramme .accordeon > div,
.sProgramme .description {
	font-family: 'Roboto', sans-serif;
} */
.sProgramme .accordeon .toggler {
	font-size:1em;
	text-transform: uppercase;
}


.sInscription {
	background: #EAEEEC;
	background-color: rgba(162,179,170,0.23);
}


.sArchives {
	background: #EAEEEC;
	background-color: rgba(162,179,170,0.23);
}
/* Liste */
.lstArchives {
	--_minColWidth: 20rem;
	--_gridGap: 2rem;

	/* display: grid;
	grid-template-columns: repeat(auto-fill, minmax(var(--_minColWidth), 1fr));
	gap: var(--_gridGap); */
}
.lstArchives li,
.lstArchives li > * {
	margin: 0;
}
.lstArchives li + li {
	margin-top: var(--_gridGap);
}
.lstArchives li > * + * {
	margin-top: 0.5em;
}

/* Flow en colonnes style magazine */
@media only screen and (min-width: 768px) {
	.lstArchives {
		column-count: 2;
		column-gap: var(--_gridGap);
		column-rule: 0px solid #000;
	}

	.lstArchives li + li {
		/* Éviter de "spliter" un même <li> */
		page-break-inside: avoid;
	}
}


.sLieu {
	background: url(img/bg_ligne_turquoise.svg) #286588 no-repeat center 50px;
	/* background-size: contain; */
	/* background-size: cover; */
	color: #fff;
}
.sLieu h2.titreStrate {
	color: #fff;
}






/* Nous joindre */
.sContact {
	background: #03192B;
	color: #fff;
}
.sContact h2.titreStrate {
	color: #fff;
}
.sContact a.lienBlanc {
	color: #fff;
	font-weight: 700;
	text-decoration:none;
}
.sContact a.lienBlanc:focus,
.sContact a.lienBlanc:active,
.sContact a.lienBlanc:hover {
	text-decoration:underline;
}


/* Les pages secondaires (styles générales) */
.strate.sPageSecondaire .content {
	/*padding-top:120px;
	font-weight:400;*/
}
.strate.sPageSecondaire .content.sansHaut {
	padding-top:0;
}
.strate.sPageSecondaire .rouge {
	color:#E94A4C;
}





/* Listes */
ul.fleche > li {
	padding-left:25px;
}
ul.fleche > li:before {
	content:url(img/fleche_liste.png);
	left:0;
	top:0;
	width:18px;
	height:14px;
	background:none;
}





/* Programmation pages niveau 1 et 2 (détails) */
.commAsync {
	padding:25px;
	background-color:#FFF9E8;
	margin-bottom:40px;
}
.commAsync .titre {
	font-weight: 600;
	color: #22213C;
	font-size: 1.055555555555556em;
	letter-spacing: 0.38px;
	text-transform:uppercase;
}
.commAsync.commAsync *:last-child {
	margin-bottom:0;
}

.programmation.niveau2 .titrePage {
	margin-bottom:20px;
}
.programmation.niveau2 p.retourBas {
	margin-top:50px;
}
.programmation.niveau2 a.retourProg {
	display:inline-block;
	background:url(img/ico_retour.svg) no-repeat left center;
	padding-left:35px;
	font-family: var(--fontFamilyAlt);
	margin:40px 0 0 0;
	color:#000;
	font-size:1.333333333333333em; /* 24/18 */
	line-height:1.5; /* 30/20 */
	font-weight:400;
	text-transform:uppercase;
	text-decoration:none;
	letter-spacing:0.48px;
	/*margin-bottom:20px;*/
}
.programmation.niveau2 a.retourProg:hover,
.programmation.niveau2 a.retourProg:focus {
	text-decoration:underline;
}
/*.programmation.niveau2 a[href^="mailto:"] { font-weight:700; }*/

.programmation.niveau2 .date {
	font-weight:600;
	color:#707070;
	margin-bottom:15px;
}

.programmation.niveau2 .typeConf {
	font-family: var(--fontFamilyBase);
	text-transform:uppercase;
	font-weight:700;
	/*font-size:0.45em; /* 18/40 - dans le H1 */
	line-height:1;
	color:#fff;
	letter-spacing:0.72px;
	padding:8px 25px 8px 25px;
	display:inline-block;
	/*margin:0 0 10px 15px;*/
	margin:0;
	vertical-align:text-bottom;
	background-color:#666;
}
.programmation.niveau2 .typeConf.theme1 { background-color:#A75503; }
.programmation.niveau2 .typeConf.theme2 { background-color:#FFD065; color:#000; }
.programmation.niveau2 .typeConf.theme3 { background-color:#487F92; }
.programmation.niveau2 .typeConf.theme4 { background-color:#487F92; }




.programmation.niveau2 .titre {
	/*text-transform:uppercase;*/
	font-weight:700;
	color:#22213C;
	font-size:1.055555555555556em; /* 19/18 */
	letter-spacing:0.38px;
	margin-top: 20px;
}


.programmation h2.titreConf {
	font-family: var(--fontFamilyAlt);
	color:#11113A;
	font-size:2.222222222222222em; /* 40/18 */
	font-weight:500;
	line-height:1;
	letter-spacing:2px;
	margin:0 0 40px 0;
	text-align:left;
}
.programmation h2.titreConf.sansHeure {
	margin-top: 50px;
}

.programmation .blocDownload {
	margin-top:10px;
}
.programmation .blocDownload > p {
	margin:0; /* Marge directement sur le <a> */
}
.programmation .blocDownload a {
	margin:10px 20px 0 0;
}
.programmation .blocDownload a:last-child {
	margin-right:0;
}
.programmation .blocDownload > *:first-child { margin-top:0; }
.programmation .blocDownload > *:last-child { margin-bottom:0; }


.programmation .blocDownload a.diapo {
	font-size:0.8888888888888889em; /* 16/18 */
	position:relative;
	display:inline-block;
	text-decoration:none;
	padding:13px 13px 13px 48px;
	min-height:23px;
	line-height:23px;
	font-weight:600;
	background-color:#FFF9E8;
}
.programmation .blocDownload a.diapo:after {
	content:"";
	position:absolute;
	display:inline-block;
	width:24px;
	height:23px;
	top:11px;
	left:13px;
	background:url(img/ico_download_sprite.svg) 0 0 no-repeat;
}
.programmation .blocDownload a.diapo:hover:after,
.programmation .blocDownload a.diapo:focus:after {
	background-position:0 -23px;
}


.programmation .blocDownload a.web {
	font-size:0.8888888888888889em; /* 16/18 */
	display:inline-block;
	text-decoration:none;
	padding:13px 13px 13px 40px;
	min-height:16px;
	line-height:16px;
	font-weight:600;
	background:url(img/ico_lien_externe.svg) no-repeat 13px 13px #FFF9E8;
}

.programmation .blocDownload a.youtube {
	font-size:0.8888888888888889em; /* 16/18 */
	display:inline-block;
	text-decoration:none;
	padding:13px 13px 13px 48px;
	min-height:16px;
	line-height:16px;
	font-weight:600;
	background:url(img/ico_camera.svg) no-repeat 13px 7px #FFF9E8;
}


.programmation .blocConf {
	font-size:0.8888888888888889em; /* 16/18 */
}


.programmation .fondGris {
	font-family: var(--fontFamilyAlt);
	margin:40px 0 0 0;
	color:#000;
	font-size:1.666666666666667em; /* 30/18 */
	line-height:1.2;
	font-weight:500;
	background-color:#B2D6D6;
	text-transform:none;
	padding:4px 10px;
}
.programmation.niveau2 .fondGris {
	margin:50px 0 20px 0;
}
.programmation .fondGris .heure {
	width:120px;
	text-transform:none;
}
.programmation .fondGris .titre {
	
}

.programmation p {
	margin:0 0 10px 0;
	line-height:1.4;
}
.programmation.niveau2 p {
	margin:0 0 15px 0;
}
.programmation .bloc {
	font-weight:600;
	text-transform:uppercase;
	font-size:85%;
}

/* Liste des thèmes parlés */
.listeThemes {
	margin:0;
	padding:20px 20px;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	background-color:#F0F6F8;
}
.listeThemes > li:before {
	display:none; /* Cacher la puce custom */
}
.listeThemes > li {
	background-color:#fff;
	box-shadow: 0px 3px 6px #000;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
	padding:20px;
	margin:2% 0;
	padding-bottom:50px;
	width:49%;
	position:relative;

	/*border:1px solid #EDE5E3;
	border-left:16px solid #E5E5E5;*/
}
.listeThemes > li.w100 { width:100%; }
/*.listeThemes > li.theme1 { border-left-color:#76B72A; }
.listeThemes > li.theme2 { border-left-color:#EA4D52; }
.listeThemes > li.theme3 { border-left-color:#1E519F; }
.listeThemes > li.theme4 { border-left-color:#F5911F; }*/



.listeThemes > li > *:first-child {
	margin-top:0;
}
.listeThemes > li > *:last-child {
	margin-bottom:0;
}

.listeThemes li header {
	/* en cssTable */
	margin-bottom:15px;
}
.listeThemes li header .salle {
	font-size:1.166666666666667em; /* 21/18 */
	line-height:25px;
	letter-spacing:1.05px;
	text-transform:uppercase;
	vertical-align:bottom;
	white-space:nowrap;
}
.listeThemes li header .acces {
	width:215px;
	text-align:right;
}
.listeThemes li a.lienZoom {
	padding-right:35px;
	background:url(img/ico_fleche.svg) right center no-repeat;
	display:inline-block;

	/*font-size:0.8333333333333333em; /* 15/18 */
	line-height:18px;
	min-height:18px;
	font-weight:600;
	text-decoration:underline;
}
.listeThemes li a.lienZoom:hover,
.listeThemes li a.lienZoom:focus {
	text-decoration:none;
}


.listeThemes li .typeConf {
	text-transform:uppercase;
	font-weight:700;
	font-size:1em; /* 18/18 */
	color:#fff;
	letter-spacing:0.72px;
	padding:5px 25px 5px 25px;
	display:inline-block;
	margin-left:-25px;
	margin-bottom:20px;
	background-color:#11113A;
}
.listeThemes li .typeConf sup {
	font-size: 60%;
	top: -0.7em;
	text-transform: none;
}
.listeThemes li .heure {
	font-weight:600;
	font-size:1.055555555555556em; /* 19/18 */
	color:#12123E;
}
.listeThemes li .titre {
	font-weight:600;
	font-size:1.166666666666667em; /* 21/18 */
	color:#12123E;
}

.listeThemes > li.theme1 .typeConf { background-color:#A75503; }
.listeThemes > li.theme2 .typeConf { background-color:#FFD065; color:#000; }
.listeThemes > li.theme3 .typeConf { background-color:#487F92; }
.listeThemes > li.theme4 .typeConf { background-color:#487F92; }

/*.listeThemes li.theme1 .titre,
.listeThemes li.theme2 .titre,
.listeThemes li.theme3 .titre,
.listeThemes li.theme4 .titre {
	text-transform:uppercase;
	font-weight:700;
	color:#22213C;
	font-size:1.055555555555556em; /* 19/18 */
	/*letter-spacing:0.38px;
}*/


/* Styles pour l'affichage des choix */
#BtFiltrerLikes {
	background:url(img/ico_like.svg) no-repeat left center;
	border:none !important;
	font-size:20px;
	padding:0 0 0 30px;
	font-weight:700;
}
#BtFiltrerLikes.active {
	background-image:url(img/ico_like_on.svg);
}
.listeThemes li.cacher {
	opacity:0.4;
}

.listeThemes li .btLike {
	position:absolute;
	bottom:3px;
	left:17px;
	display:block;
	width:30px;
	height:25px;
	background:url(img/ico_like.svg) no-repeat center center;
	border:none !important;
	font-size:0;
}
.listeThemes li .btLike.active {
	background-image:url(img/ico_like_on.svg);
}

.listeThemes li a.savoirPlus {
	position:absolute;
	bottom:0;
	right:0;
	display:inline-block;
	padding:10px 15px;
	background-color:#E7E7E7;

	text-decoration:none;
	/*font-size:0.8333333333333333em; /* 15/18 */
	line-height:1;
	font-weight:600;
}
.listeThemes li a.savoirPlus:hover,
.listeThemes li a.savoirPlus:focus {
	text-decoration:underline;
}





/* Les conférenciers */
.sConferenciers {
	/*color:#fff;*/
	background:#215465;
	padding:0;
}
.strate.sConferenciers .content{
	max-width:none;
	padding:0;
}

.lstConferenciers {
	font-size: 0;
	letter-spacing: 0;
	word-spacing:0;
	list-style:none;
	margin:0;
	padding:0;
	width:100%;
}
.lstConferenciers li {
	position:relative;
	display:inline-block;
	list-style:none;
	float:none;
	margin:0;
	padding:0;
	position:static;
	vertical-align:top;
	/*width:33.33333333%;*/
	width:25%;
}
.lstConferenciers li:before {
	display:none;
}
.lstConferenciers img {
	display:block;
	height:auto;
	width:100%;
}

.lstConferenciers figure {
	position:relative;
	margin:0;
}
.lstConferenciers figcaption {
	color:#ffffff;
	font-size:26px;
	text-transform:uppercase;
	font-weight:400;
	padding:0;
	background-color:#215465;
	background-color:rgba(33,84,101,0.90);

	opacity:0;
	transition:opacity 0.25s ease;
}
.lstConferenciers figcaption > p {
	margin:0;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	display:none;
	line-height:1.1;
}
.lstConferenciers figcaption > a:after {
	content:url(img/ico_plus_blanc.svg);
	position:absolute;
	bottom:0;
	right:0;
	display:none;
	font-size:0px;
}
.lstConferenciers figcaption, 
.lstConferenciers figcaption > a {
	height:100%;
	width:100%;
	left:0;
	top:0;
	overflow: hidden;

	position:absolute;
	z-index:10;
}
.lstConferenciers figcaption > a {
	z-index:50;
}

.lstConferenciers figure.cacher figcaption {
	opacity:1;
}

.lstConferenciers figure.hover figcaption {
	display:block;
	opacity:1;
}
.lstConferenciers figure.active figcaption,
.lstConferenciers figure.active.hover figcaption {
	opacity:0;
}
.lstConferenciers figure.hover figcaption > p,
.lstConferenciers figure.hover figcaption > a:after {
	display:block;
}

.lstConferenciers .contenu {
	display:none;
	color:#fff;
	font-size:16px;
	padding:50px;
	background-color:#215465;

	position:absolute;
	height:0;
	left:0;
	top:auto;
	width:100%;
	overflow:hidden;
}
.lstConferenciers .contenu a {
	color:#fff;
}
.lstConferenciers .contenu .textWrap {
	max-width:85%;
	margin:0 auto;
}
.lstConferenciers .contenu > *:first-child{
	margin-top:0!important;
}
.lstConferenciers .contenu > *:last-child{
	margin-bottom:0!important;
}
.lstConferenciers .contenu h2 {
	color:#F9D065;
	font-size:1.625em; /* 26/16 */
	line-height:1.2;
	font-weight:600;
	margin:0 0 20px 0;
	padding-right:50px;
	text-transform:uppercase;
	text-align:left;
}
.btFermer {
	position:absolute;
	top:50px;
	right:50px;
	margin:0;
}
.btFermer a {
	display:block;
	width:42px;
	height:42px;
	background:url(img/ico_fermer.png) no-repeat;
}




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


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


/* Liens de download */
/* Matériel promotionnel */

p.promo {
	float:left;
	width:330px;
	max-width:100%;
	margin-right:130px;
}
p.promo:last-child {
	margin-right:0;
}

a.download {
	text-decoration:none;
}
a.download > span {
	position:relative;
	display:block;
	padding:13px 60px 13px 13px;
	text-transform:uppercase;
	min-height:46px;
	font-size:27px;
	font-weight:600;
	background-color: #F9D065;
}
a.download > span:after {
	content:"";
	position:absolute;
	display:inline-block;
	width:43px;
	height:44px;
	top:9px;
	right:13px;
	background:url(img/ico_download_sprite.svg) 0 0 no-repeat;
}
/*a.download:hover,
a.download:focus {
	text-decoration:underline;
}*/
a.download:hover > span:after,
a.download:focus > span:after {
	background-position:0 -44px;
}



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

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

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

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
11.0 Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.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;
}

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

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


/* ==========================================================================
   Helper classes
   ========================================================================== */

.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;
}
.screen_only {
	/* Rien à déclarer */
}
.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;
}
.invisible {
    visibility: hidden;
}
.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}


/* ==========================================================================
   Media Queries
   ========================================================================== */

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

/* ==========================================================================
   Media Queries for Responsive Design.
   ========================================================================== */


@media only screen and (max-width: 1280px) {
	.enteteAccueil {
		background-image:url(img/entete_home_medium.jpg);
	}

	.menuWrapper .sEnteteSecondaire {
		background-image:url(img/entete_secondaire_medium.jpg);
	}
}

/* Moins de 1024px */
@media only screen and (max-width: 1023px) {
	.strate .content {
		padding:50px 20px;
	}

	.navAncres ul {
		margin:0 auto;
		gap: 1.5em;
		flex-wrap: wrap;
	}
	.navAncres li {
		text-align:center;
		/* line-height:1; */
		width: 100%;
	}

	.onglets ul.nav {
		column-gap: 10px;
	}
	/*.onglets ul.nav li {
		margin: 0 10px 20px 0;
	}*/

	.lstConferenciers figcaption {
		font-size:20px;
	}
}


/* Moins de 768px */
@media only screen and (max-width: 767px) {
	/* Menu/entete */
	.menuWrapper {
		min-height:1px;
	}

	/*.zoneMenu ul.liensRapides {
		padding-left:0;
	}*/
	.zoneMenu .coteImgMenu {
		display:none;
	}


	.strate h2.titreStrate,
	.titrePage,
	.programmation h2.titreConf {
		font-size:1.944444444444444em; /* 35/18 */
	}
	.programmation.niveau2 .typeConf {
		margin-bottom:7px;
	}

	.sPageSecondaire h2 {
		font-size:1.388888888888889em; /* 25/18 */
		line-height:1.2; /* 30/25 */
	}

	.sPageSecondaire h3 {
		font-size:1.166666666666667em; /* 21/18 */
	}



	/* .strate .content {
		padding:30px 20px;
	} */






	/*
	 * Onglets
	 */
	.onglets ul.nav {
		/*margin: 0;*/
		padding: 0;
		font-size:0.8888888888888889em; /* 16/18 */
	}
	.onglets ul.nav li {
		width: 25%;
		/*padding: 0 0 0 2%;
		margin:0 0 20px 0;*/
	}
	.onglets ul.nav li:first-child {
		padding-left:0;
	}
	.onglets ul.nav li .jour {
		/*margin-bottom:0;*/
	}
	.onglets ul.nav li a {
		padding: 15px 0;
		line-height: 20px;
	}



	/* Conférences - page Programmation */
	.programmation.niveau2 .fondGris,
	.programmation.niveau2 p.retourBas,
	.programmation h2.titreConf.sansHeure {
		margin-top:40px;
	}


	/* Liste des thèmes parlés */
	.listeThemes > li {
		width:100%;
	}


	/* Les conférenciers */
	.lstConferenciers li {
		width:50%;
	}
	.lstConferenciers figcaption,
	.lstConferenciers .contenu {
		font-size:15px;
	}
	.lstConferenciers .contenu {
		padding:25px;
	}
	.btFermer {
		right:25px;
		top:25px;
	}






	/* #Fluide Grid
	================================================== */
	.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%;  }

} /* FIN - Moins de 768px */


/* Moins de 600px */
@media only screen and (max-width: 599px) {
	.enteteAccueil .themeColloque,
	.menuWrapper .sEnteteSecondaire h1 {
		font-size:2.5em; /* 45/18 */
	}

	.strate.sAPropos {
		background-position: bottom center;
	}



	.onglets ul.nav li .hiddenMobile {
		display:none;
	}

} /* FIN - Moins de 600px */


/* Moins de 480px */
@media only screen and (max-width: 479px) {
	.strate .content {
		padding:50px 15px;
	}


	/*h2 {
		font-size:2em;
	}*/

	#menu-menu-principal .sub-menu li a {
		font-size:0.9em; /* 18/20 */
	}

	/* Conférences - page Programmation */
	.programmation {
		font-size:16px; /* base de 16px au lieu de 18px; */
	}

	.lstConferenciers li {
		width:100%;
	}
	/*.lstConferenciers li:last-child {
		display:none;
	}*/

} /* FIN - Moins de 480px */


/* Moins de 414px */
@media only screen and (max-width: 413px) {

} /* FIN - Moins de 414px */

/* 1200px et + */
@media only screen and (min-width: 1200px) {

} /* FIN - 1200px et + */


/* HD - 1671px et + */
@media only screen and (min-width: 1671px) {
	/* Page promo */
	/* .enteteAccueil {
		background-image:url(img/entete_home_large.jpg);
	} */

	/* .menuWrapper .sEnteteSecondaire {
		background-image:url(img/entete_secondaire_large.jpg);
	} */

} /* FIN - 1671px et + */

@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://mqsh.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;
    }


	/* Accordeon */
	.accordeon .toggler > button.subtil { border-bottom: 0; }
	.accordeon > div { display:block!important; }
	.accordeon .hidden { display:block!important; visibility:visible!important; }



	/* On cache certains éléments */
	#wpadminbar,
	.menuPrincipal,
	.zoneMenu,
	.sInscription,
	.edit-link {
		display:none!important;
	}

	.strate.sPageSecondaire .content,
	.strate .content {
		padding-top: 0;
	}


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