/*
Theme Name: Chaire sur le jugement éthique
Theme URI: https://chaire-ethique.teluq.ca/
Author: Andy Harvey
Author URI: http://www.teluq.ca/
Description: Thème pour la Chaire sur le jugement éthique
Version: 1.0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: Chaire sur le jugement éthique
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.

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

/*--------------------------------------------------------------
2.0 Typography
--------------------------------------------------------------*/
html,
button,
input,
select,
textarea {
	color: #000;
}
html {
	font-size: 1em;
	line-height: 1.3125;
}
body {
	font-family: 'Open Sans', sans-serif;
	font-size:16px; /* Taille de base pour le texte courant */
}
::-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;
}
ol, ul {
	margin:0.5em 0 1em 0;
	padding-left:18px;
}
ul { list-style-type:square; }
li { margin:0.2em 0 0.5em 0; }


/* Simple données tabulaires à 2 colonnes
 * Pour les publications à Lonzozou (numérotation décroissante - fake <ol>) 
 * Ajout: 13-11-2019
 */
dl.data { overflow:hidden; }
dl.data dt, dl.data dd {
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	float:left;
	margin:0 0 5px 0;
	padding:0;
}
dl.data dt { clear:left; min-width:10px; width:5%; }
dl.data dd { width:95%; }


nav ul, nav ol, ul.noliste, ul.no_liste { list-style: none; list-style-image: none; margin: 0; padding: 0; }
ul.noliste > li, ul.no_liste > li { display:block; } /* Règle petit prob. d'aff. IE8+ */
.ie8 ul.noliste > li, .ie8 ul.no_liste > li { display:list-item; } /* Annule pour IE8 (cause autre bogue) */

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.8235294117647059em; /* 14 / 17 */
}

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

small,
.small {
	font-size: 75%;
}
big,
.big {
	font-size: 125%;
}
.vsmall { font-size: 60%; line-height:1.5; }

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

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

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

.block { display:block; }

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


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

.accordeon .toggler {
	position:relative;
	transition: all .2s;
	padding: 4px 35px 4px 5px;
	color:#000;
	/*background-color:transparent;*/
	display: block;
	font-size: 1.176470588235294em; /* 20/17 */
	line-height:1.25em; /* 25/20 */
	font-weight: 700;
	color:#df2717;
	text-decoration: none;
	cursor: pointer;
	margin:20px 0 0 0;
	border-bottom:1px solid #666;
	text-transform:none;
	
	/* Empêche la sélection sur l'élément */
	user-select:none;
	-o-user-select:none;
	-moz-user-select:none;
	-khtml-user-select:none;
	-webkit-user-select:none;
}
.accordeon .toggler.active { }

.accordeon .toggler .icone {
	background-image:url(img/plus_moins_sprite.png);
	background-position:0 0;
	display:block;
	width:24px;
	height:24px;
	position:absolute;
	right:5px;
	bottom:5px;
}
.accordeon .toggler.active .icone {
	background-position:0 -24px;
}

.accordeon > div { padding: 10px; }
.accordeon > div > *:first-child { margin-top:0; }
.accordeon > div > *:last-child  { margin-bottom:0; }



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

h1 {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:400;
	text-transform:uppercase;
}

h2 {
	font-weight:700;
	font-size:1.176470588235294em; /* 20/17 */
	line-height:1.25em; /* 25/20 */
	color:#df2717;
	margin:1.2em 0 0.3em 0;
}

h3 {
	font-weight:700;
	font-size:1.176470588235294em; /* 20/17 */
	line-height:1.25em; /* 25/20 */
	color:#000;
	margin:1.2em 0 0.3em 0;
}

h4 {
	font-weight:700;
	font-size:1em; /* 17/17 */
	line-height:1.176470588235294em; /* 20/17 */
	color:#df2717;
	margin:1.2em 0 0.3em 0;
}



h5 { 
	font-size: 1.076923em;
	line-height: 1.285714em;
	margin: 15px 0 5px 0;
}
h6 { 
	font-size: 1em;
	line-height: 1.307692em;
	margin: 10px 0 5px 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; }



/*
 * Boutons
 */
a.button,
a.button:visited,
button,
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;
}

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

.button.full-width,
button.full-width,
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;
}


/*--------------------------------------------------------------
5.0 Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
5.1 Links
--------------------------------------------------------------*/
a,
a:link,
a:visited {
	color: #000;
}
a:active,
a:hover,
a:focus {
	color: #339999;
}
a:focus {
	outline:1px dotted #000;
}


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

/* ==========================================================================
   MeanMenu 2.0.6
   ========================================================================== */
/* hide the link until viewport size is reached */
a.meanmenu-reveal {
	display: none;
}

/* when under viewport size, .mean-container is added to body */
.mean-container .mean-bar {
	float: left;
	width: 100%;
	/*position: relative;*/
	background: #000;
	/*padding: 4px 0;*/
	min-height: 81px;
	z-index: 999999;
	font-size: 15px;
}

.mean-container a.meanmenu-reveal {
	width: 22px;
	height: 22px;
	padding: 29px 13px;
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
	color: #fff;
	text-decoration: none;
	font-size: 16px;
	text-indent: -9999em;
	line-height: 22px;
	font-size: 1px;
	display: block;
	font-family: 'Cantarell', sans-serif;
	font-weight:700;
}

.mean-container a.meanmenu-reveal span {
	display: block;
	background: #fff;
	height: 3px;
	margin-top: 3px;
}

.mean-container .mean-nav {
	float: left;
	width: 100%;
	background: #000;
	margin-top: 81px;
}

.mean-container .mean-nav ul {
	padding: 0;
	margin: 0;
	width: 100%;
	list-style-type: none;
}

.mean-container .mean-nav ul li {
	position: relative;
	float: left;
	width: 100%;
	margin:0;
}

.mean-container .mean-nav ul li a {
	display: block;
	float: left;
	width: 90%;
	padding: 1em 5%;
	/*padding: 6px 5%;*/
	margin: 0;
	text-align: left;
	color: #fff;
	border-top: 1px solid #383838;
	border-top: 1px solid rgba(255,255,255,0.5);
	text-decoration: none;
	/*text-transform: uppercase;*/
}

.mean-container .mean-nav ul li li a {
	width: 80%;
	padding: 1em 10%;
	/*padding: 6px 10%;*/
	border-top: 1px solid #f1f1f1;
	border-top: 1px solid rgba(255,255,255,0.25);
	text-shadow: none !important;
	visibility: visible;
}

.mean-container .mean-nav ul li.mean-last a {
	border-bottom: none;
	margin-bottom: 0;
}

.mean-container .mean-nav ul li li li a {
	width: 70%;
	padding: 1em 15%;
}

.mean-container .mean-nav ul li li li li a {
	width: 60%;
	padding: 1em 20%;
}

.mean-container .mean-nav ul li li li li li a {
	width: 50%;
	padding: 1em 25%;
}

.mean-container .mean-nav ul li a:hover {
	background: #252525;
	background: rgba(255,255,255,0.1);
}

.mean-container .mean-nav ul li a.mean-expand {
	margin-top: 1px;
	width: 35px;
	height: 49px;
	line-height:49px;
	padding:0;
	/*padding: 12px !important;*/
	text-align: center;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
	font-weight: 700;
	background: rgba(255,255,255,0.1);
	border: none !important;
	border-left: 1px solid rgba(255,255,255,0.4) !important;
	border-bottom: 1px solid rgba(255,255,255,0.2) !important;
}

.mean-container .mean-nav ul li a.mean-expand:hover {
	background: rgba(0,0,0,0.9);
}

.mean-container .mean-push {
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
	clear: both;
}

.mean-nav .wrapper {
	width: 100%;
	padding: 0;
	margin: 0;
}

/* Fix for box sizing on Foundation Framework etc. */
.mean-container .mean-bar, .mean-container .mean-bar * {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}


.mean-remove {
	display: none !important;
}

/* CUSTOM CODE */
.mean-nav li.custom form {
	overflow:hidden;
	margin:0;
	padding:0 5% 1em 5%;
	width:90%;
}
.mean-nav li.custom a {
	/*float:none;
	display:inline;*/
	padding:0 5px 0 0;
	width:auto;
	border:0;
}

/* Champ de recherche */
.mean-bar .MobileRecherche {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing:border-box;
	
	-webkit-appearance: none;
	width:100%;
	max-width:none;
	margin:0 auto;
	padding:0 10px;
	height:32px;
	line-height:32px;
	
	/*background:url(../img/menus/loupe.png) no-repeat 5px center #fff;*/
	border:0!important;
	background:#fff;
	border-radius:0;
	/*float:left;*/
}


/* ==========================================================================
   Styles custom pour ce site
   ========================================================================== */

/*html, body {
	overflow-x: hidden;
	height: 100%;
	-webkit-overflow-scrolling: touch;
}*/

.contentWrap {
	position: relative;
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
}
.contentWrap.contentPage {
	background-color:#fff;
	padding:10px 15px;
}


/* Entete */
.enteteSite {
	background-color:#000;
}
.enteteSite .bandeNoireLogo {
	overflow:hidden;
}
.enteteSite .logoTeluq {
	padding-left:15px;
	padding-top:8px;
	padding-bottom:8px;
	float:left;
	margin-bottom:0;
}
.enteteSite .langue {
	font-size:1.058823529411765em; /* 18/17 */
	font-weight:700;
	color: #fff;
	text-decoration: none;
	vertical-align: middle;
	height: 63px;
	text-align: center;
	width: 90px;
	text-transform: uppercase;
}

/*.enteteSite .langue:focus,
.enteteSite .langue:hover {
	color:#df2717;
}*/

.enteteSite .menuPrincipal {
	background:#fff;
	/*background:rgba(255,255,255,0.95);*/
	position:relative;
	font-family: 'Cantarell', sans-serif;
	font-weight:700;
	font-size:0.8125em; /* 13/16 */
}
.home .enteteSite .menuPrincipal {
	background-blend-mode: multiply;
	-webkit-box-shadow: 0 5px 15px 2px rgba(105, 105, 105, 0.6);
	   -moz-box-shadow: 0 5px 15px 2px rgba(105, 105, 105, 0.6);
	        box-shadow: 0 5px 15px 2px rgba(105, 105, 105, 0.6);
}
.enteteSite .menuPrincipal a {
	color:#000;
	text-decoration:none;
	text-transform:uppercase;
}
.enteteSite .menuPrincipal .menu {
	margin:0;
	padding:0;
	display:table;
	width:100%;
}
.enteteSite .menuPrincipal .menu > li {
	margin:0;
	padding:0 10px;
	white-space:nowrap;
	display:table-cell;
	vertical-align:top;
	position:relative;
}
.enteteSite .menuPrincipal .menu > li > a {
	margin:0;
	padding:5px 0 12px 0;
	display:table-cell;
	vertical-align:top;
	position:relative;
	border-top:7px solid transparent;
	outline:0;
}
.enteteSite .menuPrincipal .menu .menu-item-has-children > a:after {
	content:url(img/dropdown.png);
	margin-left:5px;
}
.enteteSite .menuPrincipal .menu > li > a:focus,
.enteteSite .menuPrincipal .menu > li > a:hover {
	border-top-color:#339999;
}
.enteteSite .menuPrincipal .sub-menu {
	padding:1px 10px 10px 10px;
	margin:0;
	list-style:none;
	position:absolute;
	z-index:1000;
	top:100%;
	left:0;
	width:100%;
	min-width:310px;
	visibility:hidden;
	opacity:0;
	/*transition:opacity 0.2s ease;*/
}
.enteteSite .menuPrincipal .sub-menu.active {
	visibility:visible;
	opacity:1;
}
.enteteSite .menuPrincipal .sub-menu li {
	white-space:normal;
	background-color:#fff;
	padding:0 10px;
	margin:0;
}
.enteteSite .menuPrincipal .sub-menu a {
	display:block;
	border-top:1px dotted #ccc;
	padding:10px 0;
	text-transform:none;
	outline:0;
}
.enteteSite .menuPrincipal .sub-menu li:first-child a {
	border-top:0;
}
.enteteSite .menuPrincipal .sub-menu a:focus,
.enteteSite .menuPrincipal .sub-menu a:hover {
	color:#339999;
}
.enteteSite .enteteImage {
	background:url(img/ethique_fond_accueil.jpg) top center no-repeat #ccc;
	background-size:cover;
}
.enteteSite .logoChaireEthique {
	margin-top:20px;
	margin-bottom:20px;
}
.home .enteteSite .logoChaireEthique {
	margin-top:20px;
	margin-bottom:40px;
}
.enteteSite .logoChaireEthique svg {
	display:block;
	max-width:100%;
	height:auto;
}
.logoChaireEthique a {
	text-decoration:none;
}
.logoChaireEthique text {
	font-family: 'Cantarell', sans-serif;
	font-weight:400;
	font-size:18px;
}
.home .logoChaireEthique text {
	font-size:42px;
}
.logoChaireEthique text.bold {
	font-weight:700;
}

.enteteSite .contenuPrincipal {
	background:transparent;
}

.enteteSite .enteteCouleur {
	background:#eeeed6;
}


/* Corps de la page */
.contenuPrincipal {
	position:relative;
	background-color:#fff;
	padding:20px;

}
h1.titrePage {
	font-family:'Cantarell', sans-serif;
	font-weight:400;
	font-size:2.5em; /* 40/16 */
	line-height:1.23; /* 50/40 */
	margin:0 0 30px 0;
}
h2.titrePage {
	margin:0 0 10px 0;
}
.home .titrePage {
	text-align:center;
}

.logoChaireEthique.cssTable > a {
	width:299px; /* 269 + padding */
	padding-right:30px;
}

.logoChaireEthique.cssTable .titrePage {
	vertical-align:bottom;
}


/* Pages secondaires */
.contenuPrincipal > .content.margeGauche {
	padding-left:122px; /* Pour aligner avec le logo */
}
.contenuPrincipal > .content > *:first-child {
	margin-top:0;
}


/* Styles des pages pour les 3 axes */
.enteteSite .enteteCouleur.page_20 {
	background:#addddc; /* Axe 1 */
}
.enteteSite .enteteCouleur.page_22 {
	background:#b8d686; /* Axe 2 */
}
.enteteSite .enteteCouleur.page_24 {
	background:#fedb93; /* Axe 3 */
}

.contenuAxe .texte {
	padding:75px;
	width:50%;
	font-size:1.375em; /* 22/16 */
	line-height:1.363636363636364; /* 30/22 */
	vertical-align:middle;
}
.contenuAxe .titre1 {
	font-family:'Cantarell', sans-serif;
	font-weight:700;
	text-transform:uppercase;
	display:block;
}
.contenuAxe .titre2 {
	font-family:'Cantarell', sans-serif;
	font-weight:700;
	line-height:1.090909090909091; /* 24/22 */
}
.contenuAxe ul {
	font-size:0.8181818181818182em; /* 18/22 */
	line-height:1.333333333333333; /* 24/18 */
	list-style-type:disc;
}
.contenuAxe ul li {
	margin:0 0 4px 0;
}
.contenuAxe .pxTransparent {
	width:100%;
	height:auto;
}
.contenuAxe .barreH {
	font-size:1px;
	line-height:1;
	width:150px;
	height:5px;
	margin-bottom:30px;
}


.contenuAxe.axe1 .barreH {
	background-color:#339999;
}
.contenuAxe.axe1 .sideImage1 {
	background:url(img/axes/axe1_medecin.jpg) top center;
	background-size:cover;
}
.contenuAxe.axe1 .texteFondImg {
	background:url(img/axes/axe1_rubans.jpg) top center;
	background-size:cover;
	color:#fff;
}
.contenuAxe.axe1 .sideImage2 {
	background:url(img/axes/axe1_medecin_patient.jpg) top center;
	background-size:cover;
}

.contenuAxe.axe2 .barreH {
	background-color:#278640;
}
.contenuAxe.axe2 .sideImage1 {
	background:url(img/axes/axe2_epidemie.jpg) top center;
	background-size:cover;
}
.contenuAxe.axe2 .texteFondImg {
	background:url(img/axes/axe2_fioles.jpg) top center;
	background-size:cover;
	color:#fff;
}
.contenuAxe.axe2 .sideImage2 {
	background:url(img/axes/axe2_bacteries.jpg) top center;
	background-size:cover;
}

.contenuAxe.axe3 .barreH {
	background-color:#ed6b24;
}
.contenuAxe.axe3 .sideImage1 {
	background:url(img/axes/axe3_vaccin.jpg) top center;
	background-size:cover;
}
.contenuAxe.axe3 .texteFondImg {
	background:url(img/axes/axe3_mapmonde.jpg) top center;
	background-size:cover;
	color:#fff;
}
.contenuAxe.axe3 .sideImage2 {
	background:url(img/axes/axe3_habitants.jpg) top center;
	background-size:cover;
}


/* Footer */
.basPage {
	background:url(img/bg_footer.png) top center no-repeat #000;
	background-size:cover;
	/*min-height:275px;*/
	color:#fff;
	padding:20px 15px;
}
.basPage .colGauche {
	width: 60%;
	vertical-align:bottom;
	padding-right:10px;
}
.basPage .colDroite {
	width: 40%;
	vertical-align:bottom;
	padding-left:10px;
}
.basPage h2 {
    font-family:'Cantarell', sans-serif;
	font-size:1.625em; /* 26/16 */
	line-height:1.076923076923077; /* 28/26 */
	font-weight:400;
	text-transform:uppercase;
	color:#fff;
	margin:0 0 10px 0;
}
.basPage a {
	color:#FFF581;
	text-decoration:none;
	font-weight:700;
}
.basPage a:focus,
.basPage a:hover {
	outline:0;
	text-decoration:underline;
}
.sepFooter {
	margin:25px 0 16px 0;
	border-color:#fff;
}



/* Styles pour la page d'accueil et autres "normales" */
.contenuPrincipal.normal {
	margin-top:0;
}
.accueil .contenuPrincipal > .content,
.contenuPrincipal.normal > .content {
	background: none;
	padding-top:0;
}


/* Strate des axes de recherche */
.sAxes {
	background:#EEEDD8; /* ou #EEEDDF */
}
.sAxes .contenuPrincipal {
	background:none;
}
.lesAxes {
	list-style:none;
	padding:0;
	margin:0;
	overflow:hidden;
}
.lesAxes li {
	float:left;
	width:34.23913043478261%; /* (290+25)/920*100 */
	padding-left:2.717391304347826%; /* 25/920*100 */
	margin:0 0 1em 0;
	text-align:center;
}
.lesAxes li:nth-child(3n+1) {
	clear:left;
	padding-left:0;
	width:31.52173913043478%; /* 290/920*100 */
}
.lesAxes li > *:last-child {
	margin-bottom:0;
}
.lesAxes img {
	margin-bottom:20px;
}
.lesAxes .nomAxe {
	font-family: 'Cantarell', sans-serif;
	font-weight:700;
	font-size:1.5em; /* 24/16 */
	line-height:1.25; /* 30/24 */
}
.lesAxes .lienSavoirPlus {
	color:#000;
	display:inline-block;
	padding:5px 10px;
	border:2px solid #000;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:600;
}
.lesAxes .axe1 .lienSavoirPlus {
	border-color:#339999;
}
.lesAxes .axe1 .lienSavoirPlus:focus,
.lesAxes .axe1 .lienSavoirPlus:hover {
	background-color:#339999;
}
.lesAxes .axe2 .lienSavoirPlus {
	border-color:#A6CF66;
}
.lesAxes .axe2 .lienSavoirPlus:focus,
.lesAxes .axe2 .lienSavoirPlus:hover {
	background-color:#A6CF66;
}
.lesAxes .axe3 .lienSavoirPlus {
	border-color:#EEAD21;
}
.lesAxes .axe3 .lienSavoirPlus:focus,
.lesAxes .axe3 .lienSavoirPlus:hover {
	background-color:#EEAD21;
}


/* Strate des nouvelles */
.sNouvelles h1.titrePage {
	margin-bottom:0;
}
.lesNouvelles {
	margin:0;
	padding:0;
	list-style-image:none;
	list-style:none;
	overflow:hidden;
}
.lesNouvelles li {
	float:left;
	padding:40px 0;
	margin:0;
	margin-right:10.9375%;
	width:26.04166666666667%; /* 250/960 */
}
.lesNouvelles li:nth-child(3n) {
	margin-right:0;
}
.lesNouvelles li:nth-child(3n+1) {
	clear:left;
}
.lesNouvelles li:nth-child(n+4) {
	border-top:1px solid #888;
}

.lesNouvelles .categorie {
	font-weight:600;
	text-transform:uppercase;
	margin:0 0 20px 0;
}
.lesNouvelles .categorie time {
	font-weight:400;
	color:#000;
}
.lesNouvelles .categorie time:before {
	content:" / ";
}
.lesNouvelles h3 {
	font-size:1.125em; /* 18/16 */
	margin:0 0 14px 0;
	font-weight:700;
}
.lesNouvelles p {
	margin:0 0 16px 0;
}
.lesNouvelles li > *:last-child {
	margin-bottom:0;
}
.lesNouvelles .lien_invisible {
	text-decoration:none;
	color:#000;
}
.lesNouvelles .lien_invisible:hover {
	text-decoration:underline;
	color:#000;
}



/* Strate de la présentation */
.sPresentation .entry-header {
	display:none;
}
.sPresentation .contenuPrincipal > .textwidget {
	
}
.sPresentation .contenuPrincipal > .textwidget > *:first-child {
	margin-top:0;
}




/********************/
/* Les commentaires */
/********************/
.comments-area .comments-title {
	margin-top:0;
}
.comment-list,
.comment-list .children {
	list-style-type:none;
}
.comment-form #submit {
	max-width:100%;
	width:auto;
}


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

/*--------------------------------------------------------------
12.2 Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}



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

/* Tablette portrait (1023px et moins) */
@media only screen and (max-width: 1023px){
	h1.titrePage {
		font-size:2.1875em; /* 35/16 */
	}

	/* Manque d'espace pour le lien Accueil */
	.enteteSite .menuPrincipal .menu li.accueil {
		display:none;
	}

	/* Styles des pages pour les 3 axes */
	.contenuAxe .texte {
		padding:35px;
		width:50%;
		font-size:1.125em; /* 18/16 */
	}
}

/* Strict minimum pour desktop (960px et moins) */
@media only screen and (max-width: 960px){
	
}

/* Mobile portrait/paysage (320px à 767px) */
@media only screen and (max-width: 767px){
	.menuPrincipal {
		display:none;
	}
	.enteteSite .logoTeluq {
		position:absolute;
	}
	
	.enteteSite .enteteImage {
		min-height:250px;
	}
	.contenuPrincipal {
		margin-top:0;
	}
	
	.logoChaireEthique.cssTable > a {
		width:200px;
		padding-right:20px;
	}
	.logoChaireEthique.cssTable .titrePage {
		vertical-align:bottom;
	}
	
	/* Les axes à l'accueil */
	.lesAxes li,
	.lesAxes li:nth-child(3n+1) {
		float: none;
		width: 100%;
		padding:0;
		margin-left:auto;
		margin-right:auto;
	}
	
	
	/* Strate des nouvelles */
	.lesNouvelles li {
		float:none;
		margin-right:0;
		width:100%;
	}
	.lesNouvelles li:nth-child(n+2) {
		border-top:1px solid #888;
	}

	
	/* Pages secondaires */
	.contenuPrincipal > .content.margeGauche {
		padding-left:82px; /* Pour aligner avec le logo */
	}
	
	/* Styles des pages pour les 3 axes */
	.contenuAxe.cssTable > * {
		display:block;
	}
	.contenuAxe .sideImage1,
	.contenuAxe .sideImage2 {
		width:100%;
		height:1px;
		padding-bottom:75%;
	}
	.contenuAxe .pxTransparent {
		display:none;
	}
	.contenuAxe .texte {
		padding: 30px 15px;
		width:100%;
	}
	
	
	/* Footer */
	.basPage .colGauche,
	.basPage .colDroite {
		display:block;
		width: 100%;
		padding:0;
	}
	.basPage .colDroite {
		padding-top:20px;
	}
	
	/* Publications à Lonzozou (numérotation décroissante - fake <ol>) */
	dl.data dt { width:10%; }
	dl.data dd { width:90%; }
}

/* Mobile landscape (480px) */
@media only screen and (max-width: 599px){
	.enteteSite .logoChaireEthique {
		margin:0;
	}
	.logoChaireEthique.cssTable > a {
		display:block;
		width:auto;
		padding-right:0;
	}
	.logoChaireEthique.cssTable .titrePage {
		display:block;
		margin:20px 0 0 0;
	}
	h1.titrePage {
		font-size:1.5625em; /* 25/16 */
	}
	h1.titrePage .block {
		display:inline;
	}
	
	/* Pages secondaires */
	.contenuPrincipal > .content.margeGauche {
		padding-left:0;
	}
}

/* Mobile portrait (320px) */
@media only screen and (max-width: 479px){
	
	body {
		font-size:15px;
	}
	.enteteSite .langue {
		display:none;
	}
	.enteteSite .enteteImage {
		min-height:1px;
	}
}

/* Grand écran (1050px et +) */
@media only screen and (min-width: 1050px){


}

/* Grand écran (1680px et +) */
@media only screen and (min-width: 1680px){
	
}


/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    /*a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }*/

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
	
	
	/* Accordeon */
	.accordeon .toggler { border-bottom: 0; }
	.accordeon > div { display:block!important; }
	.accordeon .visuallyhidden { clip:auto; height:auto; margin:auto; overflow:auto; position:inherit; width: auto; }
	
	
	/**********************/
	/* Contenu de la page */
	/**********************/
	
	html {
		margin-top:0 !important;
	}
	
	/* On cache certains éléments */
	#wpadminbar {
		display:none!important;
	}
	
	
}