/*
Theme Name: edu6009-b
Theme URI: https://edu6009-b.teluq.ca/
Description: edu6009-b pour Wordpress.
Author: <a href="mailto:albourqu@teluq.ca" title="AB">Alex Bourque</a>
Tags: wpms, gabarit, cours, communication, distance, p&eacute;dagogique, t&eacute;luq, html5
About: T&eacute;l&eacute;-universit&eacute;, Universit&eacute; du Qu&eacute;bec, 2014 - Tous droits r&eacute;serv&eacute;s
*/

/* styles.css
 * G�re l'apparence des styles
 * Version : 1.2
 * Derni�res modifications : novembre 2016
 * Auteur :  AB
 * Note : Les prefixes CSS sont geres par prefixfree.js
 * Table des mati�res
 * ==================================================
 	polices de caract�res
	generaux
	zoneEntete
	conteneurs
	zoneHautPage
	zoneInformative
	menuPrincipal
	zoneSecondaire
	zoneContenu
		Questionnaires (edu6011a)
		onglets BOS
		Commentaires (notre-ecole/cas-particuliers/)
		Feuille de route
		Bilbiographie
		Progression
	zoneContenu/zoneArticle
	zoneBasPage
	infobulles
	panneaux
	impression */

/* ==================================================
 * polices de caract�res
 * ================================================== */

@font-face {
    font-family: 'museo_sans500';
    src: url('polices/MuseoSans_500-webfont.eot');
    src: url('polices/MuseoSans_500-webfont.eot?#iefix') format('embedded-opentype'),
         url('polices/MuseoSans_500-webfont.woff') format('woff'),
         url('polices/MuseoSans_500-webfont.ttf') format('truetype'),
         url('polices/MuseoSans_500-webfont.svg#museo_sans500') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'museo_sans500_italic';
    src: url('polices/MuseoSans_500_Italic-webfont.eot');
    src: url('polices/MuseoSans_500_Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('polices/MuseoSans_500_Italic-webfont.woff') format('woff'),
         url('polices/MuseoSans_500_Italic-webfont.ttf') format('truetype'),
         url('polices/MuseoSans_500_Italic-webfont.svg#museo_sans500_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'museo_sans300';
    src: url('polices/MuseoSans_300-webfont.eot');
    src: url('polices/MuseoSans_300-webfont.eot?#iefix') format('embedded-opentype'),
         url('polices/MuseoSans_300-webfont.woff') format('woff'),
         url('polices/MuseoSans_300-webfont.ttf') format('truetype'),
         url('polices/MuseoSans_300-webfont.svg#museo_sans300') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'museo_sans300_italic';
    src: url('MuseoSans_300_Italic-webfont.eot');
    src: url('MuseoSans_300_Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('MuseoSans_300_Italic-webfont.woff') format('woff'),
         url('MuseoSans_300_Italic-webfont.ttf') format('truetype'),
         url('MuseoSans_300_Italic-webfont.svg#museo_sans300_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'corbert_condensedregular';
    src: url('polices/corbertcondensed-regular-webfont.eot');
    src: url('polices/corbertcondensed-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('polices/corbertcondensed-regular-webfont.woff2') format('woff2'),
         url('polices/corbertcondensed-regular-webfont.woff') format('woff'),
         url('polices/corbertcondensed-regular-webfont.ttf') format('truetype'),
         url('polices/corbertcondensed-regular-webfont.svg#corbert_condensedregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


/* ==================================================
 * generaux
 * ================================================== */
*{
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
html{
	font-size: 100%;
	height: 100%;
}
body{
	/*position: relative;*/
	/*min-height: 100%;*/
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 100%; /* 16px */
	line-height: 1.5; /* 24px/16px */
	background-color: #aaaaaa;
	color: #555;

    /* Emp�cher l'ajustement du texte sur les plateformes iOS */
	text-size-adjust: 100%;
}

/* Ombrages */
.ombrage{
	box-shadow: 0px 5px 15px #b0b0b0;

	/* PIE - IE8 et moins */
    behavior: url(/wp-content/themes/gabarit_html5/css/pie.htc);
}
.ombrageDoux{
	box-shadow: 0px 5px 15px #dadada;

	/* PIE - IE8 et moins */
    behavior: url(/wp-content/themes/gabarit_html5/css/pie.htc);
}

/* Particularites */
.impression{
	display: none;
}
.margePlus{
	margin-bottom: 40px !important
}
img{
	display: block;
}
:lang(fr) > q {quotes: '\00AB\202F' '\202F\00BB' '\201C' '\201D';}
cite { font-style: normal; }

/* ==================================================
 * zoneEntete
 * ================================================== */

#zoneEntete{


}
#identite{
	width: 960px;
	margin: 0px auto;
	overflow: auto;
	height: 0;
}
#identite #logo{
	float: right;
	width: auto;
	position: absolute;
	right: 0;
}
/*Personnages*/
#zoneEntete img.perso {
    position: absolute;
    left: 46%;
    top: 35px;
	z-index: 666;
}

/* ==================================================
 * conteneurs
 * ================================================== */

#zoneConteneur{
	background-color: #ffffff;
	overflow: auto;
	/*padding-bottom: 30px;*/
	overflow-x: hidden;
}

/* Liens */
#zoneConteneur a:link, #zoneConteneur a:visited{
	text-decoration: none;
}
#zoneConteneur a:hover, #zoneConteneur a:active{
	text-decoration: underline;
}

/* Faux colonnes */
#zoneMilieuPage{}

/* ==================================================
 * zoneHautPage
 * ================================================== */

#zoneHautPage h1{
	height: 179px;
	margin: 0px 0px 0px 0px;
	font-size: 1.875em; /* 30px/16px */
	line-height: 1;
	background: url(img/structure/edu6009-b_bandeau.jpg) no-repeat top left;
	padding-top: 60px;
	font-weight: normal;

	/*Typographie: Museo Sans - 500*/
	font-family: 'museo_sans500', Arial, sans-serif;
}
#zoneHautPage h1 a:link, #zoneHautPage h1 a:visited{
	display: block;
	margin: 0px 0px 0px 30px;
	padding: 8px 0px 0px 0px;
	width: auto;
	color: #333333;
	width: 370px;
}
#zoneHautPage h1 a:hover, #zoneHautPage h1 a:active{
	text-decoration: none;
}
#zoneHautPage h1 span{
	display: block;
	margin: 8px 0px 0px 0px;
	font-size: 0.6em; /* 16px/30px */
	line-height: 1;
	color: #333333;
	text-transform: uppercase;

	/*Typographie: Museo Sans - 700*/
	font-family: 'museo_sans700', Arial, sans-serif;
}
#zoneHautPage h1 a .sigle_cours{
	display: block;
	margin: 8px 0px 0px 0px;
	font-size: 14px;
	line-height: 1;
  top: 5%;
	color: #333333;
	text-transform: uppercase;
  position: absolute;

	/*Typographie: Museo Sans - 700*/
	font-family: 'museo_sans700', Arial, sans-serif;
}


/* ==================================================
 * zoneInformative
 * ================================================== */

#zoneInformative{
	margin: 0px;
	padding: 10px 20px 0px 20px;
	font-size: 0.750em; /* 12px/16px */
	line-height: 1.25; /* 15px/12px */
	overflow: auto;
}
#zoneInformative p.filAriane{
	float: left;
	width: auto;
}
#zoneInformative p.infoConnection{
	float: right;
	width: auto;
}
#zoneInformative a:link, #zoneInformative a:visited{
	text-decoration: underline;
	color: #818181;
}
#zoneInformative a:hover, #zoneInformative a:active{
	text-decoration: none;
}

/* ==================================================
 * menuPrincipal
 * ================================================== */
#menuPrincipal ul{
	height: 30px;
	margin: 0px 0px 0px 0px;
}
#menuPrincipal ul li{
	float: left;

	margin: 0px 0px 0px 0px;
	font-size: 0.98em;
	line-height: 1.2; /* 30px/15px */
	text-transform: uppercase;
	list-style-type: none;
	text-align: center;

	color: #000;

	/*Typographie: corbert_condensedregular*/
	font-family: 'corbert_condensedregular', Arial, sans-serif;
}
#menuPrincipal ul li{
	width: 100%;
}
#menuPrincipal > ul > li{
	border-left: solid 1px #bebebe;
	border-bottom: solid 1px #bebebe;
	border-top: solid 1px #bebebe;

}
#menuPrincipal > ul > li:last-child{
	border-right: solid 1px #bebebe;

}
#menuPrincipal > ul > li > a{
	border-bottom: solid 1px #bebebe;
}
#menuPrincipal .sub-menu li{
	font-size: 13px;
}
#menuPrincipal .sub-menu li a{
	text-align: left;
	padding: 5px 6px;
	min-height: 41px;
	position: relative;
}

#menuPrincipal .sub-menu li:not(:last-child) a:after{
	content: "";
    position: absolute;
    right: 0;
    top: 4px;
    width: 50%;
    height: 32px;
    border-right: 1px solid #dedede;
}

#menuPrincipal ul li.guide{
	max-width: 230px;
}

#menuPrincipal ul li.guide ul li:first-child{
	max-width: 104px;
}
#menuPrincipal ul li.guide ul li:first-child a{
	padding-left: 22px;
}

#menuPrincipal ul li.guide ul li:nth-child(2){
	max-width: 125px;
}

#menuPrincipal ul li.acc1{
	max-width: 364px;
}

#menuPrincipal ul li.acc1 ul li:first-child{
	max-width: 109px;
}
#menuPrincipal ul li.acc1 ul li:nth-child(2),
#menuPrincipal ul li.acc1 ul li:nth-child(3)
{
	max-width: 127px;
}

#menuPrincipal ul li.acc2{
	max-width: 366px
}
#menuPrincipal ul li.acc2 ul li {
	max-width: 121px;
}
#menuPrincipal ul li.acc2 ul li:last-of-type {
    max-width: 122px;
}

#menuPrincipal ul li.module{
	border: solid 1px #e6e6e6;
	padding: 0px 20px;
}

#menuPrincipal ul li a:link,
#menuPrincipal ul li a:visited,
#menuPrincipal ul li a:active{
	display: block;
	text-decoration: none;
	color: #333333;
	-webkit-transition: all 50ms ease-out; /* Safari */
    transition: all 500ms ease-out;

}
#menuPrincipal ul li.acc-inactif > a:link,
#menuPrincipal ul li.acc-inactif > a:visited,
#menuPrincipal ul li.acc-inactif > a:active{
	color: #999999;
}
#menuPrincipal ul li.acc-inactif ul li a:link,
#menuPrincipal ul li.acc-inactif ul li a:visited,
#menuPrincipal ul li.acc-inactif ul li a:active{
	color: #b8b8b8;
}
#menuPrincipal > ul > li > a{
	background-color: #e6e6e6;
	height: 28px;
    line-height: 28px;
    cursor: default;
}
#menuPrincipal ul li.menu-item-type-custom:not(:last-child) > a{
	border-right: none;
}
#menuPrincipal ul li.module a:link,
#menuPrincipal ul li.module a:visited,
#menuPrincipal ul li.module a:active{
	background-color: #fff;
	padding: 0px 0px 0px 0px;
}
#menuPrincipal ul li:not(.acc-inactif) ul li a:hover{
	background-color: #d5eff9;
}
#menuPrincipal ul li.current_page_item:not(.lien-inactif) > a:link, #menuPrincipal ul li.current_page_item:not(.lien-inactif) > a:visited,
#menuPrincipal ul li.current-page-ancestor:not(.lien-inactif) > a:link, #menuPrincipal ul li.current-page-ancestor:not(.lien-inactif) > a:visited{
	background-color: #95d6f0;
}
#menuPrincipal ul li.module a:hover,
#menuPrincipal ul li.current_page_item.module a:link, #menuPrincipal ul li.current_page_item.module a:visited,
#menuPrincipal ul li.current-page-ancestor.module a:link, #menuPrincipal ul li.current-page-ancestor.module a:visited{
	color: #2b66c0;
	text-decoration: none;
	background: url(img/structure/edu6009-b_suvolmenu.gif) repeat-x bottom;
}
/* ==================================================
 * zoneSecondaire
 * ================================================== */

#zoneSecondaire{
	padding: 8px 0px 30px 0px;
}
#menuSecondaire{
	margin: 0px 0px 0px 20px;
}

/* Niveau 2, 3 et 4 (en incluant le menu principal en tant que niveau 1) */
#menuSecondaire li{
	margin: 0px 0px 0px 0px;
	font-size: 15px; /* 14px/16px */
	line-height: 1.125em; /* 18px/16px */
	list-style-type: none;
	position: relative;

}
#menuSecondaire > li:first-child{
	margin-top: 0px;
}
#menuSecondaire li a:link,
#menuSecondaire li a:visited,
#menuSecondaire li a:active{
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 7px 3px 7px 3px;
	text-decoration: none;
	border-bottom: solid 1px #777777;
	color: #000;
}
#menuSecondaire li a:hover{
	text-decoration: none;
	background: #f2f2f2;

	/* Transition/animation */
	transition: all 0.3s ease-out;
}

/* Item courant */
#menuSecondaire > li.current_page_item > a:link,
#menuSecondaire > li.current_page_item > a:visited{
	/*border-bottom: solid 2px #e6e6e6;*/
}
#menuSecondaire li.current_page_item > a:link,
#menuSecondaire li.current_page_item > a:visited,
#menuSecondaire li.itemActif > a:link,
#menuSecondaire li.itemActif > a:visited
{
	/*color: #000;*/
	background-color: #ddd;
}
/* Accordeons */
#menuSecondaire li.parent_item {
	font-size: 15px; /* 15px/16px */
	line-height: 1.125em; /* 18px/16px */
	list-style-type: none;
	margin-top: 30px;
}
/*#menuSecondaire .lstMenuPrincipal{
	display: none;
}*/
#menuSecondaire .lstMenuPrincipal > li > .sub > ol > li:first-child{
	margin-top: 0px;
}
#menuSecondaire li.parent_item li{
	font-size: 14px;
}
#menuSecondaire ul li:first-child {
	margin-top: 0;
}

#menuSecondaire li.parent_item > a{
	background: #fff url(img/structure/menu_accordeon_fleches.gif) no-repeat 97% -40px;
	/*color: #fff;	*/
	transition:none;
}
#menuSecondaire li.parent_item.itemActif > a{
	background: #ddd url(img/structure/menu_accordeon_fleches.gif) no-repeat 97% 12px;
	transition:none;
}
#menuSecondaire li.parent_item ul,
#menuSecondaire li.parent_item li {
	margin-top:0;
}

#menuSecondaire li.parent_item li a{
	padding: 5px 19px 5px 20px;
	background-image: url(img/structure/img_puce.png);
	background-repeat:no-repeat;
	background-position: 12px 11px;
}
#menuSecondaire li.parent_item li.itemConsulte a:before,
#menuSecondaire li.itemConsulte a:before{
	content: "";
    display: inline-block;
    background: url(img/contenu/ico_progres.svg) no-repeat;
    width: 12px;
    height: 12px;
    position: absolute;

}
#menuSecondaire li.parent_item li.itemConsulte a:before{
	left: 4px;
	top: 6px;
}
#menuSecondaire li.parent_item li.itemConsulte a{
	padding-left: 22px;
	background-image: none;
}
#menuSecondaire li.itemConsulte a:before{
	left: 5px;
	top: 9px;
}
#menuSecondaire li.itemConsulte a{
	padding-left: 22px;
}
#menuSecondaire li.parent_item li.itemConsulte a{
	padding-left: 20px;
}


/* Niveau 3 - particularites (en incluant le menu principal en tant que niveau 1) */
#menuSecondaire li ul{
	margin: 7px 0px 0px 0px;
}
#menuSecondaire li li{
	margin: 0px 0px 0px 0px;
}
#menuSecondaire li.parent_item li.parent_item a{
	padding: 0px 0px 0px 0px;
	font-size: 0.9375em; /* 15px/16px */
	border-bottom: none;
}
#menuSecondaire li.parent_item li.parent_item > a{
	font-size: 0.875em; /* 14px/16px */
	line-height: 1.143; /* 16px/14px */
	text-transform: uppercase;
}

/* Niveau 4 - particularites (en incluant le menu principal en tant que niveau 1) */
#menuSecondaire li li ul{
	margin: 0px 0px 20px 0px;
}
#menuSecondaire li li li{
	margin: 3px 0px 0px 0px;
	/*padding: 0px 0px 0px 10px;*/
	/*background: url(img/structure/wpmsgab_ico_menusec_niv3.gif) no-repeat 0px 8px;*/
}

/* ==================================================
 * zoneContenu
 * ================================================== */

#contenu{
	margin: 0px 0px 0px 0px;
	padding: 8px 40px 30px;
	font-size: 0.938em; /* 14px/16px */
	line-height: 1.429; /* 20px/14px */
	background-color: #ffffff;
	color: #555;
}
#contenu.pleineLargeur{
	padding: 25px 20px 30px 20px;
}

/* Titres */
#contenu h1{
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 0px 0px;

	/* Typographie : Museo Sans - 500 */
	font-family: 'museo_sans500', Arial, sans-serif;
	font-style: normal;
	font-weight: 300;

	font-size: 1.60em; /* 24px/14px */
	line-height: 1;
	color: #516ba4;
}
#contenu h1 span.autreTitre{
	display: block;
	margin-top: 15px;
}
#contenu h2{
	margin: 25px 0px 15px 0px;
	padding: 0px 0px 0px 0px;

	/* Typographie : Museo Sans - 300 */
	font-family: 'museo_sans500', Arial, sans-serif;
	font-style: normal;
	font-weight: 300;

	font-size: 1.35em; /* 24px/14px */
	line-height: 1.083; /* 26px/24px */
	color: #516ba4;
}
#contenu h3{
	margin: 25px 0px 10px 0px;
	padding: 0px 0px 0px 0px;

	/* Typographie : Proxima Nova Alt Condensed - Semibold */
	font-family: 'museo_sans500', Arial, sans-serif;
	font-weight: normal;
	font-size: 17px; /* 18px/14px */
	line-height: 1.222222222222222; /* 22px/18px */
	color: #516ba4;
}
#contenu h4{
	margin: 25px 0px 10px 0px;
	padding: 0px 0px 0px 0px;

	/* Typographie : Proxima Nova Alt Condensed - Semibold */
	font-style: italic;
	font-weight: bold;

	font-size: 1em; /* 14px/14px */
	line-height: 1.250; /* 20px/16px */
	color: #656565;
}

/* Contenu texte */
#contenu p,
.tooltipster-content p{
	margin: 0px 0px 15px 0px;
	font-family: "Myriad Pro", Myriad, Arial, Helvetica, sans-serif;
	line-height: 24px;
	color: #555555;
}
#contenu strong,
.tooltipster-content strong{
	font-weight: 700;
}
#contenu p.sansMarge,
.tooltipster-content p.sansMarge,
#contenu .boite p.sansMarge{
	margin: 0px 0px 5px 0px;
}
#contenu p.grandeMarge,
#contenu .boite p.grandeMarge{
	margin-top: 10px;
}
#contenu p.note,
#contenu p.source{
	font-size: 0.9em; /* 13px/14px */
	line-height: 1.333333333333333; /* 16px / 12px */
	color: #555555;
}
#contenu sup{
	font-size: 0.714em; /* 10px/14px */
	vertical-align: top;
	margin: 0px 0px 0px 2px;
	line-height: 16px;
}
#contenu .boite-steve sup{
	line-height: inherit;
}
#contenu blockquote{
	margin: 0px 20px 20px;
	font-family: "Myriad Pro", Myriad, Arial, Helvetica, sans-serif;
}
#contenu p cite{
	margin-left: 20px;
}
#contenu blockquote p{
	margin-bottom: 0;
}
#contenu a:link, #contenu a:visited,
.tooltipster-content a:link,
.tooltipster-content a:visited{
	text-decoration: underline;
	color: #516ba4;
}
#contenu a:link:hover, #contenu a:visited:hover,
.tooltipster-content a:link:hover,
.tooltipster-content a:visited:hover{
	text-decoration: underline;
	color: #555555;
}
#contenu a:hover, #contenu a:active,
.tooltipster-content a:hover,.tooltipster-content a:active{
	text-decoration: underline;
	color: #b65c54;
}
#contenu a.infobulle{
	text-decoration: none;
	border-bottom: dotted 1px #3e3e3e;
}
#contenu .contenuInvisible{
	display: none;
}
#contenu .alignGauche{
	float: left;
	width: auto;
}
#contenu .alignDroite{
	width: auto;
	text-align: right;
}
#contenu .colQuart {
	float:left;
	width:25%;
}
#contenu .colDemi > div{
	float: left;
	width: 50%;
	padding-right: 18px;
}

#contenu .colDemi > div h3{
	margin-top: 0;
}

/* Ic�ne de liens externes
Note : remplacer le lien d'exclusion par celui de votre projet */
#contenu a[href^="http://"]:not(.videoExt):after,
#contenu a[href^="https://"]:not(.videoExt):after,
#contenu a[href^="mailto:"]:after{
	margin: 0px 0px 0px 2px;
	/*content: url(img/structure/ico_liensext.png);*/
}
#contenu a[href^="https://edu6009-b.teluq.ca/"]:after,
#contenu a[href^="#"]:after{
	display: none;
}

/* Listes ordonnees et non-ordonnees */
#contenu ul{
	margin: 0px 0px 15px 25px;
	list-style-type: disc;
	font-family: "Myriad Pro", Myriad, Arial, Helvetica, sans-serif;
}
#contenu ul li,
#contenu ol li{
    margin: 0px 0px 5px 0px;
}
#contenu ul.grandeMarge li{
    margin: 0px 0px 15px 0px;
}
#contenu ul:not(.espacement) li p,
#contenu ol:not(.espacement) li p{
    margin: 5px 0px 5px 0px;
}
#contenu ol{
	margin: 0px 0px 15px 20px;
	font-family: "Myriad Pro", Myriad, Arial, Helvetica, sans-serif;
}
#contenu ol.margeNombres{
	margin: 0px 0px 15px 25px;
}
#contenu ul.sansMarge,
#contenu ol.sansMarge{
    margin-bottom: 5px;
}
#contenu ul.sansPuce,
#contenu ol.sansPuce{
    list-style-type: none;
	list-style-image: none;
	margin: 0 0 15px 0px
}
#contenu ul.sommaire a:link,
#contenu ul.sommaire a:visited{
	text-decoration: none;
	border-bottom: 1px dotted;
}
#contenu ol.listeLettre{
    list-style-type: lower-latin;
}
#contenu ol.notesBasPage{
	margin-top: 20px;
}
#contenu ol.notesBasPage li{
	font-size: 0.857em; /* 12px/14px */
	margin: 0px 0px 10px 0px;
}
#contenu ol.references{
	list-style-image: none;
	list-style-type: none;
	margin: 0px 0px 0px 20px;
}
#contenu ol.references li{
	font-size: 0.857em; /* 12px/14px */
	margin: 0px 0px 10px 0px;
	text-indent: -20px;
}

/* Images */
#contenu img{
	margin: 0px 0px 15px 0px;
	max-width: 100%;
	display: inline-block;
}
#contenu p img{
	margin-bottom: 5px;
}

#contenu img.picto{
	margin: 0 6px;
	display: inline-block;

}
#contenu .blockInv{
	margin-top:15px;
}
#contenu .icone{
	display:block;
	width:32px;
	height: 32px;
	position: absolute;
	z-index: 10;
}

#contenu .lien{
	position: relative;
	padding-left: 42px;
}
#contenu .accordeon .lien:first-of-type{
	margin-top: 10px;
}
#contenu .lien .icone{
	top: -7px;
	left: 0;
}
#contenu .texte .icone{
	background: url("img/contenu/ico_texte.png");
}

#contenu .web .icone{
	background: url("img/contenu/ico_web.png");
}

#contenu .lecture_obligatoire .icone{
	background: url("img/structure/ico_lecture_mini.png") no-repeat center center;
}

#contenu .recommandation .icone{
	background: url("img/contenu/ico_recommandation.png");
}
#contenu .jeu .icone{
	background: url("img/contenu/ico_jeu.png");
}

/*Figures*/
#contenu figure {
	margin: 2em 0;
	padding: 1em;
	border: solid 1px #9e9e9e;
	/* Coins arrondis */
	border-radius: 15px 15px 15px 15px;
}
#contenu figure figcaption{
	font-weight:bold;
	font-size: 1em;
	padding: 0 0em 1em 0em;
	text-align:center;
}
#contenu figure img {
	 display: block;
	 margin: 0 auto 15px;
}
#contenu figure img.imgRemplissage{
	width: 100%;
}


/* Bo�tes */
#contenu .boite{
	position: relative;
	margin: 20px 0px 15px 15px;
	padding: 15px 15px 0px 25px;
	background-color: #ffffff;

	/* Coins arrondis */
	border-radius: 10px;

	/* Ombrage
	box-shadow: 3px 3px 5px #d5d5d5;*/

	/* PIE - IE8 et moins */
    behavior: url(/wp-content/themes/gabarit_html5/css/pie.htc);
}
#contenu .boite .boiteIco{
	display: block;
	position: absolute;
	top: 15px;
	left: -15px;
}

/* Bo�tes - web */
#contenu .boite.boite-icone{
	background: #e2f4fb;
	padding-top: 25px;
	margin-top: 35px;
}

#contenu .boite.boite-icone h2{
	text-align: center;
	font-family: 'museo_sans700', Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: 700;
}

#contenu .boite.boite-icone > .icone{
	top: -15px;
	left: calc(50% - 16px);
}

#contenu .boite.boite-icone .cercle{
	display: block;
    position: absolute;
    width: 38px;
    height: 38px;
    background-color: #fff;
    border-radius: 20px;
}
#contenu .boite.boite-icone .cercle{
	top: -18px;
    left: calc(50% - 18px);
}

#contenu .boite.boite-icone p:last-of-type{
	/*margin-bottom: 0;*/
}

/* Bo�tes - Steve Bissonnette prof - En passant... */

#contenu .boite.prof{
	background-color: #e1e1e1;
	border-radius: initial;
	padding: 20px 20px 10px 80px;
}
#contenu .photo{
	display: block;
	width: 63px;
	height: 63px;
	position: absolute;
	left: 10px;
    top: 10px;
}
#contenu .prof .photo{
	background: url("/wp-content/themes/edu6009-b/img/contenu/img_steve_bissonnette_rond.png");
}

/* Bo�tes activite */

#contenu .activite {
	border-left: 1px solid #657caf;
	margin-left: 25px;
	margin-bottom: 30px;
	padding: 2px 12px;
}


#contenu .activite > h2{
	margin: 0 0 15px 0;
	font-family: "Myriad Pro", Myriad, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;

}
#contenu .activite p.sansMarge{
	margin: 0;
}

/* Bo�tes - animations video */
#contenu .boiteAnimVideo{
	margin: 0px 0px 15px 0px;
}
#contenu a.videoModale,
#contenu a.videoExt
{
	position: relative;
	display: inline-block;
}
#contenu .boite-steve a.videoModale:before,
#contenu .boite-steve a.videoExt:before{
	content: "";
    display: block;
    position: absolute;
    left: 15px;
    bottom: 1px;
    background: url(img/contenu/ico_btn_play.png) no-repeat center center;
    width: 34px;
    height: 34px;
    z-index: 1;
    opacity: 0.7;
    transition: all 500ms ease-out;
	-moz-transition: all 500ms ease-out;
	-ms-transition: all 500ms ease-out;
	-o-transition: all 500ms ease-out;
	-webkit-transition: all 500ms ease-out;
}
#contenu a.videoModale:hover:before,
#contenu a.videoExt:hover:before{
	 opacity: 1;
}

#contenu .boite{
	position: relative;
	margin: 25px 0px;
	padding: 10px 25px 15px 25px;
}

#contenu .boite-steve{
	background: url("img/structure/img_bg_video.jpg") left top repeat;
	padding: 15px;
	min-height: 155px;
	margin-bottom: 20px;
}
#contenu .boite-steve .presentation{
	display: inline-block;
	float: left;
	margin-right: 20px;
}
#contenu .boite-steve img{
	margin: 0;
}
#contenu .boite-steve h2{
	margin-top: 0;
	font-family: 'museo_sans500', Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #555555;
}
#contenu .boite-steve h2 span.temps_video{
	font-size: 0.9em;
}
#contenu .boite-steve p{
	margin-bottom: 5px;
}
#contenu .boite-steve strong{
	font-weight: 600;
}
#contenu .boite-steve p:last-child{
	margin-top: -6px;
}
#contenu .boite-steve .info-supp{
	clear: both;
	margin-top: 60px;
	display: flex;
}
#contenu .boite-steve .info-supp a{
	float: left;
	margin-right: 20px;
}
#contenu .boite.boite-playlist.video{
	padding: 20px;
	font-size: 16px;
}
#contenu .boite.boite-playlist.video .presentation{
	text-align: left;
	width: 50%;
	padding: 0;
	border-radius: 0;
	margin-right: 0;
}
#contenu .boite.boite-playlist.video .information{
	width: 50%;
	display: inline-block;
	padding-left: 20px;
}
#contenu ul.videoPl{
	font-family: arial, Helvetica, sans-serif;
}
#contenu .post-it{
	background: url("img/structure/img_bg_post_it.png") center bottom no-repeat #FEF1BA;
	width: 438px;
    min-height: 130px;
    padding: 15px 30px;
    margin-bottom: 25px;
    position: relative;
}
#contenu .post-it.centrer{
	margin-left: auto;
	margin-right: auto;
}
#contenu .post-it.image{
    padding: 20px 20px 20px 80px;
}

#contenu .post-it.nsg .photo{
    background: url("/wp-content/themes/edu6009-b/img/contenu/img_NormandStG_rond.png")no-repeat center center;
}
#contenu .post-it.jdg .photo{
    background: url("/wp-content/themes/edu6009-b/img/contenu/img_jeanDenisG_rond.png") no-repeat center center;
}

#contenu .post-it.pc .photo{
  background: url("/wp-content/themes/edu6009-b/img/contenu/img_Pierre_Collerette.png") no-repeat center center;
}

#contenu .post-it h2{
	margin-top: 0;
	margin-bottom: 15px;
	text-transform: uppercase;
	font-family: 'museo_sans500', Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: black;
}
#contenu .post-it p{
	font-size: 14px;
	margin-bottom: 10px;
	line-height: 18px;
	color: black;
}
#contenu .accordeon .boite{
	/*margin: 0px 0px 15px 0px;*/
}
#contenu .boite.boite-icone.sansMargeTop,
#contenu .boite-steve.sansMargeTop{
	margin-top: 5px;
}
#contenu .boite.boite-icone.sansMargeBottom,
#contenu .boite-steve.sansMargeBottom{
	margin-bottom: 5px;
}
#contenu .boite-steve{
	margin: 20px 0 35px;
}
#contenu .boite-steve.sansMargeTop{
	margin-top: 0;
}
#contenu .sansMargeTop{
	margin-top: 0;
}
#contenu .boite p {
	margin: 0 0 10px 0;
}

#contenu .boite strong {
	font-weight:700;
}
#contenu .boite h2,
#contenu .boite h3,
#contenu .boite h4{
	font-family: "museo_sans300",serif;
	font-weight:300;
	font-style:normal;
	font-size:1.071em; /*15px/14px*/
	line-height:1.25em;
	color: #555;
	margin: 0px 0 10px 0;
}

#contenu .boite ul {
	padding:0 0 10px 0;
	margin:0;
}
#contenu .boite ul li{
	/*background: url("img/structure/edu6009-b_puceTiret.gif") 0 11px no-repeat;
	list-style: disk;*/
	/*padding-left: 15px;*/
	/*list-style:circle;*/
}
#contenu .boite ol li{
	background: none;
	list-style: inherit;
	padding-left: 0px;
}

/* Bo�tes - particularites */
#contenu .boite.activite span.icone{
	background: url(img/structure/ico_activite.gif) top left no-repeat;
}
#contenu .boite.lecture span.icone{
	background: url(img/structure/ico_lecture.gif) top left no-repeat;
}
#contenu .boite.question span.icone{
	background: url(img/structure/ico_question.gif) top left no-repeat;
}
#contenu .boite.reflection span.icone{
	background: url(img/structure/ico_reflection.gif) top left no-repeat;
}
#contenu .boite.tn span.icone{
	background: url(img/structure/ico_tn.gif) top left no-repeat;
}
#contenu .boite.activite span.icone.petit{
	background: url(img/structure/ico_activite_mini.png) top left no-repeat;
}
#contenu .boite.lecture span.icone.petit{
	background: url(img/structure/ico_lecture_mini.png) top left no-repeat;
}
#contenu .boite.question span.icone.petit{
	background: url(img/structure/ico_question_mini.png) top left no-repeat;
}
#contenu .boite.reflection span.icone.petit{
	background: url(img/structure/ico_reflection_mini.png) top left no-repeat;
}
#contenu .boite.tn span.icone.petit{
	background: url(img/structure/ico_tn_mini.png) top left no-repeat;
}
/* Bo�tes - animations video */
#contenu .boite.video,
#contenu .boite.activite,
#contenu .boite.lecture {
	border: solid 1px #bbb;
	padding: 15px 15px 0px 25px;

	/* Coins arrondis */
	border-radius: 10px 10px 10px 10px;
}
#contenu .boite:after{
    clear: both;
    content: "";
    display: block;
}
#contenu .boite.commentaires {
	background:#EAEAEA;
	padding: 15px 15px 15px 25px;

	/* Coins arrondis */
	border-radius: 10px 10px 10px 10px;
}
#contenu .boite.commentaires *:last-child {
	margin-bottom:0;
}
#contenu .boite.video.sansBordure,
#contenu .boite.sansBordure {
	border: none;
}
#contenu .boite.video p{
	line-height: 16px;
}
#contenu .boite.video .presentation,
#contenu .boite.video .diapositive{
    float: left;
    margin: 0px 17px 15px 0;
    width: 165px;
	overflow: hidden;
	padding:10px 10px 0px 10px;
	border-radius: 10px;
	text-align:right;
	min-height:127px;
}

#contenu .boite.video .presentation a:link,
#contenu .boite.video .presentation a:hover,
#contenu .boite.video .presentation a:active,
#contenu .boite.video .presentation a:visited{
	font-family: "museo_sans300",serif;
	font-weight:300;
	font-size: 0.857em /*12px/14px*/;
	color: #555;
	text-decoration:none;
}
#contenu .boite.video .diapositive,
#contenu .boite.diapositive {
	width: 162px;
	height: 127px;
	padding: 10px 8px;
	background-color:#FFFFFF;
	border: 1px solid #999;
    border-radius: 10px 10px 10px 10px;
	text-align:left;
}
#contenu .boite.diapositive {
	padding-top: 17px;
}
#contenu .boite.video span.icone{
	background: url(img/structure/ico_video.gif) top left no-repeat;
}
#contenu .boite.video span.icone.petit{
	background: url(img/structure/ico_video_mini.png) top left no-repeat;
}
#contenu .boite span.temps_video {
	color: #000;
	font-weight: bold;
	font-size: .9em;
}


/*Videos dans meme boite */
#contenu .boite.video .col1 .presentation,
#contenu .boite.video .col2 .presentation,
#contenu .boite.video .col3 .presentation {
	float:none;
}
#contenu .boite.video .col1,
#contenu .boite.video .col2,
#contenu .boite.video .col3 {
	float:left;
	width:33%;
	padding: 0 25px 0 0 ;
}
#contenu .boite.video .colDemi {
	float:left;
	width:50%;
}
/*Exception encadre a plusieurs video (Page Cas particuliers)*/
#contenu .boite.video ul.videoPl {
	margin:  0px
}
#contenu .boite.video ul.videoPl li{
	margin:		0;
	padding:	0;
	list-style: none;
}
#contenu .boite.video ul.videoPl li a{
	padding: 	2px 7px;
	margin:		0 0 4px 0;
	background: #f2f2f2;
	font-size: 0.9em;
	display: block
}
#contenu .boite.video ul.videoPl li a:hover,
#contenu .boite.video ul.videoPl li a.visiter {
	background: #d6d6d6;
}
#contenu .boite.video ul.videoPl li a:link,
#contenu .boite.video ul.videoPl li a:active,
#contenu .boite.video ul.videoPl li a:hover,
#contenu .boite.video ul.videoPl li a:visited{
	color: #555555;
	text-decoration: none;
}
#contenu .boite.video ul.videoPl li a:hover {
	text-decoration: underline;
}
/*Dans section outil*/
#contenu .accordeon ul.videoPl {
	margin-bottom: 0;
}
#contenu .accordeon ul.videoPl li {
	margin-bottom: 2px;
}

/* Bo�tes - Garder en memoire AKA cerveau � pattes */
#contenu .boite.memoire {
	padding: 15px 25px 40px 75px;
	margin: 25px 0px 0px 0px;
	border: none;
	min-height:100px;
	/* Coins arrondis */
	border-radius: 0;
	background: url('img/structure/boite_memoire_bg.png') bottom left no-repeat;
	box-shadow: none;
}
#contenu .boite.memoire.haute {
	padding: 25px 25px 30px 75px;
	margin: 25px 0px 10px 0px;
	background: url('img/structure/boite_memoire_haute.jpg') bottom left no-repeat;
}
#contenu .boite.memoire h2,
#contenu .boite.memoire h3 {
	text-transform: uppercase;
}
#contenu .boite.memoire span.icone{
	display: block;
	position: absolute;
	top: 5px;
	left: 0px;
	width: 64px;
	height: 58px;
	margin-left: 5px;
}
#contenu .boite.memoire span.icone{
	background: url(img/structure/ico_memoire.gif) top left no-repeat;
}
#contenu .boite.memoire div.information{
	float: left;
    margin: 0px 0px 5px 0;
	width: 405px;
}
#contenu .boite.memoire p{
	font-size:1em;
	margin: 0 0 10px 0;
}
#contenu .boite.memoire ul li,
#contenu .boite.memoire ol li{
	margin: 5px 0 0 0;
	line-height: 18px;
}
#contenu .boite ul,
#contenu .boite ol{
	margin: 0 0 0px 19px;
}

/*Pour long url IE*/
.cntURL {
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;

  -ms-hyphens: none;
  -moz-hyphens: none;
  -webkit-hyphens: none;
  hyphens: none;
}

/* Accordeons */
#contenu .accordeon {
	margin: 0px 0px 18px 0px;
}
#contenu .accordeon .titre {
	position: relative;
	margin: 15px 0px 0px 0px;
	padding: 5px 80px 7px 12px;
	font-weight: bold;
	font-size: 0.929em;
	line-height: 1.25;
	background-color: #bed1ad;
	color: #333333;
	cursor: pointer;
	font-family: 'corbert_condensedregular', Arial, Helvetica, sans-serif
}
#contenu .accordeon .titre span{
	position: absolute;
	display: block;

    /* Emp�che la selection sur l'element */
	user-select: none;
}
#contenu .accordeon .titre > .iconeEtatAccordeon{
	font-size: .8em;
	line-height: 17px;
	padding:0 25px 0 0;
	top: 6px;
	right: 5px;
	height: 17px;
	background: url(img/structure/ico_accordeon.png) no-repeat top right;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: normal;
}

#contenu .accordeon .titre.selectionne > .iconeEtatAccordeon{
	background: url(img/structure/ico_accordeon.png) no-repeat bottom right;
}
#contenu .accordeon > div {
	overflow: auto;
	padding: 20px 15px 0px;
	border-left: solid 1px #637f8b;
}



/* Tableaux */
#contenu table{
	width: 100%;
	margin: 0px 0px 25px 0px;
	font-family: Verdana, Geneva, sans-serif;
}
#contenu table.ecriture,
#contenu table.ecriture ol,
#contenu table.ecriture ul,
#contenu table.ecriture tr:first-child th,
#contenu table.ecriture tr td{
	font-family: 'corbert_condensedregular', arial, Helvetica, sans-serif;
	font-size: 15px;
}
#contenu table.sansMarge{
	margin: 0px 0px 5px 0px;
}
#contenu table.grandeMarge{
	margin: 0px 0px 45px 0px;
}
#contenu table caption{
	margin: 10px 0px 10px 0px;
	padding: 0px 0px 0px 0px;

	/* Typographie : Proxima Nova Alt Condensed - Semibold */
	font-style: normal;
	font-weight: 600;

	font-size: 1.1em; /* 18px/14px */
	line-height: 1.222222222222222; /* 22px/18px */
	color: #656565;
}
#contenu table tr{}
#contenu table tr th{
	padding: 5px 10px 5px 10px;
	color: #595959;
	font-weight: bold;
	line-height: 1.25em;
}
#contenu table tr th{
	background-color: #d6d6d6;
	font-size: 12px;
}
#contenu table tr td{
	padding: 5px 10px 5px 10px;
	border-bottom: 1px solid #c1ccd1;
	font-size: 0.83em;
	line-height: 1.25em;
	color: #555555;
}
#contenu table#strategies tr td{
	min-width: 60px;
	font-size: 15px;
}
#contenu table ol,
#contenu table ul{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
}
#contenu .alignementCentre{
	text-align: center;
}
#contenu table .colonneEmphase{
	background-color: #e9f1e4;
}

/* Largeurs de tableaux */
#contenu table.largeurDemi{
	width: 50%
}
#contenu table.largeurTroisQuarts{
	width: 75%
}

/* Largeurs de colonnes */
#contenu table .largeurDemi{
	width: 50%
}
#contenu table .largeurTier{
	width: 33%
}
#contenu table .largeurVingtieme{
	width: 33%
}
#contenu table .largeurDixieme{
	width: 10%
}

/* Tableaux : contenus */
#contenu table p,
#contenu table ul,
#contenu table ol{
	margin-bottom: 5px;
}

/* Navigation entre les articles (resultats de recherche) */
#contenu .navigationArticle{
	margin: 0px;
	overflow: auto;
}

/* Questionnaires électroniques */
#contenu .tableau {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  margin-bottom: 20px;
}
#contenu .tableau table {
  width: 99.9%;
  border-collapse: separate;
  margin: 0;
}
#contenu .tableau th, #contenu .tableau td {
  padding: 10px;
  vertical-align: top;
}
#contenu .tableau th > *:last-child, #contenu .tableau th > * > *:last-child, #contenu .tableau td > *:last-child, #contenu .tableau td > * > *:last-child {
  margin-bottom: 0;
}
#contenu .tableau th {
  font-weight: 700;
  text-align: left;
}
#contenu .tableau thead th {

  border-bottom: solid 1px #585858;
}
#contenu .tableau th.dixieme {
  width: 10%;
}
#contenu .tableau th.quinzieme {
  width: 15%;
}
#contenu .tableau th.vingtieme {
  width: 20%;
}
#contenu .tableau th.quart {
  width: 25%;
}
#contenu .tableau th.trentaine {
  width: 30%;
}
#contenu .tableau th.tier {
  width: 33.33333%;
}
#contenu .tableau th.quarantaine {
  width: 40%;
}
#contenu .tableau th.demi {
  width: 50%;
}
#contenu .tableau th.alignCentre {
  text-align: center;
}
#contenu .tableau tr.alignCentre th, #contenu .tableau tr.alignCentre td {
  text-align: center;
}
#contenu .tableau tbody tr:hover {
  background-color: #f0f0f0;
}
#contenu .tableau.col1AlignDroit td:nth-child(1), #contenu .tableau.col2AlignDroit td:nth-child(2), #contenu .tableau.col3AlignDroit td:nth-child(3), #contenu .tableau.col4AlignDroit td:nth-child(4), #contenu .tableau.col5AlignDroit td:nth-child(5), #contenu .tableau.col6AlignDroit td:nth-child(6) {
  text-align: right;
}
#contenu .tableau.col1AlignCentre td:nth-child(1), #contenu .tableau.col2AlignCentre td:nth-child(2), #contenu .tableau.col3AlignCentre td:nth-child(3), #contenu .tableau.col4AlignCentre td:nth-child(4), #contenu .tableau.col5AlignCentre td:nth-child(5), #contenu .tableau.col6AlignCentre td:nth-child(6) {
  text-align: center;
}
#contenu .tableau.tabGen {
  border: solid 1px #585858;
}
#contenu .tableau.tabGen thead tr:first-of-type > * {
  border-top: none;
}
#contenu .tableau.tabGen thead tr:nth-of-type(2) th {
  background-color: #d6d7d7;
  color: #000000;
  border-bottom: solid 1px #585858;
}
#contenu .tableau.tabGen tbody tr * {
  color: #000000;
}
#contenu .tableau.tabGen tbody tr:first-of-type > * {
  border-top: none;
}
#contenu .tableau.tabGen tbody tr:nth-of-type(2) th {
  border-left: solid 1px #585858;
}
#contenu .tableau.tabGen tbody tr:not(:nth-of-type(2)) th:first-of-type {
  border-left: none;
}
#contenu .tableau.tabGen tbody tr:nth-of-type(4) th:first-of-type {
  border-left: solid 1px #585858;
}
#contenu .tableau.tabGen tbody th {
  background-color: #d6d7d7;
  color: #000000;
}
#contenu .tableau.tabGen tr.itemEnteteSec th, #contenu .tableau.tabGen tr.itemEnteteSec td {
  background-color: #cccccc;
}
#contenu .tableau.tabGen tr.itemEmphase th, #contenu .tableau.tabGen tr.itemEmphase td {
  background-color: #dee6ea;
  color: #000000;
}
#contenu .tableau.tabGen tr.itemEnteteSec th, #contenu .tableau.tabGen tr.itemEnteteSec td {
  color: #000000;
}
#contenu .tableau.tabGen th {
  border-top: solid 1px #585858;
  border-left: solid 1px #585858;
  background-color: #959595;
  color: #ffffff;
}
#contenu .tableau.tabGen td {
  border-top: solid 1px #585858;
  border-left: solid 1px #585858;
  background-color: #ffffff;
}
#contenu .tableau.tabGen th:first-child, #contenu .tableau.tabGen td:first-child {
  border-left: none;
}
#contenu .tableau.tabGen.dynamiques tbody tr:nth-of-type(2) th {
  border-left: none;
}
#contenu .tableau.tabGen.dynamiques tbody tr:nth-of-type(4) th:first-of-type {
  border-left: none;
}

/* Tableau flip */
/* Change la position de l'entete en taille mobile. Si flexbox ne fonctionne pas, le tableau garde ses styles par défaut. */
.flexbox #contenu .tableau.flip {
  /* Max-width 768px */
}
@media screen and (max-width: 767px) {
  .flexbox #contenu .tableau.flip table {
    display: inline-block;
    vertical-align: top;
    max-width: 100%;
    overflow-x: auto;
    white-space: nowrap;
    border-collapse: collapse;
    border-spacing: 0;
    display: flex;
    overflow: hidden;
    background: none;
  }
  .flexbox #contenu .tableau.flip thead {
    display: flex;
    flex-shrink: 0;
    min-width: min-content;
  }
  .flexbox #contenu .tableau.flip tbody {
    display: flex;
    position: relative;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
  }
  .flexbox #contenu .tableau.flip tr {
    display: flex;
    flex-direction: column;
    min-width: min-content;
    flex-shrink: 0;
  }
  .flexbox #contenu .tableau.flip td, .flexbox #contenu .tableau.flip th {
    display: block;
  }
  .flexbox #contenu .tableau.flip th.demi, .flexbox #contenu .tableau.flip th.tier, .flexbox #contenu .tableau.flip th.quart {
    width: auto;
  }
  .flexbox #contenu .tableau.flip td {
    border-left: none !important;
  }
  .flexbox #contenu .tableau.flip td:not(:last-child) {
    border-bottom: none !important;
  }
  .flexbox #contenu .tableau.flip tbody tr:last-child td {
    border-right: none !important;
  }
  .flexbox #contenu .tableau.flip.tabGen {
    border: none;
  }
  .flexbox #contenu .tableau.flip.tabGen tbody {
    border-top: solid 1px #585858;
    border-bottom: solid 1px #585858;
    border-right: solid 1px #585858;
  }
  .flexbox #contenu .tableau.flip.tabGen tr th:first-child {
    border-left: solid 1px #585858;
  }
  .flexbox #contenu .tableau.flip.tabGen tr th:last-child, .flexbox #contenu .tableau.flip.tabGen tr td:last-child {
    border-right: solid 1px #585858;
  }
  .flexbox #contenu .tableau.flip.tabGen tr td:first-child {
    border-top: none;
  }
  .flexbox #contenu .tableau.flip.tabGen tr td:last-child {
    border-bottom: none;
  }
} 

#contenu .tableau.tabGen tr.error td {
  background-color: #ffcccc;
}
#contenu .tableau.tabGen tr.monResultat td {
  background-color: #dee6ea;
}
#contenu .msgErreur {
  display: block;
  padding: 20px 0;
  color: #c92027;
}
#contenu form .submitAnswer {
  background-color: #4892a9;
  padding: 5px;
  border: none;
  cursor: pointer;
  color: #fff;
  -webkit-transition: background-color 500ms ease;
  -moz-transition: background-color 500ms ease;
  transition: background-color 500ms ease;
}
#contenu form .submitAnswer:hover {
  background-color: #6c8998;
}
#contenu form .tableau td {
  position: relative;
}
#contenu form .tableau input[type=radio] {
  overflow: hidden;
  position: absolute;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}
#contenu form .tableau input[type=radio].focusable:active, #contenu form .tableau input[type=radio].focusable:focus {
  position: static;
  clip: auto;
  height: auto;
  width: auto;
  margin: 0;
  overflow: visible;
}
#contenu form .tableau input[type=radio] + label {
  cursor: pointer;
  display: block;
  width: 100%;
  height: 100%;
  background-color: #fff;
  position: absolute;
  top: 50%;
  left: 51%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: transparent;
  border: 0;
  overflow: hidden;
  *text-indent: -9999px;
}

.-ms- #contenu form .tableau input[type=radio] + label {
	width: 25px;
    height: 25px;
    border: 1px solid gray;
    position: static;
    transform: none;
}
#contenu form .tableau input[type=radio] + label:before {
  content: "";
  display: block;
  width: 0;
  height: 150%;
}
#contenu form .tableau input[type=radio]:checked + label {
  background: url("img/contenu/ico_input_crochet.png") no-repeat center center #fff;
}
#contenu form .tableau .sous-totaux td:not(:first-of-type), #contenu form .tableau .grandTotal td:not(:first-of-type) {
  text-align: center;
}
#contenu form .tableau tfoot tr:first-of-type td {
  background-color: #d6d7d7;
}
#contenu form .tableau tfoot tr:last-of-type td {
  font-weight: bold;
  background-color: #959595;
  color: #ffffff;
}

/* ==================================================
 * Tabulations temoignages
 * ================================================== */
#menuTabulation {
            margin: 70px 0 15px;
}
#menuTabulation > div{
			border: 1px solid #d5d393;
			border-top: 3px solid #d5d393;
			padding: 0 1em 1em 1em;
}
#menuTabulation ul.btn-onglets {
            padding: 0;
			margin: 0 0 10px 0;

			line-height: 1em;
}
#menuTabulation ul.btn-onglets > li {
            list-style-image: none;
            margin-left: 4px;
            margin-right: 4px;
            margin-bottom: 0px;
            border-bottom: 0px !important;

			display: inline;
}
#menuTabulation ul.btn-onglets > li a {
            position: relative;
            border-bottom: 0px;
            min-width: 50px;
            text-align: center;
            overflow: visible;
			text-decoration: none;
			padding: 15px 15px 10px 15px;

			font-size: 11px;
			font-weight: bold;
}
#menuTabulation ul.btn-onglets > li a:hover {
            text-decoration: underline;
}
#menuTabulation ul.btn-onglets > li.ui-state-hover.ui-tabs-active a:hover {
            text-decoration: none;
            cursor: text;
}
#menuTabulation ul.btn-onglets > li a span.icone {
            display: block;
            background: inherit;
            width: 40px;
            height: 40px;
            position: absolute;
            top: -25px;
            left: 50%;
            margin-left: -20px;
            border: 1px solid #FFF;
            border-radius: 20px;
}
#menuTabulation ul.btn-onglets > li:first-child {
            margin-top: 5px;
            margin-left: 0px;
}
#menuTabulation ul.btn-onglets > li:last-child {
            margin-bottom: 0px;
            margin-right: 0px;
}
#menuTabulation ul.btn-onglets > li a {
            padding-top: 20px;
            text-transform: uppercase;
            color: #323232;
            opacity: 0.7;
}
#menuTabulation ul.btn-onglets > li a.disable {
            opacity: 0.3;
}
#menuTabulation ul.btn-onglets > li a.disable:hover {
            text-decoration: none;
}
#menuTabulation ul.btn-onglets > li.ui-state-active a {
            opacity: 1;
}
#menuTabulation .onglet-panneau {
            border: 2px solid;
            border-top-width: 4px;
            clear: both;
            position: relative;
            top: -1px;
}
#menuTabulation .onglet-panneau p:last-child, #menuTabulation .onglet-panneau ul:last-child, #menuTabulation .onglet-panneau ol:last-child {
            margin-bottom: 0px;
}

#menuTabulation ul.btn-onglets > li a.btn-onglet-temoignages {
            background: #82D0D8;
}
#menuTabulation ul.btn-onglets > li a.btn-onglet-temoignages .icone {
            background: url(img/structure/ico_onglet_temoignages.png) no-repeat center center #82D0D8;
}
#menuTabulation .onglet-panneau#onglet-temoignages {
            border-color: #82D0D8;
}

#menuTabulation ul.btn-onglets > li a.btn-onglet-doc {
            background: #8FC1C1;
}
#menuTabulation ul.btn-onglets > li a.btn-onglet-doc .icone {
            background: url(img/structure/ico_onglet_ressources.png) no-repeat center center #8FC1C1;
}
#menuTabulation .onglet-panneau#onglet-doc {
            border-color: #8FC1C1;
}

#menuTabulation ul.btn-onglets > li a.btn-onglet-outils {
            background: #BED1AD;
}
#menuTabulation ul.btn-onglets > li a.btn-onglet-outils .icone {
            background: url(img/structure/ico_onglet_outils.png) no-repeat center center #BED1AD;
}
#menuTabulation .onglet-panneau#onglet-outils {
            border-color: #BED1AD;
}



/* ==================================================
 * Questionnaires et activites du cours
 * ================================================== */

body.activites{
	background-color: #ffffff;

    /* Emp�cher l'ajustement du texte sur les plateformes iOS */
	text-size-adjust: 100%;
}

.questionnaire {
	margin-bottom: 20px;
}
.questionnaire p.description {
	margin-bottom:10px;
}
.questionnaire .quiz-area .question-content {
	margin-top:25px;
}
.questionnaire .question-content p {
	margin-bottom:10px;
}
.questionnaire ol {
	margin-bottom:0px;
	padding-top:0px;
	margin-top:0px;
}
#contenu .questionnaire li.current {
	list-style: none;
	padding-left: 0;
}
.questionnaire ol *{
	font-size: 14px
}
.questionnaire.noFeedbackFin ol {
	border-top:none;
	padding-top:0px !important;
}
.questionnaire.noFeedbackFin p.description {
	border-bottom:2px dotted #DADADA;
	padding-bottom:15px;
}

.questionnaire ol li {
	border-bottom:2px dotted #DADADA;
	margin-bottom:25px;
	font-size:13px;
}
.ie7 .questionnaire ol li {
	margin-left:30px !important;
}
.questionnaire ol li {
	border-bottom:none;
	margin-bottom:0px;
	font-size:13px;
	vertical-align:top;
}
.questionnaire ol li ul li {
	margin-bottom:0px;
	border-bottom:0px;
}
.questionnaire .show-question li.user-answer span {
	font-weight:bold;
}
.questionnaire .show-question:last-child {
	border-bottom:none;
}
.questionnaire .show-question .unanswered {
	font-style:italic;
}
.questionnaire .show-question ul {
	list-style-type:lower-alpha;
}
.questionnaire .show-question li.answer {
	list-style-type:lower-alpha;
	list-style-image:none;
}
.questionnaire .show-question .show-question-content {
	font-weight:bold;
}
.questionnaire .show-question .show-question-content p {
	margin-bottom:8px;
}
.questionnaire .show-question .show-question-content p:last-child {
	margin-bottom:12px;
}

.questionnaire h3 {
	font-size:14px;
	font-weight:normal;
}
.questionnaire p.notes {
	margin-bottom:0px;
}
.questionnaire .quiz-area .question-content p {
	margin-bottom:8px;
	color:#666666;
	font-size:13px;
}
.questionnaire .quiz-area .question-content p:last-child {
	margin-bottom:12px;
}
.questionnaire .quizzin-question {
	padding-bottom:0px;
}
.questionnaire .quizzin-question div.lettre {
	float:left;
	width:3%;
	display:block;
	margin-top:5px;
	clear:left;
}
.questionnaire .quizzin-question input {
	float:left;
	width:3%;
	display:block;
	margin-top:5px;
	clear:left;
}
.questionnaire .quizzin-question input {
	float:left;
	width:3%;
	display:block;
	margin-top:5px;
	clear:none;
}

.questionnaire .quizzin-question .suivant input {
	float:none;
	width:auto;
	display:inline;
}
.questionnaire .quizzin-question p.submit, .questionnaire .quizzin-question p.suivant {
	margin-top:20px;
	text-align:center;
}

.questionnaire .quizzin-question p.masquerRetro{
	text-align: center;
}

.questionnaire .quizzin-question p.submit input,
.questionnaire .quizzin-question p.masquerRetro input{
	float:none;
	width:auto;
	display:inline;
	clear:none;
	margin-right: 20px;
}

.questionnaire .quizzin-question label {
	margin-top:5px;
	float:left;
	display:block;
	width:90%;
}
.questionnaire .quizzin-question input {
	margin-top:7px;
	margin-left:0px;
}

.questionnaire .quizzin-question input[type=radio] {
	margin-top:10px;
	margin-left:0px;
}

.questionnaire .quizzin-question .submit input,
.questionnaire .quizzin-question .suivant input {
	margin-top:15px;
	margin-left:0px;
	margin-bottom:10px;
}

.questionnaire .quizzin-question .question-content .answer {
	display:inline-block;
}
.questionnaire .quizzin-question .question-content .answer span {
	padding-right:40px;
}
.questionnaire .quizzin-question .question-content br, .questionnaire .quizzin-question .question-content br {
	display:none;
}
.questionnaire .answer-question-explication .retro, .questionnaire div.notes, .questionnaire div.notes {
	background:#F1F3F2;
	border:1px dotted #666666;
	padding:20px 18px;
	margin-bottom:10px;
	margin-top:15px;
}
.questionnaire .correct, label span.correct {
	background:url("img/contenu/ico_correct.png") no-repeat;
	width:16px;
	height:16px;
	padding-right:20px;
	background-position: right -2px;
}

.questionnaire p.description {
    font-size: 12px;
	margin-bottom: 0px;
	margin-top: 0px;
}
.questionnaire .answer-question-explication p.explications {
	text-transform:uppercase;
	font-size:10px;
	margin-bottom:10px;
}
.questionnaire #action-button, .questionnaire #action-button {
	display:inline;
}
.questionnaire .answer-question-explication li {
	margin-left:13px;
	list-style-type:lower-alpha;
	list-style-image:none;
}
.questionnaire .answer-question-explication ul, .questionnaire .answer-question-explication ol {
	margin-bottom:0px;
	margin-left:7px;
}
.questionnaire .explanation, .questionnaire .suivant  {
	display:none;
}

.questionnaire ol {
	list-style-type:decimal;
}

.recommencer {margin-top:5px;text-align:center;}

#btn_recommencer {
	width:auto;
	display:inline;
	float:none;
}
.noteEvaluation {text-align:center; margin-bottom:0px;}

.questionnaire.liste_trier ol {
	margin-left:0px !important;
}

.questionnaire.liste_trier ol li {
	cursor:pointer;
	margin-left:0px;
	list-style-type:none;
	border:1px solid #65a4bd;
	border-radius:20px;
	padding:5px 10px;
	width:200px;
	background:#f1f5f6;
}

.questionnaire.liste_trier ol.ui-sortable-disabled li {
	cursor:auto;
}

.questionnaire.liste_trier ol.ui-sortable-disabled  {
	margin-left:20px !important;
}

.questionnaire.liste_trier ol.ui-sortable-disabled li {
	cursor:auto;
	list-style-type:inherit;
	border:0px;
	padding:0px;
	background:none;
}

.questionnaire.liste_trier ol li.ui-sortable-helper {
	box-shadow:5px 5px 5px rgba(0,0,0, 0.3)
}

.questionnaire.liste_drag_drop ul,
.questionnaire.liste_drag_drop ul li {
	list-style-type:none;
	margin:0px;
	padding-left:0px;
	display:inline-block;
}

.questionnaire.liste_drag_drop ul li {
	margin:4px 0px;

	list-style-type:none;
	border:1px solid #65a4bd;
	border-radius:20px;
	padding:4px 10px;
	background:#f1f5f6;
}

.questionnaire.liste_drag_drop table.drop ul.hidden {display:none;}

.questionnaire.liste_drag_drop > ul li:hover {
	cursor:pointer;
}

.questionnaire.liste_drag_drop #btn_voirSolution {
	display:none;
	margin-top:10px;
}

#contenu .questionnaire.liste_drag_drop > .drag {margin-top:10px;}

#contenu .questionnaire.liste_drag_drop > .drag li.ui-draggable-dragging {box-shadow:5px 5px 5px rgba(0,0,0, 0.3);}

.questionnaire .drop td.droppable {background:#f1f5f6; min-height:40px; height:40px;}

.questionnaire .drop td.droppable ul,
.questionnaire .drop td.droppable ul li {
	margin:0px !important;
}

/* ==================================================
 * onglets BOS
 * ================================================== */

#contenu .onglets{
	margin: 0 0 15px;
}
#contenu .onglets ul.nav{
	list-style-type: none;
	margin: 0;
    padding: 0;
    border-bottom: solid 4px #82d0d8;
    zoom: 1;
}
#contenu .onglets ul.nav:after,
#contenu .onglets ul.nav:before{
	content: '\0020';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}
#contenu .onglets ul.nav:after{
	clear: both;
}
#contenu .onglets ul.nav li{
	float: left;
    width: auto;
    text-align: center;
    padding: 0;
    margin: 0 8px 0 0;
    font-size: 0.9em;
    line-height: 1;
    color: #333;
    font-family: 'corbert_condensedregular', Arial, sans-serif;
}

#contenu .ongletMultiple ul.nav li{
	float: left;
    width: 25%;
    text-align: center;
    padding: 0;
    margin-right: 0;
    font-size: 0.9em;
    line-height: 1;
    color: #333;
    font-family: 'corbert_condensedregular', Arial, sans-serif;
}


#contenu .onglets ul.nav li a:link,
#contenu .onglets ul.nav li a:visited{
	display: block;
    width: 150px;
    height: 54px;
    margin: 0;
    padding: 10px 3px;
    font-family: 'corbert_condensedregular', Arial, sans-serif;
    font-size: .9333333333333333em;
    line-height: 1.285714285714286;
    font-weight: 600;
    text-decoration: none;
    text-transform: uppercase;
    color: #000;
}
#contenu .onglets ul.nav li a.centrerV:link,
#contenu .onglets ul.nav li a.centrerV:visited{
	line-height: 33px
}
#contenu #renforcement.onglets ul.nav li a:link,
#contenu #renforcement.onglets ul.nav li a:visited,
#contenu #cueillette.onglets ul.nav li a:link,
#contenu #cueillette.onglets ul.nav li a:visited{
	width: 205px;
}
#contenu #analyse.onglets ul.nav li a:link,
#contenu #analyse.onglets ul.nav li a:visited{
	width: 170px;
}
#contenu #cas.onglets ul.nav li{
	margin-right: 4px;
}
#contenu #cas.onglets ul.nav li:last-of-type{
	margin-right: 0px;
}
#contenu #cas.onglets ul.nav li:last-of-type a:link,
#contenu #cas.onglets ul.nav li:last-of-type a:visited{
	width: 105px;
}

#contenu #cas.onglets ul.nav li a:link,
#contenu #cas.onglets ul.nav li a:visited{
	width: 103px;
	line-height: 16px;
	height: 33px;
}

#contenu #attentes.onglets ul.nav li a:link,
#contenu #attentes.onglets ul.nav li a:visited{
	width: 204px;
	height: 52px;
	font-size: 12px;
}
#contenu #enviro.onglets ul.nav li a:link,
#contenu #enviro.onglets ul.nav li a:visited{
	width: 261px;
	height: 53px;
}

#contenu #encadrer.onglets ul.nav li a:link,
#contenu #encadrer.onglets ul.nav li a:visited{
	width: 173px;
	height: 52px;
}

#contenu #encadrer.onglets ul.nav li:nth-child(2) a{
	line-height: 33px;
}
#contenu #majeurs.onglets ul.nav li:last-child a{
	line-height: 33px;
}
#contenu .onglets ul.nav li:first-child a{
	background-color: #8aa4bf;
}
#contenu #scp.onglets ul.nav li:first-child a{
	line-height: 30px;
}
#contenu #scp.onglets ul.nav li a:link,
#contenu #scp.onglets ul.nav li a:visited{
	width: 160px;
}

#contenu #progression.onglets ul.nav li a:link,
#contenu #progression.onglets ul.nav li a:visited{
	line-height: 30px;
	width: 160px;
}
#contenu #integration.onglets ul.nav li a:link,
#contenu #integration.onglets ul.nav li a:visited{
	width: 147px;
}
#contenu .onglets ul.nav li:nth-child(2) a{
	background-color: #82d0d8;
}
#contenu .onglets ul.nav li:nth-child(3) a{
	background-color: #8fc1c1;
}
#contenu .onglets ul.nav li:nth-child(4) a{
	background-color: #bed1ad;
}
#contenu .onglets ul.nav li:nth-child(5) a{
	background-color: #fbecab;
}
#contenu .onglets ul.nav li:nth-child(6) a{
	background-color: #e0aa96;
}

#contenu .onglets ul.nav li:first-child a:hover,
#contenu .onglets ul.nav li:first-child a.active{
	background-color: #94bedf;
}
#contenu .onglets ul.nav li:nth-child(2) a:hover,
#contenu .onglets ul.nav li:nth-child(2) a.active{
	background-color: #84eef3;
}
#contenu .onglets ul.nav li:nth-child(3) a:hover,
#contenu .onglets ul.nav li:nth-child(3) a.active{
	background-color: #9de1e1;
}
#contenu .onglets ul.nav li:nth-child(4) a:hover,
#contenu .onglets ul.nav li:nth-child(4) a.active{
	background-color: #deeeca;
}
#contenu .onglets ul.nav li:nth-child(5) a:hover,
#contenu .onglets ul.nav li:nth-child(5) a.active{
	background-color: #fffcc8;
}
#contenu .onglets ul.nav li:nth-child(6) a:hover,
#contenu .onglets ul.nav li:nth-child(6) a.active{
	background-color: #f7c6a9;
}

#contenu .onglets .contenu{
	padding: 25px 15px;
	border: solid 1px #bebebe;
}
#contenu .onglets .contenu > div > div > h2{
	margin-top: 5px;
}

/* ==================================================
 * Commentaires
 * ================================================== */
#commentaires .commentaires {
    height: 350px;
    overflow-y: scroll;
}
#formCommentaire {
	background-color: #f2f2f2!important;
}

/* ==================================================
 * Feuille de route
 * ================================================== */

.loader {
	position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url(https://edu6009-b.teluq.ca/wp-content/themes/edu6009b/img/structure/loader.gif) 50% 10% no-repeat #ffffff;
}

/* ==================================================
 * Bibliographie
 * ================================================== */
#contenu .biblio .sommaire{
	text-align: center;
}
#contenu .biblio .sommaire li,
#contenu .biblio section h2{
	text-transform: uppercase;
}
#contenu .biblio .sommaire li{
	display: inline-block;
    margin: 0px 0px 0px 2px;
    padding: 0px 0px 0px 5px;
    line-height: 1;
    border-left: 1px solid #637f8b;
}
#contenu .biblio .sommaire li:first-child{
    border-left: none;
    margin: 0;
    padding: 0;
}
#contenu .biblio section {
	margin-bottom: 30px;
	clear: both;
}
#contenu .biblio section h2{
	border-bottom : solid 1px #637f8b;
}
#contenu .biblio section li{
	margin-bottom: 15px;
}

/* ==================================================
 * Progression
 * ================================================== */
 #contenu .etatSuivi {
    width: 100%;
    margin: 50px auto 45px;
    text-align: center;
}
#contenu .pourcentSuivi {
    display: block;
    margin: 0 0 10px;
    line-height: 1;
    font-weight: bold;
}
#contenu .barreSuivi {
    padding: 1px;
    border: 1px solid #959595;
}
#contenu .barreSuivi .remp {
    width: 0;
    background-color: #f67441;
}
#contenu ol.lstSuivi{
	margin-left: 0;
	list-style-type: none;
	display:none;
}
#contenu ol.lstSuivi ol{
	margin-left: 15px;
	list-style-type: none;
	margin-top: 10px;
	margin-left: 15px;
}
#contenu ol.lstSuivi ol li{
	margin-bottom: 10px;
}
#contenu ol.lstSuivi > li {
	margin-bottom: 20px;
	/*width: 50%;
	float: left;*/
}
#contenu ol.lstSuivi li.sansNum {
	list-style-position: inside;
}
#contenu ol li.itemConsulte a {
    background: url("img/contenu/ico_progres.svg") 0 8px no-repeat;
}
#contenu ol.lstSuivi ol li a:link, #contenu ol.lstSuivi ol li a:visited {
    padding: 5px 0 5px 20px;
    border-bottom: none;
    display: inline-block;
}

/* ==================================================
 * Progression - sidebar
 * ================================================== */
#etatSuiviReduit{
	margin: 0px 0px 20px 20px;
}
#etatSuiviReduit h2{
	font-size: 14px;
}
#etatSuiviReduit .barreSuivi {
    position: relative;
    height: 25px;
    padding: 2px;
    border: 1px solid #959595;
}

#etatSuiviReduit .barreSuivi .pourcentSuivi {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: center;
    font-weight: bold
}
#etatSuiviReduit .barreSuivi .remp {
    width: 0;
    height: 19px;
    background-color: #f67441;
}

/* ==================================================
 * zoneContenu/zoneArticle
 * ================================================== */

/* Commentaires */
#commentaires{
	margin: 35px 0px 20px 0px;
}
#commentaires h2{
	margin: 0px 0px 15px 0px;
	line-height: 1;
}
#commentaires ol{
	margin: 0px;
	padding: 0px;
}
#commentaires ol li{
	padding: 15px 0px 0px 0px;
	list-style-type: none;
	border-top: dotted 1px #9d9d9d;
}
#commentaires ol li:first-child{
	padding-top: 0px;
	border-top: none;
}
#commentaires ol li p{
	margin: 0px 0px 15px 0px;
}
#commentaires article header{
	margin-bottom: 10px;
}
#commentaires article header h3{
	margin: 0px 0px 0px 0px;
	font-size: 1.00em; /* 14px/14px */
	font-weight: bold;
}
#commentaires article .date{
	position: static;
	display: block;
	height: auto;
	padding: 0px;
	background-color: inherit;
	color: #191919;
}

/* Formulaire de commentaires */
#formCommentaire h2{
	margin: 0px 0px 15px 0px;
	line-height: 1;
}
#formCommentaire{
	margin: 0px 0px 15px 0px;
	padding: 0px 10px 0px 10px;
	background-color: #e5e5e5;
}
#formCommentaire fieldset{
	overflow: auto;
}
#formCommentaire label{
	margin: 0px 0px 5px 0px;
}
#contenu #formCommentaire input[type="text"],
#contenu #formCommentaire input[type="email"]{
	width: 50%;
}
#formCommentaire textarea{
	padding: 5px;
}
#formCommentaire input[type="submit"]{
	padding: 5px 10px 5px 10px;
	font-size: 1.00em;
	line-height: 1;
	border: none;
	background-color: #d5d5d5;
	color: #3d3d3d;
}
#formCommentaire input[type="submit"]:hover{
	background-color: #b5b5b5;

	/* Transition/animation */
	transition: all 0.3s ease-out;
}

/*Questionnaire d'appreciation */

#contenu .nf-form-wrap{
	font-family: "Myriad Pro", Myriad, Arial, Helvetica, sans-serif;
}

#contenu .nf-form-wrap .nf-before-form-content {
    margin-bottom: 20px;
}

#contenu .nf-form-wrap label, #contenu .nf-form-wrap legend{
	display: inline-block;
}

#contenu .ninja-forms-req-symbol, #contenu .nf-error-msg {
    color: #E80000;
}
#contenu .list-radio-wrap .nf-field-element li{
	padding-left: 15px !important;
}
/* ==================================================
 * archives
 * ================================================== */

/* navigArticle */
#navigArticle{
	margin: 25px 0px 15px 0px;
}
#navigArticle ul{
	margin: 0px;
	padding: 0px;
	overflow: auto;
}
#navigArticle ul li{
	list-style-type: none;
}

/* ==================================================
 * zoneBasPage
 * ================================================== */

/* Contenu du bas de page */
#zoneBasPage{
	height: 30px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #aaa;
	/*position: absolute;
	right: 0;
  	bottom: 0;
  	left: 0;
  	width: 100%;*/
}
#zoneBasPage #copyright{
	font-size: 0.750em; /*12px/16px */
	line-height: 2.5; /*30px/12px */
	text-align: center;
	color: #333333;
}
#zoneBasPage a:link, #zoneBasPage a:visited{
	text-decoration: none;
	color: #333333;
}
#zoneBasPage a:hover, #zoneBasPage a:active{
	text-decoration: underline;
}

/* ==================================================
 * formulaires
 * ================================================== */

#contenu form{
	margin-bottom: 0px;
}
#contenu fieldset{
	margin: 0px;
	padding: 0px;
	border: none;
}
#contenu input[type="text"],
#contenu input[type="password"],
#contenu input[type="email"],
#contenu textarea,
#contenu select{
	width: 100%;
	max-width: 100%;
	min-height: 30px;
	margin: 0px;
	padding: 0px 5px 0px 5px;
	margin-bottom: 0px;
	outline: none;
	border: 1px solid #ccc;
	border-radius: 2px;
	background: #ffffff;
	color: #191919;
}
#contenu select{
	padding: 0;
}
#contenu input[type="text"]:focus,
#contenu input[type="password"]:focus,
#contenu input[type="email"]:focus,
#contenu textarea:focus{
	border: 1px solid #aaaaaa;
	box-shadow:  0 0 3px rgba(0,0,0,.2);
	color: #191919;
}
#contenu textarea {
	min-height: 60px;
}
#contenu label,
#contenu legend{
	display: block;
	font-size: 1.00em; /* 14px/14px */
	font-weight: normal;
}
#contenu select{
	width: 220px;
}
#contenu input[type="checkbox"]{
	display: inline;
}
#contenu label span,
#contenu legend span{
	font-weight: normal;
	color: #191919;
}

/* ==================================================
 * infobulles
 * ================================================== */

.infobulleGris{
	background-color: #e2e2e2;
	box-shadow: 0px 5px 10px #d2d2d2;

	/* PIE - IE8 et moins */
    behavior: url(/wp-content/themes/gabarit_html5/css/pie.htc);
}
.tooltipster-content{
	padding: 10px 10px 10px 10px;
	font-size: 14px; /* Tooltipster ne supporte que l'unite absolue px */
	line-height: 1.429; /* 20px/14px */
	color: #3e3e3e;
}
.infobulleGris .tooltipster-content :last-child{
	margin-bottom: 0px;
}

/* ==================================================
 * panneaux
 * note : le panneau d'actualites est cache par defaut.
 * ================================================== */

/* Boutons d'acc�s */
a.btnPanneau{
	position: fixed;
	right: -95px;
	display: block;
	z-index: 11;
	width: 130px;
	padding: 12px 0px 12px 40px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 0.6875em; /* 11px/16px */
	font-weight: bold;
	text-decoration: none;
	background-color: #999999;
	color: #ffffff;
    outline: none;

    /* Coins arrondis */
	border-radius: 15px 0px 0 15px;

	/* Gradients */
	background-image: linear-gradient(to right, #59595A, #999999);

	behavior: url(/wp-content/themes/gabarit_html5/css/pie.htc); /* IE8 et moins */
}

a.btnPanneau span.img{position: absolute; left: 7px; top: 7px; width: 28px; height: 28px; background-repeat: no-repeat;}
a.active.btnPanneau span.img{left: 12px; top: 12px; background-image: url(img/modules/panneaux/minus.png)!important;}

/* Boutons d'acc�s specifiques */
a#btnPanneauRecherche	{top: 245px;}
a#btnPanneauChat		{top: 295px;}
/*a#btnPanneauActualites {top:215px;}*/

a#btnPanneauRecherche span.img	{background-image:url(img/modules/panneaux/ico_recherche.png);}
a#btnPanneauChat span.img		{background-image:url(img/modules/panneaux/ico_chat.png);}
/*a#btnPanneauActualites span.img {background-image:url(img/modules/panneaux/ico_actualites.png);}*/

/* Panneaux */
.panneau{
	position: fixed;
	right: 0;
	display: none;
	z-index: 10;
	padding: 20px 150px 20px 20px;
	background: #000000;

    /* Coins arrondis */
	border-radius: 20px 0px 0 20px;

	behavior: url(/wp-content/themes/gabarit_html5/css/pie.htc); /* IE8 et moins */
}

/* Contenus des panneaux */
.panneau h3{
	margin: 0 0 5px 0;
	font-size: 1.00em; /* 16px */
	color: #ffffff;
}
.panneau p{
	margin: 0 0 15px 0;
	padding: 0;
	font-size: 0.8125em; /* 13px/16px */
	line-height: 1.385; /* 18px/13px */
	color: #ffffff;
}
.panneau a{
	text-decoration: none;
	color: #ffffff;
}
.panneau a:hover{
	margin: 0;
	padding: 0;
	text-decoration: none;
	border-bottom: 1px solid #ffffff;
	color: #ffffff;
}

/* Panneaux specifiques */
#panneauRecherche	{top: 230px; width: 570px;} /* Positionnement du panneau de recherche */
#panneauChat		{top: 230px; width: 770px;} /* Positionnement du panneau de prise de notes */
/*#panneauActualites {top: 100px; width: 670px;} /* Positionnement du panneau des actualites */

/* Styles pour le contenu du panneauRecherche */
#panneauRecherche input[type="text"]{
	width: 70%;
	min-height: 25px;
	margin: 0px;
	padding: 0px 5px 0px 5px;
	margin-bottom: 0px;
	outline: none;
	border: 1px solid #ccc;
	border-radius: 2px;
	background: #ffffff;
	color: #191919;
}
#panneauRecherche #lancerRecherche{
	width: 25%;
	margin: 0 0 0 5px;
	min-height: 25px;
	background-color: #ffffff;
	border: none;
	color: #000000;
	cursor: pointer;
}
#panneauRecherche #lancerRecherche:hover{
	background-color: #2e8804;
	color: #ffffff;
}

/* ==================================================
 * outils
 * ================================================== */
/*Retour au sommet*/
/* Lien retour au haut de la page */
a.retour-sommet {
    border-bottom: medium none;
    bottom: 6em;
    color: #000000;
    display: none;
    font-size: 12px;
    padding: 2em;
    position: fixed;
    right: 15px;
    text-align: center;
    text-decoration: none;
	width: 30px;
	height: 20px;
	background: url(img/structure/img_retour_sommet_up.png) no-repeat center center rgba(235, 235, 235, 0.8);
	position: fixed;
}
a.retour-sommet:hover {
	background: url(img/structure/img_retour_sommet_hover.png) no-repeat center center rgba(235, 235, 235, 0.8);
}

/* Image replacement */
.ir{
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}
.ir:before{
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden{
    display: none !important;
    visibility: hidden;
}

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden, .visuallyHidden{
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus{
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/* Hide visually and from screenreaders, but maintain layout */
.invisible{
    visibility: hidden;
}

/* ==================================================
 * impression
 * note : changer le contenu (content) des liens internes
 * pour l'adresse compl�te du site correspondant (ci-dessous).
 * ================================================== */

@media print{
	/* Generalites */
	/* basees sur les normes d'impression CSS d'HTML5 Boilerplate */
	*{
		background: transparent !important;
		color: #000000 !important;
		box-shadow: none !important;
		text-shadow: none !important;
	}
	body{
		min-width: 100%;
	}
	a,a:visited{
		text-decoration: underline;
	}
	pre,blockquote{
		border: 1px solid #999;
		page-break-inside: avoid;
	}
	thead{
		display: table-header-group; /* h5bp.com/t */
	}
	tr,img{
		page-break-inside: avoid;
	}
	img{
		max-width: 100% !important;
	}
	@page{
		margin: 1cm;
	}
	p,h2,h3{
		orphans: 3;
		widows: 3;
	}
	h2,h3,h4,h5{
		page-break-after: avoid;
	}

	/* Conteneurs principaux */
	#zoneEntete, #identite, #zoneHautPage, #zoneConteneur, #zoneMilieuPage,
	#zoneContenu, #contenu, #contenu.pleineLargeur, #zoneBasPage{
		display: block;
		float: none;
		width: 100%;
		height: auto;
		margin: 0px;
		padding: 0px;
		border: none;
		overflow: none;
	}
	#menuPrincipal, #menuPrincipal, #zoneSecondaire, #identite img, .infoConnection{
		display: none;
	}
	#zoneEntete{
		margin: 0 0 15px 0;
	}
	#identite #logo{
		margin: 0;
	}
	#identite img.impression{
		display: block;
	}
	#zoneHautPage{
		margin: 0;
		padding: 0;
	}

	/* Titre du cours (� cacher si non-desire dans la version imprimee) */
	#zoneHautPage h1{
		height: auto;
		margin: 0 0 20px 0;
		padding: 0;
		font-size: 1.25em; /* 20px/16px */
		line-height: 1.5; /* 24px/16px */
		border-bottom: solid 1px #cccccc;
	}
	#zoneHautPage h1 a:link{
		display: inline;
		margin: 0;
		padding: 0;
	}
	#zoneHautPage h1 a .sigle_cours{
		display: none;
	}
	#zoneHautPage h1 span{
		font-size: inherit;
		line-height: inherit;
		display: inline;
	}
	#zoneHautPage h1 span:before{
		content: " - ";
	}

	/* Contenu : affichages des liens internes */
	#contenu a:after{
		content: " (https://edu6009-b.teluq.ca/" attr(href)")";
	}

	/* Contenu : affichages des liens externe (securises ou non) et des adresses de courriel */
	#contenu a[href^="http://"]:after,
	#contenu a[href^="https://"]:after,
	#contenu a[href^="mailto:"]:after{
		content: " ("attr(href)")";
	}

	/* Contenu : r�gles de non-affichage des liens */
	#contenu a[href^="javascript:"]:after,
	#contenu a[href^="#"]:after,
	#contenu a.nlp:after,
	#contenu .boiteAnimVideo a:after{
		display: none;
	}
	#contenu a{
		word-wrap: break-word;
	}

	/* Contenu : general */
	#contenu .boiteAnimVideo{
		display: none;
	}

	/* Contenu : accordeons */
	#contenu .accordeon .titre{
		padding: 0px;
	}
	#contenu .accordeon > div,
	#contenu .questionnaire > ol li,/* Contenu : questionnaires*/
	#menuTabulation #tabs-1, #menuTabulation #tabs-2, #menuTabulation #tabs-3{
		display: block !important;
		padding-left: 0px;
		padding-bottom: 0px;
		border: 0px;
	}
	#contenu .accordeon > div :last-child{
		margin-bottom: 0px;
	}

	/* Bas de page */
	#zoneBasPage{
		margin: 35px 0 0 0;
		border-top: solid 1px #cccccc;
	}
	#zoneBasPage #copyright{
		text-align: left;
	}

	/* Panneaux d'outils */
	.panneau{
		display: none;
	}
	a.btnPanneau{
		display: none;
	}
}