/* Feuille de styles : styles.css
 * Cours : ADM6220
 * Derni�res modifications : 10 septembre 2013
 * G�re l'apparence des styles
 * Auteur : Annick Desmeules
 * T�LUQ */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,button,input,select,textarea {color: #222;}
html {font-size: 1em!important;line-height: 1.4!important;}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */
::-moz-selection {background: #b3d4fc;text-shadow: none;}
::selection{ background: #b3d4fc;text-shadow: none;}

/*
 * A better looking default horizontal rule
 */
hr {display: block;height: 1px;border: 0;border-top: 1px solid #ccc;margin: 1em 0;padding: 0;}

/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */

audio,canvas,img,video {vertical-align: middle;}

/*
 * Remove default fieldset styles.
 */
fieldset {border: 0;margin: 0;padding: 0;}

/*
 * Allow only vertical resizing of textareas.
 */
textarea {resize: vertical;}

/* ==========================================================================
   Browse Happy prompt
   ========================================================================== */
.browsehappy {margin: .2em 0;background: #ccc;color: #000;padding: .2em 0;}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
html{ height:100%;} 
body{font-family:Arial, Helvetica, sans-serif;height:100%;font-size:100%!important;/*R�gle le probl�me de Moodle qui met le font-size automatiquement � 13px;*/	color:#333333;background-color: #fff;line-height: 1.4!important;}
.clear{clear: both;margin: 0;padding: 0;height: 0;visibility: hidden;}

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */
.ir {background-color: transparent;border: 0;overflow: hidden;/* IE 6/7 fallback */*text-indent: -9999px;}

.ir:before {content: "";display: block;width: 0;height: 150%;}

/*
 * Hide 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;}

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

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {visibility: hidden;}

/* -------------------- STYLES.CSS ------------------------- */
/* -------------------- Conteneurs principaux -------------- */
.wrapper{/*min-height: 100%;*/}
#conteneur{width: 960px;margin: 0 auto;text-align: left;padding-bottom:75px;overflow:auto;background:url(/theme/adm6220/img/fleur-DGT.png) no-repeat left bottom;}
.popup #conteneur{width: 100%;}

#layout-table{margin-top: 0;}
#content {background: #fff;color:#444;padding:0;margin: 0}

.lien_impression{position:absolute;right:0;top:0;}

#course-view .section td.content {padding: 0;background-color: #fff;color:#444;}
span#maincontent{display: none;}

/* Override des borders */
#course-view, .content, .navbar, .generalbox  {border: none !important;}
.generalbox{border-style: none;border-width: 0;margin-bottom: 0;padding: 0;}

.editing #middle-column{width:500px;}
.editing #right-column{float:left;width:200px;background: #fff;}


#inst1314.block{width:100%;margin: 4em 0 0!important}
#inst1314.block .header h2,
.block_navigation{display:none;}
#inst1314 .content{background:#e6e6e7;min-height: 5px;}
#inst1314.block .content{font-size:1em;}
#inst1314.block.block_html .content .no-overflow{padding:0;}
#inst1314.block .content h2{font-size:1em;padding:1em 0 0 .5em;margin:0!important;}
#inst1314.block .content p + h2{border-top:2px solid #CC3A83;}
#inst1314.block .content p{padding:.5em;color:#444;}
#inst1314.block .header .block_action{display:none;}

#inst1314.cacher{display:none;}
.editing #inst1314.cacher{display:block!important;}

/* -------------------- STYLES.CSS ------------------------- */
/* -------------------- Zone connexion --------------------- */
#zoneConnexion{width: 100%;height: 60px;padding: 0;margin: 0;background: #CC3A83;}

/* -------------------- STYLES.CSS ------------------------- */
/* -------------------- Zone r�le logo --------------------- */
#zoneRoleLogo {width: 960px;padding: 0;margin: 0 auto;text-align: right;font-size:.75em;}
#zoneRoleLogo #menuRole{float: left;width: auto;}
#zoneRoleLogo #menuRole form {float: left;margin-top: 20px;margin-right: 5px;width: auto;}
#zoneRoleLogo #menuRole a#EditPage{	color:#fff;font-size:1.25em;margin-top: 20px;margin-right: 5px;display:inline-block;}
#zoneRoleLogo #menuRole a#EditPage:hover{text-decoration:underline;}
#zoneRoleLogo #logo{float: right;width: auto;margin-top: 5px;}

/* -------------------- STYLES.CSS ------------------------- */
/* -------------------- Zone bandeau ----------------------- */
#zoneBandeau {height: 90px;padding: 20px;margin: 0;background:#fff;}
#zoneBandeau>div{width:440px;line-height:1.1em!important;}
#zoneBandeau .cigle{font-size:.875em;/*14px/16px*/font-weight:700;color:#77284D;}
#zoneBandeau .titreCours{font-family: Arial Black, Arial;font-weight: 700;font-size: 1.5em;/*24px/16px;*/text-transform: uppercase;margin:1px 0 2px;}
#zoneBandeau .direction{color:#666666;font-size:.75em;/*12px;/16px*/letter-spacing: .1em;}

/* -------------------- STYLES.CSS ------------------------- */
/* -------------------- Zone accessible -------------------- */

#zoneAccessible{height: 30px;padding: 0 0 0 200px;font-size:.75em;/* 10px;/* 11/16 */color: #000;}
#zoneAccessible #filAriane{float: left;width: auto;margin: 7px 0 0 30px;}
#zoneAccessible #filAriane ul, #filAriane ul li, #filAriane ul li a{padding: 0;	margin: 0;list-style-type: none;color: #000;}

#zoneAccessible a:active, #zoneAccessible a:hover,#zoneAccessible a:focus{text-decoration:underline;}

#zoneAccessible #filAriane ul li{float: left;}
#zoneAccessible #filAriane ul li.first{margin-right: 5px;}

#zoneAccessible .logininfo {float: right;width: auto;text-align: right;margin: 7px 0 0;}
#zoneAccessible .logininfo a {color: #333333 !important;}

/* -------------------- STYLES.CSS ------------------------- */
/* -------------------- Menu secondaire (gauche) ----------- */

#left-column{width: 185px;padding-left:15px;padding-bottom:240px;float:left;height:100%!important;}

.block {width: 200px;padding: 0;margin: 0 0 10px 0;border:0;}

/* Contenu de menu */
.block .content{padding: 0;background: none;font-size:.8125em;/*14/16*/}

.block .content ul{list-style-type: none;padding: 0;margin: 0 0 20px;}
.block .content ul.noMargin{margin: 0;}
.block .content ul li{padding:0;margin:5px 0;font-size:inherit;}
.block .content h2{margin-bottom:.5em!important;}

.block li.parent>div{text-transform:uppercase;font-size:inherit;}

.block ul a, .block ul a:link, .block ul a:visited {text-decoration:none;color: #656565;}
.block ul a:active, .block ul a:hover, .block ul a:focus,.block ul a.selected{color:#77284D;font-weight: 700;}
.block ul div.selected a,.block ul div a:hover,.block ul div a:focus{color: #000!important;font-weight: 700;}

.block li.parent ul{margin-left:10px;}
.block li.parent ul li{margin-left:10px;margin:3px 0;}

.espace{margin-bottom:1em!important;}


/* -------------------- STYLES.CSS ------------------------- */
/* -------------------- Hs & Titres  ----------------------- */

h1{	font-size: 1.33333333em;/*16/12*/	color: #000;margin-bottom:1em!important;}
h2, .block ul li.not_nav >div {font-size: 1.285em;/*14px/12px;*/text-transform:uppercase;color: #77284D;margin-bottom:20px!important;font-weight:700;}
.block .content h2, .block ul li.not_nav >div >a, .block ul h2 a{color: #000!important;}
.block ul li.not_nav >div{margin-bottom:.5em!important;} 
h2.sansMarge {margin: 5px 0;}
h3 {font-size:1.16666em; /*12px/12px*/color: #77284D;margin:2em 0 .25em!important;}
h3.sommaire {font-size:1em; /*12px/12px*/}
h3.sommaire+p {font-size:1em; /*12px/12px*/margin-top:5px;}
h3+p {margin-top:0;}
h4 {font-weight:700;font-style: italic;font-size: 1em;color: #000;margin-bottom:0;}
h4+ul{margin-top:0!important;}
h4+p{margin-top:5px!important;}
span.partie{color:#888;font-size:1.25em;font-weight:700;text-transform:uppercase;}

/* -------------------- STYLES.CSS ------------------------- */
/* -------------------- Liens <a>  ------------------------- */
#middle-column a:link, #middle-column a:visited {color: #77284D;}
#middle-column a:active, #middle-column a:hover, #middle-column a:focus, #middle-column a.selected {color: #000;}

#middle-column a.imageModale:link, #middle-column a.imageModale:visited {border-bottom: none; width:700px;height:125px;display:block;position:relative;}
#middle-column a.lienImg:link, #middle-column a.lienImg:visited {border-bottom:none;}

#middle-column a.imageModale:after{content:url("../img/icone_agrandissement.png");width:24px;height:24px;display:block;position:absolute;bottom:5px;right:5px;}

/* -------------------- STYLES.CSS ------------------------- */
/* -------------------- Contenu  --------------------------- */

#middle-column{position:relative;padding:30px 30px 0;float:left;width:700px;font-size:.875em;/*14/16*/}

/* Pour l'affichage de la page d'accueil */
#middle-column ul.topics {padding: 0;}

#middle-column p,#middle-column li,#middle-column a:link,#middle-column table td{font-size:inherit;}

#middle-column .course-content ul.topics li.section .content,
#middle-column .course-content ul.topics li.section,
#middle-column .course-content ul.topics{margin:0!important;}

#middle-column div.course-content, #middle-column div.generalbox {background-color: #fff;padding: 0;}

#middle-column p {line-height:1.5em;color: #444;}
#middle-column p.sansMarge {margin: 5px 0 0;}
#middle-column p.avantListe {margin-bottom: 8px;}
#middle-column p.alignementDroite {text-align: right;}

#middle-column p.alignementCentre {text-align: center;}
#middle-column p.alignementCentre.margintop{margin-top:2em;}
#middle-column p.alignementCentre img {margin:1em auto;}
#middle-column p.alignementCentre strong.titre{text-transform:uppercase;font-size:1.285em;color:#77284d;}
#middle-column p.alignementCentre strong.soustitre{font-size:1.16666em;}

#middle-column p.note_bas_page{font-size:.8571em!important;margin-left: 2em;}
#middle-column p.note_bas_page + *{margin-top:2em!important;}
#middle-column p.note_bas_page + p.note_bas_page{margin-top:.5em!important;}
#middle-column p.note_bas_page a{
	display: inline-block;
	margin-left: -2em;
	margin-right: 1em;
}
#middle-column p.note_bas_page a:after{content:".";}

#middle-column p.retour {text-align: right;}

#middle-column blockquote {	padding: 0 20px 10px 50px;}

/*Encadr�*/
.section_travailnote{border:1px solid #999; padding:5px 10px;margin:10px auto;}

#middle-column .evidence{padding-left: 75px;margin:2em 0!important;}
#middle-column .evidence:before{content:url("/theme/adm6220/img/icone_evidence.jpg");height:61px;width:38px;float:left;margin-left: -75px;}


/* -------------------- STYLES.CSS ------------------------- */
/* -------------------- Listes � puces et num�ros  --------- */

/* Liste � puces */
#middle-column ul, #middle-column ol {margin-left:0!important;}
#middle-column ul li,#middle-column ol li{margin:.5em 0!important;}

#middle-column ol,#middle-column .generalbox ul {padding: 0 0 0 30px!important;margin:20px 0;}

/* Liste � num�ros */
#middle-column ol ol, #middle-column ol.travailnote{ counter-reset: list;}
#middle-column ol ol>li, #middle-column ol.travailnote >li {list-style: none;}
#middle-column ol ol li:before, #middle-column ol.travailnote >li:before{content: counter(list, lower-alpha) ") ";counter-increment: list;margin-left: -1.5em;float:left;}
#middle-column ol ol, #middle-column ol.travailnote{margin:0 20px 10px!important;padding:0!important;}
#middle-column ol.travailnote >li:before{content: counter(list, upper-alpha) ") ";}

#middle-column ul ul{margin-top:0!important;}


/* -------------------- STYLES.CSS ------------------------- */
/* -------------------- Tableaux  -------------------------- */

#middle-column .generalbox table{border-collapse: collapse;width: 100%;margin-bottom:10px; border:1px solid #444444;}
#middle-column .generalbox table.alignementCentre{text-align: center;}
#middle-column .generalbox table tr.even{background-color: #e6e7e8;}
#middle-column .generalbox table tr th{background-color: #f6529f;padding:.5em;color: #fff;vertical-align: top;text-transform:uppercase;border-right:1px solid #444444;}
#middle-column .generalbox table tr th:first-child{border-left:1px solid #444444;}
#middle-column .generalbox table tr td{border: solid 1px #444444;border-top:none;border-bottom:none;padding:.5em;vertical-align: top;}

#navActivites{margin-left:-5px;	margin-top:20px;position:relative;clear:both;}

#navActivites ul{list-style-type:none;margin:0;padding:0;}
#navActivites ul li{float:left;border-left: 1px solid #000;padding:0 5px;}
#navActivites ul li a,#navActivites ul li a:link,#navActivites ul li a:visited{text-decoration:none;color:#444;}
#navActivites ul li a:active,#navActivites ul li a:hover,#navActivites ul li a:focus,#navActivites ul li a.selected{font-weight:700;color:#77284D;}
#navActivites ul li.back,#navActivites ul li.forward,#navActivites ul li.noborder{border: none!important;border-left: none!important;}

#navActivites ul li.back a,#navActivites ul li.forward a{background:url(/theme/adm6220/img/fleches.png) no-repeat;width:10px;height:12px;padding:0 5px;}
#navActivites ul li.forward a{background-position:0 -15px;}
#navActivites ul li a.disabled{visibility:hidden;}

.videoJWP{margin-bottom:30px;}
.videoJWP:first-child{margin-bottom:0;}

/*.icone_video{display:inline-block;vertical-align:middle;width:50px;}
.icone_lecture{display:inline-block;vertical-align:middle;width:50px;}*/

.videoExterne{padding-left: 50px;}
.videoExterne .texte{display:inline-block;vertical-align:middle;width:89%;}
.videoExterne:before{content:url("/theme/adm6220/img/clap_video.png");height:36px;width:41px;float:left;margin-left: -50px;}

#middle-column .generalbox ul.lecture{margin:0!important;padding:0!important;list-style-type:none;}
#middle-column .generalbox ul.lecture >li{padding-left: 50px;margin:20px 0!important;}
ul.lecture >li:before{content:url("/theme/adm6220/img/lecture.jpg");height:36px;width:44px;float:left;margin-left: -50px;}

.videoWrapper{float: left!important;}
#middle-column .credits{font-size: .8125em;margin: -.75em 0 20px;clear: both;}
#middle-column #videoContainer_wrapper + .credits,
#middle-column .animationVideoListe + .credits{margin-top: .5em!important;}
#middle-column .credits p{margin:2px 0;}
#middle-column .credits p strong{color:#000;}

.nowrap{white-space:nowrap;}

p.source{font-size:.923em!important;color:#999;font-style:italic;}

#middle-column dt, #middle-column dd{display:inline-block;margin:.25em 0;}
#middle-column dt{font-weight:700;width:60%;vertical-align:top;}
#middle-column dd{width:39%;}
/* -------------------- STYLES.CSS ------------------------- */
/* -------------------- Pied de page ----------------------- */

#zoneBasDePage {width:100%;background-color: #6B6867;color: #fff;position:relative;height:34px;margin-top: -34px;clear:both;padding-top:6px;text-align: center;font-size:.6875em;/*11/16*/}
#mod-resource-view div#zoneBasDePage {margin-top: 0;}

/* -------------------- STYLES.CSS ------------------------- */
/* -------------------- Moodle2 sp�cials ------------------- */

/* Ajustements propres � Moodle 2 */
.course-content > h2 { display: none; }
.course-content li.section > div { float:none }
.course-content li.section > .left , .course-content li.section > .right { display: none; }
#pageheading{display: none;}
body#site-index .headingblock, body#course-view .headingblock, .modified {display: none;}

#page-mod-feedback-view .box.generalbox.boxaligncenter.boxwidthwide>a:link,
#page-mod-feedback-view .box.generalbox.boxaligncenter.boxwidthwide>a:visited{
	background:#77284D;
    border-radius: 10px;
    display: block;
    width: 200px;
    padding: .5em 1em;
    color: #fff;
    text-align: center;
    text-decoration: none;
    margin: 1em auto;
}

#page-mod-feedback-view .box.generalbox.boxaligncenter.boxwidthwide>a:active,
#page-mod-feedback-view .box.generalbox.boxaligncenter.boxwidthwide>a:hover,
#page-mod-feedback-view .box.generalbox.boxaligncenter.boxwidthwide>a:focus{
    background: #666;
}

#page-mod-feedback-complete .box.feedback_item_number_left:after{content:".";padding-right:.25em}



/* -------------------- STYLES.CSS -------------------------- */
/* -------------------- Impression -------------------------- */

@media print
{
	* {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
		font-family:Arial, Helvetica, sans-serif!important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

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

    /*
     * Don't show links for images, or javascript/internal links
     */

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

    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: .5cm;
    }


    p,
    h2,
    h3 {
		font-family:Arial, Helvetica, sans-serif;
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
	
	/* Reset des couleurs */
	* { color:#000 !important; background-color:#fff !important; border-color:#000 !important;}
		
	/* Conteneurs principaux */
	#middle-column, .course-content {padding:0; margin:0; width:auto!important;}
	#zoneConnexion, #zoneRoleLogo, #zoneAccessible, #left-column {display:none;}
	#layout-table #middle-column { padding: 0; }
	#layout-table #middle-column div.course-content, #layout-table #middle-column div.generalbox {padding: 0;}
	#conteneur { box-shadow:none; }
	
	#zoneBandeau{padding:0!important;}
	#zoneBandeau>div{width:auto;margin:0!important;}
	
	/* Bas de page */
	#zoneBasDePage {margin: 0; padding: 0;}
	#zoneBasDePage p {padding: 0; margin:0; color: #000!important;}
	
	/* Panneaux d'outils */
	a.btnPanneau,a.lien_impression,img.lienExterne{display:none;}
	
	#bandeauImpression {display:block;}
}
px;


#middle-column .course-content ul.topics li.section {
    List-style: none;
    list-style-image: none;
}
#middle-column .course-content ul.topics li.section:before {
    content:"";
    padding: 0;
    margin: 0;
}
#middle-column .course-content ul.topics h3.sectionname,
#middle-column .course-content ul.topics .hidden {
    display: none;
}
.course-content li.section > .left , .course-content li.section > .right
{ 
display: block; 
}



.glossarydisplay {margin-top: 50px;}

.mform .fitem .fitemtitle {width: 100%; text-align: left;}
.mform .fitem .felement {margin-left: 0;}




.visuallyhidden, .sr-only {
position: absolute !important;
clip: rect(1px, 1px, 1px, 1px);
overflow: hidden;
height: 1px;
width: 1px;
word-wrap: normal;
}
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus, .sr-only-focusable:active, .sr-only-focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
}