/*
Theme Name: HIS 1060
Theme URI: https://his1060.teluq.ca
Description: HIS 1060 – Introduction à l'histoire du Québec
Author: <a href="mailto:mbriand@teluq.ca" title="Marie-Jos&eacute;e Briand">Marie-Jos&eacute;e Briand</a>
Tags: 
About: T&eacute;l&eacute;-universit&eacute;, Universit&eacute; du Qu&eacute;bec, 2016 - Tous droits r&eacute;serv&eacute;s
*/

/* 
Fait à partir du cours HIS 1075
Modifié par Mari-Josée Briand pour le cours HIS 1060 (mail 2016)
*/

/* 
Feuille de styles : styles.css
Dernières modifications : 9 mars 2011 (31 mars 2016: subtitution font typekit)
Gère l'apparence des styles généraux
*/

/* -------------------- STYLES.CSS ------------------------- */
/* -------------------- Généraux --------------------------- */

body{
	background-color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #333333;
	-webkit-text-size-adjust: 100%; /* Empêcher l'ajustement du texte sur les plateformes iOS */
}

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


/* Ombrages */
.ombrage{
    -webkit-box-shadow: 0px 5px 15px #bbbbbb;
	-moz-box-shadow: 0px 5px 15px #bbbbbb;
	box-shadow: 0px 5px 15px #bbbbbb;
    behavior: url(/wp-content/themes/his1060/css/pie.htc); /* IE8 et moins */
}
.ombrageDoux{
	-webkit-box-shadow: 0px 5px 10px #dadada;
	-moz-box-shadow: 0px 5px 10px #dadada;
	box-shadow: 0px 5px 10px #dadada;
    behavior: url(/wp-content/themes/his1060/css/pie.htc); /* IE8 et moins */
}
.ombrageDouxInterieur{
	-webkit-box-shadow: inset 0px 5px 15px #d8d8d8;
	-moz-box-shadow: inset 0px 5px 15px #d8d8d8;
	box-shadow: inset 0px 5px 15px #d8d8d8;
    behavior: url(/wp-content/themes/his1060/css/pie.htc); /* IE8 et moins */
}
.ombrageDouxInterieurMenu{
	-webkit-box-shadow: inset 0px 0px 15px #eaeaea;
	-moz-box-shadow: inset -5px 0px 15px #eaeaea;
	box-shadow: inset -5px 0px 15px #eaeaea;
    behavior: url(/wp-content/themes/his1060/css/pie.htc); /* IE8 et moins */
}

/* Coins arrondis */
.coinsArrondis{
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	behavior: url(/wp-content/themes/his1060/css/pie.htc); /* IE8 et moins */
}

/* -------------------- STYLES.CSS ------------------------- */
/* -------------------- zoneEntete ------------------------- */

#zoneEntete{
	height: 60px;
	background-color: #1f388c;
}
#zoneEntete #logo{
	width: 960px;
	margin: 0px auto;
}
#zoneEntete #logo img{
	float: right;
	width: auto;
	margin: 5px 0px 0px 0px;
}

/* -------------------- STYLES.CSS ------------------------- */
/* -------------------- conteneur -------------------------- */

#conteneur{
	background-color: #fff;
	overflow: hidden;
}
#conteneur a:link, #conteneur a:visited{
	text-decoration: none;
}
#conteneur a:hover, #conteneur a:active{
	text-decoration: underline;
}

/* -------------------- STYLES.CSS ------------------------- */
/* -------------------- zoneHautPage ----------------------- */

/*Titre impression*/
#zoneHautPage .titreImpression{
	display: none;	
}

/* Fil d'ariane */
#zoneHautPage p.filAriane{
	margin: 0px 10px 0px 0px;
	color: #6d6e6f;
	padding-bottom: 40px;
	font-size: .75em;/*12px/16px*/
}
#zoneHautPage p.filAriane a:link, #zoneHautPage p.filAriane a:visited {
	color: #157eae;
	text-decoration: none;
}
#zoneHautPage p.filAriane a:hover, #zoneHautPage p.filAriane a:active {
	text-decoration: underline;
}

/* -------------------- STYLES.CSS ------------------------- */
/* -------------------- zoneSecondaire --------------------- */

/* Titres de menus */
#zoneSecondaire h3{
	text-align: left;	
	font-weight: bold;
	font-size: .875em;/*14px/16px*/
	color: #1f388c;
	text-transform: uppercase;
	background: url(img/his1060_btn_fleurlys.png) top left no-repeat;
	padding-left: 25px;
	line-height: 22px;
}

/* Menus */
#zoneSecondaire ul{
	padding: 0px 10px 0px 25px;
	margin: 0px 0px 20px 0px;
}
#zoneSecondaire ul li{
	font-size: .9375em;/*15px/16px*/
	font-style: normal;
	font-weight: 400;
	padding: 4px 0px 4px 0px;
	list-style-type:  none;
}
#zoneSecondaire ul li.dernierElement{
	border-bottom: none;
}
#zoneSecondaire ul li a:link, #zoneSecondaire ul li a:visited {
	color: #333333;
}
#zoneSecondaire ul li a:hover, #zoneSecondaire ul li a:active {
	color: #4c77bb;
	text-decoration: none;
	background: url(img/his1060_btn_fleche.png) right 4px no-repeat;
	padding-right: 14px;
}
#zoneSecondaire ul li.current_page_item a:link, #zoneSecondaire ul li.current_page_item a:visited{
	color: #4c77bb;
	background: url(img/his1060_btn_fleche.png) right 4px no-repeat;
	padding-right: 14px;
}

/* Menus de connexion au cours */
#zoneSecondaire ul#menuConnexionCours{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 20px 0px;
}
#zoneSecondaire ul#menuConnexionCours li{
	border-bottom: none;
	margin: 0px 0px 8px 0px;
	padding: 0px 0px 0px 0px;
	line-height: 30px;
	text-align: center;
	font-size: 1em;/*16px/16px*/
	font-style: normal;
	font-weight: 700;
}
#zoneSecondaire ul#menuConnexionCours li a span.iconeConnexion{
	display: block;
	position: absolute;
	top: 5px;
	left: 58px;
	background: url(img/his1060_btn_connexion.png) top left no-repeat;
	width: 15px;
	height: 18px;
}
#zoneSecondaire ul#menuConnexionCours li a span.iconeInscription{
	display: block;
	position: absolute;
	top: 8px;
	left: 55px;
	background: url(img/his1060_btn_inscription.png) top left no-repeat;
	width: 15px;
	height: 14px;
}
#zoneSecondaire ul#menuConnexionCours li a:link, #zoneSecondaire ul#menuConnexionCours li a:visited {
	position: relative;
	display: block;
	width: 100%;
	color: #ffffff;
	background: url(img/his1060_btn_fondconnexion.png) top left no-repeat;
}
#zoneSecondaire ul#menuConnexionCours li a:hover, #zoneSecondaire ul#menuConnexionCours li a:active {
	text-decoration: none;
	background: url(img/his1060_btn_fondconnexion.png) 0px -30px no-repeat;
}

/* -------------------- STYLES.CSS ------------------------- */
/* -------------------- zoneContenu ------------------------ */

#zoneContenu #contenu{
	background-color: #ffffff;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 10px;
	font-size: .9375em;/*15px/16px*/
	line-height: 22px;
}

/* Titres */
#zoneContenu #contenu h2#titresection{
	padding: 0px 15px 0px 15px;
	font-style: normal;
	font-weight: bold;
	font-size: 1.6em;/*24px/15px*/
	color: #1f388c;
}
#zoneContenu #contenu h2#titremodule{
	margin: 0px 0px 15px 0px;
	font-style: normal;
}
#zoneContenu #contenu h2{
	font-size: 1.4em;/*21px/15px*/
	font-style: normal;
	font-weight: bold;
	color: #1f388c;
	padding: 10px 0;
}
#zoneContenu #contenu h3{
	font-size: 1.2em;/*18px/15px*/
	line-height: 18px;
	padding: 10px 0px 10px 0px;	
	font-style: normal;
	font-weight: bold;
	color: #1f388c;
}
#zoneContenu #contenu h3.noMarginTop{
	margin-top: 0;
}
#zoneContenu #contenu h3.sansMarge{
	margin: 10px 0px 5px 0px;
}
#zoneContenu #contenu h3 a:link, #zoneContenu #contenu h3 a:visited{
	color: #929292;
}
#zoneContenu #contenu h3 a:hover, #zoneContenu #contenu h3 a:active{
	color: #929292;
}

#zoneContenu #contenu h4{
	font-size: 1.0666em;/*16px/15px*/
	line-height: 18px;
	padding: 10px 0px 10px 0px;
	font-style: normal;
	font-weight: bold;
	color: #1f388c;
}

/* Contenu texte */
#zoneContenu #contenu {
	/*font-size: 15px;
	line-height: 22px;*/
}
#zoneContenu #contenu p{
	margin: 0px 0px 15px 0px;
}
#zoneContenu #contenu p.sansMarge{
	margin: 0px 0px 5px 0px;	
}
#zoneContenu #contenu p.notes{
	font-size: .7333em;/*11px/15px*/
}
#zoneContenu #contenu p.legende{
	margin: 5px 0px 0px 0px;
}
#zoneContenu #contenu sup{
	font-size: .6666em;/*10px/15px*/
	line-height: 6px;
}
#zoneContenu #contenu a:link, #zoneContenu #contenu a:visited{
	color: #4c77bb;	
}
#zoneContenu #contenu a:hover, #zoneContenu #contenu a:active{
	color: #4c77bb;	
}

/* Listes ordonnées et non-ordonnées */
#zoneContenu #contenu ul,
#zoneContenu #contenu ol{
	line-height: 18px;
}
#zoneContenu #contenu ul{
	margin: 0px 0px 15px 15px;
	/*list-style-image: url(img/puce.gif);*/
}
#zoneContenu #contenu ol{
	margin: 0px 0px 15px 20px;
}
#zoneContenu #contenu ul li{
	margin: 0px 0px 5px 0px;
}
#zoneContenu #contenu ul.sansMarge,
#zoneContenu #contenu ol.sansMarge{
	margin: 0px 0px 5px 15px;
}
#zoneContenu #contenu ol.sansNumerotation{
	margin: 0px 0px 15px 0px;
	list-style-type: none;
	list-style-image: none;
}
#zoneContenu #contenu ol.sansNumerotation li{
	margin: 0px 0px 5px 0px;
}
#zoneContenu #contenu ol.notesBasPage{
	margin-top: 20px;
}
#zoneContenu #contenu ol.notesBasPage li{
	font-size: .7333em;/*11px/15px*/
	margin: 0px 0px 10px 0px;
}
#zoneContenu #contenu ol.references{
	list-style-image: none;
	list-style-type: none;
	margin: 0px 0px 0px 20px;
}
#zoneContenu #contenu ol.references li{
	font-size: .7333em;/*11px/15px*/
	margin: 0px 0px 10px 0px;
	text-indent: -20px;
}

/* Images */
#zoneContenu #contenu .imgAlignementGauche{
	float: left;
	widows: auto;
	margin-right:25px;
	margin-bottom:15px;
}
#zoneContenu #contenu .imgAlignementDroit{
	float: right;
	widows: auto;
	margin-left:25px;
	margin-bottom:15px;
}

/* Menu tabulaire */
#zoneContenu #contenu ul.menuTabulaire{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
	border-bottom: solid 1px #BBAB9D;
}
#zoneContenu #contenu ul.menuTabulaire li{
	float: left;
	list-style-type: none;
	list-style-image: none;
	width: auto;
	margin: 0px 2px 0px 0px;
}
#zoneContenu #contenu ul.menuTabulaire li a:link, #zoneContenu #contenu ul.menuTabulaire li a:visited{
	display: block;
	background-color: #f9f0db;
	line-height: 30px;
	padding: 0px 10px 0px 8px;
	color: #6f6052;
}
#zoneContenu #contenu ul.menuTabulaire li a:hover, #zoneContenu #contenu ul.menuTabulaire li a:active{
	background-color: #f4e7c5;
	text-decoration: none;
}
#zoneContenu #contenu ul.menuTabulaire li a.sectionCourante{
	background-color: #f4e7c5;
}

/* Accordéons */
#zoneContenu #contenu .accordeon {
	margin:20px 0;
}
#zoneContenu #contenu .accordeon .titre {
	font-size: .8666em;/*13px/15px*/
	color:#604f40;
	background-color:#f9efd7;
	text-transform:none;
	cursor: pointer;
	position:relative;
	padding:3px 0 3px 10px;
	margin:10px 0;
	
    /* Coins arrondis */
	-moz-border-radius:5px 5px 5px 5px;
	-webkit-border-radius:5px 5px 5px 5px;
	border-radius:5px 5px 5px 5px;
	behavior: url(/wp-content/themes/edu6002/css/pie.htc); /* IE8 et moins */
}
#zoneContenu #contenu .accordeon .titre span{
	display:block;
	position:absolute;
    
    /* Empêche la sélection sur l'élément */
	user-select:none;
	-o-user-select:none;
	-moz-user-select:none;
	-khtml-user-select:none;
	-webkit-user-select:none;
}
#zoneContenu #contenu .accordeon .titre .fleche{
	background-image:url(img/accordeon_fleches.png);
	background-repeat:no-repeat;
	background-position:0 0;
	width:16px;
	height:17px;
	right:6px;
	top:2px;
}
#zoneContenu #contenu .accordeon .selectionne .fleche{
	background-position:0 -17px;
}
#zoneContenu #contenu .accordeon .titre .details{
	height:18px;
	right:30px;
	top:2px;
}
#zoneContenu #contenu .accordeon > div {
	padding:3px 10px;
	border-bottom:1px solid #c1c1c1;
}

/* Tableaux */
table{
	width: 100%;
	margin: 0px 0px 15px 0px;
	/*font-size: 13px;*/
	border-top: solid 1px #1f388c;
	border-bottom: solid 1px #1f388c;
	color: #5F6060;
}
table tr.bordureSolide{
	border-bottom: solid 1px #1f388c;
}
table tr th{
	font-weight: bold;
	/*font-size: 15px;*/
	color: #fff;
	background-color: #1f388c;
	padding: 8px 8px 8px 8px;
	border: 1px solid #1f388c;
}
table tr td{
	padding: 8px 8px 8px 8px;
	border: solid 1px #1f388c;
}
table tr td p, table tr th p {
	margin: 0!important;
}

table tr th.alignementCentre, table tr td.alignementCentre{
	text-align: center;
}

table tr th .alignementDroite, table tr td .alignementDroite{
	float: right;
	vertical-align: bottom;
}
table tr td.hideRightBorder {
	border-right: none;
}
table tr td.hideLeftBorder {
	border-left: none;
}
/* Vidéos fancybox */
#fancybox-content > div,
.fancybox-inner { overflow: hidden!important; }

/* Navigation entres les articles ou les pages (la pagination) */
#zoneContenu .navigationArticle{
	margin: 10px 10px 0px 10px;
	overflow: hidden;
}
#zoneContenu .navigationArticle span.alignementGauche{
	display: block;
	float: left;
	width: auto;
}
#zoneContenu .navigationArticle span.alignementDroite{
	display: block;
	float: right;
	width: auto;
}

/* Autres */
#zoneContenu #contenu div.clear,
#zoneContenu #contenu p.clear{
	clear: both;
	margin: 0px;
	visibility: hidden;
}

/* -------------------- STYLES.CSS ------------------------- */
/* -------------------- zoneContenu/zoneBienvenue ---------- */

#zoneContenu #contenu #zoneBienvenueWidget{
	margin: 0px 0px 20px 0px;
}
#zoneContenu #contenu #zoneBienvenueWidget p.messageBienvenue{
	/*font-size: 15px;*/
	line-height: 22px;
}
#zoneContenu #contenu #zoneBienvenueWidget .textwidget{
	padding: 15px 15px 5px 15px;
}

/* -------------------- STYLES.CSS ------------------------- */
/* -------------------- zoneContenu/zoneActualites --------- */
/* -------------------- zoneContenu/zoneVideographie ------- */
/* -------------------- zoneContenu/zoneWebographie -------- */

#zoneContenu #zoneActualites,
#zoneContenu #zoneVideographie,
#zoneContenu #zoneWebographie{
	overflow: auto;
	margin: 0px 0px 20px 0px;
}

/* Entêtes de panneaux */
#zoneContenu #contenu .entetePanneau {
	height: 40px;
	margin: 0px 0px 0px 0px;
}
#zoneContenu #contenu .entetePanneau h2{
	width: auto;
	float: left;
	height: inherit;
	margin: 0px 0px 0px 15px;
}

/* Listes d'éléments (affichage par groupe de trois) */
/* Liste d'actualités */
#zoneContenu #contenu ul#navActualites{
	overflow: auto;
	width: auto;
	margin: 15px 15px 0px 15px;
	padding: 0px 0px 0px 0px;
	position: relative;
    left: -100px;
}
#zoneContenu #contenu ul#navActualites li{
	list-style-image: none;
	list-style-type: none;
	width: 200px;
	float: left;
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 0px 0px;
	min-height: 330px;
	max-height: 360px;
}
#zoneContenu #contenu ul#navActualites h3{
	margin: 10px 0px 10px 0px;
}
#zoneContenu #contenu ul#navActualites p.infosArticles{
	font-size: .7333em;/*11px/15px*/
	overflow: auto;
	margin: 0px 0px 0px 0px;
}
#zoneContenu #contenu ul#navActualites p.infosArticles a:link, #zoneContenu #contenu ul#navActualites p.infosArticles a:visited{
	color: #5f6060;	
}
#zoneContenu #contenu ul#navActualites p.infosArticles a:hover, #zoneContenu #contenu ul#navActualites p.infosArticles a:active{
	color: #5f6060;	
}
#zoneContenu #contenu ul#navActualites p.infosArticles span.dateArticle{
	float: left;
	width: auto;
	margin: 0px 20px 0px 0px;
}
#zoneContenu #contenu ul#navActualites p.infosArticles span.commentaireArticle{
	width: auto;
}
#zoneContenu #contenu ul#navActualites p.infosArticles span.commentaireArticle a{
	background: url(img/his1060_btn_compteurcommentaires.png) top left no-repeat;
	padding: 0px 0px 0px 30px;
}
#zoneContenu #contenu ul#navActualites p.infosArticles span.articleComplet{
	float: right;
	width: auto;
}
#zoneContenu #contenu ul#navActualites p.infosArticles span.articleComplet a{
	background: url(img/his1060_btn_voirplustriangle.png) top left no-repeat;
	width: 36px;
	height: 36px;
	display: block;
}
#zoneContenu #contenu ul#navActualites p.infosArticles span.articleComplet a:hover, #zoneContenu #contenu ul#navActualites p.infosArticles span.articleComplet a:active{
	text-decoration: none;
}

/* Liste de vidéographies */
#zoneContenu #contenu ul#navVideographie{
	overflow: hidden;
	width: auto;
	margin: 15px 15px 0px 15px;
	padding: 0px 0px 0px 0px;
}
#zoneContenu #contenu ul#navVideographie li{
	list-style-image: none;
	list-style-type: none;
	width: 200px;
	float: left;
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 0px 0px;
	min-height: 215px;
	max-height: 250px;
}
#zoneContenu #contenu ul#navVideographie li img{
	margin: 0px 0px 10px 0px;
}
#zoneContenu #contenu ul#navVideographie li h3{
	margin: 0px 0px 0px 0px;
}
#zoneContenu #contenu ul#navVideographie li span{
	font-style: italic;
	font-weight: 700;
	font-size: .8666em;/*13px/15px*/
	color: #1981b3;
}
#zoneContenu #contenu ul#navVideographie li p{
	font-size: .7333em;/*11px/15px*/
}
#zoneContenu #zoneVideographie .basPanneau{
	border-top: dotted 1px #cecdc6;
	padding: 10px 0px 0px 0px;
	margin: 0px 15px 15px 15px;
	overflow: auto;
}
#zoneContenu #zoneVideographie .basPanneau p{
	float: left;
	width: 80%;
	font-size: 1em;/*15px/15px*/
	line-height: 20px;
}
#zoneContenu #zoneVideographie .basPanneau img{
	float: right;
	width: 121px;
}

/* Liste de webographies */
#zoneContenu #contenu ul#navWebographie{
	overflow: auto;
	width: auto;
	margin: 15px 15px 0px 15px;
	padding: 0px 0px 0px 0px;
}
#zoneContenu #contenu ul#navWebographie li{
	list-style-image: none;
	list-style-type: none;
	width: 324px;
	float: left;
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 0px 0px;
	min-height: 70px;
	max-height: 80px;
}
#zoneContenu #contenu ul#navWebographie li a img{
	float: left;
	width: 90px;
	margin: 0px 10px 0px 0px;
	border: solid 1px #cecdc6;
}
#zoneContenu #contenu ul#navWebographie li .infosLien{
	float: left;
	width: 222px;
}
#zoneContenu #contenu ul#navWebographie li .infosLien a:link, #zoneContenu #contenu ul#navWebographie li .infosLien a:visited{
	font-style: italic;
	font-weight: 700;
	color: #929292;
}
#zoneContenu #contenu ul#navWebographie li .infosLien a:hover, #zoneContenu #contenu ul#navWebographie li .infosLien a:active{
	text-decoration: none;
}
#zoneContenu #contenu ul#navWebographie li .infosLien p{
	font-size: .7333em;/*11px/15px*/
}
#zoneContenu #contenu ul#navWebographie li.elementLienMarge{
	padding: 0px 0px 0px 10px;
	margin-left: 10px;
	border-left: dotted 1px #cecdc6;
}

/* S'appliquent à plusieurs listes */
#zoneContenu #contenu ul#navActualites li.elementMarge,
#zoneContenu #contenu ul#navVideographie li.elementMarge{
	padding: 0px 17px 0px 17px;
	margin-left: 17px;
	margin-right: 17px;
	border-right: dotted 1px #cecdc6;
	border-left: dotted 1px #cecdc6;
}

/* Navigations dans les panneaux */
#zoneContenu #contenu .entetePanneau ul.navPanneaux{
	float: right;
	width: auto;
	height: inherit;
	text-align: center;
	line-height: 40px;
	margin: 0px 15px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#zoneContenu #contenu .entetePanneau ul.navPanneaux li{
	list-style-image: none;
	list-style-type: none;
	width: auto;
	float: left;
	margin: 0px 0px 0px 10px;
	border: none;
	font-size: 1.0666em;/*16px/15px*/
	font-weight: bold;
}
#zoneContenu #contenu .entetePanneau ul.navPanneaux li a:link, #zoneContenu #contenu .entetePanneau ul.navPanneaux li a:visited{
	color: #989695;
}
#zoneContenu #contenu .entetePanneau ul.navPanneaux li a:hover, #zoneContenu #contenu .entetePanneau ul.navPanneaux li a:active{
	color: #d6d5d5;
	text-decoration: none;
}

/* -------------------- STYLES.CSS ------------------------- */
/* -------------------- zoneContenu/zoneArticle ------------ */

#zoneContenu #zoneArticle{
	width: auto;
	padding: 0px 0px 0px 0px;
	margin: 15px 0px 15px 0px;
}
#zoneContenu #zoneArticle h2{
	width: auto;
	line-height: 40px;
	padding: 0px 0px 0px 15px;
}
#zoneContenu #zoneArticle #contenuArticle{
	margin: 5px 15px 15px 15px;
}
#zoneContenu #zoneArticle .infosArticles{
	font-size: .7333em;/*11px/15px*/
}

/* Liste de commentaires */
#zoneContenu #zoneArticle #zoneCommentaires h3{
	border-top: dotted 1px #cecdc6;
	margin: 15px 0px 15px 0px;
	padding: 10px 0px 0px 0px;
}
#zoneContenu #zoneArticle #zoneCommentaires h3.nbreCommentaires{
	background: url(img/his1060_btn_compteurcommentaires.png) 0px 10px no-repeat;
	padding-left: 35px;
}
#zoneContenu #zoneArticle #zoneCommentaires h3.laisserCommentaire{
	background: url(img/his1060_btn_laissercommentaire.png) 0px 10px no-repeat;
	padding-left: 25px;
}
#zoneContenu #zoneArticle #zoneCommentaires ol{
	list-style-type: none;
	margin: 0px 0px 0px 0px;
}
#zoneContenu #zoneArticle #zoneCommentaires ol li p{
	margin: 0px 0px 10px 0px;
}
#zoneContenu #zoneArticle #zoneCommentaires ol li p.infosCommentaire{
	font-size: .7333em;/*11px/15px*/
}

/* Soumettre un commentaire */
#zoneContenu #zoneArticle #zoneCommentaires form p label{
	display: block;
	width: auto;
}
#zoneContenu #zoneArticle #zoneCommentaires form p{
	font-size: .7333em;/*11px/15px*/
	margin: 0px 0px 10px 0px;
}
#zoneContenu #zoneArticle #zoneCommentaires form input{
	width: 50%;
	font-size: .7333em;/*11px/15px*/
}
#zoneContenu #zoneArticle #zoneCommentaires form textarea{
	width: 670px;
	height: 200px;
	font-size: .7333em;/*11px/15px*/
}
#zoneContenu #zoneArticle #zoneCommentaires form input#submit{
	position: relative; /* Voir : http://css3pie.com/documentation/known-issues/#z-index */
	font-style: italic;
	font-weight: 700;
	font-size: .8666em;/*13px/15px*/
	background-color: #efeeee; 
	color: #1279aa;
	width: 30%;
	border:0;
	height: 30px;
	cursor: pointer;
	float: right;
	margin: 0px 0px 15px 0px;
}
#zoneContenu #zoneArticle #zoneCommentaires form span.requis{
	color: #1279aa;
}

/* -------------------- STYLES.CSS ------------------------- */
/* -------------------- zoneContenu/zonePage --------------- */

#zoneContenu #zonePage{
	padding: 15px 1px 15px 15px;
}

/* Crédits */
#zoneContenu #zonePage #presentationProfesseur{
	overflow: auto;
}
#zoneContenu #zonePage #presentationProfesseur p{
	font-size: 1em;/*15px/15px*/
}
#zoneContenu #zonePage #presentationProfesseur p.legende{

}
#zoneContenu #zonePage .imgCreditsLivres{
	margin-top:-55px;
}
#zoneContenu #zonePage span.nomPersonnel{
	display: block;
	font-weight: 700;
	font-size: 1em;/*15px/15px*/
}
#zoneContenu #zonePage ul#listePersonnel{
	list-style-image: none;
	list-style-type: none;
	margin: 15px 0px 0px 0px;
	overflow: auto;
}
#zoneContenu #zonePage ul#listePersonnel li{
	float: left;
	width: 150px;
	height:70px;
	margin: 0px;
}
#zoneContenu #zonePage ul#listePersonnel li.elementMarge{
	padding: 0px 10px 0px 0px;
	margin: 0px 10px 0px 0px;
	border-right: dotted 1px #cecdc6;
}
#zoneContenu #zonePage ul#listePersonnel li.elementPhoto{
	height:180px;
}


#zoneContenu #zonePage ul#listePersonnel img{
	margin: 0px 0px 10px 0px;
}

/* Étapes */
#zoneContenu #zonePage div#introduction p{
	font-size: 1em;/*15px/15px*/
	line-height: 22px;	
}

/* Matériel */
#zoneContenu #zonePage .materielImage {
	float:left;
	width:240px;
	text-align:center;
}
#zoneContenu #zonePage .materielTexte {
	float:left;
	width:430px;
}
#zoneContenu #zonePage .appareilsMobiles {
	margin-bottom:5px;
}
#zoneContenu #zonePage hr {
	height:1px;
	border-top:1px dotted #b1b1b1;
	margin:15px 0;
	clear:both;
}
	
/* -------------------- STYLES.CSS ------------------------- */
/* -------------------- Bas de page ------------------------ */

/* Toggle bas de page */
#toggleBasPage{
	background-color: #56554e;
	float: right;
	cursor: pointer;
	position: relative;
	height: 30px;
	margin-top: 15px;
    width: 130px;
	
    /* Coins arrondis */
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	behavior: url(/wp-content/themes/edu6002/css/pie.htc); /* IE8 et moins */
}
#toggleBasPage img{
	position:absolute;
	left:8px;
	top:8px;
}
#toggleBasPage span{
	position:absolute;
	right:30px;
	top:7px;
	color:#fff;
	text-transform:uppercase;
	font-size: 13px;
	line-height: 19px;
	font-weight: bold;
}
#toggleBasPage .fleche{
	width:18px;
	height:18px;
	position:absolute;
	right:5px;
	top:8px;
	background: url(img/panneau_fleches.png) no-repeat 0 -18px;
}
#toggleBasPage.active .fleche{
	background: url(img/panneau_fleches.png) no-repeat 0 0;
}

/* Contenu du bas de page */
#zoneBasPage{
	background-color: #56554e;
}
#zoneBasPage .basDePageWidget {
	padding: 15px 16px 16px 15px;
}
#zoneBasPage .basDePageWidget h3{
	font-size: 13px;
	font-weight: bold;
	border-bottom: dotted 1px #b1b1b1;
	font-style: italic;
	color: #d4d4d5;
	padding: 0px 0px 5px 0px;
}
#zoneBasPage .basDePageWidget ul{
	margin: 10px 0px 0px 0px;
}
#zoneBasPage .basDePageWidget ul li{
	list-style-type: none;
	font-size: 13px;
	margin: 0px 0px 5px 0px;
}
#zoneBasPage a:link, #zoneBasPage a:visited{
	color: #d4d4d5;
	text-decoration: none;
}
#zoneBasPage a:hover, #zoneBasPage a:active{
	text-decoration: underline;
}
#zoneCopyright{
	height: 30px;
	width: 100%;
	background-color: #56554e;
	border-top: 1px solid #515049;
}
#zoneCopyright p{
	color: #ffffff;
	font-size: 11px;
	padding: 8px 10px 8px 10px;
	text-align: center;
}
#zoneCopyright p a:link, #zoneCopyright p a:visited{
	color: #ffffff;
	text-decoration: none;
}
#zoneCopyright p a:hover, #zoneCopyright p a:active{
	text-decoration: underline;
}

/* -------------------- STYLES.CSS ------------------------- */
/* -------------------- Panneau d'outils ------------------- */

/* Panneaux en général */
.panneau {
	position: fixed;
	right: 0;
	display: none;
	background: #000000;
	border: 1px solid #111111;
	height: auto;
	padding: 20px 150px 20px 20px;
	opacity: 1;
	z-index:10;
    
    /* Coins arrondis */
    -moz-border-radius: 20px 0px 0 20px;
	-webkit-border-radius: 20px 0px 0 20px;
	border-radius: 20px 0px 0 20px;
	behavior: url(/wp-content/themes/edu6002/css/pie.htc); /* IE8 et moins */
}

/* Style de contenu des panneaux */
.panneau h3{font-size: 15px; color: #ffffff; margin-top: 0px;}
.panneau p{margin: 0 0 15px 0; padding: 0; color: #ffffff;}
.panneau a{color: #9FC54E; text-decoration: none;}
.panneau a:hover {margin: 0; padding: 0; color: #ffffff; text-decoration: none; border-bottom: 1px solid #ffffff;}

/* Boutons d'accès en général */
a.btnPanneau {
	position: fixed;
	right: -95px;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
	padding: 12px 0 12px 40px;
	display: block;
	z-index:11;
	width: 90px;
	background-color:#ccc;
    outline: none;
    
    /* Coins arrondis */
    -moz-border-radius: 15px 0px 0 15px;
	-webkit-border-radius: 15px 0px 0 15px;
	border-radius: 15px 0px 0 15px;

	/* Générateur de Gradient :   http://gradients.glrzad.com/   */
	background-image: linear-gradient(left , #59595A 0%, #999999 100%);
	background-image: -o-linear-gradient(left , #59595A 0%, #999999 100%);
	background-image: -moz-linear-gradient(left , #59595A 0%, #999999 100%);
	background-image: -webkit-linear-gradient(left , #59595A 0%, #999999 100%);
	background-image: -ms-linear-gradient(left , #59595A 0%, #999999 100%);
	background-image: -webkit-gradient(
		linear,
		left top,
		right top,
		color-stop(0, #59595A),
		color-stop(1, #999999)
	);
    -pie-background: linear-gradient(left , #59595A, #999999);
    behavior: url(/wp-content/themes/edu6002/css/pie.htc); /* IE8 et moins */
}

a.btnPanneau span.img { position:absolute; left:7px; top:7px; width:28px; height:28px; }
a.active.btnPanneau span.img { /*background-image:url(img/panneau/ico_moins.png);*/ }

/* Panneaux spécifiques */
#panneauRecherche  {top: 100px; width: 400px;} /* Positionnement du panneau de recherche */
/*#panneauChat       {top: 100px; width: 600px;} /* Positionnement du panneau de prise de notes */
/*#panneauActualites {top: 100px; width: 500px;} /* Positionnement du panneau des actualités */

/* Boutons d'accès spécifiques */
a#btnPanneauRecherche  {top:115px;}
/*a#btnPanneauChat       {top:165px;}*/
/*a#btnPanneauActualites {top:215px;}*/

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

/* Styles pour le contenu du panneauRecherche */
#panneauRecherche #lancerRecherche{
	background-color: #ffffff;
	border: solid 1px #71A12D;
	color: #000000;
	width: 85px;
	margin-left: 5px;
	cursor:pointer;
}
#panneauRecherche #lancerRecherche:hover{
	background-color: #71A12D;
	border: solid 1px #71A12D;
	color: #ffffff;
	width: 85px;
	cursor:pointer;
}


/* Styles pour le bouton "Play" sur les vignette de vidéo */
a.lienImgVideo {
	display:block;
	position: relative;
	z-index: 100;
}
img.jouerVideo {
	position: absolute;
	height: 56px;
	width: 56px;
	left: 50%;
	top: 50%;
	z-index: 150;
}
#zoneContenu #contenu ul#navVideographie li img.jouerVideo {
	margin-top:-28px;
	margin-left:-28px;
}

/* Vidéos */
/********************************/
/*
#animationVideo1, #animationVideo2, #animationVideo3, 
#animationVideo4, #animationVideo5, #animationVideo6, 
#animationVideo7, #animationVideo8, #animationVideo9, 
#animationVideo10, #animationVideo11, #animationVideo12, 
#animationVideo1_displayarea, #animationVideo2_displayarea, #animationVideo3_displayarea,
#animationVideo4_displayarea, #animationVideo5_displayarea, #animationVideo6_displayarea,
#animationVideo7_displayarea, #animationVideo8_displayarea, #animationVideo9_displayarea,
#animationVideo10_displayarea, #animationVideo11_displayarea, #animationVideo12_displayarea,
#animationVideo1_wrapper, #animationVideo2_wrapper, #animationVideo3_wrapper,
#animationVideo4_wrapper, #animationVideo5_wrapper, #animationVideo6_wrapper,
#animationVideo7_wrapper, #animationVideo8_wrapper, #animationVideo9_wrapper,
#animationVideo10_wrapper, #animationVideo11_wrapper, #animationVideo12_wrapper {
    width: 640px!important;
    height: 480px!important;
}
*/
.lienVideo {
    overflow-y: scroll;
    height: 162px;
    width: 640px;
	padding: 1px 0 0 0;
	margin-bottom: 15px;
	border-top: 8px solid #1f388c;
	position: relative;
}

.lienVideo ul {
	margin: 0!important;
}

.lienVideo li {
	border-bottom: 1px solid #1f388c;
	color: #fff;
	list-style: none;
	margin-bottom: 0!important;
	color: #1f388c;
	font-size: .8666em;/*13px/15px*/
}
.lienVideo li ul {
    border-top: 1px solid #000;
}
.lienVideo li li {
	font-size: 1em; /* 13px/13px*/
}
.lienVideo li li:last-child {
    border-bottom: none;
}
.lienVideo li.titreSection {
	padding: 4px 0 4px 14px;
	font-weight: bold;
}
.lienVideo li:last-child {
	margin-bottom: 0!important;
}
.lienVideo li a {
	cursor: pointer;
	display: block;
	padding: 4px 0 4px 14px;
}
.lienVideo li a:hover {
	color: #1f388c;
	text-decoration: none!important;
	background: url(img/his1060_signet_video.png) left 7px no-repeat #e4ebf5;
	
}