/*
Theme Name: IDE@ 2023
Theme URI: https://journeeidea.teluq.ca/
Author: Andy Harvey
Author URI: https://www.teluq.ca/
Description: Thème pour le site du colloque IDE@ 2023
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.

idea2023 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;
	--fontFamilyAlt2: 'Roboto Condensed', 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:#434244;
	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 #D93F0C;
	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:#D93F0C;
	 --couleurFond:#D93F0C;
	 --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_jaune.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;
}
a.button2,
a.button2:link,
a.button2:visited{
	font-family: var(--fontFamilyAlt);
	font-size:1.166666666666667em; /* 21/18 */
	border-radius: 25px;
	padding: 7px 55px 7px 20px;
}
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;
	transition: transform 0.2s ease;
}

a.button2:hover::after,
a.button2:focus::after{
	transform: translateX(5px);
}


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; */
	justify-content: center;
	align-items: center;
}
.menuPrincipal a:hover {
	outline:0;
}
.menuPrincipal .logo {
	font-family: var(--fontFamilyAlt2);
	font-size:1.444444444444444em; /* 26/18 */
	line-height:1.615384615384615; /* 42/26 */
	letter-spacing: 1.3px;
	text-transform: uppercase;

	font-weight:700;
	color:#000;
	/* padding:0 10px 0 0; */
	margin:0;
}
.menuPrincipal .logo a {
	text-decoration: none;
}
.menuPrincipal .logo img {
	margin: 0 8px 0 10px;
}
.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.svg) no-repeat center top;
	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:2em; /* 36/18 */
	line-height:1.15; /* 44/36 */
	font-weight:500;
	letter-spacing: 3.6px;
	margin:0;
	max-width: 710px; /* Pour un changement de lignes désirées */
}
.menuWrapper .sEnteteSecondaire h1 .fond {
	background-color: #000;
	color:#fff;
	padding: 0 8px;
	-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:2em; /* 36px/18 */
	line-height:1;
	font-weight: 500;
	letter-spacing: 3.6px;
	color: #000;
	/* 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.svg) no-repeat center top;
	background-size: cover;
	min-height:490px; /*540px*/
	padding:20px 0;
	z-index: 10;
}

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

.enteteAccueil .themeColloque {
	font-family: var(--fontFamilyAlt);
	font-size:2em; /* 36/18 */
	line-height:1.15; /* 44/36 */
	font-weight:500;
	letter-spacing: 3.6px;
	margin:0;
	max-width: 710px; /* Pour un changement de lignes désirées */
}
.enteteAccueil .themeColloque .fond {
	background-color: #000;
	color:#fff;
	padding: 0 8px;
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
}
.enteteAccueil .dateLieu {
	text-transform:uppercase;
	color:#000;
	margin:30px 0 0 0;
}
.enteteAccueil .dateLieu .fond {
	background-color: #fff;
	color:#000;
	padding: 0 8px;
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
}
.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 #D93F0C;
	margin: 40px auto 60px 0;
	border-width:2px 0 0 0;
	max-width:90px;
}



.strate.sMenuAncres {
	/* box-shadow: 0px 5px 15px #eee; */
	box-shadow: 0 5px 15px #ccc;
	z-index: 5;
}
.strate.sMenuAncres > .content {
	padding-top:20px;
	padding-bottom:14px;
	width: 100%;
}
.navAncres ul {
	list-style: none;
	display: flex;
	gap: 0.5em;
	justify-content: space-between;
	margin: 0;
	padding: 0;

	font-family: var(--fontFamilyAlt);
	font-size:0.8888888888888889em; /* 16/18 */
	line-height: 1;
	font-weight:400;
	letter-spacing: 0.8px;
	color: #000;
	text-transform: uppercase;
}
.navAncres li {
	margin: 0;
}
.navAncres a {
	padding: 5px 15px;
	text-decoration: none;
	border-bottom: 8px solid transparent;
	transition: border-color 0.2s ease;
}
.navAncres a:hover,
.navAncres a:focus {
	border-bottom-color: #44ABB1;
}


.strate.sAPropos {
	background: #E8EAEA;
}
.strate.sAPropos > .content {
	padding-bottom: 0;
}
.sAPropos .bgFemme {
	background: url(img/bg_img_apropos.svg) no-repeat bottom right;
	padding-right: 150px;
	padding-bottom: 1em;
	min-height: 200px;
}
.sAPropos hr {
	border:solid #D93F0C;
	margin: 40px auto 40px 0;
	border-width:3px 0 0 0;
	max-width:60px;
}

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


.sConferenciers {
	background: #3FA6AB;
}
.sConferenciers a.lienBlanc {
	color: #fff;
	font-weight: 700;
}
.sConferenciers hr {
	border:solid #FFD902;
	margin: 20px auto 20px 0;
	border-width:1px 0 0 0;
	max-width:60px;
}
.lstConferenciers {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 80px 30px;
	font-size: 0.7777777777777778em; /* 14/18 */
	margin: 0;
}
.lstConferenciers > li {
	display: grid;
	grid-template-columns: 154px 1fr;
	gap: 30px;

	list-style: none;
	padding: 0;
	margin: 0;
}
ul.lstConferenciers > li::before { display: none; }

.lstConferenciers .nom {
	font-size: 1.142857142857143em; /* 16/14 */;
	font-weight: 600;
	margin: 0 0 3px 0;
}
.lstConferenciers > li > div > p:last-child {
	margin-bottom: 0;
}


.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:#D93F0C;
	font-family: var(--fontFamilyAlt);
	font-size:1.388888888888889em; /* 25/18 */
	line-height:1.4; /* 35/25 */
	margin: 0;
}
ul.lstProgramme .surTitre {
	font-family: var(--fontFamilyAlt);
	color: #434244;
	font-size:0.8888888888888889em; /* 16/18 */
	line-height:1.3;
	font-weight: 700;
	letter-spacing: 1.6px;
	margin: 0 0 5px 0;
}
ul.lstProgramme h3 {
	font-weight:400;
	font-size:1.388888888888889em; /* 25/18 */
	line-height:1.12; /* 28/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;
}

/* Sans accordéon/js */
.sProgramme details summary {
	font-family: var(--fontFamilyAlt);
	font-size:0.8888888888888889em; /* 16/18 */
	line-height:1.5; /* 24/16 */
	font-weight: 500;
	letter-spacing: 1.6px;
	color: #D93F0C;
	cursor: pointer;
	text-decoration: underline;
}
.sProgramme details summary::-webkit-details-marker {
	display: none;
}
.sProgramme details:not([open]) summary .fermeture {
	display: none;
}
.sProgramme details[open] summary .ouverture {
	display: none;
}
.sProgramme details .contenu {
	padding: 20px 0 0 40px;
}
.sProgramme details .contenu :last-child {
	margin-bottom: 0;
  }



/* Strate 3 raisons de participer */
.sRaisons {
	background: #333333;
	color: #fff;
}
.sRaisons h2.titreStrate {
	color: #fff;
	text-align: center;
}

.lesRaisons {
	list-style: none;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	margin: 0;
	padding: 0;
}
.lesRaisons > li {
	margin: 0;
	padding: 0 min(15%, 40px);
	border-right: 1px solid #fff;
	text-align: center;
}
ul.lesRaisons > li::before { display: none; }
.lesRaisons > li:last-child {
	border-right: 0;
}
.lesRaisons .icone {
	margin-bottom: 20px;
}
.lesRaisons h3 {
	color: #E8EAEA;
	font-size: 1.222222222222222em; /* 22/18 */
	line-height:1.181818181818182; /* 26/22 */
	letter-spacing: 2.2px;
	margin: 0 0 10px 0;
}
.lesRaisons p {
	font-size: 0.8888888888888889em; /* 16/18 */
	line-height:1.25; /* 20/16 */
	font-weight: 600;
	margin: 0;
}




.sInscription {
	background: #E8EAEA;
	text-align: center;
}
.strate.sInscription .content {
	max-width: 780px;
}
.sInscription a.button2 {
	--couleur:#000;
	--imgFleche:url("img/ico_fleche.svg");
	--couleurBorder:#348488;

	--couleur-hover:var(--couleurBorder);
	--couleurFond-hover:var(--couleurFond);
	--couleur-hover:var(--couleurBorder);
	--imgFleche-hover:url("img/ico_fleche_noire.svg");
}
.sInscription a.button2:hover,
.sInscription a.button2:focus {
	background-color: var(--couleur-hover);
	--imgFleche: var(--imgFleche-hover);
}



.sLieu {
	background: #348286;
	color: #000;
	text-align: center;
}
.sLieu h2.titreStrate {
	color: #fff;
}
.sLieu a.button2 {
	--couleur:#000;
	--imgFleche:url("img/ico_fleche_jaune.svg");
	/* --couleurBorder:#FACF6D; */
	--couleurBorder:#000;

	--couleur-hover:var(--couleurBorder);
	--couleurFond-hover:#FACF6D;
	--couleur-hover:#000;
	--imgFleche-hover:url("img/ico_fleche_noire.svg");
}
.sLieu a.button2:hover,
.sLieu a.button2:focus {
	background-color: var(--couleurFond-hover);
	/* color: var(--couleur-hover); */
	--imgFleche: var(--imgFleche-hover);
}


.sComite {

}
.lstOrganisateurs {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	gap: 30px;
	font-size: 0.7777777777777778em; /* 14/18 */
	margin: 40px 0 0 0;
}
.lstOrganisateurs > li {
	list-style: none;
	padding: 0;
	margin: 0;
	text-align: center;
}
ul.lstOrganisateurs > li::before { display: none; }
.lstOrganisateurs .nom {
	font-size: 1.142857142857143em; /* 16/14 */;
	font-weight: 600;
	margin: 20px 0 3px 0;
}
.lstOrganisateurs > li > div > p:last-child {
	margin-bottom: 0;
}


.sOffert {
	background-color: #E8EAEA;
}
.lesLogos {
	list-style: none;
	display: flex;
	gap: 40px;
	/* display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 25px; */
	margin: 0 auto;
	padding: 0;
}
.lesLogos > li {
	margin: 0;
	padding: 0;
	text-align: center;
	align-self: center;
	flex: 1;
}
ul.lesLogos > li::before { display: none; }



/* Nous joindre */
.sContact {
	background: #333333;
	color: #fff;
}
.strate.sContact > .content {
	padding-bottom: 0;
}
.sContact .bgPersonnages {
	background: url(img/bg_personnages.svg) no-repeat bottom right;
	padding-right: 350px;
	padding-bottom: 1em;
	min-height: 160px;
}
.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 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;
	}



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

	.lstConferenciers {
		gap: 50px 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;
	}

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


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


	.lstConferenciers {
		grid-template-columns: 1fr;
		max-width: 500px;
	}

	.lstOrganisateurs {
		grid-template-columns: 1fr 1fr;
	}


	.lesRaisons {
		grid-template-columns: 1fr;
		gap: 30px;
	}
	.lesRaisons > li {
		border-right: 0;
	}
	.lesRaisons .icone {
		margin-bottom: 20px;
	}
	.lesRaisons p {
		max-width: 300px;
		margin-left: auto;
		margin-right: auto;
	}



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

	.lesLogos {
		/* grid-template-columns: 1fr; */
		flex-wrap: wrap;
	}
	.lesLogos > li {
		flex-basis: 200px;
		flex-shrink: 0;
	}

	.sContact .bgPersonnages {
		background-position: bottom center;
		padding-right: 0;
		padding-bottom: 160px;
	}




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


	ul.lstProgramme > li {
		grid-template-columns: 1fr;
		gap: 0.5em;
	  }
	.sProgramme details .contenu {
		padding: 10px 0 0 15px;
	}


	.lesLogos > li {
		flex-basis: 100%;
	}

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

	/* Centré/tout stacké */
	.lstConferenciers {
		text-align: center;
		margin: 0 auto;
		max-width: 400px;
	}
	.lstConferenciers > li {
		grid-template-columns: 1fr;
		justify-self: center;
	}
	.sConferenciers img {
		margin: 0 auto;
	}
	.sConferenciers hr {
		margin-left: auto;
	}

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