/*
Theme Name: Trophées du numérique
Theme URI: https://tropheesdunumerique.teluq.ca
Author: Andy Harvey
Author URI: http://www.teluq.ca/
Description: Thème pour le site Trophées du numérique
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: Éducation aux médias et droits humains
Tags:

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

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

/*
Font: 		Manifold CF
Style: 		Regular
URL: 		https://www.youworkforthem.com/font/T5335/manifold-cf
Foundry: 	Connary Fagen
Foundry: 	https://www.youworkforthem.com/designer/479/connary-fagen
Copyright:	Copyright © 2014 by Connary Fagen. All rights reserved.
Version: 	17
Created:	July 26, 2015
License: 	https://www.youworkforthem.com/font-license 
License: 	The WebFont(s) listed in this document must follow the YouWorkForThem
			WebFont license rules. All other parties are strictly restricted 
			from using the WebFonts(s) listed without a purchased license. 
			All details above must always remain unaltered and visible in your CSS.
*/
@font-face {
	font-family: 'ManifoldCF-Regular';
	src: url('fonts/manifold-cf.eot');
	src: url('fonts/manifold-cf.eot?#iefix') format('embedded-opentype'),
         url('fonts/manifold-cf.woff2') format('woff2'),
	     url('fonts/manifold-cf.woff') format('woff'),
	     url('fonts/manifold-cf.ttf') format('truetype'),
	     url('fonts/manifold-cf.svg#youworkforthem') format('svg');
	font-weight: normal;
	font-style: normal;
}
/*
Font: 		Manifold CF
Style: 		Demi Bold
URL: 		https://www.youworkforthem.com/font/T5335/manifold-cf
Foundry: 	Connary Fagen
Foundry: 	https://www.youworkforthem.com/designer/479/connary-fagen
Copyright:	Copyright © 2014 by Connary Fagen. All rights reserved.
Version: 	17
Created:	July 26, 2015
License: 	https://www.youworkforthem.com/font-license 
License: 	The WebFont(s) listed in this document must follow the YouWorkForThem
			WebFont license rules. All other parties are strictly restricted 
			from using the WebFonts(s) listed without a purchased license. 
			All details above must always remain unaltered and visible in your CSS.
*/
@font-face {
	font-family: 'ManifoldCF-DemiBold';
	src: url('fonts/manifold-cf-demi-bold.eot');
	src: url('fonts/manifold-cf-demi-bold.eot?#iefix') format('embedded-opentype'),
         url('fonts/manifold-cf-demi-bold.woff2') format('woff2'),
	     url('fonts/manifold-cf-demi-bold.woff') format('woff'),
	     url('fonts/manifold-cf-demi-bold.ttf') format('truetype'),
	     url('fonts/manifold-cf-demi-bold.svg#youworkforthem') format('svg');
	font-weight: normal;
	font-style: normal;
}





/*--------------------------------------------------------------
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 #ffe05c;
	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.4;
}
body {
	font-family: 'Open Sans', sans-serif;
	color:#000;
	font-size:18px;
	line-height:1.4;
	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 #ffc41a;
	border-width: 2px 0 0;
	clear: both;
	margin: 1.5em 0;
	height: 0;
}

b,strong{
	font-weight:700;
}
b.semi,strong.semi{
	font-weight:600;
}
img { 
	max-width:100%; 
	height:auto;
}
ol, ul {
	margin:0.5em 0 1.5em 5px;
	padding-left:18px;
}
ul { list-style-type:square; }
ul ul { list-style-type:disc; font-size:90%; }
ul ul ul { list-style-type:circle; }
li { margin:0.2em 0 0.5em 0; }

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

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

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

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


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

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

.alignerImgG { margin-bottom:15px; float:left; margin-right:20px; }
.alignerImgD { margin-bottom:15px; float:right; margin-left:20px; }

figure.alignerImgG,
figure.alignerImgD { margin-top:0; }


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


.caps { text-transform:uppercase!important; }
span.block { display:block; }
img.scale-with-grid { max-width:100%; height:auto; width:auto; }

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

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


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



/*
 * 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: 'ManifoldCF-DemiBold', Helvetica, Arial, Sans-Serif;
	font-weight:400;
	font-size:3em; /* 60/20 */
	line-height:1.1;
	margin:0 0 40px 0;
}
.titrePage {
	color:#000;
	margin:0 0 30px;
	position:relative;
	font-size:2.25em; /* 45/20 */
	font-weight:400;
	line-height:1;
	margin:0 0 40px 0;
}
.titrePage > span {
	border-bottom:15px solid #ffe05c;
}
h2 {
	font-size:2.25em; /* 45/20 */
	line-height:1.4;
	font-weight:400;
	margin:0 0 40px 0;
	text-align:center;
}

h3 {
	font-size:1em; /* 18/18 */
	line-height:1.4;
	font-weight:700;
	margin:0 0 25px 0;
}


.sPageSecondaire h2 {
	color:#000;
	font-size:1.444444444444444em; /* 26/18 */
	line-height:1.2;
	font-weight:400;
	margin:1em 0 0.3em 0;
	text-align:left;
	text-transform:none;
}
.sPageSecondaire h3 {
	color:#000;
	font-size:1em; /* 18/18 */
	line-height:1.2;
	margin:0.6em 0 0.4em 0;
	color:#000;
	font-weight:700;
	text-transform:uppercase;
}
.sPageSecondaire h4 {
	color:#414141;
	font-size:1em;
	font-weight:700;
	margin:0.6em 0 0.4em 0;
}


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

.accordeon .toggler {
	/*font-size:1em;
	transition: all .2s;
	padding:6px 35px 6px 15px;
	color:#000;
	display:block;
	
	margin:15px 0 0 0;*/
	
	text-decoration: none;
	position:relative;
	cursor: pointer;
	border-bottom:1px solid #999;
	
	/* 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/ico_accordeon.svg);
	background-position:0 0;
	display:block;
	width:19px;
	height:19px;
	position:absolute;
	right:5px;
	bottom:6px;
	transition:transform 0.2s ease;
}
.accordeon .toggler.active .icone {
	transform:rotate(45deg);
}

.accordeon > div {
	padding:15px 15px 15px 15px;
}
.accordeon > div > *:first-child { margin-top:0; }
.accordeon > 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; }


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



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


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


/*--------------------------------------------------------------
4.0 Forms
--------------------------------------------------------------*/
fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 0 15px 0;
	padding: 0.5em;
}

fieldset.subtil {
	border: 0;
	margin: 0 0 10px 0;
	padding: 0;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	cursor: pointer;
}

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

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

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


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



input[type="checkbox"]:invalid:focus,
input[type="radio"]:invalid:focus,
input[type="text"]:invalid:focus,
input[type="password"]:invalid:focus,
input[type="tel"]:invalid:focus,
input[type="email"]:invalid:focus,
input[type="search"]:invalid:focus,
textarea:invalid:focus,
select:invalid:focus,
input[type="checkbox"].invalide,
input[type="radio"].invalide,
input[type="text"].invalide,
input[type="password"].invalide,
input[type="tel"].invalide,
input[type="email"].invalide,
input[type="search"].invalide,
textarea.invalide,
select.invalide { border-color:red; color:red; box-shadow: none; }



/*
 * Boutons + lien .button
 */
a.button:link,
a.button:visited{
	/*font-size:1.4em; /* 28/20 */
	background-color:#002949;
	color:#fff;
	font-weight:600;
	text-align:center;
	display:inline-block;
	margin:0;
	padding:3px 10px;
	text-decoration:none;
	transition:background-color 0.2s ease;
}

input[type="submit"]{
	/*font-size:1.4em; /* 28/20 */
	background-color:#002949;
	color:#fff;
	font-weight:600;
	text-transform:none;
	text-align:center;
	border:0;
	display:block;
	margin:30px auto 0 auto;
	padding:3px 10px;
	border-radius:0;
	transition:background-color 0.2s ease;
}
a.button:focus,
a.button:active,
a.button:hover,
input[type='submit']:focus,
input[type='submit']:hover{
	background-color:#ea6632;
}


/*
 * Boutons radio/checkbox
 */
input[type="radio"],
input[type="checkbox"] {
	opacity: 0;
	position: absolute;
}
input[type=radio]:focus + label,
input[type="checkbox"]:focus + label {
	outline:thin dotted;
}
input[type=radio] + label:before,
input[type="checkbox"] + label:before {
	content: '';
	height:21px;
	width:21px;
	display: inline-block;
	line-height: 18px;
	vertical-align: middle;
	cursor: pointer;
	border: 1px solid #9c9ea0;
	background:#eaebec;
	margin-right: 10px;
	margin-top:-2px; /* Pour 'centrer' */
	transition:background-color 0.2s ease;
}
input[type=radio] + label:before {
	border-radius:50%;
}
input[type=radio]:checked + label:before,
input[type="checkbox"]:checked + label:before {
	background: #4e4e50;
	border-color:#4e4e50;
	
	content:'✓';
	color:#fff;
	text-align:center;
}
input[type=radio]:checked + label:before {
	content:'•';
	font-size:30px;
	line-height:19px;
}
input[type=radio][disabled] + label,
input[type="checkbox"][disabled] + label {
	cursor: default;
	font-style:italic;
}
input[type=radio][disabled] + label:before,
input[type="checkbox"][disabled] + label:before {
	cursor: default;
	font-style:normal;
	background: #d3d3d3 !important;
	border-color:#9c9ea0!important;
	color: #999 !important;
}



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


/* Lien rouge en CAPS */
a.lienRouge:link,
a.lienRouge:visited{
	font-size:15px;
	color: #ea6632;
	text-transform:uppercase;
	font-weight:600;
	transition:color 0.2s ease;
}
a.lienRouge:focus,
a.lienRouge:active,
a.lienRouge:hover{
	color: #000;
}


/* Lien normal dans un paragraphe */
a.lien{
	display:inline-block;
	border-bottom:2px solid #ffc41a;
	transition:border 0.2s ease;
}

a.lien:link,
a.lien:visited{ color: #000; text-decoration:none; border-bottom:2px solid #ffc41a; }

a.lien:focus,
a.lien:active,
a.lien:hover{ color: #000; text-decoration:none; border-bottom:2px solid #000; }


/* Bouton comme un submit, mais jaune (lien) */
a.btJaune:link,
a.btJaune:visited{
	font-size:18px;
	background-color:#ffe05c;
	color:#000;
	font-weight:700;
	text-align:center;
	display:inline-block;
	margin:0;
	padding:3px 10px;
	text-decoration:none;
	transition:background-color 0.2s ease;
}

a.btJaune:focus,
a.btJaune:hover{
	background-color:#ea6632;
	color:#fff;
}




/*--------------------------------------------------------------
5.2 Menus
--------------------------------------------------------------*/


/*--------------------------------------------------------------
6.0 Accessibility
--------------------------------------------------------------*/


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


/* Menu principal */
.menuPrincipal {
	font-size:0.85em; /* 17/20 */
	font-weight:700;
	text-transform:uppercase;
	overflow:hidden;
	position:fixed;
	width:100%;
	z-index:5000;
}
.menuPrincipal .cssTable {
	max-width:1080px;
	margin:0 auto;
	table-layout:fixed;
}
.menuPrincipal h1 {
	font-family: 'ManifoldCF-DemiBold', Helvetica, Arial, Sans-Serif;
	font-weight:400;
	color:#fff;
	
	display:none;
	vertical-align:middle;
	font-size:1.5em;
	line-height:1;
	padding:10px 0 10px 35px;
}
.menuPrincipal h1 a {
	color:#fff;
	text-decoration:none;
}
.menuPrincipal .spacer {
	display:table-cell;
	width:auto;
}
.menuPrincipal a.menuToggle {
	display:table-cell;
	vertical-align:middle;
	text-transform:uppercase;
	background-color:#000;
	color:#fff;
	height:90px;
	width:125px;
	text-align:center;
	text-decoration:none;
	transition:background-color 0.25s ease;
}
.menuPrincipal a.menuToggle:hover,
.menuPrincipal a.menuToggle:focus,
.menuPrincipal a.menuToggle:active {
	background-color:#333;
}
.menuPrincipal a.menuToggle span {
	display:inline-block;
	margin:0 0 5px 5px;
	vertical-align:top;
	/*vertical-align:middle;
	background:url(img/menu-ferme.svg) 0px 0px no-repeat;*/
	width:18px;
	height:12px;
}

/* Animation SVG */
.menuPrincipal a.menuToggle svg .line {
	fill:none;
	stroke:#fff;
	stroke-linecap:round;
	stroke-linejoin:round;
	stroke-width:1.28px;
	
	-webkit-transform: rotate(0) translateY(0) translateX(0);
	        transform: rotate(0) translateY(0) translateX(0);
	-webkit-transform-origin: top right;
	        transform-origin: top right;
	-webkit-transition: -webkit-transform 0.2s ease-in-out, opacity 0.2s ease-in-out, fill .2s ease-in-out;
	        transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out, fill .2s ease-in-out;
}
.menuPrincipal a.menuToggle svg .line:nth-of-type(2) {
	-webkit-transform-origin: bottom right;
	        transform-origin: bottom right;
}
.menuPrincipal a.menuToggle.active svg .line:nth-of-type(1) {
	-webkit-transform: rotate(-45deg) translateX(-3px) translateY(-5px);
	        transform: rotate(-45deg) translateX(-3px) translateY(-5px);
}
.menuPrincipal a.menuToggle.active svg .line:nth-of-type(2) {
	-webkit-transform: rotate(45deg) translateX(-3px) translateY(5px);
	        transform: rotate(45deg) translateX(-3px) translateY(5px);
}

.zoneMenu {
	position:fixed;
	z-index:999990;
	top:90px;
	background-color:#000;
	/*height:calc(100% - 90px);*/
	bottom:0;
	left:0;
	right:0;
	opacity:0;
	visibility:hidden;
	transition:all 0.25s ease;
	text-align:center;
	overflow:auto;
}
.admin-bar .zoneMenu { top:122px; } /* 32px de plus pour la bande d'admin */
.zoneMenu.active {
	visibility:visible;
	opacity:1;
}
/*.zoneMenu .menuFermer {
	position:absolute;
	z-index:999999;
	top:0;
	right:0;
	padding:0;
	margin:0;
	font-size:0.85em;
	font-weight:700;
	height:76px;
	width:170px;
	line-height:76px;
	color:#000;
	text-decoration:none;
	text-transform:uppercase;
	background-color:#deeb08;
}
.zoneMenu .menuFermer span {
	background:url(img/ico_fermer.png) 0px 0px no-repeat;
	width:31px;
	height:26px;
    display:inline-block;
    margin:0 0 5px 5px;
    vertical-align:middle;
}*/
.zoneMenu ul {
	
}
.zoneMenu ul.menu {
	font-family: 'ManifoldCF-Regular', Helvetica, Arial, Sans-Serif;
	font-weight:400;
	
	padding:0;
	overflow:hidden;
	
	margin:25px auto;
	max-width:700px;
	
	background:url(img/logotn-gray.svg) no-repeat center center;
	background-size:contain;
}
.zoneMenu li {
	display:block;
	margin:0 0 20px 0;
	padding:0;
	list-style-type:none;
}
.zoneMenu li a,
.zoneMenu li a:link,
.zoneMenu li a:visited{
	font-size:40px;
	line-height:1;
	display:inline-block;
	color:#fff;
	padding:3px 7px 7px 7px;
	text-decoration: none;
	text-align:center;
	outline:0;
	transition:background-color 0.2s ease, color 0.2s ease;
}
.zoneMenu li a:hover,
.zoneMenu li a:focus,
.zoneMenu li a:active,
.zoneMenu li a.active{
	background-color:#ffe05c;
	color:#000;
}

.zoneMenu a.lienFinalistes{
	font-size:25px;
	color:#e94a4c;
	font-weight:400;
	text-decoration:none;
	transition:color 0.2s ease;
}
.zoneMenu a.lienFinalistes:hover,
.zoneMenu a.lienFinalistes:focus,
.zoneMenu a.lienFinalistes:active{
	color:#fff;
}

/* Menu complet */
.menuPrincipal.expand {
	background:#000;
}
.menuPrincipal.expand h1,
.menuPrincipal.expand a.menuProgramme,
.menuPrincipal.expand a.menuInscription {
	display:table-cell;
}
.menuPrincipal.expand .spacer {
	display:none;
}

/* Sous-menu */
.zoneMenu .sub-menu {
	margin-top:5px;
	font-size:1em;
}
.zoneMenu .sub-menu li {
	display:inline-block;
	margin:0 10px 5px 0;
	padding-right:24px;
	position:relative;
}
.zoneMenu .sub-menu li:after {
	content:"";
	display:inline-block;
	position:absolute;
	right:0;
	top:50%;
	margin-top:-4px;
	background:#ffe05c;
	height:9px;
	width:9px;
}
.zoneMenu .sub-menu li:last-child {
	margin:0;
	padding-right:0;
}
.zoneMenu .sub-menu li:last-child:after {
	display:none;
}
.zoneMenu .sub-menu li a {
	color:#fff8e0;
	font-size:1.555555555555556em; /* 28/18 */
}
.zoneMenu .sub-menu li a:hover,
.zoneMenu .sub-menu li a:focus,
.zoneMenu .sub-menu li a:active,
.zoneMenu .sub-menu li a.active {
	color:#000;
}
/*.zoneMenu .sub-menu li a:hover,
.zoneMenu .sub-menu li a:focus,
.zoneMenu .sub-menu li a:active,
.zoneMenu .sub-menu li a.active{
	border-bottom-color:#717171;
}*/


#main {
	padding-top:90px; /* La hauteur du menu fixed */
}



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

.boite1 {
	border:2px solid #ffe05c;
	padding:20px;
	max-width:750px;
	margin:2em 0;
}
.boite1.membresJury {
	max-width:450px;
}
.boite1 > *:first-child {
	margin-top:0;
}
.boite1 > *:last-child {
	margin-bottom:0;
}

.boiteErreur,
.boiteConfirmation,
.sPageSecondaire div.wpcf7-validation-errors,
.sPageSecondaire div.wpcf7-mail-sent-ok {
	background-color:#fff;
	font-weight:400;
	padding:20px;
	margin:20px 0;
	font-size:1.2em;
	border-color:#424242; /* Pour WPCF7 */
}

.boiteErreur,
.boiteConfirmation {
	/*background-color:#eaebec;*/
	border:1px dashed #000;
	font-weight:600;
	text-align:left;
}


.sPageSecondaire div.wpcf7-validation-errors,
.boiteErreur p {
	color:#ff3448;
	text-align:center;
}
.sPageSecondaire div.wpcf7-mail-sent-ok,
.boiteConfirmation p {
	color:#31a3b0;
	text-align:center;
}
.boiteConfirmation p.normal {
	font-size:0.6666666666666667em; /* 16/24 */
	color:#000;
}
.boiteErreur > *:last-child,
.boiteConfirmation > *:last-child {
	margin-bottom:0;
}

/* Intro vidéo à l'accueil */
.sIntroVideo {
	background:url(img/bg_video_img.jpg) no-repeat 0 0 #000;
	background-size:cover;
	/*min-height:440px;*/
}
.sIntroVideo .content {
	z-index:100;
	position:relative;
	padding-top:90px;
	padding-bottom:90px;
}
.sIntroVideo .coteLogo {
	/*background-color:#000;*/
	width:29%; /* 290/1000*100 */
	height:290px;
	padding:30px 0;
	margin:0;
	text-align:center;
	vertical-align:middle;
}
.sIntroVideo .coteTexte {
	padding-left:30px;
	vertical-align:middle;
}
.sIntroVideo .coteTexte h1 {
	font-family: 'ManifoldCF-DemiBold', Helvetica, Arial, Sans-Serif;
	font-weight:400;
	text-transform:uppercase;
	font-size:55px;
	color:#fff;
	margin:0 0 12px 0;
}
.sIntroVideo .coteTexte .dates {
	font-size:24px;
	font-weight:600;
	color:#ffe05c;
	margin-bottom:19px;
	text-transform:uppercase;
}
.sIntroVideo .coteTexte .lieu {
	font-size:24px;
	font-weight:400;
	color:#fff;
	margin-bottom:0;
}
.sIntroVideo.nope .videoWrapper,
.sIntroVideo.nope video {
	display:none;
}
.sIntroVideo video {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: auto;
	height: auto;
	min-width: 100%;
	min-height: 100%;
	max-width:none;
}
/* disable video (e.g. in a media query) by setting .videoWrapper to display: none; as appropriate */
.videoWrapper {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%; 
	overflow: hidden;
	z-index:1;
}


/* Présentation à l'accueil (à propos) */
.sPresentation .txtPresentation {
	font-size:21px;
	line-height:30px;
}
.cssTable.boutonsAction {
	margin-top:-75px!important;
	margin-bottom:30px;
	position:relative;
	z-index:500;
}
.cssTable.boutonsAction > * {
	vertical-align: middle;
}
.cssTable.boutonsAction .spacer {
	width:6%;
}
.cssTable.boutonsAction a {
	font-size:21px; /* 21/18 */
	line-height:1.222222222222222; /* 33/27 */
	font-weight:600;
	text-decoration:none;
	text-transform:uppercase;
	background-color:#fff;
	color:#000;
	height:100px;
	width:47%;
	
	background:url(img/fleche_accueil.svg) 100% center no-repeat #fff;
	border-right:25px solid #333;
	padding:15px 35px 15px 25px;
	transition:background-position 0.2s ease;
}
.cssTable.boutonsAction a.bouton1 {
	background-color:#ffe98b;
	border-right-color:#ffe98b;
}
.cssTable.boutonsAction a.bouton2 {
	background-color:#ffb81a;
	border-right-color:#ffb81a;
}
.cssTable.boutonsAction a.bouton1:hover,
.cssTable.boutonsAction a.bouton1:focus {
	background-position:95% center;
}
.cssTable.boutonsAction a.bouton2:hover,
.cssTable.boutonsAction a.bouton2:focus {
	background-position:95% center;
}


/* Le concours à l'accueil */
.sConcours h2 {
	display:table;
	width:100%;
	table-layout:fixed;
	margin:0 0 40px 0;
	line-height:1;
	
	font-family: 'ManifoldCF-DemiBold', Helvetica, Arial, Sans-Serif;
	font-weight:400;
	font-size:45px;
	text-transform:uppercase;
}
.sConcours h2 .texte {
	display: table-cell;
	vertical-align: middle;
	white-space: nowrap;
	width: 350px;
}
.sConcours h2 .coteGauche,
.sConcours h2 .coteDroit{
	display:table-cell;
	vertical-align:middle;
	position:relative;
}
.sConcours h2 .coteGauche:before,
.sConcours h2 .coteDroit:before{
	content:"";
	display:block;
	width:100%;
	height:2px;
	background-color:#ffc41a;
}




/* Contact */
.sContact {
	color:#000;
	background:url(img/bg_contact.png) center center no-repeat #ccc;
	background-size:cover;
}
.sContact .content {
	padding-top:60px;
	padding-bottom:60px;
}
.sContact p {
	text-align:center;
	margin:0;
}
.sContact a.courriel {
	display:inline-block;
	color:#000;
	font-size:22px;
	font-weight:600;
	text-decoration:none;
	border: 3px solid #000;
	padding:20px;
}
.sContact a.courriel:active,
.sContact a.courriel:focus,
.sContact a.courriel:hover {
	text-decoration:underline;
}


/* Copyrights TÉLUQ */
.sCopyrights {
	color:#fff;
	background:#000;
}
.sCopyrights .content {
	padding-top:0;
	padding-bottom:15px;
}
.sCopyrights p {
	text-align:center;
	margin:0;
}
.sCopyrights p.copyrights {
	font-size:13px;
}
.sCopyrights a {
	color:#fff;
	text-decoration:none;
}



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


/* Listes */
ul.liste1 { padding-left:0; list-style-type:none; list-style-image:none; }
ul.liste1 > li { position:relative; padding-left:25px; }
ul.liste1 > li:before {
	display:block;
	position:absolute;
	top:1px;
	left:0;
	content:url(img/fleche-carre-jaune.svg);
}


/* Présentation en fausse liste avec flèche */
.fleche {
	font-weight:700;
	line-height:20px;
	margin-top:1.2em;
	margin-bottom:10px;
	background:url(img/fleche-carre-jaune.svg) no-repeat 0 0;
	padding-left:30px;
}
.margeFleche {
	padding-left:30px;
	margin-bottom:25px;
}
.margeFleche > p {
	margin-bottom:10px;
}



/* Liens/boutons de partage des médias sociaux */
.wrapActionPartager{
	margin:40px 0 1em 0;
	padding-top:10px;
	border-top:2px solid #000;
}
.actionPartager{
	display:table;
	table-layout:fixed;
}
.actionPartager > p{
	display:table-cell;
	vertical-align:middle;
	font-size:0.6666666666666667em; /* 12/18 */
	line-height:25px;
	color:#9a9a9a;
	font-weight:600;
}
.actionPartager .btnPartagerFB,
.actionPartager .btnPartagerT,
.actionPartager .btnPartagerGP,
.actionPartager .btnPartagerLI,
.actionPartager .btnPartagerEmail{
	float:left;
	margin-left:10px;
}
.btnPartagerFB,
.btnPartagerT,
.btnPartagerGP,
.btnPartagerLI,
.btnPartagerEmail{
	display:inline-block;
	height:25px;
	width:25px;
	background:url(img/sociaux/ico_partage_facebook_sprite.png) no-repeat;
}
.btnPartagerFB:hover,
.btnPartagerT:hover,
.btnPartagerGP:hover,
.btnPartagerLI:hover,
.btnPartagerEmail:hover{
	background-position:0 -25px;
}
.btnPartagerT{
	background:url(img/sociaux/ico_partage_twitter_sprite.png) no-repeat;
}
.btnPartagerGP{
	background:url(img/sociaux/ico_partage_google_sprite.png) no-repeat;
}
.btnPartagerLI{
	background:url(img/sociaux/ico_partage_linkedin_sprite.png) no-repeat;
}
.btnPartagerEmail{
	background:url(img/sociaux/ico_partage_email_sprite.png) no-repeat;
}



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


/* #Fluide Grid
*  http://grids.herokuapp.com/fluid_grid.css?column_amount=16
================================================== */
.container { position: relative; width: 100%; margin: 0 auto; padding: 0; overflow:hidden; }
.row { margin-bottom: 15px; }
.container .columnf { 
	float:left;
	display:inline;
	padding-left: 2%;
	padding-right: 2%;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}


.columnf.first { padding-left:0!important; }
.columnf.last  { padding-right:0!important; }

/* Base Grid */
.container .g100.columnf { width: 100.0%;  }
.container .g1-2.columnf { width: 50.0%;  }
.container .g1-3.columnf { width: 33.33%; }
.container .g2-3.columnf { width: 66.66%; }
.container .g1-4.columnf { width: 25.0%;  }
.container .g2-4.columnf { width: 50.0%;  }
.container .g3-4.columnf { width: 75.0%;  }
.container .g1-5.columnf { width: 20.0%;  }
.container .g1-5.columnf { width: 20.0%;  }
.container .g2-5.columnf { width: 40.0%;  }
.container .g3-5.columnf { width: 60.0%;  }
.container .g4-5.columnf { width: 80.0%;  }



/*****************************************/
/* Modifications au plugin Video Contest */
/* pour le Vote du public                */
/*****************************************/
/* Menu */
body:not(.admin-bar) #vcmenu {
	display:none!important;
}

/* Liste des vidéos */
.modern-p-form {
	display:none!important;
}
.video_contest-pagination {
	/* Tout est dans la même page */
	display:none!important;
}




/*--------------------------------------------------------------
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 1024px */
@media only screen and (max-width: 1023px) {
	/*.menuPrincipal .zoneTitre h1 {
		padding-left:14px;
	}
	.zoneMenu a,
	.zoneMenu a:link,
	.zoneMenu a:visited{
		padding:3px 14px;
	}*/
}

/* Moins de 920px */
@media only screen and (max-width: 919px) {
	
}

/* Moins de 768px */
@media only screen and (max-width: 767px) {
	/*body {
		font-size:17px;
	}*/
	
	.zoneMenu {
		top:80px;
	}
	
	#main {
		padding-top: 80px;
	}
	
	.menuPrincipal h1 {
		padding-left:10px;
	}
	.menuPrincipal h1 img {
		max-height:60px;
	}
	.menuPrincipal a.menuToggle {
		height:80px;
		width:130px;
	}
	/*.zoneMenu .menuFermer {
		height:56px;
		line-height:56px;
		width:130px;
	}*/
	
	
	.strate .content {
		padding: 30px 10px;
	}
	
	
	/* Intro video (accueil) */
	.sIntroVideo .videoWrapper,
	.sIntroVideo video {
		display:none;
	}
	
	.sIntroVideo .cssTable {
		display:block;
	}
	.sIntroVideo .coteLogo {
		display:block;
		width: auto;
		height: auto;
		max-width:290px;
		padding: 15px;
		margin: 0 auto;
	}
	.sIntroVideo .coteTexte {
		display:block;
		padding-left:0;
		padding-top:30px;
		text-align:center;
	}
	.sIntroVideo .coteTexte h1 {
		font-size:45px;
	}
	.sIntroVideo .coteTexte .dates {
		font-size:23px;
	}
	
	.cssTable.boutonsAction {
		margin-top:0!important;
	}
	
	.cssTable.boutonsAction,
	.cssTable.boutonsAction > * {
		display:block;
		vertical-align:top;
	}
	.cssTable.boutonsAction a {
		height:auto;
		width:100%;
		max-width:500px;
		padding-top:30px;
		padding-bottom:30px;
	}
	.cssTable.boutonsAction .spacer + a {
		margin-top:25px;
	}
	.cssTable.boutonsAction .spacer {
		display:none;
	}
	
	
	.sContact h2 {
		margin-bottom:30px;
	}

	
	
	
	
	
	/* #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) {
	
	.sConcours h2 {
		font-size:30px;
	}
	.sConcours h2 .texte {
		width: 190px;
	}
	
} /* FIN - Moins de 600px */


/* Moins de 480px */
@media only screen and (max-width: 479px) {
	h2 {
		font-size:2em;
	}
	
	.sContact .content {
		padding-left:10px;
		padding-right:10px;
	}
	
} /* FIN - Moins de 480px */


/* 1200px et + */
@media only screen and (min-width: 1200px) {
	
	
} /* 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://tropheesdunumerique.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;
    }
	
	
	/* On cache certains éléments */
	#wpadminbar,
	.menuPrincipal,
	.zoneMenu,
	.sInscription,
	.edit-link,
	.actionPartager {
		display:none!important;
	}
	
	.strate.sPageSecondaire .content,
	.strate .content {
		padding-top: 0;
	}
	
	.print_only { display:block!important; visibility:visible!important; }
	.screen_only { display:none!important; }
}