/*
Theme Name: Chaire de recherche du Canada sur l'intelligence artificielle pour la prévention du suicide
Theme URI: https://chaire-iaps.teluq.ca/
Author: Andy Harvey
Author URI: https://www.teluq.ca/
Description: Thème pour le site de la Chaire de recherche du Canada sur l'intelligence artificielle pour la prévention du suicide
Version: 2.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:
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.

IAPS 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 #C2BFBE;
	border-width: 1px 0 0;
	clear: both;
	margin: 1.5em 0;
	height: 0;
}

audio,
canvas,
img,
video {
	vertical-align: middle;
	max-width:100%;
	height:auto;
}
iframe {
	max-width:100%;
}
fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}
textarea {
	resize: vertical;
}


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

:root {
	--bgColorBeige:#FAF5E4;
	--bgColorBleu:#EDFDFD; /* #CEEAE1 */

	--fontFamilyBase: 'Open Sans', sans-serif;
	--fontFamilyAlt: 'Roboto', sans-serif;

	--anchorOffsetSticky: 0px; /* Hauteur réservé du menu sticky */
	scroll-behavior: smooth;
}


/*--------------------------------------------------------------
2.0 Typography
--------------------------------------------------------------*/
html,
button,
input,
select,
textarea {
	color: #000;
}
html {
	font-family: var(--fontFamilyBase);
	color:#000;
	font-size: 16px;
	line-height:1.333333333333333; /* 24/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 #C2BFBE;
	border-width: 1px 0 0;
	clear: both;
	margin: 1.5em 0;
	height: 0;
}

b,strong,.bold {
	font-weight:700;
}
b.semi,
strong.semi {
	font-weight:600;
}
img {
	max-width:100%;
	height:auto;
}
ol, ul {
	margin:0 0 1em 0;
	padding:0;
}
ul { list-style-type:disc; }
li { margin:0.2em 0 0.5em 2em; }
ul > li::marker,
ol > li::marker {
	color: #BA5032;
	font-weight: 700;
}
ol > li {
	padding-left:10px;
}

/*ul > li {
	position:relative;
	padding-left:25px;
}
ul > li:before {
	content:"";
	position:absolute;
	left:0;
	top:0.6em;
	display:block;
	width:5px;
	height:5px;
	background-color:#BA5032;
	border-radius:50%;
}*/


/* Notes de bas de page (liste) */
ol.notes,
ul.notes {
	border-top:1px solid #C2BFBE;
	margin: 2.5em 0 1.5em 0;
	padding-top: 0.5em;
	font-size:0.8333333333333333em; /* 15/18 */
}
ol.notes > li::marker {
	color: #33302E;
	font-weight: 600;
}
ul.notes > li:before {
	background-color:#33302E;
}



nav ul, nav ol, ul.noliste, ul.no_liste { list-style: none; list-style-image: none; margin: 0; padding: 0; }
nav ul > li, ul.noliste > li, ul.no_liste > li { padding:0; margin:0; }
nav ul > li:before, ul.noliste > li:before, ul.no_liste > li:before { display:none; }


.cadre {
	padding: 30px;
	color:#33302E;
	margin: 50px 0;
	background-color: #EFF8F6;
	background-color: rgba(239,248,246, 0.75);
	/* border: 1px solid #117B7D; */
}
.cadre .titre {
	/* Similaire au H3 */
	font-size:1.75em; /* 28/18 */
	line-height:1.1;
	font-weight:600;
	margin:40px 0 20px 0;
	letter-spacing: 0.28px;
	color: #384E5D;
}
.cadre p {
	margin: 0 0 0.35em 0;
}
.cadre strong,
.cadre b {
	font-weight: 600;
}
.cadre > :first-child { margin-top: 0; }
.cadre > :last-child { margin-bottom: 0; }



blockquote {
	font-size:1.333333333333333em; /* 24/18 */
	line-height: 1.333333333333333em; /* 32/24 */
	color: #384E5D;
	font-weight: 600;
	font-style: italic;
	text-align: center;

	margin: 0 0 20px;
	padding: 0 20px;
}

blockquote > * { width: 100%; }
blockquote > :first-child { margin-top: 0; }
blockquote > :last-child { margin-bottom: 0; }

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.470588235294118em; /* 25/17 */
}
.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 */




/*
 * 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.411764705882353em; /* 58/17 */
	line-height:1.1;
	font-weight:700;
	margin:0 0 40px 0;
}
.titrePage {
	color:#000000;
	font-size:2.777777777777778em; /* 50/18 */
	line-height:1.16; /* 58/50 */
	font-weight:700;
	margin:30px 0 50px 0;
	text-align:left;
}
.sousTitrePage {
	color:#384E5D;
	font-size:1.333333333333333em; /* 24/18 */
	line-height:1.333333333333333; /* 32/24 */
	font-weight:600;
	margin:20px 0;
}

h2 {
	font-size:2em; /* 36/18 */
	line-height:1.1;
	font-weight:700;
	color:#000;
	margin:0 0 25px 0;
}

.titrePageListe,
.commeH3,
h3 {
	font-size:1.555555555555556em; /* 28/18 */
	line-height:1.1;
	font-weight:600;
	margin:40px 0 20px 0;
	letter-spacing: 0.28px;
	color: #384E5D;
}


h4 {
	font-size:1.222222222222222em; /* 22/18 */
	line-height:1.181818181818182; /* 26/22 */
	font-weight:600;
	color: #117B7D;
	margin:25px 0 15px 0;
}

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


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

.sPageSecondaire h3 {

}
.sPageSecondaire h4 {

}


.chapo,
.chapeau {
	font-size:1.444444444444444em; /* 26/18 */
	line-height:1.384615384615385; /* 36/26 */
	color:#000;
	font-weight: 300;
}


/* Listing des articles */
.sPageSecondaire .titrePageListe {
	margin: 0.5em 0;
	line-height:1.206896551724138; /* 35/29 */
}
.titrePageListe a {
	/*position: relative;*/
	display: inline-block;
	color:inherit;
	text-decoration:none;
}
.titrePageListe a:after {
	display: inline-block;
	vertical-align: middle;
	content: url("img/ico-fleche.svg");
	width: 37px;
	height: 32px;
	transform: translateX(10px);
	transition: transform 0.2s ease;
}
.titrePageListe a:focus,
.titrePageListe a:hover {
	color:inherit;
}
.titrePageListe a:focus:after,
.titrePageListe a:hover:after {
	transform: translateX(20px);
}
.projetsTermines article + article,
body.archive article + article,
body.search article + article {
	margin-top: 2.5em;
	padding-top: 2.5em;
	border-top: 1px solid #C2BFBE;
}

.projetsTermines article > *:first-child,
body.archive article > *:first-child,
body.search article > *:first-child {
	margin-top: 0;
}
.projetsTermines article > *:last-child,
body.archive article > *:last-child,
body.search article > *:last-child {
	margin-bottom: 0;
}




/* Strate des publications d'un projet de recherche */
.sInfosConnexesProjet,
.strate.sInfosConnexesProjet .content .textWrap {
	background-color:#F2F2ED;
}
.sInfosConnexesProjet h2 {
  margin-top: 50px;
}
.strate.sPageSecondaire.sInfosConnexesProjet .content:before {
	display: none;
}



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

.accordeon .toggler {
	position:relative;
	font-family: var(--fontFamilyBase);
	color:#000;
	font-size:1.125em; /* 18/16 */
	line-height: 1.25;
	font-weight:600;
	background-color:transparent;
	display: block;
	text-decoration: none;
	text-transform:none;
	margin:25px 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:10px 35px 10px 0;
	border-bottom:1px solid #2F5EA8;
	cursor: pointer;
	transition:border-color 0.2s ease;
}

/*.accordeon .toggler.active > button.subtil {
	border-bottom-color:transparent;
}*/

.accordeon .toggler > button.subtil .icone {
	/*background-image:url("img/plus_moins_sprite.svg");
	background-position:0 0;
	width:30px;
	height:30px;*/
	display:block;
	background-image:url(img/btn-accordeon-ouvrir.svg);
	background-position:center center;
	width:35.4px;
	height:35.4px;
	position:absolute;
	right:0;
	/*bottom:0;*/
	top:50%;
	transform: translateY(-50%);
}
/*.accordeon .toggler > button.subtil:hover .icone,
.accordeon .toggler > button.subtil:focus-visible .icone {
	background-position:0 -30px;
}
.accordeon .toggler.active > button.subtil .icone {
	background-position:-30px 0;
}
.accordeon .toggler.active > button.subtil:hover .icone,
.accordeon .toggler.active > button.subtil:focus-visible .icone {
	background-position:-30px -30px;
}*/
.accordeon .toggler.active > button.subtil .icone {
	background-image:url(img/btn-accordeon-fermer.svg);
}
/*.accordeon.equipe .toggler.active > button.subtil:hover .icone,
.accordeon.equipe .toggler.active > button.subtil:focus-visible .icone {

}*/



.accordeon > div {
	padding:10px 0 0 0;
	/* padding:10px 25px 0 25px; */
	/*border-bottom:1px solid transparent;
	transition:border-color 0.2s ease;*/
}
/*.accordeon > div[aria-hidden='false'] {
	border-bottom-color:#B2B2B2;
}*/

.accordeon > div > *:first-child { margin-top:0; }
.accordeon > div > *:last-child  { margin-bottom:0; }
/*.accordeon > div.active {
    border-bottom-color: #D9D9D9;
}*/



/* Accordéon équipe */
/*.accordeon.equipe { margin:30px 0 20px 0; }*/

.accordeon.equipe .toggler {
	position:relative;
	display: block;
	font-size:1.294117647058824em; /* 22/17 */
	font-weight:600;
	text-decoration: none;
	text-transform:none;
	margin:0;
	padding:0;
	border:0;
}

.accordeon.equipe .toggler > button.subtil {
	display: flex;
	align-items: center;
	padding:20px 50px 20px 0;
	min-height: 60px;
	border-top:1px solid #D9D9D9;
	border-bottom:1px solid #D9D9D9;
	cursor: pointer;
	color:#384E5D;
	transition:border-color 0.2s ease;
}
/* .accordeon.equipe .toggler > button.subtil:hover,
.accordeon.equipe .toggler > button.subtil:focus-visible {
	color:#BA5032;
} */

.accordeon.equipe .toggler.active > button.subtil {
	border-bottom-color:#fff;
}

.accordeon.equipe > div + .toggler > button.subtil {
	border-top:0;
}

.accordeon.equipe .toggler img {
	width: 140px;
	margin: 0 30px 0 0;
	height: auto;
}

.accordeon.equipe .toggler > button.subtil .info > span {
	display: block;
	font-size:0.7272727272727273em; /* 16/22 */
	color: #000;
	font-weight:400;
	margin-top:5px;
}

.accordeon.equipe .toggler > button.subtil .icone {
	background-image:url(img/btn-accordeon-equipe-ouvrir.svg);
	background-position:center center!important;
	width:45px;
	height:45px;
	right:0;
	top:50%;
	transform: translateY(-50%);
	clip-path: inset(5px);
	transition: clip-path 0.2s ease;
}
.accordeon.equipe .toggler > button.subtil:hover .icone,
.accordeon.equipe .toggler > button.subtil:focus-visible .icone {
	clip-path: inset(0);
}
.accordeon.equipe .toggler.active > button.subtil .icone {
	background-image:url(img/btn-accordeon-equipe-fermer.svg);
}
/*.accordeon.equipe .toggler.active > button.subtil:hover .icone,
.accordeon.equipe .toggler.active > button.subtil:focus-visible .icone {

}*/

.accordeon.equipe > div {
	padding:30px 0 30px 0;
	border-bottom:1px solid #fff;
	transition:border-color 0.2s ease;
}
.accordeon.equipe > div[aria-hidden='false'] {
	border-bottom-color:#B2B2B2;
}

.accordeon.equipe > div .gros {
	font-size: 1.111111111111111em; /* 20/18 */
	color: #384E5D;
	font-weight: 600;
}



/*
 * Onglets
 */
.onglets > [role="tablist"],
.onglets .nav {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-wrap: wrap;
	/*gap: 10px;*/
	font-weight: 600;
	/*font-size:18px;
	line-height: 24px;*/
}
.onglets .nav > li {
	margin: 0 10px 10px 0;
	padding: 0;
}
.onglets .nav > li:before{
	display: none;
}

.onglets .nav [role="tab"],
.onglets .nav a {
	display: inline-block;
	padding: 10px 15px;
	background-color: #F2EFED;
	color: #33302E;
	text-decoration: none;
	transition: background-color 0.2s ease, color 0.2s ease;
}

.onglets .nav [role="tab"]:hover,
.onglets .nav [role="tab"]:focus{
	background-color: #C7D4DD;
}

.onglets .nav [role="tab"][aria-selected="true"] {
	background-color: #384E5D;
	color: #fff;
}

.onglets .nav [role="tab"]:focus {
	outline: 0;
}
.onglets .nav [role="tab"]:focus:not(:hover) {
	outline: 2px dotted #BA5032;
}

.onglets [role="tabpanel"].isHidden{
	display: none;
}

.onglets [role="tabpanel"] > *:first-child,
.onglets .contenu > div > *:first-child {
	margin-top: 0;
}
.onglets [role="tabpanel"] > *:last-child,
.onglets .contenu > div > *:last-child {
	margin-bottom: 0;
}



/*
 * 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;
	background-color: #555;
	color: #FFF;
	text-transform: none;
	font-weight:700;
}
th a:link, th a:visited, th a:hover { color:#fff; }
tbody td { padding: 5px; }
td p:last-child, th p:last-child { margin-bottom:0; }



/* 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
--------------------------------------------------------------*/
fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 0 15px 0;
    padding: 0.5em;
}

form { margin-bottom: 15px; }

input[type="text"],
input[type="password"],
input[type="tel"],
input[type="url"],
input[type="email"],
input[type="search"],
textarea,
select {
	border: 1px solid #999;
	padding: 3px 3px;
	outline: none;
	border-radius: 2px;
	margin: 0;
	display: block;
	max-width: 100%;
	width: 250px;
	margin-bottom: 15px;
	background: #fff;
}
textarea {
	width:400px;
}

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

label.disabled { font-style:italic; cursor:default; }


input[type="text"].input-inline,
input[type="password"].input-inline,
input[type="tel"].input-inline,
input[type="url"].input-inline,
input[type="email"].input-inline,
input[type="search"].input-inline,
textarea.full-width,
select.input-inline {
	display:inline;
}

input[type="text"].full-width,
input[type="password"].full-width,
input[type="tel"].full-width,
input[type="url"].full-width,
input[type="email"].full-width,
input[type="search"].full-width,
textarea.full-width,
select.full-width {
	width:100%;
}

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

input[type="submit"],
input[type="reset"],
input[type="button"] {
	transition: background-color .2s;
	background:#2e8804;
	color: #fff;
	border:0;
	padding: 15px;
	display: inline-block;
	cursor: pointer;
	text-align:center;
	font-weight:700;
	line-height: normal;
	text-decoration:none;
	/*width:100%;
	max-width:200px;*/
	text-transform:uppercase;
	border-radius:0;
	transition:background-color 0.2s ease;
}


input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus {
	color:#fff;
	background:#000;
}



input[type="submit"].full-width,
input[type="reset"].full-width,
input[type="button"].full-width {
	width:100%;
	padding-left:5px !important;
	padding-right:5px !important;
	text-align:center;
}




/* <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-visible {
	color:inherit;
	background:inherit;
	outline: thin dotted;
}




/*--------------------------------------------------------------
5.0 Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
5.1 Links
--------------------------------------------------------------*/
a,
a:link,
a:visited {
	color: inherit;
	transition: color 0.2s ease;
}
a:active,
a:hover,
a:focus {
	color: #0D3D53;
}
a:focus {
	outline:1px dotted #000;
}



/* Lien de téléchargement */
a.lienDownload,
a.lienFleche,
a.lienFleche2,
a.lienExterne {
	--_bgcolor_off:#94D2BD;
	--_color_off:#000;
	--_img_off:#000;

	display: inline-block;
	position: relative;
	font-size: 0.8333333333333333rem; /* 15/18 */
	line-height: 2.133333333333333; /* 32/15 */
	font-weight: 700;
	letter-spacing: 1.8px;
	text-transform: uppercase;
	color: var(--_color_off);
	padding: 15px 70px 15px 25px;
	text-decoration: none;
	background: var(--_bgcolor_off);
	transition: color 0.2s ease, background-color 0.2s ease;

	/* Animate gradient - les 2 états en une "image" */
	/* https://codepen.io/P1N2O/pen/pyBNzX */
	/*background: linear-gradient(270deg, #FF5246, #FF5246, #FF9850, #FF5246);
	background-position: 0 0;
	background-size: 400% 100%;
	transition: background-position 0.3s ease-out;*/
}
a.lienDownload:before,
a.lienDownload:after {
	content: "";
	position: absolute;
	width: 40px;
	height: 40px;
	right: 15px;
	top: 50%;
	margin-top: -20px;
	background: url("img/ico-bouton-telecharger-1.svg") no-repeat;
	transition: transform 0.2s ease;
}
a.lienDownload:after {
	background: url("img/ico-bouton-telecharger-2.svg") no-repeat;
}

a.lienFleche,
a.lienFleche2 {
	--_img_fleche: url("img/ico-bouton-page-interne.svg");
	padding-right: 60px;
}
a.lienFleche2 {
	--_bgcolor_off:#000;
	--_color_off:#fff;
	--_img_fleche: url("img/ico-bouton-page-interne-jaune.svg");
}
a.lienFleche:after,
a.lienFleche2:after {
	content: "";
	position: absolute;
	width: 31px;
	height: 22px;
	right: 15px;
	top: 50%;
	/* margin-top: -20px; */
	transform: translate(0px, -11px);
	background: var(--_img_fleche) no-repeat;
	transition: transform 0.2s ease;
}



a.lienExterne:before,
a.lienExterne:after {
	content: "";
	position: absolute;
	width: 40px;
	height: 40px;
	right: 15px;
	top: 50%;
	margin-top: -20px;
	background: url("img/ico-bouton-site-externe-1.svg") no-repeat;
	transition: transform 0.2s ease;
}
a.lienExterne:after {
	background: url("img/ico-bouton-site-externe-2.svg") no-repeat;
}







/* Les rollovers des boutons */
a.lienDownload:hover,
a.lienDownload:focus-visible,
a.lienFleche:hover,
a.lienFleche:focus-visible,
a.lienFleche2:hover,
a.lienFleche2:focus-visible,
a.lienExterne:hover,
a.lienExterne:focus-visible{
	background:#FF5246;
	color: #000;
	/* background-position: 100% 0; */
}
a.lienDownload:hover:after,
a.lienDownload:focus-visible:after{
	transform: translateY(5px);
}

a.lienFleche:hover:after,
a.lienFleche:focus-visible:after,
a.lienFleche2:hover:after,
a.lienFleche2:focus-visible:after{
	/* transform: translateX(5px); */
	transform: translate(5px, -11px);
}

a.lienExterne:hover:after,
a.lienExterne:focus-visible:after{
	transform: translate(5px, -5px);
}


/* Lien simple */
a.lienBouton {
	--_bgcolor_off:#21D5E3;
	--_color_off:#000;
	--_bgcolor_on:#156CB4;
	--_color_on:#fff;

	display: inline-block;
	position: relative;
	font-size: 1rem;
	line-height: 1.4;
	font-weight: 600;
	letter-spacing: 0.48px;
	text-transform: uppercase;
	color: var(--_color_off);
	padding: 5px 15px;
	border-radius:2rem;
	text-decoration: none;
	background: var(--_bgcolor_off);
	transition: color 0.2s ease, background-color 0.2s ease;
}
a.lienBouton:hover,
a.lienBouton:focus-visible{
	background:var(--_bgcolor_on);
	color: var(--_color_on);
}


/*--------------------------------------------------------------
5.2 Menus
--------------------------------------------------------------*/
/* tmp */
/*.wrapper { background-color: #eee; }*/

.menu-toggle {
	display:none;
}

.strate.menuSticky {
	/* position:sticky;
	top:0; */
	z-index:9999;
	background-color:#fff;
	border-bottom:1px solid #D6D6D6;
	box-shadow: 0px 3px 6px #00000029;
	transition:background-color 0.2s ease;
}
/* .strate.menuSticky:hover,
.strate.menuSticky.subActive {
	background-color:#fff;
} */


/* Menu desktop - 1024px et plus */
@media only screen and (min-width: 1024px) {
	.admin-bar .strate.menuSticky {
		top:var(--wp-admin--admin-bar--height, 32px);
	}
	.strate.menuSticky {
		position:sticky;
		top:0;
	}
	.strate.menuSticky .content {
		padding-top:0;
		padding-bottom:0;
	}

	/* Styles du menu version Desktop */
	.dl-menu {
		position:relative;
		display:flex;
		width:100%;
		margin-left: -25px; /* équivaut au padding lien */
		justify-content:center;
		/*justify-content:space-between;*/
	}
	.dl-menu > li {
		position:static;
	}

	.dl-menu a {
		font-family: var(--fontFamilyAlt);
		font-size:16px;
		color:inherit;
		text-decoration:none;
	}

	.dl-menu > li > a {
		display:block;
		padding:8px 20px;
		position:relative;
		/* transition:background-color 0.2s ease; */
		letter-spacing: 0.48px;
		color: #0D2153;
		text-transform: uppercase;
	}
	.dl-menu > li > a:hover,
	.dl-menu > li > a:focus {
		text-decoration: underline;
	}
	/*.dl-menu > li + li > a::before {
		content:"";
		position: absolute;
		top:50%;
		left: 0;
		width: 2px;
		height: 22px;
		margin-top: -11px;
		background-color:#94D2BD;
	}*/

	.dl-menu > li.current-menu-item > a,
	.dl-menu > li.current-menu-ancestor > a{
		/* color:#BA5032; */
		font-weight: bold;
	}

	.dl-menu > .menu-item-has-children > a {
		padding-right: 40px;
	}
	.dl-menu > .menu-item-has-children > a::after {
		content: "";
		position: absolute;
		right: 15px;
		top: 50%;
		transform: translateY(-50%);
		width: 14px;
		height: 8px;
		background: url(img/ico-sous-menu-bas.svg) no-repeat;
	}

	/* .dl-menu > li.current-menu-item > a:after,
	.dl-menu > li.current-menu-ancestor > a:after{
		background-color:#BA5032;
	} */

	/*.dl-menu > li.current-menu-item > a:after {
		content:"";
		position: absolute;
		bottom:0;
		right: 0;
		left:0;
		height:3px;
		background-color:inherit;
		transition:background-color 0.2s ease;
	}

	.dl-menu > li.current-menu-item > a:hover:after,
	.dl-menu > li.current-menu-item > a:focus:after	{
		background-color:#BA5032;
	}

	.dl-menu > li.current-menu-item > a:hover,
	.dl-menu > li.current-menu-item a:focus	{
		color: #BA5032;
	}*/



	/* .dl-menu a[aria-expanded="true"],
	.dl-menu a:focus,
	.dl-menu a:hover {
		background-color:#E9EDF0;
	} */


	/* .dl-menu li.current-menu-item a[aria-expanded="true"]:after,
	.dl-menu li.current-menu-ancestor a[aria-expanded="true"]:after,
	.dl-menu > li.current-menu-item > a:focus:after,
	.dl-menu > li.current-menu-item > a:hover:after,
	.dl-menu > li.current-menu-ancestor > a:focus:after,
	.dl-menu > li.current-menu-ancestor > a:hover:after {
		background-color:#E9EDF0;
	} */


	/* Sous-menu dropdown */
	.subMenuWrap
	/*.dl-submenu*/ {
		position:absolute;
		top:100%;
		margin-top:15px;
		left:0;
		background-color:#fff;
		padding:25px 40px 25px 50px;
		box-shadow: 0px 3px 6px #00000029;
		display: flex;
		gap: 60px;

		visibility:hidden;
		opacity:0;
		/*transition:opacity 0.2s ease, visibility 0.2s ease;*/
	}

	/* Ouverture du sous-menu */
	.subMenuWrap.dl-submenu-open
	/*.dl-submenu.dl-submenu-open*/ {
		visibility: visible;
		opacity: 1;
	}

	.subMenuWrap .subMenuLabel {
		font-weight:300;
		color:#A5B0B6;
		font-size: 50px;
		line-height: 1.2;
		/*padding-right: 60px;*/
		align-self:center;
		max-width: 300px;
	}

	.dl-submenu a {
		display:block;
		padding:20px 0;
		border-bottom:1px dashed #A1A3AF;
	}
	.dl-submenu a:focus,
	.dl-submenu a:hover	{
		text-decoration:underline;
		/* color:#BA5032; */
	}
	.dl-submenu li:last-child a {
		border-bottom:0;
	}


	.dl-submenu > li.current-menu-item > a,
	.dl-submenu > li.current-menu-ancestor > a{
		/* color:#BA5032; */
		font-weight: bold;
	}


	/* On cache ce qui est uniquement pour le menu mobile */
	.dl-menuwrapper li.dl-back,
	.dl-menuwrapper li.alt/*,
	.dl-menuwrapper li.lang-item*/ {
		display:none;
	}

}


/* Menu mobile - 1023px ou moins */
@media only screen and (max-width: 1023px) {
	/*.bandeLogo .liens.liens,*/
	.subMenuLabel {
		display:none; /* Inclus une copie dans le menu mobile */
	}

	/* Overlay du menu mobile */
	/*body:after {
		content: "";
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		top: 0;
		z-index:1;
		background-color:#000;
		background-color: rgba(0,0,0,0.6);

		visibility:hidden;
		opacity:0;
		transition:opacity 0.2s ease, visibility 0.2s ease;
	}
	body.menuOverlay:after {
		visibility: visible;
		opacity: 1;
	}*/

	.strate.menuSticky .content {
		padding:0;
	}

	/* mobile menu toggle button */
	.menu-toggle {
		position: relative;
		display: block;
		width: 100%;
		height: 50px; /* 38px */
		margin: 0 0 0 auto; /* alignement à droite */
		cursor:pointer;

		font-size:100%;
		line-height: inherit;
		font-family:inherit;
		font-weight:inherit;
		padding:0;
		border:0;
		border-radius:0;

		background:none;
		color:inherit;
		text-align:inherit;

		-webkit-appearance: none;
		-moz-appearance: none;
	}
	.menu-toggle:focus {
		color:inherit;
		background:inherit;
		outline: thin dotted;
	}

	.menu-toggle span {
		/*margin: 0 auto;*/
		margin: 0 20px 0 auto;
		position: relative;
		top: 0;
		transition-duration: 0s;
		transition-delay: .2s;
		transition: background-color 0.3s;
	}
	.menu-toggle span:before,
	.menu-toggle span:after {
		position: absolute;
		content: '';
	}
	.menu-toggle span,
	.menu-toggle span:before,
	.menu-toggle span:after {
		width: 20px;
		height: 3px;
		background-color: #DD4339;
		display: block;
		opacity: 1;
	}
	.menu-toggle span:before {
		margin-top: -7px;
		transition-property: margin, transform;
		transition-duration: .2s;
		transition-delay: .2s, 0;
	}
	.menu-toggle span:after {
		margin-top: 7px;
		transition-property: margin, transform;
		transition-duration: .2s;
		transition-delay: .2s, 0;
	}

	.menu-toggle.menu-toggle-active {
		background-color: #fff;
	}

	.menu-toggle-active span {
		background-color: rgba(0,0,0,0);
		transition: 0.3s background-color;
	}
	.menu-toggle-active span:before {
		margin-top: 0;
		transform: rotate(45deg);
		transition-delay: 0, .2s;
	}
	.menu-toggle-active span:after {
		margin-top: 0;
		transform: rotate(-45deg);
		transition-delay: 0, .2s;
	}


	/* Menu demo ajouts à cause du style de puces du site */
	/*.dl-menuwrapper li {
		padding:0;
	}
	.dl-menuwrapper li:before {
		display:none;
	}*/


	/* Styles du menu version mobile avec script particulier */
	.dl-menuwrapper {
		width: 100%;
		/*max-width: 400px;*/
		position: relative;
		-webkit-perspective: 1000px;
		perspective: 1000px;
		-webkit-perspective-origin: 50% 200%;
		perspective-origin: 50% 200%;
	}


	/*.dl-menuwrapper:first-child {
		margin-right: 100px;
	}

	.dl-menuwrapper .dl-trigger {
		background: #ccc;
		border: none;
		width: 48px;
		height: 45px;
		text-indent: -900em;
		overflow: hidden;
		position: relative;
		cursor: pointer;
		outline: none;
	}

	.dl-menuwrapper .dl-trigger:hover,
	.dl-menuwrapper .dl-trigger.dl-active,
	.dl-menuwrapper ul {
		background: #aaa;
	}

	.dl-menuwrapper .dl-trigger:after {
		content: '';
		position: absolute;
		width: 68%;
		height: 5px;
		background: #fff;
		top: 10px;
		left: 16%;
		box-shadow:
			0 10px 0 #fff,
			0 20px 0 #fff;
	}*/

	.dl-menuwrapper ul {
		background: #fff;
		padding: 0;
		list-style: none;
		-webkit-transform-style: preserve-3d;
		transform-style: preserve-3d;
	}

	.dl-menuwrapper li {
		position: relative;
		border-top:1px solid #CCC;
		margin:0;
	}
	.dl-menuwrapper li.alt,
	.dl-menuwrapper li.lang-item{
		border-top-color:#2D3E4A;
	}

	.dl-menuwrapper li a {
		display: block;
		position: relative;
		padding: 15px 45px 15px 20px;
		font-size: 16px;
		line-height: 24px;
		font-family: var(--fontFamilyAlt);
		letter-spacing: 0.48px;
		color: #0D2153;
		text-transform: uppercase;
		/* font-weight: 600; */
		outline: none;
		text-decoration:none;
		transition:color 0.2s ease;
	}
	.dl-menuwrapper li.alt a,
	.dl-menuwrapper li.lang-item a{
		background-color:#384E5D;
		color:#fff;
	}

	.no-touchevents .dl-menuwrapper li a:before {
		content:"";
		position: absolute;
		top: 0;
		left:0;
		bottom:0;
		width:3px;
		background-color:inherit;
		transition:background-color 0.2s ease;
	}

	/*.no-touchevents .dl-menuwrapper li a:hover:before,
	.no-touchevents .dl-menuwrapper li a:focus:before,*/
	.dl-menuwrapper li.current-menu-item a:before {
		background-color:#BA5032;
	}
	.no-touchevents .dl-menuwrapper li a:hover,
	.no-touchevents .dl-menuwrapper li a:focus,
	.dl-menuwrapper li.current-menu-item a {
		color: #000;
	}

	.dl-menuwrapper li.dl-back > a {
		padding-left: 45px;
		padding-right: 20px; /* padding-left de .dl-menuwrapper li a */
		background: #fff;
	}
	.dl-menuwrapper .dl-submenu li:not(.dl-back) > a {
		padding-left: 45px; /* aligné avec le back */
		background-color:#E9EDF0;
		font-weight: 400;
	}

	.dl-menuwrapper li.dl-back:after,
	.dl-menuwrapper li > a:not(:only-child):after {
		position:absolute;
		display:block;
		width:12px;
		height:21px;
		top:50%;
		right:20px;
		margin-top:-10px;
		content:url(img/ico-sous-menu.svg);
		transition:transform 0.2s ease;
	}

	.dl-menuwrapper li.dl-back:after {
		left: 20px;
		right: auto;
		/*color: rgba(212,204,198,0.3);*/
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
	}


	.no-touchevents .dl-menuwrapper li.dl-back:hover:after,
	.no-touchevents .dl-menuwrapper li > a:not(:only-child):hover:after {
		transform: translateX(5px);
	}
	.no-touchevents .dl-menuwrapper li.dl-back:hover:after {
		transform: rotate(180deg) translateX(5px);
	}




	.dl-menuwrapper li > a:after {
		right: 10px;
		/*color: rgba(0,0,0,0.15);*/
	}

	.dl-menuwrapper .dl-menu {
		margin: 0;
		position: absolute;
		width: 100%;
		opacity: 0;
		pointer-events: none;
		-webkit-transform: translateY(10px);
		transform: translateY(10px);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		box-shadow: 0px 3px 6px #00000029;
	}

	.dl-menuwrapper .dl-menu.dl-menu-toggle {
		transition: all 0.3s ease;
	}

	.dl-menuwrapper .dl-menu.dl-menuopen {
		opacity: 1;
		pointer-events: auto;
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
	}

	/* Hide the inner submenus */
	.dl-menuwrapper li .dl-submenu {
		display: none;
		margin:0;
	}

	/*
	When a submenu is openend, we will hide all li siblings.
	For that we give a class to the parent menu called "dl-subview".
	We also hide the submenu link.
	The opened submenu will get the class "dl-subviewopen".
	All this is done for any sub-level being entered.
	*/
	.dl-menu.dl-subview li,
	.dl-menu.dl-subview li.dl-subviewopen > a,
	.dl-menu.dl-subview li.dl-subview > a {
		display: none;
	}
	.dl-menu.dl-subview li.dl-subviewopen,
	.dl-menu.dl-subview li.dl-subview {
		border-top:0;
	}

	.dl-menu.dl-subview li.dl-subview,
	.dl-menu.dl-subview li.dl-subview .dl-submenu,
	.dl-menu.dl-subview li.dl-subviewopen,
	.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu,
	.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li,
	.dl-menu.dl-subview li.dl-subviewopen > .subMenuWrap > .dl-submenu,
	.dl-menu.dl-subview li.dl-subviewopen > .subMenuWrap > .dl-submenu > li{
		display: block;
	}

	/* Dynamically added submenu outside of the menu context */
	.dl-menuwrapper > .dl-submenu {
		position: absolute;
		width: 100%;
		top: 50px;
		left: 0;
		margin: 0;
	}



	/* Animation classes for moving out and in */
	.dl-menu.dl-animate-out-2 {
		-webkit-animation: MenuAnimOut2 0.3s ease-in-out;
		animation: MenuAnimOut2 0.3s ease-in-out;
	}

	@-webkit-keyframes MenuAnimOut2 {
		0% { }
		100% {
			-webkit-transform: translateX(-100%);
			opacity: 0;
		}
	}
	@keyframes MenuAnimOut2 {
		0% { }
		100% {
			-webkit-transform: translateX(-100%);
			transform: translateX(-100%);
			opacity: 0;
		}
	}


	.dl-menu.dl-animate-in-2 {
		-webkit-animation: MenuAnimIn2 0.3s ease-in-out;
		animation: MenuAnimIn2 0.3s ease-in-out;
	}

	@-webkit-keyframes MenuAnimIn2 {
		0% {
			-webkit-transform: translateX(-100%);
			opacity: 0;
		}
		100% {
			-webkit-transform: translateX(0px);
			opacity: 1;
		}
	}
	@keyframes MenuAnimIn2 {
		0% {
			-webkit-transform: translateX(-100%);
			transform: translateX(-100%);
			opacity: 0;
		}
		100% {
			-webkit-transform: translateX(0px);
			transform: translateX(0px);
			opacity: 1;
		}
	}

	.dl-menuwrapper > .dl-submenu.dl-animate-in-2 {
		-webkit-animation: SubMenuAnimIn2 0.3s ease-in-out;
		animation: SubMenuAnimIn2 0.3s ease-in-out;
	}

	@-webkit-keyframes SubMenuAnimIn2 {
		0% {
			-webkit-transform: translateX(100%);
			opacity: 0;
		}
		100% {
			-webkit-transform: translateX(0px);
			opacity: 1;
		}
	}
	@keyframes SubMenuAnimIn2 {
		0% {
			-webkit-transform: translateX(100%);
			transform: translateX(100%);
			opacity: 0;
		}
		100% {
			-webkit-transform: translateX(0px);
			transform: translateX(0px);
			opacity: 1;
		}
	}

	.dl-menuwrapper > .dl-submenu.dl-animate-out-2 {
		-webkit-animation: SubMenuAnimOut2 0.3s ease-in-out;
		animation: SubMenuAnimOut2 0.3s ease-in-out;
	}

	@-webkit-keyframes SubMenuAnimOut2 {
		0% {
			-webkit-transform: translateX(0%);
			opacity: 1;
		}
		100% {
			-webkit-transform: translateX(100%);
			opacity: 0;
		}
	}
	@keyframes SubMenuAnimOut2 {
		0% {
			-webkit-transform: translateX(0%);
			transform: translateX(0%);
			opacity: 1;
		}
		100% {
			-webkit-transform: translateX(100%);
			transform: translateX(100%);
			opacity: 0;
		}
	}


	/* No JS Fallback */
	/*.no-js .dl-menuwrapper .dl-menu {
		position: relative;
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}

	.no-js .dl-menuwrapper li .dl-submenu {
		display: block;
	}

	.no-js .dl-menuwrapper li.dl-back {
		display: none;
	}

	.no-js .dl-menuwrapper li > a:not(:only-child) {
		background: rgba(0,0,0,0.1);
	}

	.no-js .dl-menuwrapper li > a:not(:only-child):after {
		content: '';
	}*/



} /* FIN - Moins de 768px */

.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 {
	z-index:99991;
	/* border-bottom: 1px solid #CAD8D6; */
	background-color: #000;
	color: #fff;
}
.strate.menuWrapper .content {
	padding-top:13px;
	padding-bottom:13px;
}



/* Entête de bande avec le logo */
.bandeLogo {
	color:#fff;
	display: flex;
	/*justify-content: space-between;*/
	align-items: center;
	/*min-height:65px; /* Pour forcer la même hauteur sticky ou pas (sans logo) */
}
.bandeLogo a:hover {
	outline:0;
}
.bandeLogo .logo {
	font-size:1em;
	line-height:1;
	font-weight:700;
	color: #fff;
	padding:0;
	margin:0;
}
.bandeLogo .separateur {
	display:block;
	font-size:0;
	margin:0 30px;
	width:1px;
	height:60px;
	border-right:1px solid #707070;
}
.bandeLogo .nomSite {
	font-size:0.9411764705882353em; /* 16/17 */
	font-weight:600;
	margin:0;
	width:360px;
}
.bandeLogo a {
	color:inherit;
	text-decoration:none;
}
.bandeLogo a:hover,
.bandeLogo a:focus {
	text-decoration:underline;
}
.bandeLogo .liens {
	display: flex;
	justify-content: space-between;
	/*width:220px;*/
	margin:0 0 0 auto;
}

/* Menu des langues dans la bande du logo */
.langues-menu {
	--_padding : 15px;
	display: flex;
	align-items:center;
}
.langues-menu > .menu-item {
	padding: 0 var(--_padding);
}
.langues-menu > .menu-item:last-child {
	padding-right: 0;
}
.langues-menu > .menu-item + .menu-item {
	position: relative;
}
.langues-menu > .menu-item + .menu-item::before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	width: 2px;
	height: 22px;
	margin-top: -11px;
	background: #94D2BD;
}
.langues-menu > .menu-item-has-children {
	position: relative;
}
.langues-menu > .menu-item-has-children > a {
	position: relative;
	padding-right: 20px;
}
.langues-menu > .menu-item-has-children > a::after {
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 14px;
	height: 8px;
	background: url(img/ico-sous-menu-bas.svg) no-repeat;
}
.langues-menu .submenu {
	position: absolute;
	top: 100%;
	left: 0;
	margin-top: var(--_padding);
	padding: 0 var(--_padding);
	background: #fff;
	box-shadow: 0px 8px 15px #00000029;
	min-width: 130px;

	visibility:hidden;
	opacity:0;
	/*transition:opacity 0.2s ease, visibility 0.2s ease;*/
}
.langues-menu .submenu > .menu-item {

}
.langues-menu .submenu > .menu-item + .menu-item {
	border-top: 1px dashed #A1A3AF;
}
.langues-menu .submenu > .menu-item a {
	display:block;
	padding: var(--_padding) 0;
}

/* Ouverture du sous-menu */
.langues-menu .submenu.lang-submenu-open {
	visibility: visible;
	opacity: 1;
}

/* Affichage mobile/desktop */
.langues-menu .currentLangMobile {
	display: none;
}
@media only screen and (max-width: 400px) {
	.langues-menu .currentLangMobile {
		display: inline-block;
		text-transform: uppercase;
	}
	.langues-menu .currentLangDesktop {
		display: none;
	}
}







/***************/
/* Les strates */
/***************/
.strate {
	position:relative;
	scroll-margin-top: var(--anchorOffsetSticky);
}

.strate .content {
	position:relative;
	padding:75px 60px;
	max-width:1300px;
	margin:0 auto;
}
.strate .content > *:first-child { margin-top:0; }
.strate .content > *:last-child  { margin-bottom:0; }

/* Restreint la largeur pour voir l'image de background */
.strate .content .textWrap {
	position:relative;
	background-color: #fff;
}
.strate .content .textWrap{
	max-width:850px;
}
.strate .content .textWrap > *:first-child { margin-top:0; }
.strate .content .textWrap > *:last-child  { margin-bottom:0; }



/****************/
/* Page Accueil */
/* en strates   */
/****************/

/* Les H2 de l'accueil - titre de strate */
body.page-template-page-accueil h2 {
	font-family: var(--fontFamilyAlt);
	font-size: 2.625em; /* 42 / 16 */
	line-height: 1.12; /* 56 / 50 */
	font-weight: 500;
	letter-spacing: 1px;
	margin-bottom: 2rem;
}
h2.barre {
	--_barre-color:#21D5E3;
	position:relative;
	padding-bottom:0.4em;
}
h2.barre:after {
	content:"";
	position:absolute;
	border-bottom:5px solid var(--_barre-color);
	height:4px;
	width:70px;
	bottom:0;
	left:0;
}

body.page-template-page-accueil .sPageAccueil {
	background-color: var(--bgColorBleu);
	background-image:url(img/bg-bandeau-accueil.jpg);
	background-position: center center;
	background-size: cover;
	/* background-size: auto 100%;
	background-attachment: fixed; */
}
.strate.sPageAccueil .content {
	padding-top: 0;
	padding-bottom: 0;
	margin-bottom: -75px;
	z-index: 2;
}
.strate.sPageAccueil .logo {
	padding: 50px 0;
	margin: 0;
	text-align: center;
}

/* Pour couvrir le bg image à gauche (selon la taille de la fenêtre, on peut le voir) */
/*.strate.sPageAccueil .content:before {
	content: "";
	position: absolute;
	width: calc(50vw + 60px);
	left: -50vw;
	top: 0;
	bottom: 0;
	background: var(--bgColorBeige);
}*/
.strate.sPageAccueil .content .textWrap {
	padding: 50px 30px 50px 30px;
	/* background: rgba(247,220,147,0.96); */
	scroll-margin-top: var(--anchorOffsetSticky);

	max-width: none;
	/* display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 30px; */
}


/* Strate Le titulaire */
.sStats {
	background:#1F448B;
}

/* Les 3 stats */
.zoneStats {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	padding-top: 50px;
	/* padding:50px 0; */
}
.zoneStats > li {
	/* aspect-ratio: 1 / 1; */

	list-style: none;
	list-style-image: none;
	padding: 20px 30px;
	margin: 0;
	/* text-align: center; */
	align-self: stretch;

	display: flex;
	/* align-items: center; */

	border-right: 1px dashed #21D5E3;
}
.zoneStats > li:first-child {

}
.zoneStats > li:nth-child(2) {

}
.zoneStats > li:nth-child(3) {
	border-right: none;
}
/* Si plus de 3, on cache les suivantes */
.zoneStats > li:nth-child(n+4) {
	display: none;
}
.zoneStats > li:before {
	display: none;
}
/* .zoneStats .contenu > *:last-child {
	margin-bottom: 0;
} */
.zoneStats .contenu {
	width: 100%;
	color: #fff;
}
.zoneStats .chiffre {
	font-family: var(--fontFamilyAlt);
	font-weight:500;
	font-size: 5.25em; /* 84/16 */
	line-height: 1;
	display: block;
	text-align: center;
}
.zoneStats span:not(.chiffre) {
	display: block;
}
.zoneStats .texte {
	font-family: var(--fontFamilyAlt);
	font-size: 1.25em; /* 20/16 */
	line-height: 1.153846153846154; /* 30/26 */
	margin-top: 15px;
	text-align: center;
}
.zoneStats .details {
	margin-top: 20px;
}



/* Strate Le titulaire */
.sTitulaire {

}
.strate.sTitulaire .content {
	padding-top: 0;
	padding-bottom: 0;
	padding-right: 0;
}
.sTitulaire .flex {
	display:flex;
	width:100%;
	flex-wrap:wrap;
}
.sTitulaire .colTexte {
	display:flex;
	align-self:center;
	/* width:50%; */
	padding:75px 40px 75px 0;
}
.sTitulaire .colTexte .textWrap {
	max-width:500px;
	/* margin:0 95px 0 auto; */
}
.sTitulaire .colImg {
	display:flex;
	flex-grow:1;
	background:url(img/photo-wassim-bouachir.jpg) #fff center center no-repeat;
	background-size:cover;
	aspect-ratio: 1;
}



/* Strate Les Axes de recherche */
.sAxes {
	background:#EFF7FC;
}



/* Strate IA prévension*/
/*.sIA {
	background: #2B6CFF;
}*/
.sIA h2 {
	text-align: center;
}
.sIA h3 {
	color: #000;
}

.zoneData {
	margin-top: 3rem;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
}
.zoneData > li {
	list-style: none;
	list-style-image: none;
	padding: 20px 30px;
	margin: 0;
	align-self: stretch;
	display: flex;
	border-right: 1px dashed #000;
}
/*.zoneData > li:first-child {

}
.zoneData > li:nth-child(2) {

}*/
.zoneData > li:nth-child(3) {
	border-right: none;
}
/* Si plus de 3, on cache les suivantes */
.zoneData > li:nth-child(n+4) {
	display: none;
}
.zoneData > li:before {
	display: none;
}
/* .zoneData .contenu > *:last-child {
	margin-bottom: 0;
} */
.zoneData .contenu {
	width: 100%;
	text-align: center;
}
.zoneData .icone {
	display: block;
	margin: 0 auto;
}
.zoneData .titre {
	font-family: var(--fontFamilyAlt);
	font-size: 1.875em; /* 30/16 */
	line-height: 1.153846153846154;
	font-weight: 400;
	margin: 40px 0 0 0;
}
.zoneData .texte {
	margin-top: 20px;
}



/* Strate Réseaux */
/*.sReseaux {
	background:#fff;
}*/
.sReseaux .listeLogos {
	margin-top: 2rem;
	display: grid;
	gap: 50px;
	grid-template-columns: repeat(4, 1fr);
	align-items: center;
	justify-items: center;
}
.sReseaux .listeLogos li a {
	/* border: 1px solid #E3E3E3; */
	padding: 5px 25px;
	display: block;
}
.sReseaux .listeLogos li a span {
	display: block;
	position: relative;
}
.sReseaux .listeLogos li a img.hover {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	z-index: 100;
	transition: opacity 0.25s ease;
}
.sReseaux .listeLogos li a:focus img.hover,
.sReseaux .listeLogos li a:hover img.hover {
	opacity: 1;
}


/* Strate TÉLUQ */
.sTELUQ {
	background:#0D3D53;
	color:#fff;
}
.sTELUQ h2,
.sTELUQ a:not(.lienBouton) {
	color:#fff;
}




/* Les pages secondaires (styles générales) */
/* Avec ou sans background */
.strate.sPageSecondaire {
	background-color: #fff; /* Par défaut */
	background-position: right 70px; /* On peut se permettre de le descendre un peu vu le menu sticky */
	background-size: auto 100%;
	background-attachment: fixed;
}
/* Pour le listing des nouvelles/projets */
.archive .strate.sPageSecondaire {
	/* background-image: url(https://glace.teluq.ca/files/2023/06/glace-bg-classe.jpg); */
}
.strate.sPageSecondaire:not(.sansTextWrap) .content {
	padding-top: 0;
	padding-bottom: 0;
}

/* Pour couvrir le bg image à gauche (selon la taille de la fenêtre, on peut le voir) */
.strate.sPageSecondaire .content:before {
	content: "";
	position: absolute;
	width: calc(50vw + 60px);
	left: -50vw;
	top: 0;
	bottom: 0;
	background: #fff;
}
/* .strate.sPageSecondaire.sansBg .content:before, */
.strate.sPageSecondaire.sansTextWrap .content:before{
	display: none;
}
.strate.sPageSecondaire .content.sansHaut {
	padding-top:0;
}
.strate.sPageSecondaire .content .textWrap {
	padding: 50px 60px 75px 0;
	/*margin-top: -75px; /* Hauteur du menu sticky */
}
.strate.sPageSecondaire.sansBreadcrumbs .content .textWrap {
	/* Liste des publications - 2e zone blanche de contenu avec fond en image */
	/* margin-top: 0; */
}



.logoIAPS {
	--bgColorLogoIAPS:var(--bgColorBleu);
	background-color: var(--bgColorLogoIAPS);
}
.logoIAPS.beige {
	--bgColorLogoIAPS:var(--bgColorBeige);
}

@media only screen and (min-width: 1024px) {
	/* .strate.sPageSecondaire {
		padding-top: 300px;
	} */
	.strate.sPageSecondaire:not(.sansTextWrap) .content {
		z-index: 2;
	}
	.strate.sPageSecondaire .content .textWrap {
		margin-top: -244px;
	}
	.strate.sPageSecondaire.sansBreadcrumbs .content .textWrap {
		/* Liste des publications - 2e zone blanche de contenu avec fond en image */
		margin-top: 0;
	}
	/* Couleur des articles de projet (image de fond transparente) */
	.single-post .strate.sPageSecondaire {
		background-color:#D7EEE7;
		background-color:rgba(215,238,231, 0.35);
	}
	.logoIAPS {
		/* position: absolute;
		top: 0;
		left: 50%; */
		position: relative;
		text-align: right;
		background: none;
		min-height: 244px;
	}
	.logoIAPS > img {
		position: relative;
		z-index: 1;
	}
	.logoIAPS:before {
		content:"";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: -1;
		background-color: var(--bgColorLogoIAPS);
	}
}

@media only screen and (min-width: 2000px) {
	.logoIAPS {
		text-align: center;
	}
	.logoIAPS > img {
		transform: translateX(21.2%);
	}
}


/* Fil d'Ariane */
.breadcrumbs {
	font-size: 0.8333333333333333em; /* 15/18 */
	list-style:none;
	margin:0 0 50px 0;
	overflow:hidden;
}

.breadcrumbs li {
	display:inline;
	vertical-align:middle;
	margin:0 2px 0 0;
	padding:0;
}
.breadcrumbs a {
	color:#BA5032;
	transition:color 0.2s ease;
}
.breadcrumbs a:focus,
.breadcrumbs a:hover {
	color:#000;
}
.breadcrumbs .item-current > strong {
	font-weight:400;
}

.breadcrumbs .separator {
	color:#000;
}


/* Bloc infos - catégorie et date des articles */
.single-infos-bg {
	position: relative;
	padding: 0 0 6px 0;
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
}
.single-infos-bg::after {
	content: "";
	display: block;
	height: 1px;
	width: 120px;
	background: #707070;
	position: absolute;
	bottom: 0;
	left: 0;
}

/* Projets (avec couleur) */
.single-infos-bg.bleu::after,
.single-infos-bg.jaune::after,
.single-infos-bg.orange::after {
	display: none;
}
.single-infos-bg.bleu,
.single-infos-bg.jaune,
.single-infos-bg.orange {
	padding: 4px 10px;
}
.single-infos-bg.bleu   { background-color: #46B0AA; }
.single-infos-bg.jaune  { background-color: #F9D285; }
.single-infos-bg.orange { background-color: #F27B57; }



.single-infos-bg > span {
	position: relative;
}
.single-infos-bg > span:not(:last-child):after {
	font-weight: 400;
	content: " – ";
}
.single-infos-bg a {
	color: inherit;
	text-decoration: none;
	transition: color 0.2s ease;
}
.single-infos-bg a:focus,
.single-infos-bg a:hover{
	color: #BA5032;
}
.single-infos-bg .category,
.single-infos-bg .annees{
	font-weight: 700;
}
.single-infos-bg .category a,
.single-infos-bg .annees a {
	font-weight: 600;
}


.strate.sFooter {
	background:#156CB4;
	color:#fff;
}
.strate.sFooter .content {
	padding-top: 30px;
	padding-bottom: 40px;
}
/* .strate.sFooter a {
	color:#fff;
} */
.strate.sFooter .colonnes {
	display: grid;
	grid-template-columns: 121px 3fr 2fr;
	gap: 50px;
	width: 100%;
	justify-content: space-between;
	align-items: center;
}
/* .strate.sFooter .coteLogo img {
	width: min(310px, 100%);
} */
.strate.sFooter .coteDescription {
	margin: 0;
}
.strate.sFooter .coteCoordo .label {
	text-transform: uppercase;
	font-weight: 600;
}
.strate.sFooter .coteCoordo .label:not(:first-child) {
	margin-top: 1rem;
}
.strate.sFooter .coteCoordo p {
	margin-bottom: 0;
}

.footerCopy {
	background: #000;
}
.strate.sFooter .footerCopy > .content {
	padding-top: 11px;
	padding-bottom: 10px;
	display: flex;
	justify-content: space-between;
	align-items:center;
}
.footerCopy .copyrights {
	font-size: 0.8888888888888889em; /* 16/18 */
}





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




/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2017 Daniel Eden
 */

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

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

/* Les délais jusqu'à 1 seconde */
.delay-100ms {
  animation-delay: 100ms;
  -webkit-animation-delay: 100ms;
  -moz-animation-delay: 100ms;
}
.delay-200ms {
  animation-delay: 200ms;
  -webkit-animation-delay: 200ms;
  -moz-animation-delay: 200ms;
}
.delay-300ms {
  animation-delay: 300ms;
  -webkit-animation-delay: 300ms;
  -moz-animation-delay: 300ms;
}
.delay-400ms {
  animation-delay: 400ms;
  -webkit-animation-delay: 400ms;
  -moz-animation-delay: 400ms;
}
.delay-500ms {
  animation-delay: 500ms;
  -webkit-animation-delay: 500ms;
  -moz-animation-delay: 500ms;
}
.delay-600ms {
  animation-delay: 600ms;
  -webkit-animation-delay: 600ms;
  -moz-animation-delay: 600ms;
}
.delay-700ms {
  animation-delay: 700ms;
  -webkit-animation-delay: 700ms;
  -moz-animation-delay: 700ms;
}
.delay-800ms {
  animation-delay: 800ms;
  -webkit-animation-delay: 800ms;
  -moz-animation-delay: 800ms;
}
.delay-900ms {
  animation-delay: 900ms;
  -webkit-animation-delay: 900ms;
  -moz-animation-delay: 900ms;
}
.delay-1s {
  animation-delay: 1s;
  -webkit-animation-delay: 1s;
  -moz-animation-delay: 1s;
}

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

  to {
    opacity: 1;
    transform: none;
  }
}

.fadeInLeft {
  animation-name: fadeInLeft;
}


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

  to {
    opacity: 1;
    transform: none;
  }
}

.fadeInRight {
  animation-name: fadeInRight;
}


/*--------------------------------------------------------------
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.
   ========================================================================== */
/* Moins de 1280px */
@media only screen and (max-width: 1279px) {

}

/* Moins de 1024px */
@media only screen and (max-width: 1023px) {
	/* Changement de taille de texte de base */
	body {
		font-size: 15px;
	}

	.strate .content {
		padding:50px 40px;
	}


	/***********/
	/* Accueil */
	/***********/
	body.page-template-page-accueil .sPageAccueil {
		background-position: top center;
		background-size: auto;
	}
	.strate.sPageAccueil {

	}

	.strate.sPageAccueil .content {
		padding: 0;
		margin-bottom: 0;
	}
	.strate.sPageAccueil .logo {
		padding-left: 30px;
		padding-right: 30px;
	}


	/* Les 3 stats */
	.zoneStats {
		grid-template-columns: 1fr;
		gap: 50px;
		padding-top: 0;
	}
	.zoneStats > li {
		border-right: none;
		padding: 0 30px;
	}

	/* Les 3 données multimodales */
	.zoneData {
		grid-template-columns: 1fr;
		gap:50px;
	}
	.zoneData > li {
		border-right: none;
		padding: 0 30px;
	}

	.sTitulaire .colTexte {
		padding:50px 40px 50px 0;
	}
	.sTitulaire .colTexte .textWrap {
		max-width: 400px;
	}


	.sReseaux .listeLogos {
		grid-template-columns: 1fr 1fr;
	}


	/*********************/
	/* Pages secondaires */
	/*********************/

	.strate.sPageSecondaire {
		background-image: none!important;
	}
	.strate.sPageSecondaire .content {
		padding-left:40px;
		padding-right:40px;
	}

	/* Plus rien à couvrir du bg image, autrement en mobile */
	.strate.sPageSecondaire .content:before { display: none; }

	.strate.sPageSecondaire .content .textWrap {
		padding-top: 50px;
		margin-top: 0;
		padding-right: 0;
		padding-bottom: 75px;
	}
	.strate.sPageSecondaire.sansBreadcrumbs .content .textWrap {
		padding-top: 150px; /* Comme le bas */
	}
	/*.strate.sPageSecondaire .content {
		margin-top:0;
	}*/



	.cadre {
		padding: 20px;
	}




	/* Footer */
	.strate.sFooter .content {
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.strate.sFooter .colonnes {
		gap: 2rem;
		grid-template-columns: 1fr;
	}
	.strate.sFooter .coteLogo {
		width: 100%;
	}

}


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

}

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



	h2 {

	}

	h3 {

	}

	h4 {

	}

	.breadcrumbs {
		margin-bottom:50px;
	}

	.titrePage {
		font-size:2.666666666666667em; /* 40/15 */
		line-height: 1.125; /* 45/40 */
	}

	.sPageSecondaire h2 {

	}

	.sPageSecondaire h3 {

	}


	/* Accordéon équipe */
	.accordeon.equipe .toggler img {
		width: 100px;
		margin-right: 20px;
	}

	.accordeon.equipe > div {
		padding:15px 0 15px 0;
	}


	/***********/
	/* Accueil */
	/***********/
	body.page-template-page-accueil .sPageAccueil {
		/* background-image:none; */
		background-image:url(img/bg-bandeau-accueil-mobile.jpg);
		background-size: 100% auto;
	}

	.strate.sTitulaire .content {
		padding: 0;
	}
	.sTitulaire .colTexte {
		width: 100%;
		padding: 50px 40px;
	}
	.sTitulaire .colTexte .textWrap {
		max-width: none;
	}
	.sTitulaire .colImg {
		width: 100%;
		background-position: top -50px center;
		aspect-ratio: 3 / 2;
	}





	/* #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) {
	/* Les 3 stats */
	.zoneStats > li,
	.zoneData > li {
		padding: 0;
	}


	.sReseaux .listeLogos {
		grid-template-columns: 1fr;
		gap: 20px;
	}


	.strate .content {
		padding:50px 15px;
	}
	.strate.sPageAccueil .logo,
	.strate.sPageAccueil .content .textWrap {
		padding-left: 15px;
		padding-right: 15px;
	}

	.sTitulaire .colTexte {
		padding: 50px 15px;
	}

	.strate.sPageSecondaire .content {
		padding-left:25px;
		padding-right:25px;
	}

	.strate.sPageSecondaire.sansBreadcrumbs .content .textWrap {
		padding-top: 75px; /* Comme le bas */
	}



	.bandeLogo .separateur {
		margin:0 20px;
		height:45px;
	}
	.bandeLogo .nomSite {
		font-size:0.9em;
		/*width:110px;*/
	}


	.chapo,
	.chapeau {
		font-size: 1.25em;
		line-height: 1.25em;
	}


} /* FIN - Moins de 600px */


/* Moins de 480px */
@media only screen and (max-width: 479px) {
	.accordeon > div {
		padding-left:0;
		padding-right:0;
	}

} /* FIN - Moins de 480px */



@media only screen and (min-width: 600px) {
	.admin-bar {
		--anchorOffsetSticky: var(--wp-admin--admin-bar--height, 32px) * -1;
	}
	/* .admin-bar .strate.menuSticky {
		top:var(--wp-admin--admin-bar--height, 32px);
	} */

}

@media only screen and (min-width: 1024px) {
	:root,
	.admin-bar {
		/* Hauteur réservé du menu */
		--anchorOffsetSticky: 38px;
	}
}


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


} /* FIN - 1200px et + */



@media only screen and (min-width: 1671px) {
	body.page-template-page-accueil .sPageAccueil {
		background-image:url(img/bg-bandeau-accueil-large.jpg);
	}

} /* FIN - 1200px et + */


/* HD - 2200px et + */
@media only screen and (min-width: 2200px) {
	/*body.page-template-page-accueil .sPageAccueil {
		background-position: calc(50% + 450px) 0;
	}*/
} /* FIN - 1200px 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://chaire-iaps.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,
	.bandeLogo,
	.menuSticky,
	.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; }
}