/*
Theme Name: UNIS CLIMAT
Theme URI: https://unis-climat.teluq.ca/
Author: Andy Harvey
Author URI: https://www.teluq.ca/
Description: Thème pour le site du colloque UNIS CLIMAT
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; /* Non utilisé */
	--fontFamilyBase: 'Open Sans', sans-serif;

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


/*--------------------------------------------------------------
2.0 Typography
--------------------------------------------------------------*/
html,
button,
input,
select,
textarea {
	color: #000;
}
html {
	font-size: 18px;
	line-height: 1.4;
}
body {
	color:#000; /* #424242 */
	font-size: 1em;
	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 1rem 0; }
p img { margin: 0; }


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

.remove-top { margin-top: 0 !important; }
.add-top { margin-top: 1rem !important; }		  /* Même valeur que la marge du <p> */
.half-top { margin-top: 0.5rem !important; }
.add-d-top { margin-top: 2rem !important; }		  /* Double marge */
.add-t-top { margin-top: 3rem !important; }		  /* Triple marge */
.remove-bottom { margin-bottom: 0 !important; }
.half-bottom { margin-bottom: 0.5rem !important; }
.add-bottom { margin-bottom: 1rem !important; }   /* Même valeur que la marge du <p> */
.add-d-bottom { margin-bottom: 2rem !important; } /* Double marge */
.add-t-bottom { margin-bottom: 3rem !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-size:3.222222222222222em; /* 58/18 */
	line-height:1.1;
	font-weight: 600;
	margin:0 0 40px 0;
}
.titrePage {
	color:#434244;
	font-size:2.222222222222222em; /* 40/18 */
	font-weight: 600;
	line-height:1;
	letter-spacing:0;
	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-size:2.222222222222222em; /* 40/18 */
	font-weight: 600;
	line-height:1;
	letter-spacing:0;
	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-size:1.555555555555556em; /* 28/18 */
	line-height:1.4;
	font-weight: 600;
	letter-spacing:0;
	margin:25px 0 15px 0;
}


.sPageSecondaire h2 {
	font-weight: 600;
	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:0;
	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-size:1.333333333333333em; /* 28/21 */
	line-height:1;
	font-weight: 600;
	/*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-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:30px;
	padding-bottom:30px;
}

/* Menu principal */
.menuPrincipal {
	display: flex;
	/* justify-content: space-between; */
	justify-content: center;
	align-items: center;
}
.menuPrincipal a:hover {
	outline:0;
}
.menuPrincipal .logo {
	display: flex;
	justify-content: center;
	align-items: center;

	font-size:1.222222222222222rem; /* 22/18 */
	line-height:1.222222222222222; /* 26/22 */
	text-transform: uppercase;
	font-weight:700;
	color:#000;
	/* padding:0 10px 0 0; */
	margin:0;
}
.menuPrincipal .logo .ruqdd {
	font-size:3.333333333333333rem; /* 60/18 */
	line-height:1;
	padding-right: 20px;
}
.menuPrincipal .logo .long {
	padding-left: 20px;
	border-left: 1px solid #000;
}
.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-size:2em; /* 36/18 */
	line-height:1.15; /* 44/36 */
	font-weight: 600;
	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-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:1100px;
	margin:0 auto;
}
.strate .content > *:first-child { margin-top:0; }
.strate .content > *:last-child  { margin-bottom:0; }


.strate h2.titreStrate {
	--couleurBarre: #038282;
	position: relative;
	font-size:1.666666666666667em; /* 30/18 */
	line-height:1.133333333333333; /* 34/30 */
	font-weight: 600;
	letter-spacing: 0px;
	color: #000;
	text-transform: uppercase;
	padding-bottom: 25px;
	margin-bottom: 30px;
}
.strate h2.titreStrate::before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	height: 5px;
	width: 55px;
	background-color: var(--couleurBarre);
}


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

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

.enteteAccueil .themeColloque {
	font-size:2em; /* 36/18 */
	line-height:1.15; /* 44/36 */
	font-weight: 700;
	letter-spacing: 0;
	margin:0;
	max-width: 710px; /* Pour un changement de lignes désirées */
}
.enteteAccueil .themeColloque .fond {
	background-color: #fff;
	color:#000;
	padding: 0 8px;
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
}
.enteteAccueil .dateLieu {
	margin:30px 0 0 0;
}
.enteteAccueil .dateLieu .fond {
	background-color: #000;
	color:#fff;
	padding: 1px 8px;
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
	font-size:1.055555555555556em; /* 19/18 */
}
.enteteAccueil .date {
	font-weight:700;
	letter-spacing:0;
}
/*.enteteAccueil .lieu {
	font-weight:300;
	letter-spacing:0;
}*/

.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-around;
	margin: 0 auto;
	padding: 0;
	max-width: 800px;

	font-size:0.8888888888888889em; /* 16/18 */
	line-height: 1;
	font-weight: 600;
	letter-spacing: 0;
	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: #038282;
}


.strate.sAPropos {
	background: #FAFAFA;
}





.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-size:1.388888888888889em; /* 25/18 */
	line-height:1.4; /* 35/25 */
	margin: 0;
}
ul.lstProgramme .surTitre {
	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 {
	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-size:0.8888888888888889em; /* 16/18 */
	line-height:1.5; /* 24/16 */
	font-weight: 600;
	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;
  }




/* Liste des webinaires */
.sWebinaires .flex {
	display:flex;
	flex-wrap:wrap;
	margin-top:50px;
}
.sWebinaires .flex + .flex {
	padding-top:50px;
	border-top:1px solid #707070;
}
.sWebinaires .flex > .coteGauche {
	/*align-self:center;*/
	padding-right:20px;
	width:50%;
}
.sWebinaires .flex > .coteDroit {
	/*align-self:center;*/
	width:50%;
}
.sWebinaires .flex > .coteGauche > *:last-child,
.sWebinaires .flex > .coteDroit > *:last-child {
	margin-bottom:0;
}

.sWebinaires h2,
.sWebinaires h3{
	color:#000;
	font-size:1.222222222222222em; /* 22px / 18px */
	line-height:1.27;
	font-weight:600;
	margin:0 0 15px 0;
	text-transform:none;
}
.sWebinaires .datesSeances {
	display: flex;
	align-items: center;
	font-size:1.166666666666667em; /* 21px / 18px */
	margin:0 0 5px 0;
	text-transform:none;
}
.sWebinaires .datesSeances .jour {
	font-size:1.19047619047619em; /* 25px / 21px */
	color: #646363;
	line-height:1;
	font-weight:700;
	margin:0 20px 0 0;
	text-transform:uppercase;
}
.sWebinaires .datesSeances .jour sup {
	top: -.2em;
	text-transform: none;
}
.sWebinaires .descriptionComplete {
	font-size:0.8888888888888889em; /* 16px / 18px */
	padding-left:32px;
	font-weight:600;
	position:relative;
	display:inline-block;
	line-height:22px;
	text-decoration:none;
	cursor: pointer;
}
.sWebinaires .descriptionComplete:before {
	content:"";
	position:absolute;
	background:url(img/plus_moins_sprite.svg) no-repeat top left;
	background-position:0 -22px;
	display:block;
	top:0;
	left:0;
	width:22px;
	height:22px;
}

.sWebinaires .descriptionComplete:focus-visible,
.sWebinaires .descriptionComplete:hover {
	text-decoration:underline;
}
.sWebinaires .descriptionComplete:focus-visible:before,
.sWebinaires .descriptionComplete:hover:before {
	background-position:0 0;
}

.sWebinaires .descriptionComplete.active:before {
	background-position:-22px -22px;
}
.sWebinaires .descriptionComplete.active:focus-visible:before,
.sWebinaires .descriptionComplete.active:hover:before {
	background-position:-22px 0;
}
.sWebinaires .more {
	display:none;
	font-size: 0.8888888888888889em; /*16/18 */
	margin:1rem 0;
}
.sWebinaires .more > *:last-child {
	margin-bottom: 0;
}
.sWebinaires .flex .button {
	padding:7px 15px;
	font-size:1em; /* 18/18 */
	line-height:normal;
	font-weight:600;
	color: #000;
	background-color:#038282;
	color:#fff;
	max-width: 250px;
	text-transform: uppercase;
	transition: background-color 0.2s ease;
}
.sWebinaires .flex .button::after {
	display: none;
}
.sWebinaires .flex .button:focus-visible,
.sWebinaires .flex .button:hover {
	color: #fff;
	background-color:#000;
}




.sLieu {
	background: #CCE6D4;
}
.sLieu h2.titreStrate {
	--couleurBarre: #fff;
}

.sLieu .lesAdresses {
	--_minColWidth: 20rem;
	--_gridGap: 2rem;

	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(var(--_minColWidth), 1fr));
	gap: var(--_gridGap);
	margin-top: var(--_gridGap);
}
.sLieu .lesAdresses > div {
	display: flex;
	flex-direction: column;
	gap: calc(var(--_gridGap) * 0.75);
	justify-content: space-between;
}
.sLieu .lesAdresses p {
	margin: 0;
}
.sLieu a.lienCarte {
	display: inline-block;
	position: relative;
	font-size:1em; /* 18/18 */
	letter-spacing: 0px;
	font-weight:600;
	color: #038282;
	text-transform: uppercase;
	border: 1px solid #038282;
	padding: 7px 15px;
	text-decoration: none;
	border-radius: 0;
	transition: background-color 0.2s ease;
}
.sLieu a.lienCarte:hover,
.sLieu a.lienCarte:focus-visible {
	background-color: #fff;
}




.sIntervenants {
	background-color: #CCE6D4;
}
.sIntervenants h2.titreStrate {
	--couleurBarre: #fff;
  }
.lstIntervenants {
	--_minColWidth: 8.5rem;
	--_gridGap: 1.5rem;
	/* --grid-img-height: 13rem; */

	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(var(--_minColWidth), 1fr));
	gap: var(--_gridGap);
	/* align-items:center; */
	justify-items:center;

	list-style: none;
	padding: 0;
	margin: 0 0 var(--_gridGap) 0;
	font-size: 0.7777777777777778rem; /* 14/18 */
	font-weight: 300;
}
.lstIntervenants > li::before {
	display: none;
}
.lstIntervenants > li {
	padding: 0;
	margin: 0;
	text-align: center;
}
.lstIntervenants .nom {
	font-size: 0.8333333333333333rem; /* 15/18 */
	font-weight: 600;
	margin: 12px 0 3px 0;
}
.lstIntervenants > li > p:last-child {
	margin-bottom: 0;
}

/* Pour un affichage dynamique (par tranche de 6 items) */
/* .lstIntervenants > li {
	height: auto;
	visibility: visible;
	opacity: 1;
	transition: opacity 0.5s ease;
} */
.lstIntervenants[data-step="1"] > li:nth-child(n+7) {
	display: none;
	/*visibility: hidden;
	opacity: 0;
    height: 0;
    overflow: hidden;*/
}
.lstIntervenants[data-step="2"] > li:nth-child(n+13) {
	display: none;
}
.lstIntervenants[data-step="3"] > li:nth-child(n+19) {
	display: none;
}
/* Step 4 ou plus = tout montrer (22 éléments au total) */


.sIntervenants .chargerPlus {
	font-size:0.8888888888888889em; /* 16px / 18px */
	padding-left:32px;
	font-weight:600;
	position:relative;
	display:inline-block;
	line-height:22px;
	text-decoration:none;
	cursor: pointer;
}
.sIntervenants .chargerPlus:before {
	content:"";
	position:absolute;
	background:url(img/plus_moins_sprite.svg) no-repeat top left;
	background-position:0 -22px;
	display:block;
	top:0;
	left:0;
	width:22px;
	height:22px;
}

.sIntervenants .chargerPlus:focus-visible,
.sIntervenants .chargerPlus:hover {
	text-decoration:underline;
}
.sIntervenants .chargerPlus:focus-visible:before,
.sIntervenants .chargerPlus:hover:before {
	background-position:0 0;
}

.sIntervenants .chargerPlus.active:before {
	background-position:-22px -22px;
}
.sIntervenants .chargerPlus.active:focus-visible:before,
.sIntervenants .chargerPlus.active:hover:before {
	background-position:-22px 0;
}



.sOffert {
	background-color: #FAFAFA;
}
.sOffert a {
	display: inline-block;
}
.lesLogos {
	--_minColWidth: 11rem;
	--_gridGap: 2rem;
	/* --grid-img-height: 13rem; */

	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(var(--_minColWidth), 1fr));
	gap: var(--_gridGap);
	align-items:center;
	justify-items:center;

	list-style: none;
	padding: 0;
	margin: 0 0 var(--_gridGap) 0;
}
.lesLogos > li::before {
	display: none;
}
.lesLogos > li {
	padding: 0;
	margin: 0;
}
.lesLogos + .lesLogos {
	margin-top: var(--_gridGap);
}






/* Nous joindre */
.sContact {
	background: url(img/bg_joindre.jpg) center center no-repeat;
	background-size: cover;
}
.sContact .content {
	padding-top: 100px;
	padding-bottom: 100px;

	display: grid;
	place-content: center;
  }
.sContact .bgBlanc {
	background: #fff;
	background: rgba(255, 255, 255, 0.85);
	padding: 50px;
}
.sContact p {
	font-weight: 600;
}
.sContact a.lienContact {
	font-weight: 400;
	text-decoration:none;
}
.sContact a.lienContact:focus,
.sContact a.lienContact:active,
.sContact a.lienContact: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;
	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 {
	color:#11113A;
	font-size:2.222222222222222em; /* 40/18 */
	font-weight: 600;
	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 {
	margin:40px 0 0 0;
	color:#000;
	font-size:1.666666666666667em; /* 30/18 */
	line-height:1.2;
	font-weight: 600;
	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;
}


/* ==========================================================================
   Tooltips
   ========================================================================== */
/* This is the default Tooltipster theme (feel free to modify or duplicate and create multiple themes!): */
.tooltipster-default {
	border-radius: 5px; 
	border: 2px solid #000;
	background: #4c4c4c;
	color: #fff;
}

/* Use this next selector to style things like font-size and line-height: */
.tooltipster-default .tooltipster-content {
	/*font-family: Arial, sans-serif;*/
	font-size: 14px;
	line-height: 16px;
	padding: 8px 10px;
	overflow: hidden;
}

/* This next selector defines the color of the border on the outside of the arrow. This will automatically match the color and size of the border set on the main tooltip styles. Set display: none; if you would like a border around the tooltip but no border around the arrow */
.tooltipster-default .tooltipster-arrow .tooltipster-arrow-border {
	/* border-color: ... !important; */
}


/* If you're using the icon option, use this next selector to style them */
.tooltipster-icon {
	cursor: help;
	margin-left: 4px;
}



/* This is the base styling required to make all Tooltipsters work */
.tooltipster-base {
	padding: 0;
	font-size: 0;
	line-height: 0;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9999999;
	pointer-events: none;
	width: auto;
	overflow: visible;
}
.tooltipster-base .tooltipster-content {
	overflow: hidden;
}


/* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */
.tooltipster-arrow {
	display: block;
	text-align: center;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
.tooltipster-arrow span, .tooltipster-arrow-border {
	display: block;
	width: 0; 
	height: 0;
	position: absolute;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span {
	border-left: 8px solid transparent !important;
	border-right: 8px solid transparent !important;
	border-top: 8px solid;
	bottom: -7px;
}
.tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border {
	border-left: 9px solid transparent !important;
	border-right: 9px solid transparent !important;
	border-top: 9px solid;
	bottom: -7px;
}

.tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span {
	border-left: 8px solid transparent !important;
	border-right: 8px solid transparent !important;
	border-bottom: 8px solid;
	top: -7px;
}
.tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
	border-left: 9px solid transparent !important;
	border-right: 9px solid transparent !important;
	border-bottom: 9px solid;
	top: -7px;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border {
	left: 0;
	right: 0;
	margin: 0 auto;
}
.tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span {
	left: 6px;
}
.tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
	left: 5px;
}
.tooltipster-arrow-top-right span,  .tooltipster-arrow-bottom-right span {
	right: 6px;
}
.tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border {
	right: 5px;
}
.tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border {
	border-top: 8px solid transparent !important;
	border-bottom: 8px solid transparent !important; 
	border-left: 8px solid;
	top: 50%;
	margin-top: -7px;
	right: -7px;
}
.tooltipster-arrow-left .tooltipster-arrow-border {
	border-top: 9px solid transparent !important;
	border-bottom: 9px solid transparent !important; 
	border-left: 9px solid;
	margin-top: -8px;
}
.tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border {
	border-top: 8px solid transparent !important;
	border-bottom: 8px solid transparent !important; 
	border-right: 8px solid;
	top: 50%;
	margin-top: -7px;
	left: -7px;
}
.tooltipster-arrow-right .tooltipster-arrow-border {
	border-top: 9px solid transparent !important;
	border-bottom: 9px solid transparent !important; 
	border-right: 9px solid;
	margin-top: -8px;
}


/* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */

.tooltipster-fade {
	opacity: 0;
	-webkit-transition-property: opacity;
	-moz-transition-property: opacity;
	-o-transition-property: opacity;
	-ms-transition-property: opacity;
	transition-property: opacity;
}
.tooltipster-fade-show {
	opacity: 1;
}

.tooltipster-grow {
	-webkit-transform: scale(0,0);
	-moz-transform: scale(0,0);
	-o-transform: scale(0,0);
	-ms-transform: scale(0,0);
	transform: scale(0,0);
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
	-webkit-backface-visibility: hidden;
}
.tooltipster-grow-show {
	-webkit-transform: scale(1,1);
	-moz-transform: scale(1,1);
	-o-transform: scale(1,1);
	-ms-transform: scale(1,1);
	transform: scale(1,1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}

.tooltipster-swing {
	opacity: 0;
	-webkit-transform: rotateZ(4deg);
	-moz-transform: rotateZ(4deg);
	-o-transform: rotateZ(4deg);
	-ms-transform: rotateZ(4deg);
	transform: rotateZ(4deg);
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
}
.tooltipster-swing-show {
	opacity: 1;
	-webkit-transform: rotateZ(0deg);
	-moz-transform: rotateZ(0deg);
	-o-transform: rotateZ(0deg);
	-ms-transform: rotateZ(0deg);
	transform: rotateZ(0deg);
	-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1);
	-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	-moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	-ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	-o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
}

.tooltipster-fall {
	top: 0;
	-webkit-transition-property: top;
	-moz-transition-property: top;
	-o-transition-property: top;
	-ms-transition-property: top;
	transition-property: top;
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
}
.tooltipster-fall-show {
}
.tooltipster-fall.tooltipster-dying {
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	-ms-transition-property: all;
	transition-property: all;
	top: 0px !important;
	opacity: 0;
}

.tooltipster-slide {
	left: -40px;
	-webkit-transition-property: left;
	-moz-transition-property: left;
	-o-transition-property: left;
	-ms-transition-property: left;
	transition-property: left;
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}
.tooltipster-slide.tooltipster-slide-show {
}
.tooltipster-slide.tooltipster-dying {
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	-ms-transition-property: all;
	transition-property: all;
	left: 0px !important;
	opacity: 0;
}


/* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */
.tooltipster-content-changing {
	opacity: 0.5;
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
}


/* Ajout */
.tooltipster-content > *:first-child { margin-top:0; }
.tooltipster-content > *:last-child  { margin-bottom:0; }

/*******************/
/* Thèmes tooltips */
/*******************/

/* Thème Noir */
.tooltipster-noir {
	/*border-radius: 6px;*/
	border:1px solid #000;
	background-color:#000;
	background-color:rgba(0,0,0,0.95);
	box-shadow: 0px 0px 14px rgba(0,0,0,0.3);
	color: #fff;
}
.tooltipster-noir .tooltipster-content {
	font-size: 14px;
	line-height: 1.5;
	padding: 8px 10px;
}
.tooltipster-noir .tooltipster-content a,
.tooltipster-noir .tooltipster-content p {
	color: #fff;
}


/* Thème Blanc */
.tooltipster-blanc {
	/*border-radius: 6px;*/
	border:1px solid #fff;
	background-color:#fff;
	background-color:rgba(255,255,255,0.95);
	box-shadow: 0px 0px 14px rgba(0,0,0,0.3);
	color: #000;
}
.ie8 .tooltipster-blanc { border-color:#000; }
.tooltipster-blanc .tooltipster-content {
	font-size: 14px;
	line-height: 1.5;
	padding: 8px 10px;
}
.tooltipster-blanc .tooltipster-content a,
.tooltipster-blanc .tooltipster-content p {
	color: #000;
}


/* Thème Gris */
.tooltipster-gris {
	/*border-radius: 6px;*/
	border:1px solid #504D4D;
	background-color:#504D4D;
	background-color:rgba(80,77,77,0.95);
	box-shadow: 0px 0px 14px rgba(0,0,0,0.3);
	color: #fff;
}
.tooltipster-gris .tooltipster-content {
	font-size: 14px;
	line-height: 1.5;
	padding: 8px 10px;
}
.tooltipster-gris .tooltipster-content a,
.tooltipster-gris .tooltipster-content p {
	color: #fff;
}





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

	.sContact {
		background-image: url(img/bg_joindre_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;
	}*/
}


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

	.menuPrincipal .logo {
		font-size:1rem; /* 18/18 */
	}
	.menuPrincipal .logo .ruqdd {
		font-size:2.222222222222222rem; /* 40/18 */
	}


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


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



	.sWebinaires .datesSeances {
		display: block;
	}
	.sWebinaires .datesSeances .mblock {
		display:block;
	}

	.sWebinaires .flex > .coteGauche {
		padding-right:0;
		width:100%;
		/*text-align:center;*/
	}
	.sWebinaires .flex > .coteDroit {
		margin-top:30px;
		width:100%;
		/*text-align:center;*/
	}


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

	





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

	.menuPrincipal .logo {
		flex-direction: column;
		gap: 15px;
	}
	.menuPrincipal .logo .ruqdd {
		padding-right: 0;
	}
	.menuPrincipal .logo .long {
		padding-left: 0;
		border-left: 0;
	}

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



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

	.sContact .bgBlanc {
		padding: 30px;
	}

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


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

	.sContact {
		background-image: url(img/bg_joindre_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,
	.zoneMenu,
	.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; }
}