/*
Theme Name: EDU 6014 - Formation à distance et développement
Theme URI: https://edu6014.teluq.ca/
Description: Gabarit de cours XHTML pour Wordpress.
Author: <a href="mailto:jgiguere@teluq.ca" title="Jonathan Robitaille">Jonathan Robitaille</a>
Tags: wpms, gabarit, cours, communication, distance, p&eacute;dagogique, t&eacute;luq
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.1
 * Dernières modifications : 6 août 2014
 * Auteur : Jonathan Robitaille
 * Note : Les prefixes CSS sont gérés par prefixfree.js
 * Table des matières
 * ==================================================
	généraux
	zoneEntete
	conteneurs
	zoneHautPage
	zoneInformative
	menuPrincipal
	zoneSecondaire
	zoneContenu
	zoneContenu/zoneArticle
	zoneBasPage
	infobulles
	panneaux
	impression */

/* ==================================================
 * typographie
 * ================================================== */

/* OPEN SANS */
@font-face {
    font-family: 'open_sans_extra_bold';
    src: url('css/typographie/OpenSans-ExtraBold.ttf') format('truetype');
    font-weight:bolder;
    font-style: normal;
}

@font-face {
    font-family: 'open_sans_semi_bold';
    src: url('css/typographie/OpenSans-Semibold.ttf') format('truetype');
    font-weight:bolder;
    font-style: normal;
}

@font-face {
    font-family: 'open_sans_bold';
    src: url('css/typographie/OpenSans-Bold.ttf') format('truetype');
    font-weight:bolder;
    font-style: normal;
}

/* SCRIBER */

@font-face {
    font-family: 'ScriberRegular';
    src: url('css/typographie/scriber/scriber_reg-webfont.eot');
    src: url('css/typographie/scriber/scriber_reg-webfont.eot?#iefix') format('embedded-opentype'),
         url('css/typographie/scriber/scriber_reg-webfont.woff') format('woff'),
         url('css/typographie/scriber/scriber_reg-webfont.ttf') format('truetype'),
         url('css/typographie/scriber/scriber_reg-webfont.svg#ScriberRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ScriberMediumRegular';
    src: url('css/typographie/scriber/scriber_medium-webfont.eot');
    src: url('css/typographie/scriber/scriber_medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('css/typographie/scriber/scriber_medium-webfont.woff') format('woff'),
         url('css/typographie/scriber/scriber_medium-webfont.ttf') format('truetype'),
         url('css/typographie/scriber/scriber_medium-webfont.svg#ScriberMediumRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ScriberMediumItalicRegular';
    src: url('css/typographie/scriber/scriber_mediumital-webfont.eot');
    src: url('css/typographie/scriber/scriber_mediumital-webfont.eot?#iefix') format('embedded-opentype'),
         url('css/typographie/scriber/scriber_mediumital-webfont.woff') format('woff'),
         url('css/typographie/scriber/scriber_mediumital-webfont.ttf') format('truetype'),
         url('css/typographie/scriber/scriber_mediumital-webfont.svg#ScriberMediumItalicRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ScriberBoldRegular';
    src: url('css/typographie/scriber/scriber_bold-webfont.eot');
    src: url('css/typographie/scriber/scriber_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('css/typographie/scriber/scriber_bold-webfont.woff') format('woff'),
         url('css/typographie/scriber/scriber_bold-webfont.ttf') format('truetype'),
         url('css/typographie/scriber/scriber_bold-webfont.svg#ScriberBoldRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ScriberBoldItalicRegular';
    src: url('css/typographie/scriber/scriber_boldital-webfont.eot');
    src: url('css/typographie/scriber/scriber_boldital-webfont.eot?#iefix') format('embedded-opentype'),
         url('css/typographie/scriber/scriber_boldital-webfont.woff') format('woff'),
         url('css/typographie/scriber/scriber_boldital-webfont.ttf') format('truetype'),
         url('css/typographie/scriber/scriber_boldital-webfont.svg#ScriberBoldItalicRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}



/* ==================================================
 * généraux
 * ================================================== */

body{
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 12px;
	
    /* Empêcher l'ajustement du texte sur les plateformes iOS */
	text-size-adjust: 100%; 
	
	background:url(img/structure/img_pixelFond.jpg) repeat-y top center #E4E5E7;
}

#zoneFond {overflow:hidden; width:100%; height:100%; position:absolute; z-index:1;}


.fondGauche{
	background:url(img/structure/img_fondGauche.jpg) no-repeat top left;
	width:570px;
	height:559px;
	margin:0 auto;
	position:absolute;
	top:0px;
	left:50%;
	margin-left:-1050px;
	z-index:1;
}

.fondDroite{
	background:url(img/structure/img_fondDroite.jpg) no-repeat top right;
	width:570px;
	height:559px;
	position:absolute;
	top:0px;
	right:50%;
	margin-right:-1050px;
	z-index:2;
}

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

/* Particularités */
.impression{
	display: none;
}

#contenu .avantListe {margin-bottom:5px;}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

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

#zoneEntete{
	height: 62px;
	position:absolute;
	top:0px;
	width:100%;
	z-index:4;
	/*background: #00507D top left no-repeat;*/
}

.admin-bar #zoneEntete {
	margin-top:32px;
}

#zoneEntete #logo{
	width: 960px;
	margin: 0px auto;
	overflow: auto;
}
#zoneEntete #logo img{
	float: right;
	width: auto;
	margin: 5px 10px 0px 0px;
}

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

#zoneConteneur{
	background-color: #ffffff;
	overflow: auto;
	position:relative;
	z-index:3;
}

/* 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: 190px;
	margin: 0px 0px 0px 0px;
	font-family: 'ScriberRegular';
	font-weight:bold;
	font-size: 28px;
	line-height:28px;
	letter-spacing:1px;
	background: url(img/structure/bandeau.jpg) no-repeat top left;
}
#zoneHautPage h1 a:link, #zoneHautPage h1 a:visited{
	color: #00507e;
    display: block;
    font-size: 26px;
    line-height: 29.5px;
    margin: 0 0 0 25px;
    padding: 76px 0 0;
    text-transform: uppercase;
    width: 414px;
	position:relative;
}
#zoneHautPage h1 a:hover, #zoneHautPage h1 a:active{
	text-decoration: none;
}
#zoneHautPage h1 span.sigle{
	font-family: 'ScriberBoldRegular';
	display: inline-block;
	background:#00507D;
	margin:3px 0px 0px 0px;
	padding:6px 10px;
	font-size: 13px;
	line-height:13px;
	color: #ffffff;
	text-transform:uppercase;
	float:right;
	position:absolute;
	bottom:0;
	right:0;
}

#zoneHautPage h1 span.fleche{
	background:url(img/structure/flecheBandeau.png) no-repeat center center;
	width:58px;
	height:17px;
	display:inline-block;
	margin-left:5px;
}

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

#zoneInformative{
	margin: 0px;
	padding: 10px 20px 0px 20px;
	font-size: 12px;
	line-height: 15px;
	overflow: auto;
	color: #818181;
}
#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
 * ================================================== */

ul#menuPrincipal{
	height: 30px;
	margin: 0px 0px 0px 0px;
	border-bottom:2px #BAC383 solid;
}
ul#menuPrincipal li{
	float: left;
	margin: 0px 0px 0px 0px;
	font-family: 'open_sans_extra_bold', 'sans-serif';
	font-size: 11px;
	line-height:30px;
	letter-spacing:normal;
	text-transform: uppercase;
	list-style-type: none;
	text-align: center;
	color: #B7221D;
}

.ie ul#menuPrincipal li{
	font-size:11px;
	font-weight:bold;
	letter-spacing:0px;
}

ul#menuPrincipal li a:link,
ul#menuPrincipal li a:visited,
ul#menuPrincipal li a:active{
	display: block;
	padding: 0px 0px 0px 0px;
	text-decoration: none;
	color: #B7221D;
}

ul#menuPrincipal li a{
	padding-left:18px !important;
	padding-right:18px !important;
}

.ie ul#menuPrincipal li a,
.-ms- ul#menuPrincipal li a{
	padding-left:10px !important;
	padding-right:10px !important;
}

.ie8 ul#menuPrincipal li a,
.ie9 ul#menuPrincipal li a{
	padding-left:15px !important;
	padding-right:15px !important;
}

ul#menuPrincipal li a:hover{
	color: #ffffff;
	background:#B7221D;
}

/* Bouton #1 */
ul#menuPrincipal li.current_page_item:nth-child(1),
ul#menuPrincipal li.current-page-ancestor:nth-child(1),
ul#menuPrincipal li.current_page_item:nth-child(1) a,
ul#menuPrincipal li.current-page-ancestor:nth-child(1) a,
ul#menuPrincipal li:nth-child(1) a:hover {
	color: #ffffff;
	background:#B7221D;
}

.ie8 ul#menuPrincipal li.menu-item-220 a:link,
.ie8 ul#menuPrincipal li.menu-item-220 a:visited,
.ie8 ul#menuPrincipal li.menu-item-220 a:active{
	color: #B7221D;
}

.ie8 ul#menuPrincipal li.menu-item-220 a:hover{
	color: #ffffff;
	background:#B7221D;
}

/* Bouton #2 */
ul#menuPrincipal li:nth-child(2) a:link,
ul#menuPrincipal li:nth-child(2) a:visited,
ul#menuPrincipal li:nth-child(2) a:active,
.ie8 ul#menuPrincipal li.menu-item-19 a:active{
	color: #DF8016;
}

.ie8 ul#menuPrincipal li.menu-item-19 a:link,
.ie8 ul#menuPrincipal li.menu-item-19 a:visited,
.ie8 ul#menuPrincipal li.menu-item-19 a:active{color: #DF8016;}

ul#menuPrincipal li.current_page_item:nth-child(2),
ul#menuPrincipal li.current-page-ancestor:nth-child(2),
ul#menuPrincipal li.current_page_item:nth-child(2) a,
ul#menuPrincipal li.current-page-ancestor:nth-child(2) a,
ul#menuPrincipal li:nth-child(2) a:hover{
	color: #ffffff;
	background:#DF8016;
}

.ie8 ul#menuPrincipal li.current_page_item.menu-item-19,
.ie8 ul#menuPrincipal li.current-page-ancestor.menu-item-19,
.ie8 ul#menuPrincipal li.current_page_item.menu-item-19 a,
.ie8 ul#menuPrincipal li.current-page-ancestor.menu-item-19 a,
.ie8 ul#menuPrincipal li.menu-item-19 a:hover{color: #ffffff;background:#DF8016;}

/* Bouton #3 */
ul#menuPrincipal li:nth-child(3) a:link,
ul#menuPrincipal li:nth-child(3) a:visited,
ul#menuPrincipal li:nth-child(3) a:active{
	color: #46A22A;
}

.ie8 ul#menuPrincipal li.menu-item-39 a:link,
.ie8 ul#menuPrincipal li.menu-item-39 a:visited,
.ie8 ul#menuPrincipal li.menu-item-39 a:active{
	color: #46A22A;
}

ul#menuPrincipal li.current_page_item:nth-child(3),
ul#menuPrincipal li.current-page-ancestor:nth-child(3),
ul#menuPrincipal li.current_page_item:nth-child(3) a,
ul#menuPrincipal li.current-page-ancestor:nth-child(3) a,
ul#menuPrincipal li:nth-child(3) a:hover {
	color: #ffffff;
	background:#46A22A;
}

.ie8 ul#menuPrincipal li.current_page_item.menu-item-39,
.ie8 ul#menuPrincipal li.current-page-ancestor.menu-item-39,
.ie8 ul#menuPrincipal li.current_page_item.menu-item-39 a,
.ie8 ul#menuPrincipal li.current-page-ancestor.menu-item-39 a,
.ie8 ul#menuPrincipal li.menu-item-39 a:hover {color: #ffffff;background:#46A22A;}

/* Bouton #4 */
ul#menuPrincipal li:nth-child(4) a:link,
ul#menuPrincipal li:nth-child(4) a:visited,
ul#menuPrincipal li:nth-child(4) a:active{
	color: #006977;
}

.ie8 ul#menuPrincipal li.menu-item-38 a:link,
.ie8 ul#menuPrincipal li.menu-item-38 a:visited,
.ie8 ul#menuPrincipal li.menu-item-38 a:active{color: #006977;}

ul#menuPrincipal li.current_page_item:nth-child(4),
ul#menuPrincipal li.current-page-ancestor:nth-child(4),
ul#menuPrincipal li.current_page_item:nth-child(4) a,
ul#menuPrincipal li.current-page-ancestor:nth-child(4) a,
ul#menuPrincipal li:nth-child(4) a:hover{
	color: #ffffff;
	background:#006977;
}

.ie8 ul#menuPrincipal li.current_page_item.menu-item-38,
.ie8 ul#menuPrincipal li.current-page-ancestor.menu-item-38,
.ie8 ul#menuPrincipal li.current_page_item.menu-item-38 a,
.ie8 ul#menuPrincipal li.current-page-ancestor.menu-item-38 a,
.ie8 ul#menuPrincipal li.menu-item-38 a:hover{color: #ffffff;background:#006977;}

/* Bouton #5 */
ul#menuPrincipal li:nth-child(5) a:link,
ul#menuPrincipal li:nth-child(5) a:visited,
ul#menuPrincipal li:nth-child(5) a:active{
	color: #01A19F;
}

.ie8 ul#menuPrincipal li.menu-item-37 a:link,
.ie8 ul#menuPrincipal li.menu-item-37 a:visited,
.ie8 ul#menuPrincipal li.menu-item-37 a:active{color: #01A19F;}

ul#menuPrincipal li.current_page_item:nth-child(5),
ul#menuPrincipal li.current-page-ancestor:nth-child(5),
ul#menuPrincipal li.current_page_item:nth-child(5) a,
ul#menuPrincipal li.current-page-ancestor:nth-child(5) a,
ul#menuPrincipal li:nth-child(5) a:hover{
	color: #ffffff;
	background:#01A19F;
}

.ie8 ul#menuPrincipal li.current_page_item.menu-item-37,
.ie8 ul#menuPrincipal li.current-page-ancestor.menu-item-37,
.ie8 ul#menuPrincipal li.current_page_item.menu-item-37 a,
.ie8 ul#menuPrincipal li.current-page-ancestor.menu-item-37 a,
.ie8 ul#menuPrincipal li.menu-item-37 a:hover{color: #ffffff;background:#01A19F;}

/* Bouton #6 */
ul#menuPrincipal li:nth-child(6) a:link,
ul#menuPrincipal li:nth-child(6) a:visited,
ul#menuPrincipal li:nth-child(6) a:active{
	color: #233589;
}

.ie8 ul#menuPrincipal li.menu-item-36 a:link,
.ie8 ul#menuPrincipal li.menu-item-36 a:visited,
.ie8 ul#menuPrincipal li.menu-item-36 a:active{color: #233589;}

ul#menuPrincipal li.current_page_item:nth-child(6),
ul#menuPrincipal li.current-page-ancestor:nth-child(6),
ul#menuPrincipal li.current_page_item:nth-child(6) a,
ul#menuPrincipal li.current-page-ancestor:nth-child(6) a,
ul#menuPrincipal li:nth-child(6) a:hover{
	color: #ffffff;
	background:#233589;
}
.ie8 ul#menuPrincipal li.current_page_item.menu-item-36,
.ie8 ul#menuPrincipal li.current-page-ancestor.menu-item-36,
.ie8 ul#menuPrincipal li.current_page_item.menu-item-36 a,
.ie8 ul#menuPrincipal li.current-page-ancestor.menu-item-36 a,
.ie8 ul#menuPrincipal li.menu-item-36 a:hover {color: #ffffff;background:#233589;}

/* Bouton #7 */
ul#menuPrincipal li:nth-child(7) a {
	padding-left:16px !important;
	padding-right:16px !important;
}

ul#menuPrincipal li:nth-child(7) a:link,
ul#menuPrincipal li:nth-child(7) a:visited,
ul#menuPrincipal li:nth-child(7) a:active{
	color: #6C2D84;
}

.ie8 ul#menuPrincipal li.menu-item-35 a:link,
.ie8 ul#menuPrincipal li.menu-item-35 a:visited,
.ie8 ul#menuPrincipal li.menu-item-35 a:active{color: #6C2D84;}

ul#menuPrincipal li.current_page_item:nth-child(7),
ul#menuPrincipal li.current-page-ancestor:nth-child(7),
ul#menuPrincipal li.current_page_item:nth-child(7) a,
ul#menuPrincipal li.current-page-ancestor:nth-child(7) a,
ul#menuPrincipal li:nth-child(7) a:hover{
	color: #ffffff;
	background:#6C2D84;
}

.ie8 ul#menuPrincipal li.current_page_item.menu-item-35,
.ie8 ul#menuPrincipal li.current-page-ancestor.menu-item-35,
.ie8 ul#menuPrincipal li.current_page_item.menu-item-35 a,
.ie8 ul#menuPrincipal li.current-page-ancestor.menu-item-35 a,
.ie8 ul#menuPrincipal li.menu-item-35 a:hover{
	color: #ffffff;
	background:#6C2D84;
}

/* Bouton #8*/
ul#menuPrincipal li:nth-child(8) a:link,
ul#menuPrincipal li:nth-child(8) a:visited,
ul#menuPrincipal li:nth-child(8) a:active{
	color: #E32064;
}

.ie8 ul#menuPrincipal li.menu-item-574 a:link,
.ie8 ul#menuPrincipal li.menu-item-574 a:visited,
.ie8 ul#menuPrincipal li.menu-item-574 a:active{color: #E32064;}

ul#menuPrincipal li.current_page_item:nth-child(8),
ul#menuPrincipal li.current-page-ancestor:nth-child(8),
ul#menuPrincipal li.current_page_item:nth-child(8) a,
ul#menuPrincipal li.current-page-ancestor:nth-child(8) a,
ul#menuPrincipal li:nth-child(8) a:hover{
	color: #ffffff;
	background:#E32064;
}

.ie8 ul#menuPrincipal li.current_page_item.menu-item-574,
.ie8 ul#menuPrincipal li.current-page-ancestor.menu-item-574,
.ie8 ul#menuPrincipal li.current_page_item.menu-item-574 a,
.ie8 ul#menuPrincipal li.current-page-ancestor.menu-item-574 a,
.ie8 ul#menuPrincipal li.menu-item-574 a:hover{
	color: #ffffff;
	background:#E32064;
}

ul#menuPrincipal li a:hover{
	text-decoration: none;
	
	/* Transition/animation */
	transition: all 0.3s ease-out;
}
ul#menuPrincipal li.current_page_item a:link, ul#menuPrincipal li.current_page_item a:visited,
ul#menuPrincipal li.current-page-ancestor a:link, ul#menuPrincipal li.current-page-ancestor a:visited{
	background-color:transparent;
	text-decoration:none;
}

ul#menuPrincipal li#menu-item-20.current_page_item a:hover,
ul#menuPrincipal li#menu-item-20.current-page-ancestor a:hover {
	background-color:#B7221D;
}

/* ==================================================
 * zoneSecondaire
 * ================================================== */

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

/* Niveau 2, 3 et 4 (en incluant le menu principal en tant que niveau 1) */
#menuSecondaire li{
	margin: 4px 0px 0px 0px;
	font-family: 'open_sans_extra_bold', 'sans-serif';
	font-size: 11px;
	line-height: 15px;
	list-style-type: none;
	text-transform:uppercase;
	font-weight:normal;
}

#menuSecondaire li .sub-menu{
	display:block !important;
	margin-top:0;
}

#menuSecondaire li .sub-menu li{
	list-style-type:none;
	list-style-image:url(img/structure/img_liste_tiret.gif);
	margin-left:35px;
}

.ie ul#menuSecondaire li {
	font-size:14px;
	font-weight:bold;
	letter-spacing:0px;
}

#menuSecondaire > li:first-child{
	margin-top: 0px;
}

#menuSecondaire li a{
	padding-left:50px;
	position:relative;
}

#menuSecondaire li a:link,
#menuSecondaire li a:visited,
#menuSecondaire li a:active{
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 3px 4px 3px 26px;
	text-decoration: none;
	color: #00507E;
}

#menuSecondaire li .sub-menu li a{
	padding-left:0;
	text-transform:none;
	padding-top:1px;
	padding-bottom:1px;
}

#menuSecondaire li a.indente{
	text-indent: -19px;
	padding-left: 46px;
}

.ie8 #menuSecondaire li a.indente,
.ie9 #menuSecondaire li a.indente{
	text-indent: -25px;
	padding-left: 52px;
}

.ie9 #menuSecondaire li a.indente{
	padding-left: 48px;
}


#menuSecondaire li a:hover{
	text-decoration: none;
	/* Transition/animation */
	transition: all 0.3s ease-out;
}

/*#menuSecondaire li a:hover:before{
	content:url(img/structure/icone_hover_btn.png);
	display:block;
	width:6px;
	height:9px;
	position:absolute;
	left:12px;
	top:3px;
}*/

/* Item courant */
#menuSecondaire > li.current_page_item > a:link,
#menuSecondaire > li.current_page_item > a:visited{
	background-color: #bcbf59;
}
#menuSecondaire li.current_page_item > a:link,
#menuSecondaire li.current_page_item > a:visited{
	color: #ffffff;
}

/* Accordéons */
#menuSecondaire > li.parent_item > a{
	background: url(img/structure/wpmsgab_ico_menusec_accordeon.png) no-repeat 100% 1px;
}
#menuSecondaire > li.parent_item.selectionne > a{
	background: url(img/structure/wpmsgab_ico_menusec_accordeon_sl.png) no-repeat 100% 1px;
	border-bottom: solid 2px #94ba66;
}

/* Niveau 3 - particularités (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: 15px;
	border-bottom: none;
}
#menuSecondaire li.parent_item li.parent_item > a{
	font-size: 14px;
	line-height: 16px;
	text-transform: uppercase;
}

/* Niveau 4 - particularités (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: 30px 120px 30px 40px;
	background-color: #ffffff;
	font-family: 'ScriberMediumRegular';
}
#contenu.pleineLargeur{
	padding: 50px 20px 30px 20px;
}

#contenu.pleineLargeur .ipt_uif_front .ipt_uif_column .ipt_uif_column_inner.side_margin {margin-left:0; margin-right:0;}

/* Titres */
#contenu h1{
	margin: 30px 0px 10px 0px;
	padding: 0px 0px 0px 30px;
	
	/* Typographie : Proxima Nova Alt Condensed - Regular */
	font-family: 'open_sans_bold';
	font-style: normal;
	font-weight: 400;
	
	font-size: 16px;
	line-height: 16px;
	color: #00507E;

	position:relative;
}

#contenu h2.chapeau + h1{
	margin-top: 0px;
}

#contenu h1:before{
	content:url(img/structure/img_indentation_titre.png);
	display:block;
	width:23px;
	height:8px;
	position:absolute;
	top:0;
	margin-top:-2px;
	left:0;
}


#contenu h1.indente{
	text-indent: -28px;
	margin-left: 28px;
}

#contenu h2{
	margin: 25px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	
	/* Typographie : Scriber - Regular */
	font-family: 'ScriberRegular';
	font-size:12px;
	font-style: normal;
	font-weight: bold;
	letter-spacing:normal;
	
	line-height: 16px;
	color: #00507E;
}

.home.page #contenu h2 {
	font-size:14px;
	line-height: 16px;
}

#contenu h2.chapeau{
	margin: 0px 0px 10px 0px;
	font-family: 'open_sans_semi_bold';
	font-style: normal;
	font-weight: bold;
	letter-spacing:normal;
	
	font-size: 12px;
	line-height: 12px;
	color:#00507e;
	text-transform:uppercase;
}

.parent-pageid-217 #contenu h2.chapeau{color:#b7221d;} /* rouge */
.page-id-10 #contenu h2.chapeau{color:#df8016;} /* orange */
.parent-pageid-25 #contenu h2.chapeau{color:#46a22a;} /* vert */
.parent-pageid-27 #contenu h2.chapeau{color:#006977;} /* turquoise */
.parent-pageid-29 #contenu h2.chapeau{color:#01a19f;} /* mauve */
.page-id-31 #contenu h2.chapeau{color:#233589;} /* fushia */
.parent-pageid-33 #contenu h2.chapeau{color:#e32064;} /* rose */
.parent-pageid-341 #contenu h2.chapeau{color:#6c2d84;} /* rose */


#contenu h2.chapeau span{
	font-family: 'ScriberRegular';
	font-style: normal;
	font-weight: bold;
	letter-spacing:1px;

	font-size: 12px;
	line-height: 20px;
	text-transform:none;
	color: #00507E;
}

#contenu h2 em{
	font-style: italic;
	font-weight: bold;
}
#contenu h3{
	margin: 25px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	
	/* Typographie : Scriber - Regular */
	font-family: 'ScriberRegular';
	font-style: normal;
	font-weight: 600;
	
	font-size: 13px;
	line-height: 17px;
	color: #00507E;
}
#contenu h4{
	margin: 25px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	
	/* Typographie : Scriber - Regular */
	font-family: 'ScriberRegular';
	font-style: italic;
	font-weight: 600;
	
	font-size: 12px;
	line-height: 16px;
	color: #00507E;
}

#contenu *:first-child {margin-top:0;}

/* Contenu texte */
#contenu{
	font-size:13px;
	line-height:18px;
	color: #00507E;
}

#contenu img{
	width:100%;
	height:auto;
}

#contenu img.alignementDroite,
#contenu img.alignementGauche,
#contenu img.dimensionNormale  {
	width:auto;
	height:auto;
}

#contenu p,
.tooltipster-content p{
	margin: 0px 0px 15px 0px;
}
#contenu strong,
.tooltipster-content strong{
	font-weight: bold;
}
#contenu p.sansMarge,
.tooltipster-content p.sansMarge{
	margin: 0px 0px 5px 0px;	
}
#contenu p.notes{
	font-size: 11px;
	line-height: 16px;
}
#contenu p.source{
	font-size: 11px;
	line-height: 16px;
}
#contenu p.figure {text-indent:20px; margin-bottom:30px;}
#contenu sup{
	font-size: 10px;
	vertical-align: top;
	margin: 0px 0px 0px 2px;
}
#contenu blockquote{
	margin: 0px 0px 0px 15px;
}
#contenu a:link, #contenu a:visited,
.tooltipster-content a:link,.tooltipster-content a:visited{
	text-decoration: underline;
	color: #3d3d3d;
}
#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;
}

/* Listes ordonnées et non-ordonnées */
#contenu ul{
	margin: 0px 0px 15px 15px;
	list-style-type: disc;
}
#contenu ul li,
#contenu ol li{
    margin: 0px 0px 5px 0px;
}

#contenu ul li{
   list-style-type:none;
   list-style-image:url(img/structure/img_liste_tiret.gif);
}

#contenu ul ul li{
   list-style-image:url(img/structure/ico_menusec_niv3.gif);
}

#contenu ul.grandeMarge li{
    margin: 0px 0px 15px 0px;
}

#contenu ul.indentation li{
    list-style-type:none;
	list-style-image:none;
	text-indent:-20px;
	margin-left:15px;
}

#contenu ul li p,
#contenu ol li p{
    margin: 5px 0px 5px 0px;
}
#contenu ol{
	margin: 0px 0px 15px 20px;
}
#contenu ol.margeNombres{
	margin: 0px 0px 15px 25px;
}
#contenu ul.sansMarge,
#contenu ol.sansMarge{
    margin-bottom: 5px;
}
#contenu ol.listeLettre{
    list-style-type: lower-latin;
}
#contenu ol.notesBasPage{
	margin-top: 20px;
}
#contenu ol.notesBasPage li{
	font-size: 11px;
	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: 11px;
	margin: 0px 0px 10px 0px;
	text-indent: -20px;
}

/* Images */
#contenu img{
	display: block;
	margin: 0px 0px 15px 0px;
}

#contenu .imageModale img {margin-bottom:35px;}

/* Alignements */
#contenu .alignementDroite {
	float: right;
	margin: 0px 0px 15px 15px;
}

#contenu .alignementGauche {
	float: left;
	margin: 0px 15px 15px 0px;
}

/* Boîtes */
#contenu .schema{
	margin-top:15px;
	margin-bottom:25px;
	border:2px solid #d0d08d;
	box-shadow:0px 0px 5px 0px rgba(50, 50, 50, 0.30);
	
	/* Coins arrondis */
	border-radius: 15px;
	
	/* PIE - IE8 et moins */
    behavior: url(/wp-content/themes/edu6014/css/pie.htc);
}

.ie8 #contenu .schema{
	/* Coins arrondis */
	border-radius:0px
}


#contenu .boite{
	position: relative;
	margin:25px 0px 25px 15px;
	padding: 20px 15px 20px 25px;
	border: none;
	
	background:#e6edf2;
	
	/* Coins arrondis */
	border-radius: 15px;
	
	/* PIE - IE8 et moins */
    behavior: url(/wp-content/themes/edu6014/css/pie.htc);
}

#contenu .boite *:first-child{
	margin-top:0;
}
#contenu .boite *:last-child{
	margin-bottom:0;
}

#contenu .boite.video,
#contenu .boite.listeVideo {
	border:1px solid #c0c183;
	background:none;
	clear:both;
	padding-top: 15px;
	padding-bottom: 15px;
}

#contenu .boite.listeVideo{
	padding: 15px 5px 15px 5px;
}

#contenu .boite.video .image {
	background:#d0d08c;
	display:block;
	float:left;
	clear:left;
	padding:10px 10px 6px 10px;
	
	/* Coins arrondis */
	border-radius: 15px;
	
	/* PIE - IE8 et moins */
    behavior: url(/wp-content/themes/edu6014/css/pie.htc);
}

.ie8 #contenu .boite.video .image {
	/* Coins arrondis */
	border-radius:none;
}

#contenu .boite.video .image span {
	float:right;
}

#contenu .boite.video .image a {
	position:relative;
	display:block;
	
}

#contenu .boite.video .image a:before {
	position:absolute;
	content:"";
	display:block;
	width:18px;
	height:18px;
	background:url(img/structure/ico_play_up.png) no-repeat center white;
	top:75%;
	left:50%;
	margin-top:-9px;
	margin-left:-9px;
	border-radius:25px;
	box-shadow: 0px 2px 6px #b0b0b0;
	
	/* PIE - IE8 et moins */
    behavior: url(/wp-content/themes/edu6014/css/pie.htc);
}

#contenu .boite.video .image a:hover:before {
	background:url(img/structure/ico_play_hover.png) no-repeat center grey;
}

#contenu .boite.video .image a img {
	margin-bottom:5px;
}

#contenu .boite.video .description {
	float:right;
	margin-left:10px;
	margin-top:0px;
	width:75%;
	line-height:20px;
}

#contenu .boite.video .description *:last-child {
	margin-bottom:0 !important;
}

#contenu .boite.a_retenir,
#contenu .boite.astuce,
#contenu .boite.attention,
#contenu .boite.a_noter {
	border:1px solid #c0c183;
	background:none;
	padding-top: 15px;
	padding-bottom: 15px;
}

#contenu .boite.lecture,
#contenu .boite.aide,
#contenu .boite.activite,
#contenu .boite.travail_note {
	border:none;
	background:none;
	padding-top: 15px;
	padding-bottom: 15px;
}

#contenu .boite.indente {
	border:none;
	border-radius:0px;
	border-left:20px solid #BCBF59;
	background:none;
	margin-left:0px;
	padding-top:0;
	padding-bottom:0;
}

#contenu .boite.aide {
	margin-left:0;
	border-radius:0;
	position:relative;
	padding-left:71px;
	
	background: #eeeeee; /* Old browsers */
	background: -moz-linear-gradient(left, #eeeeee 0%, #fbfbfc 51%, #eeeeee 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#eeeeee), color-stop(51%,#fbfbfc), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #eeeeee 0%,#fbfbfc 51%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #eeeeee 0%,#fbfbfc 51%,#eeeeee 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, #eeeeee 0%,#fbfbfc 51%,#eeeeee 100%); /* IE10+ */
	background: linear-gradient(to right, #eeeeee 0%,#fbfbfc 51%,#eeeeee 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#eeeeee',GradientType=1 ); /* IE6-9 */
	
	-webkit-box-shadow: 0px 3px 7px 0px rgba(50, 50, 50, 0.25);
	-moz-box-shadow:    0px 3px 7px 0px rgba(50, 50, 50, 0.25);
	box-shadow:         0px 3px 7px 0px rgba(50, 50, 50, 0.25);
	
	/* PIE - IE8 et moins */
    behavior: url(/wp-content/themes/edu6014/css/pie.htc);
}

#contenu .boite.aide:before {
	position:absolute;
	top:18px; 
	left:11px;
	content:url(img/structure/img_pictoPanique.png);
	width:49px;
	height:50px;
	display:block;
	background:#d0d08d;
	
	border-radius:12px;
	/* PIE - IE8 et moins */
    behavior: url(/wp-content/themes/edu6014/css/pie.htc);
}

#contenu .boite.a_retenir:before,
#contenu .boite.astuce:before,
#contenu .boite.attention:before,
#contenu .boite.a_noter:before,
#contenu .boite.lecture:before,
#contenu .boite.activite:before,
#contenu .boite.video:before,
#contenu .boite.listeVideo:before,
#contenu .boite.travail_note:before {
	width:26px;
	height:24px;
	display: block;
	position: absolute;
	top: 12px;
	left: -12px;
	visibility:visible;
	z-index:10000;
}

#contenu .boite.a_retenir:before,
#contenu .boite.astuce:before,
#contenu .boite.attention:before,
#contenu .boite.a_noter:before{
	content:url(img/structure/ico_boiteAstuce.png);
}

#contenu .boite.video:before,
#contenu .boite.listeVideo:before {
	content:url(img/structure/ico_boiteanimvideo.png);
}

#contenu .boite.lecture:before{
	content:url(img/structure/ico_boitelectures.png);
}

#contenu .boite.activite:before{
	content:url(img/structure/ico_boiteactivites.png);
}

#contenu .boite.travail_note:before{
	content:url(img/structure/ico_boitetravauxnotes.png);
}


#contenu .boite.lecture h3,
#contenu .boite.lecture h3 a{
	/* Typographie : Scriber - Regular */
	font-family: 'ScriberRegular';
	font-style: normal;
	font-weight: bold;
	letter-spacing:1px;
	
	font-size: 13px;
	line-height: 16px;
	color: #00507E;
	
	margin-top:10px;
	
	text-decoration:underline;
}

#contenu .boite.lecture h3:first-child{
	margin-top:0px;
}

#contenu .boite.lecture h3 a:hover{
	text-decoration:none;
}
#contenu p + .boite.lecture{
	margin-top:0px;
}


#contenu .btnTravaux {
	position:relative;
	padding-left:30px;
	margin-bottom:20px;
}
#contenu .btnTravaux:before {
	content:url(img/structure/ico_boitetravauxnotes.png);
	width:26px;
	height:24px;
	display: block;
	position: absolute;
	top: -3px;
	left: 0px;
}


/* Boîtes - animations vidéo */
#contenu .boiteAnimVideo{
	margin: 0px 0px 15px 0px;
}

/* Boîtes - liste animations vidéo */
#contenu .boite.listeVideo > div{
	float:left;
}

#contenu .boite.listeVideo .boite-contenu {
	padding:0px 15px 15px 25px;
}

#contenu .boite.listeVideo .listeVideo{
	float: left; 
	width: 248px; 
	margin-left: 3px;
	list-style-type:none;
}

#contenu .boite.listeVideo .listeVideo li{
	margin-left: 0px;
	margin-bottom:3px;
	list-style-image:none;
}

#contenu .boite.listeVideo .listeVideo li a{
	padding: 4px 4px 4px 20px;
}

#contenu .boite.listeVideo .listeVideo li:first-child a{
	padding-left: 8px;
}

#contenu .boite.listeVideo .listeVideo li a {
	background:#e0e097;
	color:#000;
	display:block;
	position:relative;
	font-size:12px;
}

#contenu .boite.listeVideo .listeVideo li a span {
	text-decoration:none;
	position:absolute;
	right:5px;
}

#contenu .boite.listeVideo .listeVideo li a:hover {
	background:#d0d08c;
}

#contenu .boite.listeVideo .listeVideo li a.actif {
	background:#bdbd7f;
}

#animationVideo1_wrapper {margin-top:23px;}


/* Accordéons */
#contenu .accordeon {
	margin: 0px 0px 20px 0px;
}
#contenu .accordeon .titre {
	position: relative;
	margin: 15px 0px 0px 0px;
	padding: 0px 22px 0px 5px;
	font-size: 14px;
	line-height: 22px;
	background-color: #d9dada;
	color: #393939;
	cursor: pointer;
}
#contenu .accordeon .titre span{
	position: absolute;
	display: block;
	
    /* Empêche la sélection sur l'élément */
	user-select: none;
}
#contenu .accordeon .titre .iconeEtatAccordeon{
	top: 2px;
	right: 5px;
	width: 17px;
	height: 17px;
	background: url(img/structure/wpmsgab_ico_accordeon.png) no-repeat top left;
}
#contenu .accordeon .selectionne{
	color: #3e3e3e;
}
#contenu .accordeon .selectionne .iconeEtatAccordeon{
	background-position: 0 -17px;
}
#contenu .accordeon > div {
	overflow: auto;
	padding: 15px 15px 0px 15px;
	border-left: solid 1px #d9dada;
}

#contenu .accordeon > div *:last-child {
	margin-bottom:0;
}

/* Tableaux */


#contenu table{
	width: 100%;
	margin: 0px 0px 25px 0px;
	border: 1px solid #929596;
}

#contenu h3 + table{
	margin-top:20px;
}

#contenu table.sansMarge{
	margin: 0px 0px 5px 0px;
}
#contenu table tr{}
#contenu table tr th{
	padding: 5px 15px 5px 15px;
	background-color: #cedbe5;
	color: #000000;
}

#contenu table tr th[scope="row"]{
	vertical-align:middle;
	background-color:transparent;
	border-right: 1px solid #929596;
	border-bottom: 1px solid #929596;
}

#contenu table tr td{
	padding: 5px 15px 5px 15px;
	border-left: 1px solid #929596;
	border-right: 1px solid #929596;
	border-bottom: 1px solid #929596;
}

#contenu table tr td *:last-child,
#contenu table tr th *:last-child {
	margin-bottom:0;
}

#contenu table .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: 20%
}
#contenu table .largeurDixieme{
	width: 10%
}

#contenu table.travaux tr td {
	padding-top:10px;
	padding-bottom:10px;
}

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

/* Navigation entre les articles (résultats de recherche) */
#contenu .navigationArticle{
	margin: 0px;
	overflow: auto;
}
.ipt_uif_question_label {
	width:auto !important;
	margin-bottom:20px !important;
}

.ipt_uif_common.ipt-uif-custom-black-tie .ipt_uif_matrix_container {
	margin-bottom:30px;
}

.ipt_uif_common.ipt-uif-custom-black-tie .ipt_uif_matrix_container tfoot tr th {
	display:none;
}

.ipt_uif_front .ipt_uif_question .ipt_uif_question_content {
    float:none !important;
    width:auto !important;
}

.ipt_uif_front .ipt_uif_question .ipt_uif_question_content {
    float:none !important;
    width:auto !important;
}

.ipt_uif_matrix tr th[scope="row"]:first-child {
	max-width:200px;
}

.ipt_uif_matrix tr th[scope="row"] div {
	white-space:normal !important;
	line-height:18px;
}

.ipt_uif_front input.ipt_uif_radio + label:before {
    height: 2em !important;
    width: 2em !important;
}

.ipt_uif_front input.ipt_uif_radio + label:after {
    height: 1.5em !important;
    width: 1.5em !important;
}

.ipt_uif_front input.ipt_uif_radio:checked + label:after {
   font-size:12px;
   left: 50%;
    margin-left: -12px;
    position: relative;
    top: 3px;
}

.ipt_uif_front .ipt_uif_matrix_container { 
	border:none !important;
	padding:0 !important;
}

.ipt_uif_matrix_div_cell {
	line-height:16px !important;
}

.ipt_uif_common.ipt-uif-custom-black-tie .ipt_uif_question .ipt_uif_question_label label.ipt_uif_question_title {
    color: #00507e !important;
}

.ipt_uif_question_subtitle.ipt_uif_label {
	color:#777 !important;
}

body.page-template-page-bilan-php {min-width:inherit !important;}
/* ==================================================
 * zoneContenu/zoneArticle
 * ================================================== */

/* Liste de commentaires */
#contenu #zoneCommentaires h3{
	margin: 15px 0px 15px 0px;
	padding: 10px 0px 0px 0px;
	border-top: dotted 1px #cecdc6;
}

#contenu #zoneCommentaires h3.laisserCommentaire,
#contenu .laisserCommentaire{
	padding-left: 35px;
	position:relative;
}
#contenu .laisserCommentaire:before{
	width:25px;
	height:25px;
	position:absolute;
	top:50%;
	margin-top:-7px;
	left:0;
	display:block;
	content:url(img/structure/ico_boiteforum.png);
}

#contenu a.laisserCommentaire:before{
	margin-top:-11px;
}


#contenu #zoneCommentaires ol{
	margin: 0px 0px 0px 0px;
	list-style-type: none;
}
#contenu #zoneCommentaires ol li p{
	margin: 0px 0px 10px 0px;
}
#contenu #zoneCommentaires ol li p.infosCommentaire{
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
}

/* Soumettre un commentaire */
#contenu #zoneCommentaires form p label{
	display: block;
	width: auto;
}
#contenu #zoneCommentaires form p{
	margin: 0px 0px 10px 0px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
}
#contenu #zoneCommentaires form input{
	width: 50%;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
}
#contenu #zoneCommentaires form textarea{
	width: 100%;
	height: 200px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
    
	box-sizing: border-box;
}
#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;
}
#contenu #zoneCommentaires form span.requis{
	color: #567839;
}

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

/* Contenu du bas de page */
#zoneBasPage{
	height: 30px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #BAC383;
}
#zoneBasPage #copyright{
	line-height: 30px;
	text-align: center;
	color: #ffffff;
}
#zoneBasPage a:link, #zoneBasPage a:visited{
	text-decoration: none;
	color: #ffffff;
}
#zoneBasPage a:hover, #zoneBasPage a:active{
	text-decoration: underline;
}

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

.infobulleGris{
	background-color: #e2e2e2;
	box-shadow: 0px 5px 10px #d2d2d2;
	
	/* PIE - IE8 et moins */
    behavior: url(/wp-content/themes/edu6014/css/pie.htc);
}
.tooltipster-content{
	padding: 10px 10px 10px 10px;
	font-size: 14px;
	line-height: 20px;
	color: #3e3e3e;
}
.infobulleGris .tooltipster-content *:first-child{
	margin-top: 0px;
}

.infobulleGris .tooltipster-content *:last-child{
	margin-bottom: 0px;
}

/* ==================================================
 * panneaux
 * note : le panneau d'actualités est caché par défaut.
 * ================================================== */

/* 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 */
	border-radius: 20px 0px 0 20px;
	
	behavior: url(/wp-content/themes/edu6014/css/pie.htc); /* IE8 et moins */
}

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

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

/* Boutons d'accès spécifiques */
a#btnPanneauRecherche	{top: 245px;}
a#btnPanneauActualites {top:195px;}

a#btnPanneauRecherche span.img	{background-image:url(img/modules/panneaux/ico_recherche.png);}
a#btnPanneauActualites span.img {background-image:url(img/modules/panneaux/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;
}

/*-----------------------------------
|         Bouton retour en haut de page
-------------------------------------*/
#contenu {
	position: relative;
}
#contenu .back-to-top {
	position: fixed;
	bottom: 6em;
	margin-left: 630px;
	text-decoration: none;
	text-align: center;
	color: #000000;
	font-size: 12px;
	padding: 1em;
	display: none;
	border-bottom: none;
	width: 30px;
	height: 20px;
	background: url(img/structure/img_retour_sommet_up.png) no-repeat center center;
}
#contenu .back-to-top:hover {
	color: #ffffff;
	border-bottom: none;
	background: url(img/structure/img_retour_sommet_hover.png) no-repeat center center;
}

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

@media print{
	/* Généralités */
	/* basées 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 */
	#zoneConteneur, #zoneMilieuPage, #zoneContenu, #contenu{
		display: block;
		float: none;
		width: 100%;
		margin: 0px;
		padding: 0px;
		border: none;
		overflow: none;
	}
	#zoneHautPage, #menuPrincipal, #zoneSecondaire, #zoneBasPage{
		display: none;
	}
	#zoneEntete img{
		display: none;
	}
	#zoneEntete img.impression{
		display: block;
	}
	
	/* Affichages des liens internes */
	#contenu a:after{
		content: " (https://modelecourswp.teluq.ca/" attr(href)")";
	}
	
	/* Affichages des liens externe (sécurisés 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)")";
	}
	
	/* 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 */
	#contenu .boiteAnimVideo{
		display: none;
	}
	
	/* Affichages des accordéons */
	#contenu .accordeon .titre{
		padding: 0px;
	}
	#contenu .accordeon > div{
		display: block !important;
		padding-left: 0px;
		padding-bottom: 0px;
		border: 0px;
	}
	#contenu .accordeon > div :last-child{
		margin-bottom: 0px;
	}
	
	/* Panneaux d'outils */
	.panneau{
		display: none;
	}
	a.btnPanneau{
		display: none;
	}
}