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

roc2021 is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize
2.0 Typography
3.0 Elements
4.0 Forms
5.0 Navigation
	5.1 Links
	5.2 Menus
6.0 Accessibility
7.0 Alignments
8.0 Clearings
9.0 Widgets
10.0 Content
	10.1 Posts and pages
	10.2 Asides
	10.3 Comments
11.0 Infinite scroll
12.0 Media
	12.1 Captions
	12.2 Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Normalize
--------------------------------------------------------------*/
/*! normalize.css v4.1.1 | MIT License | https://github.com/necolas/normalize.css */
/* http://csscompressor.com/ */
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{margin:0}
article,aside,details,
figcaption,figure,footer,header,main,
menu,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block}
audio:not([controls]){display:none;height:0}
progress{vertical-align:baseline}
template,
[hidden]{display:none}
a{background-color:transparent;-webkit-text-decoration-skip:objects}
a:active,a:hover{outline-width:0}
abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}
b,strong{font-weight:inherit;font-weight:bolder}
dfn{font-style:italic}
h1{font-size:2em;margin:.67em 0}
mark{background-color:#ff0;color:#000}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-.25em}
sup{top:-.5em}
img{border-style:none}
svg:not(:root){overflow:hidden}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}
figure{margin:1em 40px}
hr{box-sizing:content-box;height:0;overflow:visible}
button,input,select,textarea{font:inherit;margin:0}
optgroup{font-weight:700}
button,input{overflow:visible}
button,select{text-transform:none}
button,html [type="button"],
[type="reset"],[type="submit"]{-webkit-appearance:button}
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}
button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}
fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}
legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}
textarea{overflow:auto}
[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}
[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}
[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}
[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-input-placeholder{color:inherit;opacity:.54}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}

hr {
	display: block;
	border: solid #aaa;
	border-width: 1px 0 0;
	clear: both;
	margin: 1.5em 0;
	height: 0;
}

audio,
canvas,
img,
video {
	vertical-align: middle;
	max-width:100%;
	height:auto;
}
iframe {
	max-width:100%;
}

/*
 https://wordpress.stackexchange.com/questions/119547/oembed-youtube-video-aspect-ratio#138553
*/
.videoWrapper {
    width: 100%;
    position: relative;
    overflow: hidden;
	margin-bottom:1em;
}
.videoWrapper:before {
    content: "";
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    display: block;
    overflow: hidden;
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}
textarea {
	resize: vertical;
}

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

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

/*--------------------------------------------------------------
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; /* #424242 */
	font-size:18px;
	line-height:1.444444444444444; /* 26/18 */
	font-weight:400;
}
::-moz-selection {
	background: #000;
	color: #fff;
	text-shadow: none;
}
::selection {
	background: #000;
	color: #fff;
	text-shadow: none;
}
hr {
	display: block;
	border: solid #aaa;
	border-width: 1px 0 0;
	clear: both;
	margin: 1.5em 0;
	height: 0;
}

b,strong{
	font-weight:700;
}
b.semi,
strong.semi{
	font-weight:600;
}
b.h4,
strong.h4{
	color:#313131;
}
img { 
	max-width:100%; 
	height:auto;
}
ol, ul {
	margin:0 0 1em 0;
	padding-left:20px;
}
ul { list-style-type:none; padding:0; }
li { margin:0.2em 0 0.5em 0; }

ul > li {
	position:relative;
	padding-left:17px;
}
ul > li:before {
	content:"";
	position:absolute;
	left:0;
	top:0.6em;
	display:block;
	width:7px;
	height:7px;
	background-color:#37ABB1;
	border-radius:50%;
}


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

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

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

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


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

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

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

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


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


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

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

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


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



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

h1 {
	font-family: 'Yantramanav', sans-serif;
	font-size:3.222222222222222em; /* 58/18 */
	line-height:1.1;
	font-weight:500;
	margin:0 0 40px 0;
}
.titrePage {
	font-family: 'Yantramanav', sans-serif;
	color:#11113A;
	font-size:2.222222222222222em; /* 40/18 */
	font-weight:500;
	line-height:1;
	letter-spacing:2px;
	margin:0 0 40px 0;
	text-align:left;
	
	position:relative;
	padding-bottom:15px;
}
.titrePage:after {
	border-bottom:3px solid #DB3746;
	bottom:0;
	left:0;
	height:3px;
	position:absolute;
	content:"";
	width:70px;
}

h2 {
	font-family: 'Yantramanav', sans-serif;
	font-size:2.222222222222222em; /* 40/18 */
	font-weight:500;
	line-height:1;
	letter-spacing:2px;
	margin:0 0 25px 0;
}
.titrePageListe a { text-decoration:none; color:#000; }
.titrePageListe a:focus,
.titrePageListe a:hover { text-decoration:underline; color:#000; }

h3 {
	font-family: 'Yantramanav', sans-serif;
	font-size:1.555555555555556em; /* 28/18 */
	line-height:1.4;
	font-weight:500;
	letter-spacing:1.4px;
	margin:25px 0 15px 0;
}


.sPageSecondaire h2 {
	font-family: 'Yantramanav', sans-serif;
	font-weight:500;
	letter-spacing:1.5px;
	font-size:1.666666666666667em; /* 30/18 */
	line-height:1.166666666666667; /* 35/30 */
	color:#00ABB4;
	margin:50px 0 20px 0;
}
.sPageSecondaire h2.alt {
	font-size:1.333333333333333em; /* 24/18 */
	margin-bottom:10px;
}
.sPageSecondaire h3 {
	font-family: 'Open Sans', sans-serif;
	color:#12123E;
	font-size:1.166666666666667em; /* 21/18 */
	line-height:1.238095238095238; /* 26/21 */
	letter-spacing:1.68px;
	margin:1.6em 0 0.8em 0;
	font-weight:600;
}
.sPageSecondaire h4 {
	color:#313131;
	font-size:1em; /* 18/18 */
	line-height:1.333333333333333; /* 24/18 */
	font-weight:700;
	margin:0.6em 0 0.4em 0;
}


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

.accordeon .toggler {
	position:relative;
	color:#414141;
	background-color:transparent;
	display: block;
	font-size:1.166666666666667em; /* 21/18 */
	font-weight:400;
	text-decoration: none;
	text-transform:none;
	margin:15px 0 0 0;
	padding:0;
	border:0;
}
.accordeon .toggler > button.subtil {
	width:100%;
	ms-user-select:auto;
	user-select:auto;

	/* Styles anciennement sur le .toggler */
	position:relative;
	padding: 4px 30px 4px 5px;
	border-bottom:1px solid #D9D9D9;
	cursor: pointer;
}

.accordeon .toggler > button.subtil .icone {
	background-image:url(img/plus_moins_sprite.svg);
	background-position:0 0;
	display:block;
	width:22px;
	height:22px;
	position:absolute;
	right:5px;
	bottom:6px;
	transition:transform 0.2s ease;
}
.accordeon .toggler.active > button.subtil .icone {
	transform:rotate(45deg);
}

.accordeon > div {
	padding:5px 0 15px 0;
	border-bottom:2px solid #fff;
}
.accordeon > div > *:first-child { margin-top:0; }
.accordeon > div > *:last-child  { margin-bottom:0; }
.accordeon > div.active {
    border-bottom-color: #D9D9D9;
}



/*
 * Onglets
 */
.onglets { margin: 20px 0; }
.onglets ul.nav {
	display: block;
	margin: 0 0 20px 0;
	padding: 0;
	font-size:1.166666666666667em; /* 21/18 */
	font-weight:600;
}
.onglets ul.nav li {
	display: block;
	width: 225px;
	padding: 0;
	margin: 0 20px 20px 0;
	float: left;
}
.onglets ul.nav li:before {
	display:none;
}
.onglets ul.nav li .jour {
	font-family: 'Yantramanav', sans-serif;
	font-size:1.333333333333333em; /* 28/21 */
	line-height:1;
	font-weight:500;
	/*margin-bottom:5px;*/
	display:block;
}
.onglets ul.nav li a {
	display:block;
	text-decoration:none;
	color:#000;
	font-weight:600;
	width: 100%;
	padding:20px 15px;
	margin:0;
	line-height: 30px;
	background: #fff;
	border:2px solid #FFB102;
	text-align:center;
	transition:background-color 0.2s ease;
}
.onglets ul.nav li a:hover,
.onglets ul.nav li a.active {
	background-color:#FFB102;
}


/* Clearfixing tabs for beautiful stacking */
.onglets ul.nav:before,
.onglets ul.nav:after {
	content: '\0020';
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
.onglets ul.nav:after { clear: both; }
.onglets ul.nav { zoom: 1; }

.onglets .contenu {
	margin-top:15px;
	background: #fff;
	/*padding:10px 0;*/
}

.onglets .contenu h1.visuallyhidden { /* Titre de l'onglet pour l'impression */
	font-size:18px;
	margin-top:0;
	text-transform:none;
}



/*
 * Tableaux
 */
table {
	border: 0;
	padding: 0;
	margin: 10px 0 15px 0;
	border-collapse: collapse;
	width:100%;
}
th {
	padding: 5px;
	text-align: left;
	line-height: 1.5em;
	color: #000;
	/*background-color:#fff;*/
	text-transform: uppercase;
	font-weight:600;
}
th a:link, th a:visited, th a:hover { color:#000; }
tbody td { padding: 7px; }
td p:last-child, th p:last-child { margin-bottom:0; }


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



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


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


/*--------------------------------------------------------------
4.0 Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	cursor: pointer;
}

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

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

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


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



input.custom[type="radio"] {
	display: none;
}
input.custom[type="radio"] + label:before {
	/*position: absolute;
	top: 5px;
	left: 0;*/
	display: inline-block;
	width: 26px;
	height: 26px;
	content: "";
	cursor: pointer;
	font-size: 16px;
	line-height: 16px;
	border-radius: 50%;
	vertical-align: middle;
	/*background-color: #ffffff;*/
	border: 1px solid #000;
	margin-right:5px;
	transition:all ease 0.15s;
}
input.custom[type="radio"]:checked + label:before {
    border: 13px solid #000;
	/*background-color: #fff;*/
}
input.custom[type="radio"] + label{}


/*
 * Boutons
 */
a.button,
a.button:link,
a.button:visited,
input[type="submit"]{
	font-size:1em; /* 18/18 */
	background-color:#E94A4C;
	color:#fff;
	font-weight:600;
	text-transform:none;
	text-align:center;
	border:0;
	padding:7px 15px;
	text-decoration:none;
	border-radius:0;
	transition:background-color 0.2s ease;
}
a.button:focus,
a.button:hover,
input[type='submit']:focus,
input[type='submit']:hover{
	background-color:#414141;
}


/* <Button> invisible, à utiliser pour l'accessibilité seulement */
/* https://css-tricks.com/overriding-default-button-styles/ */
button.subtil {
	font-size:100%;
	line-height: inherit;
	font-family:inherit;
	padding:0;
	border:0;
	border-radius:0;
	
	/* On doit annuler plusieurs styles spécifiés plus haut (pour normaliser les inputs) */
	background:none;
	color:inherit;
	/*display: inherit;*/
	cursor: inherit;
	text-align:inherit;
	font-weight:inherit;
	text-decoration:inherit;
	width:auto;
	max-width:none;
	text-transform:inherit;
	transition:none;
	-webkit-appearance: none;
    -moz-appearance: none;
}
button.subtil:focus {
	color:inherit;
	background:inherit;
	outline: thin dotted;
}




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

a.pdf {
	padding-right: 35px;
	background: transparent url(img/ico_pdf.svg) no-repeat right center;
}



/*--------------------------------------------------------------
5.2 Menus
--------------------------------------------------------------*/
.main-navigation {
	clear: both;
	display: block;
	float: left;
	width: 100%;
}

.main-navigation ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation li {
	float: left;
	position: relative;
}

.main-navigation a {
	display: block;
	text-decoration: none;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 1.5em;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul ul li {

}

.main-navigation li:hover > a {
}

.main-navigation ul ul :hover > a {
}

.main-navigation ul ul a:hover {
}

.main-navigation ul li:hover > ul {
	left: auto;
}

.main-navigation ul ul li:hover > ul {
	left: 100%;
}

.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a {
}

/* Small menu. */
.menu-toggle {
	display: none;
}

@media screen and (max-width: 600px) {
	.menu-toggle,
	.main-navigation.toggled .nav-menu {
		display: block;
	}

	.main-navigation ul {
		display: none;
	}
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 1.5em 0 1.5em 0;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/*--------------------------------------------------------------
6.0 Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/*--------------------------------------------------------------
7.0 Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
8.0 Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
9.0 Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
}

/* Search widget. */
.widget_search .search-submit {
	display: none;
}

/*--------------------------------------------------------------
10.0 Content
--------------------------------------------------------------*/


/* ==========================================================================
   Styles custom pour ce site
   ========================================================================== */
/**********************
/* Styles de la page
***********************/
.wrapper {
	min-width:375px;
}

.menuWrapper {
	background:#fff;
}
.strate.menuWrapper .content {
	padding-top:15px;
	padding-bottom:15px;
}

/* Menu principal */
.menuPrincipal {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.menuPrincipal a:hover {
	outline:0;
}
.menuPrincipal .logo {
	font-size:1em;
	line-height:1;
	font-weight:700;
	color:#000;
	padding:0 10px 0 0;
	margin:0;
	width:300px;
}
.menuPrincipal .liens {
	display: flex;
	justify-content: space-between;
	width:220px;
}
.menuPrincipal .menuLangue,
.menuPrincipal .menuToggle {
	/*vertical-align:middle;
	height:44px;
	width:126px; /* 116px */
	/*padding-right:10px;*/
	margin:0;
	flex-shrink:0;
}
.menuPrincipal .menuLangue a,
.menuPrincipal .menuToggle a {
	display:inline-block;
	font-size:0.8333333333333333em; /* 15/18 */
	text-transform:uppercase;
	font-weight:700;
	color:#000;
	text-align:center;
	vertical-align:middle;
	text-decoration:none;
	padding:7px 0;
}
.menuPrincipal .menuToggle a {
	transition:color 0.2s ease;
}
.menuPrincipal .menuLangue a + a {
	margin-left:15px;
}
.menuPrincipal .menuLangue span,
.menuPrincipal .menuToggle span {
	border-bottom:2px solid transparent;
	padding-bottom:1px;
	transition:border 0.2s ease;
}
.menuPrincipal .menuToggle svg {
	display:inline-block;
	vertical-align:middle;
	margin:0 0 3px 5px;
}
.menuPrincipal .menuToggle a:hover,
.menuPrincipal .menuToggle a:focus,
.menuPrincipal .menuToggle a:active {
	color:#0C59A1;

}
.menuPrincipal .menuToggle a:hover svg .ligne,
.menuPrincipal .menuToggle a:focus svg .ligne,
.menuPrincipal .menuToggle a:active svg .ligne {
	stroke:#0C59A1;
}
.menuPrincipal .menuLangue a:hover span,
.menuPrincipal .menuLangue a:focus span,
.menuPrincipal .menuLangue a:active span,
.menuPrincipal .menuLangue a.current-lang span {
	border-color:#E94A4C;
}


/* Entete des pages secondaires */
.menuWrapper .sEnteteSecondaire {
	background:url(img/roc_entete_secondaire_large-2021.svg) no-repeat #fff center center;
	background-size:cover;
	min-height:300px;
	height:1px; /* IE */
	
	display:flex;
	align-items:center;
	flex-wrap:wrap;
}
.menuWrapper .sEnteteSecondaire .content {
	width:100%;
}
.menuWrapper .sEnteteSecondaire .contenuEntete {
	background:#DB3746;
	box-shadow: 2px 8px 22px rgba(0,0,0,0.65);
	max-width:730px;
	padding:20px;
	text-align:center;
	margin:0 auto;
}
.menuWrapper .sEnteteSecondaire h1 {
	font-family: 'Yantramanav', sans-serif;
	font-size:2.444444444444444em; /* 44/18 */
	line-height:0.9545454545454545; /* 42/44 */
	font-weight:300;
	color:#fff;
	margin:0;
}


.liensActions ul {
	margin:80px 0;
	padding:0;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:center;
}
.liensActions ul > li {
	display:flex;
	align-content:stretch;
	margin:0;
	padding:0;
	width:32%;
	max-width:308px;
	height:125px;
}
.liensActions ul > li a {
	position:relative;
	display:flex;
	font-size:1.222222222222222em; /* 22/18 */
	line-height:1.090909090909091; /* 24/22 */
	font-weight:700;
	letter-spacing:0.66px;
	color:#11113A;
	text-transform:uppercase;
	padding:5px 50px 5px 30px;
	width:100%;
	background-color:#fff;
	box-shadow: 2px 8px 22px rgba(0,0,0,0.65);
	text-decoration:none;
	transition:color 0.2s ease;
}
.liensActions ul > li > a > span {
	align-self:center;
}

.liensActions ul > li > a:after {
	content:"";
	position:absolute;
	top:50%;
	right:20px;
	width:24px;
	height:18px;
	margin-top:-9px;
	background:url(img/ico_fleche-2021.svg) center right no-repeat;
	/*transition:translate 0.2s ease;*/
}

.liensActions ul > li > a:focus,
.liensActions ul > li > a:hover {
	color:#00ABB4;
}
.liensActions ul > li > a:focus:after,
.liensActions ul > li > a:hover:after {
	/*transform:translate(5px, 0);*/
	animation: bounceH .5s infinite alternate;
    -webkit-animation: bounceH .5s infinite alternate;
}


/***************/
/* Menu ouvert */
/***************/
.zoneMenu {
	position:fixed;
	z-index:999990;
	background-color:#DB3746;
	top:0;
	bottom:0;
	left:0;
	right:0;
	opacity:0;
	visibility:hidden;
	transition:all 0.25s ease;
	overflow:auto;
}
.zoneMenu.active {
	visibility:visible;
	opacity:1;
}
.zoneMenu .menuFermer {
	display:block;
	float:right;
	height:49px;
	width:49px;
	background:url(img/ico_fermer.svg) center center no-repeat #F08C74;
	color:#fff;
}

/* Colonne des liens rapides */
/*.zoneMenu ul.liensRapides {
	list-style:none;
	margin:0;
	padding:0 0 0 40px;
}
.zoneMenu .liensRapides li {
	margin:0 0 17px 0;
}
.zoneMenu .liensRapides li:last-child {
	margin:0;
}
.zoneMenu .liensRapides a {
	display:inline-block;
	position:relative;
	padding-left:60px;
	color:#71CAC8;
	font-weight:600;
	line-height:40px;
	text-decoration:none;
	text-transform:uppercase;
	vertical-align:middle;
	outline:0;
}
.zoneMenu .liensRapides a:before {
	content:"";
	position:absolute;
	left:0;
	top:0;
	background:#565656 left center no-repeat;
	border-radius:50%;
	width:40px;
	height:40px;
}
.zoneMenu .liensRapides a.icoRendre:before {
	background-image:url(img/ico_rendre.svg);
}
.zoneMenu .liensRapides a.icoDormir:before {
	background-image:url(img/ico_dormir.svg);
}
.zoneMenu .liensRapides a.icoManger:before {
	background-image:url(img/ico_manger.svg);
}
.zoneMenu .liensRapides a.icoFaire:before {
	background-image:url(img/ico_quoi-faire.svg);
}
.zoneMenu .liensRapides a.icoBenevole:before {
	background-image:url(img/ico_benevole.svg);
}
.zoneMenu .liensRapides a:hover,
.zoneMenu .liensRapides a:focus,
.zoneMenu .liensRapides a:active {
	color:#fff;
}
.zoneMenu .liensRapides a:hover:before,
.zoneMenu .liensRapides a:focus:before,
.zoneMenu .liensRapides a:active:before {
	background-color:#E94A4C;
}*/



/* Colonne du menu principal */
#menu-menu-principal ul {
	padding:0;
	margin:0;
	overflow:hidden;
}
#menu-menu-principal.menu {
	margin:0 auto 25px auto;
	padding:0 25px 0 0;
}
#menu-menu-principal li {
	display:block;
	margin:30px 0 0 0;
	padding:0;
	list-style-type:none;
}
#menu-menu-principal li:first-child {
	margin-top:0;
}
#menu-menu-principal li a,
#menu-menu-principal li a:link,
#menu-menu-principal li a:visited{
	font-family: 'Yantramanav', sans-serif;
	font-size:2em; /* 36/18 */
	line-height:1;
	letter-spacing:0.07px;
	display:block;
	color:#fff;
	text-decoration: none;
	outline:0;
	
	padding-bottom:10px;
	border-bottom:1px solid #EBE0CC;
}
#menu-menu-principal li.menu-item-has-children > a{
	position:relative;
	border-bottom:1px solid #EBE0CC;
	padding:0 60px 10px 0;
}
#menu-menu-principal li.menu-item-has-children > a:after{
	content:"";
	position:absolute;
	right:0;
	bottom:14px;
	background:url(img/menu-accordeon-closed.svg) 0 0 no-repeat;
	width:27px;
	height:16px;
}
#menu-menu-principal li a:hover,
#menu-menu-principal li a:focus,
#menu-menu-principal li a:active,
#menu-menu-principal li a.active,
#menu-menu-principal li.current-menu-item a{
	color:#11113A;
}
#menu-menu-principal li.menu-item-has-children.sous-menu-ouvert > a:after{
	background-image:url(img/menu-accordeon-opened.svg);
}


/* Sous-menu */
#menu-menu-principal .sub-menu {
	display:none;
	margin-top:20px;
}
#menu-menu-principal .sub-menu li {
	display:block;
	margin:0 0 8px 0;
	position:relative;
}
#menu-menu-principal .sub-menu li:last-child {
	margin:0;
}
#menu-menu-principal .sub-menu li a {
	display:inline-block;
	color:#fff;
	padding:3px 6px;
	font-weight:600;
	font-size:1em; /* 18/18 */
	border-bottom:0;
}
#menu-menu-principal .sub-menu li a:hover,
#menu-menu-principal .sub-menu li a:focus,
#menu-menu-principal .sub-menu li a:active,
#menu-menu-principal .sub-menu li a.active{
	color:#414141;
	background-color:#fff;
}



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


/**************/
/* Page promo */
/**************/
.entetePromo {
	background:url(img/roc_bandeau_large.svg) no-repeat center top #EBE0CC;
	min-height:715px;
	padding:80px 0 0 0;
}

.strate.entetePromo > .content {
	padding-top:0;
	padding-bottom:0;
}
.entetePromo .boiteRouge {
	background:#DB3746;
	box-shadow: 2px 8px 22px rgba(0,0,0,0.65);
	padding:40px;
	margin-bottom:80px;
	text-align:center;
}
.entetePromo .boiteRouge > *:first-child { margin-top:0; }
.entetePromo .boiteRouge > *:last-child  { margin-bottom:0; }
.entetePromo .boiteRouge .themeColloque {
	font-size:3.222222222222222em; /* 58/18 */
	line-height:0.96551724137931031; /* 56/58 */
	font-weight:300;
	color:#fff;
	margin:0;
}
.entetePromo .boiteRouge .dates {
	text-transform:uppercase;
	font-size:1.055555555555556em; /* 19/18 */
	font-weight:700;
	letter-spacing:1.9px;
	margin-bottom:5px;
}
.entetePromo .boiteRouge .numerique {
	text-transform:uppercase;
	font-size:0.8888888888888889em; /* 16/18 */
	font-weight:600;
	letter-spacing:1.6px;
}

.entetePromo .boiteRouge hr {
	border:solid #D98A73;
	margin: 1.5em auto;
	border-width:2px 0 0 0;
	max-width:130px;
}


.entetePromo .boiteBlanche {
	background:#fff;
	padding:40px 40px 60px 40px;
	margin-bottom:80px;
}
.entetePromo .boiteBlanche > *:first-child { margin-top:0; }
.entetePromo .boiteBlanche > *:last-child  { margin-bottom:0; }
.entetePromo .boiteBlanche .grand {
	font-size:1.222222222222222em; /* 22/18 */
	line-height: 1.454545454545455; /* 32/22 */
}
.entetePromo a.boutonLien {
	position:relative;
	display:inline-block;
	font-family: 'Yantramanav', sans-serif;
	font-size:1.333333333333333em; /* 24/18 */
	line-height:1;
	font-weight:400;
	color:#fff;
	letter-spacing:0.48px;
	text-decoration:none;
	margin:40px 0 0 0;
	padding:10px 65px 10px 25px;
	border:0;
	background:#11113A;
	border-radius:50px; /* Assez large pour au moins 2 lignes */
}
.entetePromo a.boutonLien:after {
	content:"";
	position:absolute;
	top:50%;
	right:20px;
	width:24px;
	height:18px;
	margin-top:-9px;
	background:url(img/ico_fleche-2021.svg) center right no-repeat;
	/*transition:translate 0.2s ease;*/
}
.entetePromo a.boutonLien:focus:after,
.entetePromo a.boutonLien:hover:after {
	/*transform:translate(5px, 0);*/
	animation: bounceH .5s infinite alternate;
    -webkit-animation: bounceH .5s infinite alternate;
}
@keyframes bounceH {
	from {
		transform: translateX(0);
	}
	
	to {
		transform: translateX(3px);
	}
}
@-webkit-keyframes bounceH {
	from {
		transform: translateX(0);
	}
	
	to {
		transform: translateX(3px);
	}
}



.entetePromo .content.pourQui {
	background:url(img/img_femme_qui.svg) bottom right no-repeat;
	background-position:bottom 10px right;
	padding:0 330px 80px 0;
}
.entetePromo .content.pourQui h2 {
	color:#11113A;
}
.entetePromo .pourQui .inscription {
	/* Comme un H3 */
	font-family: 'Yantramanav', sans-serif;
	font-size:1.555555555555556em; /* 28/18 */
	line-height:1;
	color:#17183D;
	font-weight:500;
	letter-spacing:1.4px;
	margin:30px 0 10px 0;
}


/* Strate badge du participant */
.sBadge {
	background:#AAB0B5;
}
.sBadge .flex {
	display:flex;
	align-items:center;
}
.sBadge .flex > .image {
	width:188px;
	flex-shrink:0;
	text-align:center;
}
.sBadge .flex > .image img {
	transform: rotate(-5deg);
	box-shadow: 8px 15px 15px #666;
	box-shadow: 8px 15px 15px rgba(0,0,0,0.2);
}
.sBadge .flex > .fleche {
	width:120px;
	flex-shrink:0;
	text-align:center;
}
.sBadge .flex > .texte {
	font-size:1.222222222222222em; /* 22/18 */
	line-height:1.454545454545455; /* 32/22*/
}
.sBadge .flex > .texte > *:last-child {
	margin-bottom:0;
}



.appelComm {
	background:#11113A;
	color:#fff;
}
.appelComm h2 {
	color:#F48B72;
}
.appelComm .dateLimite {
	font-weight:700;
	color:#F48B72;
}
.appelComm a.boutonTelecharger {
	position:relative;
	display:inline-block;
	color:#fff;
	font-family: 'Yantramanav', sans-serif;
	font-size:1.333333333333333em; /* 24/18 */
	line-height:1;
	font-weight:400;
	letter-spacing:0.48px;
	text-decoration:none;
	margin:20px 0 0 0;
	padding:10px 65px 10px 25px;
	border:1px solid #6AA7B1;
	border-radius:50px; /* Assez large pour au moins 2 lignes */
}
.appelComm a.boutonTelecharger:after {
	content:"";
	position:absolute;
	top:50%;
	right:20px;
	width:27px;
	height:26px;
	margin-top:-13px;
	background:url(img/ico_telechargement.svg) center right no-repeat;
	/*transition:translate 0.2s ease;*/
}
.appelComm a.boutonTelecharger:focus:after,
.appelComm a.boutonTelecharger:hover:after {
	animation: bounceV .5s infinite alternate;
    -webkit-animation: bounceV .5s infinite alternate;
}

@keyframes bounceV {
	from {
		transform: translateY(0);
	}
	
	to {
		transform: translateY(3px);
	}
}

@-webkit-keyframes bounceV {
	from {
		transform: translateY(0);
	}
	
	to {
		transform: translateY(3px);
	}
}


.bandeImage {
	background:url(img/roc_bande_large.svg) no-repeat center top;
	height:180px;
}


.organisation {
	
}
.organisation h2 {
	color:#C83C4D;
}

.organisation .split {
	display:flex;
	padding-top:30px;
}
.organisation .split h3 {
	margin-top:0;
}
.organisation .split .colonne {
	width:50%;
	padding-right:70px;
}
.organisation .split .colonne + .colonne {
	padding-left:70px;
	padding-right:0;
	border-left:2px solid #F48B72;
}
.organisation h3 {
	color:#11113A;
}
.organisation ul.noliste li {
	margin:0.5em 0;
}


.strate.partenaires:not(.avecMarge) .content {
	padding-top:0;
}
.partenaires .logos {
	display:flex;
	justify-content:space-between;
}
.partenaires .logos li:nth-child(2) {
	padding:0 25px;
}


.partenaires .logos2 {
	display:flex;
	justify-content:space-around;
}
.partenaires .logos2 li {
	text-align:center;
}
.partenaires .presentePar {
	margin:2em 0 2em 0;
	font-weight:700;
	text-align:center;
	letter-spacing:0.9px;
}



/* Contact / Nous joindre */
.sContact {
	background:#37ABB1;
}
.strate.sContact .content {
	background:url(img/img_homme_joindre.svg) bottom right 100px no-repeat;
	background-position:bottom right 100px;
	padding-right:325px;
	padding-bottom:50px;
	padding-top:50px;
}
.sContact h2 {
	color:#11113A;
	line-height:1;
}
.sContact p {
	font-size:1.222222222222222em; /* 22/18 */
}
.sContact a {
	color:#000;
	text-decoration:underline;
}
.sContact a:focus,
.sContact a:active,
.sContact a:hover {
	text-decoration:underline;
}


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


/* Page liste exposants */
.listeExposants {
	display:block;
	margin:0;
	padding:0;
}
.listeExposants .unExposant {
	width:100%;
	padding:0 0 20px 0;
	margin:0;
	border-bottom:1px dotted #707070;
}
.listeExposants .unExposant + .unExposant {
	padding-top:20px;
}
.listeExposants .unExposant:last-child {
	padding-bottom:0;
	border-bottom:0;
}
.listeExposants .unExposant:before {
	display:none; /* dot */
}
.listeExposants .unExposant .flex {
	display:flex;
	flex-wrap:wrap;
}
.listeExposants .unExposant .flex > .logo {
	display:flex;
	width:25%;
	padding:15px;
	text-align:center;
	align-self:stretch;
	align-items:center;
	border:1px solid #d9d9d9;
}
.listeExposants .unExposant .flex > .logo > p {
	margin:0 auto;
}
.listeExposants .unExposant .flex > .texte {
	width:75%;
	padding-left:25px;
}

.listeExposants a.savoirPlus {
	padding-right:35px;
	background:url(img/ico_fleche-2021.svg) right center no-repeat;
	display:inline-block;
	
	line-height:18px;
	min-height:18px;
	font-weight:600;
	text-decoration:underline;
}
.listeExposants a.savoirPlus:hover,
.listeExposants a.savoirPlus:focus {
	text-decoration:none;
}



/* Page dtails d'un exposant */
.expoLogo {
	
}
.expoVideo {
	background-color:#E5F7F7;
}



/* Listes */
ul.fleche > li {
	padding-left:25px;
}
ul.fleche > li:before {
	content:url(img/fleche_liste.png);
	left:0;
	top:0;
	width:18px;
	height:14px;
	background:none;
}





/* Programmation pages niveau 1 et 2 (détails) */
.commAsync {
	padding:25px;
	background-color:#FFF9E8;
	margin-bottom:40px;
}
.commAsync .titre {
	font-weight: 600;
	color: #22213C;
	font-size: 1.055555555555556em;
	letter-spacing: 0.38px;
	text-transform:uppercase;
}
.commAsync.commAsync *:last-child {
	margin-bottom:0;
}

.programmation.niveau2 .titrePage {
	margin-bottom:20px;
}
.programmation.niveau2 p.retourBas {
	margin-top:50px;
}
.programmation.niveau2 a.retourProg {
	display:inline-block;
	background:url(img/ico_retour.svg) no-repeat left center;
	padding-left:35px;
	font-family: 'Yantramanav', sans-serif;
	margin:40px 0 0 0;
	color:#000;
	font-size:1.333333333333333em; /* 24/18 */
	line-height:1.5; /* 30/20 */
	font-weight:400;
	text-transform:uppercase;
	text-decoration:none;
	letter-spacing:0.48px;
	/*margin-bottom:20px;*/
}
.programmation.niveau2 a.retourProg:hover,
.programmation.niveau2 a.retourProg:focus {
	text-decoration:underline;
}
/*.programmation.niveau2 a[href^="mailto:"] { font-weight:700; }*/

.programmation.niveau2 .date {
	font-weight:600;
	color:#707070;
	margin-bottom:15px;
}

.programmation.niveau2 .typeConf {
	font-family: 'Open Sans', sans-serif;
	text-transform:uppercase;
	font-weight:700;
	font-size:0.45em; /* 18/40 - dans le H1 */
	line-height:1;
	color:#fff;
	letter-spacing:0.72px;
	padding:8px 25px 8px 25px;
	display:inline-block;
	margin:0 0 10px 15px;
	vertical-align:text-bottom;
	background-color:#666;
}
.programmation.niveau2 .typeConf.theme1 { background-color:#C83C4D; }
.programmation.niveau2 .typeConf.theme2 { background-color:#FFD065; color:#000; }
.programmation.niveau2 .typeConf.theme3 { background-color:#487F92; }
.programmation.niveau2 .typeConf.theme4 { background-color:#487F92; }



.programmation.niveau2 .titre {
	text-transform:uppercase;
	font-weight:700;
	color:#22213C;
	font-size:1.055555555555556em; /* 19/18 */
	letter-spacing:0.38px;
}


.programmation h2.titreConf {
	font-family: 'Yantramanav', sans-serif;
	color:#11113A;
	font-size:2.222222222222222em; /* 40/18 */
	font-weight:500;
	line-height:1;
	letter-spacing:2px;
	margin:0 0 40px 0;
	text-align:left;
}

.programmation .blocDownload {
	margin-top:10px;
}
.programmation .blocDownload > p {
	margin:0; /* Marge directement sur le <a> */
}
.programmation .blocDownload a {
	margin:10px 20px 0 0;
}
.programmation .blocDownload a:last-child {
	margin-right:0;
}
.programmation .blocDownload > *:first-child { margin-top:0; }
.programmation .blocDownload > *:last-child { margin-bottom:0; }


.programmation .blocDownload a.diapo {
	font-size:0.8888888888888889em; /* 16/18 */
	position:relative;
	display:inline-block;
	text-decoration:none;
	padding:10px 13px 10px 48px;
	min-height:23px;
	line-height:23px;
	font-weight:600;
	background-color:#FFF9E8;
}
.programmation .blocDownload a.diapo:after {
	content:"";
	position:absolute;
	display:inline-block;
	width:24px;
	height:23px;
	top:11px;
	left:13px;
	background:url(img/ico_download_sprite.svg) 0 0 no-repeat;
}
.programmation .blocDownload a.diapo:hover:after,
.programmation .blocDownload a.diapo:focus:after {
	background-position:0 -23px;
}


.programmation .blocDownload a.web {
	font-size:0.8888888888888889em; /* 16/18 */
	display:inline-block;
	text-decoration:none;
	padding:13px 13px 13px 40px;
	min-height:16px;
	line-height:16px;
	font-weight:600;
	background:url(img/ico_lien_externe.svg) no-repeat 13px 13px #FFF9E8;
}

.programmation .blocDownload a.youtube {
	font-size:0.8888888888888889em; /* 16/18 */
	display:inline-block;
	text-decoration:none;
	padding:13px 13px 13px 48px;
	min-height:16px;
	line-height:16px;
	font-weight:600;
	background:url(img/ico_camera.svg) no-repeat 13px 7px #FFF9E8;
}


.programmation .blocConf {
	font-size:0.8888888888888889em; /* 16/18 */
}


.programmation .fondGris {
	font-family: 'Yantramanav', sans-serif;
	margin:40px 0 0 0;
	color:#000;
	font-size:1.666666666666667em; /* 30/18 */
	line-height:1.2;
	font-weight:500;
	background-color:#B2D6D6;
	text-transform:none;
	padding:4px 10px;
}
.programmation.niveau2 .fondGris {
	margin:50px 0 20px 0;
}
.programmation .fondGris .heure {
	width:120px;
	text-transform:none;
}
.programmation .fondGris .titre {
	
}

.programmation p {
	margin:0 0 10px 0;
	line-height:1.4;
}
.programmation.niveau2 p {
	margin:0 0 15px 0;
}
.programmation .bloc {
	font-weight:600;
	text-transform:uppercase;
	font-size:85%;
}

/* Liste des thèmes parlés */
.listeThemes {
	margin:0;
	padding:20px 20px;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	background-color:#E5F7F7;
}
.listeThemes > li:before {
	display:none; /* Cacher la puce custom */
}
.listeThemes > li {
	background-color:#fff;
	box-shadow: 0px 3px 6px #000);
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
	padding:20px;
	margin:2% 0;
	padding-bottom:50px;
	width:49%;
	position:relative;
	
	/*border:1px solid #EDE5E3;
	border-left:16px solid #E5E5E5;*/
}
.listeThemes > li.w100 { width:100%; }
/*.listeThemes > li.theme1 { border-left-color:#76B72A; }
.listeThemes > li.theme2 { border-left-color:#EA4D52; }
.listeThemes > li.theme3 { border-left-color:#1E519F; }
.listeThemes > li.theme4 { border-left-color:#F5911F; }*/



.listeThemes > li > *:first-child {
	margin-top:0;
}
.listeThemes > li > *:last-child {
	margin-bottom:0;
}

.listeThemes li header {
	/* en cssTable */
	margin-bottom:15px;
}
.listeThemes li header .salle {
	font-size:1.166666666666667em; /* 21/18 */
	line-height:25px;
	letter-spacing:1.05px;
	text-transform:uppercase;
	vertical-align:bottom;
	white-space:nowrap;
}
.listeThemes li header .acces {
	width:215px;
	text-align:right;
}
.listeThemes li a.lienZoom {
	padding-right:35px;
	background:url(img/ico_fleche-2021.svg) right center no-repeat;
	display:inline-block;
	
	/*font-size:0.8333333333333333em; /* 15/18 */
	line-height:18px;
	min-height:18px;
	font-weight:600;
	text-decoration:underline;
}
.listeThemes li a.lienZoom:hover,
.listeThemes li a.lienZoom:focus {
	text-decoration:none;
}


.listeThemes li .typeConf {
	text-transform:uppercase;
	font-weight:700;
	font-size:1em; /* 18/18 */
	color:#fff;
	letter-spacing:0.72px;
	padding:5px 25px 5px 25px;
	display:inline-block;
	margin-left:-25px;
	margin-bottom:20px;
	background-color:#11113A;
}
.listeThemes li .titre {
	font-weight:600;
	font-size:1.166666666666667em; /* 21/18 */
	color:#12123E;
}

.listeThemes > li.theme1 .typeConf { background-color:#C83C4D; }
.listeThemes > li.theme2 .typeConf { background-color:#FFD065; color:#000; }
.listeThemes > li.theme3 .typeConf { background-color:#487F92; }
.listeThemes > li.theme4 .typeConf { background-color:#487F92; }

.listeThemes li.theme1 .titre,
.listeThemes li.theme2 .titre,
.listeThemes li.theme3 .titre,
.listeThemes li.theme4 .titre {
	text-transform:uppercase;
	font-weight:700;
	color:#22213C;
	font-size:1.055555555555556em; /* 19/18 */
	letter-spacing:0.38px;
}


/* Styles pour l'affichage des choix */
#BtFiltrerLikes {
	background:url(img/ico_like.svg) no-repeat left center;
	border:none !important;
	font-size:20px;
	padding:0 0 0 30px;
	font-weight:700;
}
#BtFiltrerLikes.active {
	background-image:url(img/ico_like_on.svg);
}
.listeThemes li.cacher {
	opacity:0.4;
}

.listeThemes li .btLike {
	position:absolute;
	bottom:3px;
	left:17px;
	display:block;
	width:30px;
	height:25px;
	background:url(img/ico_like.svg) no-repeat center center;
	border:none !important;
	font-size:0;
}
.listeThemes li .btLike.active {
	background-image:url(img/ico_like_on.svg);
}

.listeThemes li a.savoirPlus {
	position:absolute;
	bottom:0;
	right:0;
	display:inline-block;
	padding:10px 15px;
	background-color:#E7E7E7;
	
	text-decoration:none;
	/*font-size:0.8333333333333333em; /* 15/18 */
	line-height:1;
	font-weight:600;
}
.listeThemes li a.savoirPlus:hover,
.listeThemes li a.savoirPlus:focus {
	text-decoration:underline;
}





/* Les conférenciers */
.sConferenciers {
	/*color:#fff;*/
	background:#002140;
	padding:0;
}
.strate.sConferenciers .content{
	max-width:none;
	padding:0;
}

.lstConferenciers {
	font-size: 0;
	letter-spacing: 0;
	word-spacing:0;
	list-style:none;
	margin:0;
	padding:0;
	width:100%;
}
.lstConferenciers li {
	position:relative;
	display:inline-block;
	list-style:none;
	float:none;
	margin:0;
	padding:0;
	position:static;
	vertical-align:top;
	/*width:33.33333333%;*/
	width:25%;
}
.lstConferenciers li:before {
	display:none;
}
.lstConferenciers img {
	display:block;
	height:auto;
	width:100%;
}

.lstConferenciers figure {
	position:relative;
	margin:0;
}
.lstConferenciers figcaption {
	color:#ffffff;
	font-size:26px;
	text-transform:uppercase;
	font-weight:400;
	padding:0;
	background-color:#002140;
	background-color:rgba(0,33,64,0.90);
	
	opacity:0;
	transition:opacity 0.25s ease;
}
.lstConferenciers figcaption > p {
	margin:0;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	display:none;
	line-height:1.1;
}
.lstConferenciers figcaption > a:after {
	content:url(img/ico_plus_blanc.svg);
	position:absolute;
	bottom:0;
	right:0;
	display:none;
	font-size:0px;
}
.lstConferenciers figcaption, 
.lstConferenciers figcaption > a {
	height:100%;
	width:100%;
	left:0;
	top:0;
	overflow: hidden;
	
	position:absolute;
	z-index:10;
}
.lstConferenciers figcaption > a {
	z-index:50;
}

.lstConferenciers figure.cacher figcaption {
	opacity:1;
}

.lstConferenciers figure.hover figcaption {
	display:block;
	opacity:1;
}
.lstConferenciers figure.active figcaption,
.lstConferenciers figure.active.hover figcaption {
	opacity:0;
}
.lstConferenciers figure.hover figcaption > p,
.lstConferenciers figure.hover figcaption > a:after {
	display:block;
}

.lstConferenciers .contenu {
	display:none;
	color:#fff;
	font-size:16px;
	padding:50px;
	background-color:#002140;
	
	position:absolute;
	height:0;
	left:0;
	top:auto;
	width:100%;
	overflow:hidden;
}
.lstConferenciers .contenu a {
	color:#fff;
}
.lstConferenciers .contenu .textWrap {
	max-width:85%;
	margin:0 auto;
}
.lstConferenciers .contenu > *:first-child{
	margin-top:0!important;
}
.lstConferenciers .contenu > *:last-child{
	margin-bottom:0!important;
}
.lstConferenciers .contenu h2 {
	color:#1ebbf1;
	font-size:1.625em; /* 26/16 */
	line-height:1.2;
	font-weight:600;
	margin:0 0 20px 0;
	padding-right:50px;
	text-transform:uppercase;
	text-align:left;
}
.btFermer {
	position:absolute;
	top:50px;
	right:50px;
	margin:0;
}
.btFermer a {
	display:block;
	width:42px;
	height:42px;
	background:url(img/ico_fermer.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%;  }


/* Liens de download */
/* Matériel promotionnel */

p.promo {
	float:left;
	width:330px;
	max-width:100%;
	margin-right:130px;
}
p.promo:last-child {
	margin-right:0;
}

a.download {
	text-decoration:none;
}
a.download > span {
	position:relative;
	display:block;
	padding:13px 60px 13px 13px;
	text-transform:uppercase;
	min-height:46px;
	font-size:27px;
	font-weight:600;
	background-color: #FFB102;
}
a.download > span:after {
	content:"";
	position:absolute;
	display:inline-block;
	width:43px;
	height:44px;
	top:9px;
	right:13px;
	background:url(img/ico_download_sprite.svg) 0 0 no-repeat;
}
/*a.download:hover,
a.download:focus {
	text-decoration:underline;
}*/
a.download:hover > span:after,
a.download:focus > span:after {
	background-position:0 -44px;
}




/*****************************************/
/* Modifications au plugin Video Contest */
/* pour le Vote du public                */
/*****************************************/
/* Menu */
ul.vcmenu li#toggle,
ul.vcmenu li#hide,
ul.vcmenu li {
	display:none!important;
}
ul.vcmenu li:nth-child(3),
.admin-bar ul.vcmenu > li:last-child {
	display:block!important;
}

/* Liste des vidéos */
.video_order-list,
.video-contest .fa.fa-heart,
.video-contest .fa.fa-heart + span,
.gallery-title-autor .title {
	display:none!important;
}

/* Détail d'une vidéo */
.vc-image-bottom-box .under-image-bar-left-div.width.fifty,
.video_content .video-contest-share > li:first-child {
	display:none!important;
}
.video-contest .vc-image-bottom-box .under-image-bar-left-div.width-2.fifty {
	width:100%!important;
}
.video_content {
    font-size: 14px !important;
    font-weight: normal !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) {
	.strate .content {
		padding:50px 25px;
	}
	.entetePromo .content.pourQui {
		padding-bottom:50px;
	}
	.entetePromo .boiteBlanche {
		margin-bottom:50px;
	}
	
	.onglets ul.nav li {
		margin: 0 10px 20px 0;
	}
	
	.lstConferenciers figcaption {
		font-size:20px;
	}
}

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

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

/* Moins de 768px */
@media only screen and (max-width: 767px) {
	/* Menu/entete */
	.menuWrapper {
		min-height:1px;
	}
	
	/*.zoneMenu ul.liensRapides {
		padding-left:0;
	}*/
	.zoneMenu .coteImgMenu {
		display:none;
	}
	
	.titrePage,
	.programmation h2.titreConf {
		font-size:1.944444444444444em; /* 35/18 */
	}
	.programmation.niveau2 .typeConf {
		margin-bottom:7px;
	}
	
	.sPageSecondaire h2 {
		font-size:1.388888888888889em; /* 25/18 */
		line-height:1.2; /* 30/25 */
	}
	
	.sPageSecondaire h3 {
		font-size:1.166666666666667em; /* 21/18 */
	}
	
	
	
	.strate .content {
		padding:30px 25px;
	}
	.entetePromo .boiteBlanche {
		margin-bottom:30px;
	}
	.entetePromo .content.pourQui {
		background-position:bottom center;
		padding:0 0 265px 0;
	}
	
	
	.liensActions ul {
		margin-bottom:60px;
	}
	.liensActions ul > li {
		margin:0 0 20px 0;
		width:100%;
		max-width:400px;
	}



	
	.organisation .split {
		display:block;
		padding-top:0;
	}
	.organisation .split .colonne {
		width:100%;
		padding:0;
	}
	.organisation .split .colonne + .colonne {
		padding:0;
		border-left:0;
	}
	.organisation h3,
	.organisation .split h3 {
		margin-top:25px;
	}
	
	.partenaires .presentePar {
		margin:25px 0;
	}

	
	.strate.sContact .content {
		background-position:bottom right;
		padding-right:225px;
	}

	
	
	/*
	 * Onglets
	 */
	.onglets ul.nav {
		display: block;
		/*margin: 0;*/
		padding: 0;
		font-size:0.8888888888888889em; /* 16/18 */
	}
	.onglets ul.nav li {
		width: 33.33333333%;
		padding: 0 0 0 2%;
		margin:0 0 20px 0;
	}
	.onglets ul.nav li:first-child {
		padding-left:0;
	}
	.onglets ul.nav li .jour {
		/*margin-bottom:0;*/
	}
	.onglets ul.nav li a {
		padding: 15px 0;
		line-height: 20px;
	}

	
	
	/* Conférences - page Programmation */
	.programmation.niveau2 .fondGris,
	.programmation.niveau2 p.retourBas {
		margin-top:40px;
	}
	
	
	/* Liste des thèmes parlés */
	.listeThemes > li {
		width:100%;
	}
		
	
	/* Les conférenciers */
	.lstConferenciers li {
		width:50%;
	}
	.lstConferenciers figcaption,
	.lstConferenciers .contenu {
		font-size:15px;
	}
	.lstConferenciers .contenu {
		padding:25px;
	}
	.btFermer {
		right:25px;
		top:25px;
	}
	
	
	
	/* Page liste exposants */
	.listeExposants .unExposant .flex > .texte {
		width:100%;
		padding-left:0;
	}
	.listeExposants .unExposant .flex > .logo {
		display:block;
		width:100%;
		text-align:left;
		margin-bottom:25px;
		border:0;
		padding:0;
	}
	
	
	
	/* #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) {
	.entetePromo .boiteRouge .themeColloque {
		font-size:2.5em; /* 45/18 */
	}
	.entetePromo .boiteRouge,
	.entetePromo .boiteBlanche {
		padding:25px;
	}
	.entetePromo .boiteBlanche .grand {
		font-size:1.111111111111111em; /* 20/18 */
	}
	.entetePromo a.boutonLien,
	.appelComm a.boutonTelecharger {
		margin:10px 0 0 0;
	}
	
	
	/* Strate badge du participant */
	.sBadge .flex {
		flex-wrap:wrap;
	}
	.sBadge .flex > .image {
		width:100%;
	}
	.sBadge .flex > .fleche {
		width:100%;
		padding:40px 0;
	}
	.sBadge .flex > .fleche img {
		transform:rotate(90deg);
	}
	.sBadge .flex > .texte {
		text-align:center;
	}

	
	.partenaires .logos,
	.partenaires .logos2 {
		display:block;
		text-align:center;
	}
	.partenaires .logos li:nth-child(2) {
		padding:25px 0;
	}
	.partenaires .presentePar {
		margin:45px 0 25px 0;
	}
	
	.strate.sContact .content {
		background-position:bottom center;
		padding:30px 25px 225px 25px;
	}
	
	
	.onglets ul.nav li .hiddenMobile {
		display:none;
	}
	
} /* FIN - Moins de 600px */


/* Moins de 480px */
@media only screen and (max-width: 479px) {
	.strate .content {
		padding:30px 15px;
	}
	
	.bandeImage {
		background-size:auto 80px;
		height:80px;
	}
	
	/*h2 {
		font-size:2em;
	}*/
	
	#menu-menu-principal .sub-menu li a {
		font-size:0.9em; /* 18/20 */
	}
	
	/* Conférences - page Programmation */
	.programmation {
		font-size:16px; /* base de 16px au lieu de 18px; */
	}
	
	.lstConferenciers li {
		width:100%;
	}
	/*.lstConferenciers li:last-child {
		display:none;
	}*/
	
} /* FIN - Moins de 480px */


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

	
} /* FIN - Moins de 414px */

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


/* HD - 2200px et + */
@media only screen and (min-width: 2200px) {
	/* Page promo */
	.entetePromo {
		/*background:url(img/roc_bandeau_large.svg) no-repeat center top #EBE0CC;*/
		/*background-repeat:repeat-x;
		background-position:top left;*/
	}
	
} /* 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://colloqueroc.teluq.ca" attr(href) ")"; }
    a[href^="http://"]:after, a[href^="https://"]:after, a[href^="mailto:"]:after  { content: " (" attr(href) ")"; }

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

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

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

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

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

    thead {
        display: table-header-group;
    }

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

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

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

    h2,
    h3 {
        page-break-after: avoid;
    }
	
	
	/* Accordeon */
	.accordeon .toggler > button.subtil { border-bottom: 0; }
	.accordeon > div { display:block!important; }
	.accordeon .hidden { display:block!important; visibility:visible!important; }
	

	
	
	/* On cache certains éléments */
	#wpadminbar,
	.menuPrincipal,
	.zoneMenu,
	.sInscription,
	.edit-link {
		display:none!important;
	}
	
	.strate.sPageSecondaire .content,
	.strate .content {
		padding-top: 0;
	}
	
	
	.print_only { display:block!important; visibility:visible!important; }
	.screen_only { display:none!important; }
}