/*
Theme Name: EDU 1014
Theme URI: https://edu1014.teluq.ca
Description: EDU 1014 - Psychologie du développement de l'enfant et adaptation à l'école primaire.
Author: <a href="mailto:fmartel@teluq.ca" title="Fran&ccedil;ois Martel">Fran&ccedil;ois Martel</a>
Tags: edu1014, cours, communication, distance, p&eacute;dagogique, t&eacute;luq
About: T&eacute;l&eacute;-universit&eacute;, Universit&eacute; du Qu&eacute;bec, 2013 - Tous droits r&eacute;serv&eacute;s
*/

/* 
Feuille de styles : styles.css
Dernières modifications : 30 mars 2016
Gère l'apparence des styles généraux
*/

/* -------------------- STYLES.CSS ------------------------- */
/* -------------------- Fonts ------------------------------ */

/* License URL: http://www.fontspring.com/fflicense/exljbris */
@font-face {
    font-family: 'Museo Sans 500';
    src: url('css/fonts/MuseoSans_500-webfont.eot');
    src: url('css/fonts/MuseoSans_500-webfont.eot?#iefix') format('embedded-opentype'),
         url('css/fonts/MuseoSans_500-webfont.woff') format('woff'),
         url('css/fonts/MuseoSans_500-webfont.ttf') format('truetype'),
         url('css/fonts/MuseoSans_500-webfont.svg#museo_sans500') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Museo Sans 700';
    src: url('css/fonts/MuseoSans_700-webfont.eot');
    src: url('css/fonts/MuseoSans_700-webfont.eot?#iefix') format('embedded-opentype'),
         url('css/fonts/MuseoSans_700-webfont.woff') format('woff'),
         url('css/fonts/MuseoSans_700-webfont.ttf') format('truetype'),
         url('css/fonts/MuseoSans_700-webfont.svg#museo_sans700') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Museo Sans 700 Italic';
    src: url('css/fonts/MuseoSans_700_Italic-webfont.eot');
    src: url('css/fonts/MuseoSans_700_Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('css/fonts/MuseoSans_700_Italic-webfont.woff') format('woff'),
         url('css/fonts/MuseoSans_700_Italic-webfont.ttf') format('truetype'),
         url('css/fonts/MuseoSans_700_Italic-webfont.svg#museo_sans700_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

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

body{
	font-family:Verdana, Geneva, sans-serif;
	font-size: 12px;
	background-color: #ffffff;
	overflow-x:hidden;
    -webkit-text-size-adjust: 100%; /* Empêcher l'ajustement du texte sur les plateformes iOS */
}

/* Ombrages */
.ombrage{
    -webkit-box-shadow: 0px 5px 15px #b0b0b0;
	-moz-box-shadow: 0px 5px 15px #b0b0b0;
	box-shadow: 0px 5px 15px #b0b0b0;
    behavior: url(/wp-content/themes/edu6002/css/pie.htc); /* IE8 et moins */
}

.ie8 .ombrage {
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
}

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

.alignementCentre {text-align:center;}
.alignementDroite {float:right; margin:0px 0px 10px 10px;}
.alignementGauche {float:left; margin:0px 10px 10px 0px;}

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

#zoneEntete{
	height: 60px;
	background: #589cbb;
}
#zoneEntete #logo{
	width: 960px;
	margin: 0px auto;
}
#zoneEntete #logo img{
	float: right;
	width: auto;
	margin: 5px 0px 0px 0px;
}

/* -------------------- STYLES.CSS ------------------------- */
/* -------------------- zoneFond --------------------------- */

#zoneFond{
	position: absolute;
	width: 100%;
	height: 170px;
	z-index: -10;
	background: #f2f2f2;
	overflow:hidden;
}

/* Texture d'origami ajoutée */
#zoneFond #fondOrigami{
	width: 1366px;
	height: 170px;
	margin: 0px auto 0px auto;
	background: #f2f2f2 url(img/structure/edu1014_fond_zonefond.png);
}

.ie8 #zoneFond #fondOrigami{
	width: 100%;
}

/*.ie8 #zoneFond,
.ie8 #zoneFond #fondOrigami {
	display:none;
}*/

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

#conteneur{
	background-color: #e2e2e2;
	overflow: auto;
	border-left: 1px solid #a7a7a7;
	border-right: 1px solid #a7a7a7;
	border-bottom: 1px solid #a7a7a7;
}
#conteneur a:link, #conteneur a:visited{
	text-decoration: none;
}
#conteneur a:hover, #conteneur a:active{
	text-decoration: underline;
}

/* Faux colonne */
#conteneurContenu{
	background: #ffffff url(img/structure/edu1014_fond_conteneurcontenu.gif) repeat-y top left;
	overflow: auto;
}

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

#zoneHautPage{
	background-color: #e2e2e2;
}
#zoneHautPage ul#menuPrincipal{
	height: 37px;
	margin: 0px 0px 0px 10px;
}
#zoneHautPage ul#menuPrincipal li{
	float: left;
	font-size:14px;
	font-family: 'Museo Sans 500', Arial, sans-serif;
	width: auto;
	margin: 0px 0px 0px 0px;
	list-style-type: none;
	text-align: center;
}
#zoneHautPage ul#menuPrincipal a:link, #zoneHautPage ul#menuPrincipal a:visited {
	display: block;
	padding: 0px 10px 0px 10px;
	text-decoration: none;
	line-height: 37px;
	color: #555555;
}
#zoneHautPage ul#menuPrincipal a:hover, #zoneHautPage ul#menuPrincipal a:active {
	color:#1b1b1b;
	background:url(img/structure/img_menu_principal_select.png) no-repeat bottom center;
}
#zoneHautPage ul#menuPrincipal li.current-page-ancestor a:link, #zoneHautPage ul#menuPrincipal li.current-page-ancestor a:visited{
	color:#156C94;
	font-family: 'Museo Sans 700', Arial, sans-serif;
	background:url(img/structure/img_menu_principal_select.png) no-repeat bottom center;
}

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

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

#zoneSecondaire{
	padding: 30px 0px 30px 0px;
}
#zoneSecondaire .menuZoneSecondaire{
	margin: 0px 15px 0px 15px;
}
#zoneSecondaire .menuZoneSecondaire li{
	margin: 0px 0px 0px 0px;
	padding: 5px 4px 5px 4px;
	list-style-type: none;
	border-bottom: dotted 1px #b5b5b6;
}

#zoneSecondaire .menuZoneSecondaire li a{
	display:block;
	font-size:13px;
	font-family: 'Museo Sans 500', Arial, sans-serif;
	line-height:15px;
}

#zoneSecondaire .menuZoneSecondaire li a:link,
#zoneSecondaire .menuZoneSecondaire li a:visited{
	color: #555555;
}
#zoneSecondaire .menuZoneSecondaire li a:hover,
#zoneSecondaire .menuZoneSecondaire li a:active{
	text-decoration: none;
	color: #333333;
}
#zoneSecondaire .menuZoneSecondaire li.current_page_item a:link,
#zoneSecondaire .menuZoneSecondaire li.current_page_item a:visited{
	/*font-weight: bold;*/
	font-family: 'Museo Sans 700', Arial, sans-serif;
	color: #333333;
}

#zoneSecondaire .menuZoneSecondaire li.current_page_item{
	background:#a3c9da;
}

#zoneSecondaire .menuZoneSecondaire li:hover {
	background:#e0e6e8;
}

#zoneSecondaire .menuZoneSecondaire li.current_page_item:hover{
	background:#a3c9da;
}

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

#zoneContenu{
	background-color: #ffffff;
}
#zoneContenu #contenu{
	margin: 0px 20px 0px 20px;
	padding: 30px 30px 30px 30px;
	background-color: #ffffff;
}

#zoneContenu #contenu :last-child{
	margin-bottom: 0px;
}

/* Titres */
#zoneContenu #contenu h1{
	font-family: 'Museo Sans 500', Arial, sans-serif;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 18px;
	line-height: 18px;
	font-weight: normal;
	color: #447a93;
}
#zoneContenu #contenu h2{
	font-family: 'Museo Sans 500', Arial, sans-serif;
	margin: 25px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 16px;
	line-height: 19px;
	font-weight: normal;
	color: #447a93;
}
#zoneContenu #contenu h3{
	font-family: 'Museo Sans 700', Arial, sans-serif;
	margin: 25px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 14px;
	line-height: 14px;
	font-weight: normal;
	color: #000000;
}
#zoneContenu #contenu h4{
	font-family: 'Museo Sans 700', Arial, sans-serif;
	margin: 25px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 12px;
	line-height: 12px;
	font-weight: normal;
	color: #000000;
}

/* Contenu texte */
#zoneContenu #contenu p{
	margin: 0px 0px 15px 0px;
	/*font-family:  "jaf-bernino-sans", sans-serif;*/
	font-family:Verdana, Geneva, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #555555;
}

#zoneContenu strong {
	 font-weight:600;
}

#zoneContenu #contenu p.sansMarge{
	margin: 0px 0px 5px 0px;	
}
#zoneContenu #contenu p.notes{
	font-size: 11px;
	line-height: 16px;
	color: #87888A;
	/*margin-left:45px;
	text-indent:-45px;*/
}

#zoneContenu #contenu p span.notes{
	font-size: 10px;
	line-height: 13px;
	color: #87888A;
	font-style:italic;
}

#zoneContenu #contenu p.source{
	font-size: 11px;
	line-height: 13px;
	color: #87888A;	
}

#zoneContenu #contenu p.credits {
	line-height:20px;
}

#zoneContenu #contenu p .serre {
	line-height:16px;
}

#zoneContenu #contenu sup{
	font-size: 10px;
	vertical-align: top;
	margin: 0px 0px 0px 2px;
}
#zoneContenu #contenu blockquote{
	margin: 0px 0px 15px 15px;
}
#zoneContenu #contenu a:link, #zoneContenu #contenu a:visited{
	text-decoration: underline;
	color: #447A93;
}
#zoneContenu #contenu a:hover, #zoneContenu #contenu a:active{
	text-decoration: none;
}

#zoneContenu #contenu span.icoPlay,
#zoneContenu #contenu span.icoPause,
#zoneContenu #contenu span.icoTemps,
#zoneContenu #contenu span.icoPlayVideo,
#zoneContenu #contenu span.icoBtnFermer{
	display:inline-block;
	margin:0px 4px;
	position:relative;
	top:6px;
}

#zoneContenu #contenu p.icoPlay{background:url(img/structure/ico_player_play.gif) no-repeat top left; padding-left:30px; padding-top:3px; min-height:24px;}
#zoneContenu #contenu p.icoPause{background:url(img/structure/ico_player_pause.gif) no-repeat top left; padding-left:30px; padding-top:3px; min-height:24px;}
#zoneContenu #contenu p.icoTemps{background:url(img/structure/ico_player_timing.gif) no-repeat top left; padding-left:55px; padding-top:3px; min-height:24px;}
#zoneContenu #contenu p.icoBtnFermer{background:url(img/structure/ico_btn_fermer_small.png) no-repeat top left; padding-left:30px; padding-top:3px; min-height:24px;}

#zoneContenu #contenu span.icoPlay{
	width:24px;
	height:24px;
	background:url(img/structure/ico_player_playVideo.png) no-repeat top left;
}

#zoneContenu #contenu span.icoPause{
	width:23px;
	height:24px;
	background:url(img/structure/ico_player_pause.gif) no-repeat top left;
}

#zoneContenu #contenu span.icoTemps{
	width:46px;
	height:24px;
	background:url(img/structure/ico_player_timing.gif) no-repeat top left;
}

#zoneContenu #contenu span.icoBtnFermer{
	width:24px;
	height:24px;
	background:url(img/structure/ico_btn_fermer_small.png) no-repeat top left;
}


/* Listes ordonnées et non-ordonnées */
#zoneContenu #contenu ul,
#zoneContenu #contenu ol{
	/*font-family: "jaf-bernino-sans", sans-serif;*/
	font-family:Verdana, Geneva, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #555555;
}
#zoneContenu #contenu ul{
	margin: 0px 0px 15px 15px;
	list-style-type: disc;
}
#zoneContenu #contenu ul li,
#zoneContenu #contenu ol li{
    margin: 0px 0px 5px 0px;
}
#zoneContenu #contenu ul.grandeMarge li{
    margin: 0px 0px 15px 0px;
}
#zoneContenu #contenu ul li p,
#zoneContenu #contenu ol li p{
    margin: 5px 0px 5px 0px;
}
#zoneContenu #contenu ol{
	margin: 0px 0px 15px 20px;
}
#zoneContenu #contenu ol.margeNombres{
	margin: 0px 0px 15px 25px;
}
#zoneContenu #contenu ul.sansMarge,
#zoneContenu #contenu ol.sansMarge{
    margin-bottom: 5px;
}
#zoneContenu #contenu ol.listeLettre{
    list-style-type: lower-latin;
}
#zoneContenu #contenu ol.notesBasPage{
	margin-top: 20px;
}
#zoneContenu #contenu ol.notesBasPage li{
	font-size: 11px;
	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: 11px;
	margin: 0px 0px 10px 0px;
	text-indent: -20px;
}

/* Boîte animation vidéo */
#zoneContenu #contenu .boiteAnimVideo{
	margin: 0px 0px 15px 0px;
}
#zoneContenu #contenu .boiteAnimVideoSansMarge{
	margin: 0px 0px 5px 0px;
}

/* Tooltip*/
.ui-tooltip-edu-1014 .ui-tooltip-content {
	background:#589cbb !important;
	color:#ffffff !important;
	border:1px solid #589cbb !important;
}

span.tooltip-content {
	display:none;
}

/* Accordéons */
#zoneContenu #contenu .accordeon {
	margin: 0px 0px 15px 0px;
}
#zoneContenu #contenu .accordeon .titre {
	position: relative;
	margin: 15px 0px 0px 0px;
	padding: 4px 85px 4px 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 17px;
	font-weight: bold;
	background-color: #e0e6e8;
	color: #000000;
	cursor: pointer;
}
#zoneContenu #contenu .accordeon .titre span{
	position: absolute;
	display: block;
	
    /* 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 .iconeEtatAccordeon{
	top: 4px;
	right: 10px;
	width: 16px;
	height: 16px;
	background: url(img/structure/edu1014_ico_accordeon.png) no-repeat top left;
}
#zoneContenu #contenu .accordeon .selectionne .iconeEtatAccordeon{
	background-position:0 -16px;
}
#zoneContenu #contenu .accordeon .titre .details{
	position: absolute;
	top: 0px;
	right: 36px;
	font-size: 11px;
	line-height: 24px;
	color: #676869;
}
#zoneContenu #contenu .accordeon > div {
	padding: 15px 15px 15px 15px;
	/*background-color: #f6f7f8;*/
	border-left:2px solid #E0E6E8;
}

/* Tableaux */
#zoneContenu #contenu table{
	width: 100%;
	margin: 0px 0px 15px 0px;
	color: #555555;
}

#zoneContenu #contenu table.sansMarge{
	margin: 0px 0px 5px 0px;
}
#zoneContenu #contenu table tr th{
	padding: 5px 15px 5px 15px;
	font-weight: bold;
	background-color: #a3c9da;
	color: #333333;
}

#zoneContenu #contenu table tr th[scope="row"]{
	background: none;
	border-bottom: 1px solid #A3C9DA;
}

#zoneContenu #contenu table tr td{
	padding: 5px 15px 5px 15px;
	border-bottom: 1px solid #a3c9da;
}
#zoneContenu #contenu table tr th.alignementCentre,
#zoneContenu #contenu table tr.alignementCentre,
#zoneContenu #contenu table tr td.alignementCentre{
	text-align: center;
}

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

/* Largeurs de colonnes */
#zoneContenu #contenu table .largeurDemi{
	width: 50%
}
#zoneContenu #contenu table .largeurTier{
	width: 33%
}
#zoneContenu #contenu table .largeurVingtieme{
	width: 33%
}
#zoneContenu #contenu table colgroup.colonneEmphase{
	background-color: #f5f6eb;
}

#zoneContenu #contenu table.noClass tr,
#zoneContenu #contenu table.noClass th,
#zoneContenu #contenu table.noClass td{
	background:none;
	border:none !important;
}

#zoneContenu #contenu table.carre_logique th[scope="col"] span{
	font-weight:normal;
}

#zoneContenu #contenu table.carre_logique td {
	vertical-align:middle;
}

#zoneContenu #contenu table.carre_logique td a {
	display:block;
	width:42px;
	height:15px;
	background:url(img/structure/img_cl_video.png) no-repeat center 4px;
	padding-top:15px;
	text-align:center;
	margin:0 auto;
}

#zoneContenu #contenu table.carre_logique td a.vu {
	background:url(img/structure/img_cl_video_vu.png) no-repeat center 4px;
}

#zoneContenu #contenu table.carre_logique_presentation {
	margin-bottom:30px;
}

#zoneContenu #contenu table.carre_logique_presentation td {
	border-bottom:none;
	border-right:1px solid #aeafaf;
}

#zoneContenu #contenu table.carre_logique_presentation td:last-child {
	border-right:none;
}

#zoneContenu #contenu table.carre_logique_presentation td strong {
	font-style:italic;
	color:#447a93;
}

#zoneContenu #contenu table.carre_logique_presentation td img {
	margin-bottom:10px;
	display:block;
}

/* Vidéos fancybox */
#fancybox-content > div,
.fancybox-inner { overflow: hidden!important; }

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

/* Bloc d'informations */
#zoneContenu #contenu .bloc {
	position:relative;
	border:1px solid;
	padding:14px 33px;
	margin:0px 0px 15px 18px;
	min-height:30px;
	font-size:11px;
	/* Coins arrondis */
    -moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	behavior: url(/wp-content/themes/edu6002/css/pie.htc); /* IE8 et moins */
}

#zoneContenu #contenu .bloc p,
#zoneContenu #contenu .bloc li {
	/*font-size:11px;*/
}

#zoneContenu #contenu .bloc .icone {
	position:absolute;
	top:11px;
	left:-18px;
	width:36px;
	height:36px;
	display:block;
}

#zoneContenu #contenu .bloc h3 {
	margin-top:0px;
	font-size:13px;
	font-style:italic;
	color:#555555;
}

#zoneContenu #contenu p.icone_lecture {background:url(img/structure/ico_lecture_small.png) no-repeat top left; padding-left:30px;}
#zoneContenu #contenu p.icone_btn_fermer {background:url(img/structure/ico_btn_fermer_small.png) no-repeat top left; padding-left:30px;}
#zoneContenu #contenu p.icone_reflexion {background:url(img/structure/ico_reflexion_small.png) no-repeat top left; padding-left:30px;}
#zoneContenu #contenu p.icone_idee {background:url(img/structure/ico_ide_smalle.png) no-repeat top left; padding-left:30px;}
#zoneContenu #contenu p.icone_activite {background:url(img/structure/ico_activite_small.png) no-repeat top left; padding-left:30px; padding-top:3px; min-height:24px;}
#zoneContenu #contenu p.icone_travail {background:url(img/structure/ico_travail_small.png) no-repeat top left; padding-left:30px; padding-top:3px; min-height:24px;}
#zoneContenu #contenu p.icone_video {background:url(img/structure/ico_video_small.png) no-repeat top left; padding-left:30px;}

#zoneContenu #contenu span.icone_lecture {position:relative; top:7px; width:24px; height:24px; display:inline-block; background:url(img/structure/ico_lecture_small.png) no-repeat top left;}
#zoneContenu #contenu span.icone_reflexion {position:relative; top:7px; width:24px; height:24px; display:inline-block; background:url(img/structure/ico_reflexion_small.png) no-repeat top left;}
#zoneContenu #contenu span.icone_idee {position:relative; top:7px; width:24px; height:24px; display:inline-block; background:url(img/structure/ico_ide_smalle.png) no-repeat top left;}
#zoneContenu #contenu span.icone_activite {position:relative; top:7px; width:24px; height:24px; display:inline-block; background:url(img/structure/ico_activite_small.png) no-repeat top left;}
#zoneContenu #contenu span.icone_travail {position:relative; top:7px; width:24px; height:24px; display:inline-block; background:url(img/structure/ico_travail_small.png) no-repeat top left;}
#zoneContenu #contenu span.icone_video {position:relative; top:7px; width:24px; height:24px; display:inline-block; background:url(img/structure/ico_video_small.png) no-repeat top left;}

#zoneContenu #contenu .bloc.lecture {border-color:#009cdd; color:#009cdd;}
#zoneContenu #contenu .bloc.lecture strong,
#zoneContenu #contenu .bloc.lecture a {/*color:#009cdd;*/}
#zoneContenu #contenu .bloc.lecture .icone {background:url(img/structure/ico_lecture.png) no-repeat top left;}

#zoneContenu #contenu .bloc.reflexion {border-color:#C0152B; color:#C0152B;}
#zoneContenu #contenu .bloc.reflexion strong,
#zoneContenu #contenu .bloc.reflexion a {/*color:#e6353e;*/}
#zoneContenu #contenu .bloc.reflexion .icone {background:url(img/structure/ico_reflexion.png) no-repeat top left;}

#zoneContenu #contenu .bloc.idee {border-color:#E53E86; color:#E53E86;}
#zoneContenu #contenu .bloc.idee strong,
#zoneContenu #contenu .bloc.idee a {/*color:#E53E86;*/}
#zoneContenu #contenu .bloc.idee .icone {background:url(img/structure/ico_idee.png) no-repeat top left;}

#zoneContenu #contenu .bloc.activite {border-color:#BAC13E; color:#BAC13E;}
#zoneContenu #contenu .bloc.activite strong,
#zoneContenu #contenu .bloc.activite a {/*color:#BAC13E;*/}
#zoneContenu #contenu .bloc.activite .icone {background:url(img/structure/ico_activite.png) no-repeat top left;}

#zoneContenu #contenu .bloc.travail-note {border-color:#e5c927; color:#e5c927;}
#zoneContenu #contenu .bloc.travail-note strong,
#zoneContenu #contenu .bloc.travail-note a {/*color:#e5c927;*/}
#zoneContenu #contenu .bloc.travail-note .icone {background:url(img/structure/ico_travail.png) no-repeat top left;}

#zoneContenu #contenu .bloc.video, 
#zoneContenu #contenu .bloc.videos {border-color:#6f6f6f; color:#6f6f6f;}
#zoneContenu #contenu .bloc.video strong,
#zoneContenu #contenu .bloc.video a,
#zoneContenu #contenu .bloc.videos strong,
#zoneContenu #contenu .bloc.videos a {/*color:#6f6f6f;*/}
#zoneContenu #contenu .bloc.video .icone, 
#zoneContenu #contenu .bloc.videos .icone {background:url(img/structure/ico_video.png) no-repeat top left;}
#zoneContenu #contenu .bloc.video .presentation, 
#zoneContenu #contenu .bloc.videos .presentation {float:left; width:24%; margin-right:17px;}
#zoneContenu #contenu .bloc.video .presentation a, 
#zoneContenu #contenu .bloc.videos .presentation a {
	background:url(img/structure/bkg_lien_video.jpg) no-repeat top left; 
	padding:8px 7px 21px 7px; 
	display:block;
	position:relative;
}
#zoneContenu #contenu .bloc.video .presentation a img,
#zoneContenu #contenu .bloc.videos .presentation a img {
	width:100%;
	height:auto;
	-webkit-box-shadow: 2px 3px 7px 1px rgba(0,0,0, 0.4);
	box-shadow: 2px 3px 7px 1px rgba(0,0,0, 0.4); 
	behavior: url(/wp-content/themes/edu6002/css/pie.htc); /* IE8 et moins */
}
#zoneContenu #contenu .bloc.video .presentation h4,
#zoneContenu #contenu .bloc.videos .presentation h4 {
	margin:10px 0px 0px!important;
	/*font-style:italic;*/
	font-family: 'Museo Sans 700 italic';
}
#zoneContenu #contenu .bloc.video .information,
#zoneContenu #contenu .bloc.videos .information {float:left; width:72%;}
#zoneContenu #contenu .bloc.video .information h3:first-child,
#zoneContenu #contenu .bloc.videos .information h3:first-child {
	margin-top:0px!important;
	/*font-style:italic;*/
	font-family: 'Museo Sans 700 italic';
}

#zoneContenu #contenu .bloc.videos .information h3 a.selected {font-weight:bold;}

#zoneContenu #contenu .bloc.videos .presentation a {cursor:text;}

#zoneContenu #contenu .bloc.video .presentation a span.temps_video,
#zoneContenu #contenu .bloc.videos .presentation a span.temps_video {
	bottom: 4px;
    color: #555555;
    position: absolute;
    right: 7px;
}

#zoneContenu #contenu .bloc.videos .presentation ul,
#zoneContenu #contenu .bloc.videos .presentation li {
	/*margin-left:0px;
	list-style-type:none;*/
}

#zoneContenu #contenu .bloc.videos .presentation li a {
	background:none;
	display:inline;
	padding:0px;
}

#zoneContenu #contenu .bloc.videos .presentation li.selected a {
	font-weight:bold;
}

#zoneContenu #contenu .bloc.videos .contexte {
	margin-top:20px;
}

#zoneContenu #contenu .bloc.videos h2 {
	margin-top:0px;
	margin-bottom:15px;
}

#zoneContenu #contenu .bloc.video .presentation p,
#zoneContenu #contenu .bloc.videos .presentation p {
	font-size:11px;
	line-height:14px;
}

#zoneContenu #contenu .infos_presentation {
	display:none;
}

#zoneContenu #contenu .infos_presentation blockquote {
	border-left: 2px solid #949494; padding: 10px 10px 1px 15px;
	margin-bottom:20px;
}

#zoneContenu #contenu .infos_presentation p {
	margin-bottom:20px;
}


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

/* Liste de commentaires */
#zoneContenu #contenu #zoneCommentaires h3{
	margin: 15px 0px 15px 0px;
	padding: 10px 0px 0px 0px;
	border-top: dotted 1px #cecdc6;
}
#zoneContenu #contenu #zoneCommentaires h3.nbreCommentaires{
	padding-left: 35px;
}
#zoneContenu #contenu #zoneCommentaires h3.laisserCommentaire{
	padding-left: 25px;
}
#zoneContenu #contenu #zoneCommentaires ol{
	margin: 0px 0px 0px 0px;
	list-style-type: none;
}
#zoneContenu #contenu #zoneCommentaires ol li p{
	margin: 0px 0px 10px 0px;
}
#zoneContenu #contenu #zoneCommentaires ol li p.infosCommentaire{
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
}

/* Soumettre un commentaire */
#zoneContenu #contenu #zoneCommentaires form p label{
	display: block;
	width: auto;
}
#zoneContenu #contenu #zoneCommentaires form p{
	margin: 0px 0px 10px 0px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
}
#zoneContenu #contenu #zoneCommentaires form input{
	width: 50%;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
}
#zoneContenu #contenu #zoneCommentaires form textarea{
	width: 100%;
	height: 200px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
    
    /* Changement du modèle de boîte */
    -webkit-box-sizing: border-box; /* Safari, Chrome, autres WebKit */
	-moz-box-sizing: border-box;    /* Firefox, autre Gecko */
	box-sizing: border-box;         /* Opera, IE 8+ */
}
#zoneContenu #contenu #zoneCommentaires form input#submit{
	position: relative; /* Voir : http://css3pie.com/documentation/known-issues/#z-index */
	float: right;
	width: 25%;
	height: 30px;
	margin: 0px 0px 15px 0px;
	font-size: 12px;
	background-color: #F4E7C5;
	color: #6F6052;
	border: 0;
	cursor: pointer;
}
#zoneContenu #contenu #zoneCommentaires form span.requis{
	color: #567839;
}

/* -------------------- STYLES.CSS ------------------------- */
/* -------------------- zoneBasPage ------------------------ */

/* Contenu du bas de page */
#zoneCopyright{
	height: 30px;
	width: 100%;
	background: #e3e3e3;
}
#zoneCopyright p#copyright{
	float: left;
	width: auto;
	padding: 0px 20px 0px 250px;
	line-height: 30px;
	font-size:10px;
	color: #666666;
}
#zoneCopyright a:link, #zoneCopyright a:visited{
	text-decoration: none;
	color: #666666;
}
#zoneCopyright a:hover, #zoneCopyright a:active{
	text-decoration: underline;
}

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

/* Panneaux en général */
.panneau {
	position: fixed;
	right: 0;
	display: none;
	z-index: 10;
	height: auto;
	padding: 20px 150px 20px 20px;
	background: #000000;
	border: 1px solid #111111;
	opacity: 1;

    /* 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;
	display: block;
	z-index: 11;
	width: 90px;
	padding: 12px 0px 12px 40px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	background-color: #ccc;
	color: #ffffff;
    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; background-repeat:no-repeat; }
a.active.btnPanneau span.img { background-image: url(img/panneau/minus.png)!important; left:12px; top:12px; }

/* Panneaux spécifiques */
#panneauRecherche  {top: 230px; width: 400px;} /* Positionnement du panneau de recherche */
#panneauChat       {top: 230px; 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: 245px;}
a#btnPanneauChat       {top: 295px;}
/*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_chat.png);}
/*a#btnPanneauActualites span.img {background-image:url(img/panneau/ico_actualites.png);}*/

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