/* Feuille de styles : styles.css * Cours : Modèle de cours * Dernières modifications : 19 avril 2012 * Gère l'apparence des styles * Auteur : Andy Harvey * TÉLUQ */ /* -------------------- STYLES.CSS ------------------------- */ /* -------------------- Généraux --------------------------- */ @font-face { font-family: 'sansation'; src: url('../fonts/sansation/Sansation-Regular.eot'); src: url('../fonts/sansation/Sansation-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/sansation/Sansation-Regular.svg#sensation') format('svg'), url('../fonts/sansation/Sansation-Regular.woff') format('woff'), url('../fonts/sansation/Sansation-Regular.ttf') format('truetype'); font-weight: normal; font-style:normal; } @font-face { font-family: 'sansation'; src: url('../fonts/sansation/Sansation-Italic.eot'); src: url('../fonts/sansation/Sansation-Italic.eot?#iefix') format('embedded-opentype'), url('../fonts/sansation/Sansation-Italic.svg#sensation') format('svg'), url('../fonts/sansation/Sansation-Italic.woff') format('woff'), url('../fonts/sansation/Sansation-Italic.ttf') format('truetype'); font-weight: normal; font-style:italic; } @font-face { font-family: 'sansation'; src: url('../fonts/sansation/Sansation-Bold.eot'); src: url('../fonts/sansation/Sansation-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/sansation/Sansation-Bold.svg#sensation') format('svg'), url('../fonts/sansation/Sansation-Bold.woff') format('woff'), url('../fonts/sansation/Sansation-Bold.ttf') format('truetype'); font-weight: bold; font-style:normal; } @font-face { font-family: 'sansation'; src: url('../fonts/sansation/Sansation-BoldItalic.eot'); src: url('../fonts/sansation/Sansation-BoldItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/sansation/Sansation-BoldItalic.svg#sensation') format('svg'), url('../fonts/sansation/Sansation-BoldItalic.woff') format('woff'), url('../fonts/sansation/Sansation-BoldItalic.ttf') format('truetype'); font-weight: bold; font-style:italic; } *:not(img), *:not(img):before, *:not(img):after {-moz-box-sizing: border-box!important; -webkit-box-sizing: border-box!important; box-sizing: border-box!important;} * { padding: 0px; margin: 0px; } html{color:#383838; /* Comme les

(pour le résumé des quiz) */} body{margin: 0px;padding: 0px;text-align: center;font-size: 100%;background-color: #ececec;background-image:none; position:relative;z-index:1;} body, table, td, th, li, p, h1, h2, h3, h4{font-family:"sansation", Arial, Helvetica, sans-serif!important;} .clear{ clear: both; margin: 0; padding: 0; height: 0; visibility: hidden; } /* -------------------- STYLES.CSS ------------------------- */ /* -------------------- Conteneurs principaux -------------- */ #conteneur{width: 960px;margin: 0 auto;border: none;text-align: left;} .calendrier #conteneur{width: 960px;margin: 20px auto 10px;border: none;text-align: left;} #layout-table{margin-top: 0px;} #content {background: #ffffff;padding: 0px;margin: 0px} #course-view .section td.content {padding: 0px;background-color: #ffffff;} span#maincontent{display: none;} /* Override des borders */ #course-view, .content, .navbar, .generalbox {border: none !important;} .generalbox{border-style: none;border-width: 0px;margin-bottom: 0px;padding: 0px;} #middle-column{ /*min-height: 500px;*/ } #right-column{ float:left; width:200px; background: #fff; } /* -------------------- STYLES.CSS ------------------------- */ /* -------------------- Zone connexion --------------------- */ #zoneConnexion{width: 100%;height: 70px;padding: 0px;margin: 0px;background: #3c3c3c;} /* -------------------- STYLES.CSS ------------------------- */ /* -------------------- Zone rôle logo --------------------- */ #zoneRoleLogo {width: 960px;padding: 0px;margin: 0 auto;} #zoneRoleLogo #menuRole{float: left;width: auto;} #zoneRoleLogo #menuRole form {float: left;margin-top: 20px;margin-right: 5px;width: auto;} #zoneRoleLogo #menuRole .helplink img{margin: 0px 4px 0px 0px;} #zoneRoleLogo #menuRole a#EditPage{color:#fff;font-size:15px;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 {width: 100%;height: 150px;padding: 0px;margin: 0px;background: url(../img/header.jpg) center; border-bottom:1px solid #065E6F;} #zoneBandeau .zoneBandeau_960 {width: 960px;margin: 0px auto;padding-top:25px;} #zoneBandeau .zoneBandeau_960 div.sigle{color:#575756;font-size:1em;font-family:"sansation", Arial, Helvetica, sans-serif;font-weight:700;} #zoneBandeau .zoneBandeau_960 h1{color:#065E6F;font-size:2.25em;font-family:"sansation", Arial, Helvetica, sans-serif;font-style:italic;width:800px;margin-top: 20px;line-height: 1em;} .calendrier h1{margin-bottom:20px;}/*Accessibilité*/ /* -------------------- STYLES.CSS ------------------------- */ /* -------------------- Zone accessible -------------------- */ #zoneAccessible{min-height: 20px;padding: 3px 0px 3px 200px;background: none;font-size:0.6875em;/*11px*/overflow: hidden;} #zoneAccessible #filAriane{float: left;width: auto;margin: 5px 0px 0px 30px;} #zoneAccessible #filAriane ul, #filAriane ul li, #filAriane ul li a{font-family:"sansation", Arial, Helvetica, sans-serif!important;padding: 0px;margin: 0 2px 0 0;list-style-type: none;color: #575756 !important;} #zoneAccessible a:active, #zoneAccessible a:hover{text-decoration:underline;font-family:"sansation", Arial, Helvetica, sans-serif!important;} #zoneAccessible #filAriane ul li{float: left;} #zoneAccessible #filAriane ul li.first{margin-right: 5px;} #zoneAccessible .logininfo {float: right;width: 400px;text-align: right;color: #575756;margin: 5px 30px 0px 0px;} #zoneAccessible .logininfo a {color: #575756 !important;} /* -------------------- STYLES.CSS ------------------------- */ /* -------------------- Menu secondaire (gauche) ----------- */ #left-column{ background: #ffffff; padding-top: 25px; width: 200px !important; float:left; } .block { width: 200px; padding: 0px; margin: 0px 0px 10px 0px; border:0px; } /* Entête de menu */ .block .header { padding: 0px; border: none; background: none; } .block .header .hide-show-image { display: none; } .block .header h2 { font: bold 13px Arial, Helvetica, sans-serif; text-align: left; padding: 0px 0px 0 25px; color: #666666; } /* Contenu de menu */ .block .content{padding:0!important;} .block .content ul{list-style-type: none;padding: 0px;margin: 5px 0px 10px;} .block.block_html .content .no-overflow{padding-left:0px;} .block .content #menu li a{ font-family:"sansation", Arial, Helvetica, sans-serif!important; font-size: 0.8125em; color:#3c3c3b; padding-left:15px; margin: 1px 0; } .block .content #menu li.parent > a{border:1px solid #c6c6c5;-webkit-border-radius: 0 5px 5px 0;border-radius: 0 5px 5px 0;border-left:none;font-weight:700;padding:5px 0px 2px 15px;text-transform:uppercase;display:block;position:relative;} .block .content #menu li.parent > a:after{content:"";-webkit-border-radius: 0 5px 5px 0;border-radius: 0 5px 5px 0;background:url(../img/fleche.png) 0 0px no-repeat #868686;height:23px;width:25px;position:absolute;right:0px;top:0px;} @-moz-document url-prefix() { .block .content #menu li.parent > a:after{ height:25px; } } .block .content #menu li.parent > a:hover:after{background-color:#065E6F;} .block .content #menu li.parent.open > a:after{background-position:0 -25px;} .block .content #menu li.parent.selected > a{background:#ececec;color:#3c3c3c;} .block .content #menu li.parent.selected > a:after{background-color:#065E6F;} .block .content #menu ul li a:active,.block .content #menu ul li a:hover,.block .content #menu ul li a:focus,.block .content #menu ul li a.selected{color:#065E6F!important;} .block .content #menu ul li a.done:link, .block .content #menu ul li a.done:visited{color:#9c9b9b;} .block .content #menu li#apprentissage{margin-bottom:5px;} .block .content #menu li#apprentissage li{padding-left:0;} .block .content #menu li#apprentissage>ul>li:first-child{padding-left:0;margin: 5px 0;} .block .content #menu li#apprentissage>ul,.block .content #menu li#apprentissage>ul>li{margin:0;} .block .content #menu li#apprentissage ul ul li{list-style: decimal outside; font-size: 0.8125em;padding-left:0;margin-left: 2.75em;padding-bottom:.5em;} .block .content #menu li#apprentissage ul ul{counter-reset: list;} .block .content #menu li#apprentissage ul ul li { list-style: none; padding-left: 0; margin-left: 2.85em; } .block .content #menu li#apprentissage ul ul li:before { content: counter(list, decimal) "."; counter-increment: list; margin-left: -1.65em; float:left; } .block .content #menu li#apprentissage ul ul.start{counter-reset: list 8;} .block .content #menu li#apprentissage ul ul li a{font-size:1em;padding-left:0;} .block .content #menu li#apprentissage ul ul li:hover{color:#065E6F;} .block .content #menu li.examen{ padding: 5px 0 2px 15px!important; font-size: .8125em; color: #999; margin-left: 1em!important; margin-bottom: 1em!important; } .block-hider-hide{display:none;} /* Cache la navigation (menu automatique de Moodle) */ .block_navigation{display:none;} /* -------------------- STYLES.CSS ------------------------- */ /* -------------------- Hs & Titres ----------------------- */ #middle-column h2, #middle-column h2.main { font-size: 1.714em; padding: 0px; padding-bottom: 15px; margin: 0px 0px 45px 0px; color: #3c3c3c; border-bottom: 2px solid #3c3c3c; text-transform: uppercase; } #middle-column .titre_theme{text-transform: uppercase;} #middle-column h3,#middle-column h4 { font-size: 1.14em;/*16/14*/ padding: 0px 0px 8px; margin: 20px 0px 5px 0px; color: #666666; border-bottom: 1px solid #c6c6c6; } #middle-column h3.sectionname{display:none;} #middle-column h3:before,#middle-column h4:before {content:"";background:url(../img/h3.gif) no-repeat;display: block;float: left;width: 10px;height: 16px;} #middle-column h3{text-transform:uppercase;} #middle-column h5 { font-weight: bold; font-size: 1.15em; text-align:center; margin-bottom:20px; } /* -------------------- STYLES.CSS ------------------------- */ /* -------------------- Liens ------------------------- */ #middle-column a:link, #middle-column a:visited { font-weight: normal; border-bottom: dotted 1px #065E6F; color: #065E6F; } #middle-column a:hover { font-weight: normal; text-decoration:none; border-bottom: none; color: #065E6F; } #middle-column a.imageModale:link, #middle-column a.imageModale:visited { border-bottom: none; } #middle-column a.lienImg:link, #middle-column a.lienImg:visited { border-bottom:none; } a:link, a:visited { text-decoration: none; } /* -------------------- STYLES.CSS ------------------------- */ /* -------------------- Contenu --------------------------- */ #pagecontent{ background: none repeat scroll 0 0 #ffffff; overflow:hidden; border:1px solid #b1b1b1; -webkit-border-radius: 10px; border-radius: 10px; width: 960px; } #middle-column .lien_impression{background:url(../img/icon_print.png) no-repeat; width:20px; height:20px;display:block;float:right;margin-top: 19px;} #middle-column span.nowrap{ white-space:nowrap;} #middle-column .course-content ul.topics li.section .content, #middle-column .course-content ul.topics li.section, #middle-column .course-content ul.topics{ margin:0px; } #middle-column { padding: 60px 10px 20px 30px; background: #fff; width:auto; float:left; } .calendrier #middle-column .lien_impression{margin-top:0px;} .calendrier #middle-column{padding-top:20px;padding-right: 30px;} #middle-column .weeks,#middle-column #section-0{margin:0px;padding:0px;} .course-content ul.weeks li.section .content{margin:0px;padding:0px;} #middle-column div.course-content, #middle-column div.generalbox { background-color: #ffffff; padding: 0; font-size:.875em;/*14/16*/ color:#4d4d4d; } #middle-column p {font-size:inherit;line-height: 1.5em;padding: 0px;color: inherit;} #middle-column p.sansMarge {margin: 5px 0px 0px 0px;} #middle-column p.avantListe {margin-bottom: 8px;} #middle-column p.alignementDroite {text-align: right;} #middle-column sup {vertical-align:3px;} #middle-column blockquote {padding: 0 20px 10px 50px;} #middle-column .encadre{border:1px solid #999;margin:20px 50px;padding:20px 40px;} #middle-column p.textIndent{margin-left:35px;} #middle-column p.textIndent:before{content:"";background:url(../img/fleche_dr.png) no-repeat 0px -30px;;width:20px;height:20px;float:left;margin-left: -25px;} #middle-column p.bloc,#middle-column div.bloc{border: 1px solid #065E6F;padding:15px 30px;background:#F5F5F5;} #middle-column p.bloc.warning:before{content:"";background:url(../img/icon_attention.png) no-repeat 0px -67px; width:31px; height:31px;float:left;margin-top: -31px;margin-left: -25px;} #middle-column p.bloc.warning{font-weight:400;} #middle-column div.bloc.astuce:before{content:"";background:url(../img/icon_a_retenir.png) no-repeat 0px -100px; width:44px; height:45px;float:left;margin-top: -36px;margin-left: -25px;} #middle-column div.bloc.astuce{font-weight:400;margin-top:30px;} #middle-column p a.top{background:url(../img/fleche_haut.png) no-repeat 0 -46px;width:30px;height:17px;display:block;border-bottom: none;margin-left: 95%;} #middle-column> p >a.top{margin-left: 92%;margin-top: 20px;} #middle-column p a.top:active, #middle-column p a.top:hover, #middle-column p a.top:focus{background:url(../img/fleche_haut_rollover.png) no-repeat 0 -46px;} /* Images et contenu flottant */ /* GG : Grand / Gauche */ /* GD : Grand / Droit */ #middle-column div.contenuFloat{ overflow: hidden; width: 100%; margin: 0px 0px 0px 0px; } #middle-column div.boiteTxtGG{ float: left; padding: 0px; margin: 0px 15px 0px 0px; width: 46%; } #middle-column div.boiteImgGD{ float: right; margin: 0px 0px 0px 0px; width: 400px; } /* Faire disparaître le chiffre associé à la semaine */ #course-view .section td.left { width: 1px; font-size: 1px; line-height: 1px; padding: 0; margin: 0; color: #ffffff; } body#site-index .headingblock, body#course-view .headingblock,.modified { display:none; } /* -------------------- STYLES.CSS ------------------------- */ /* -------------------- Listes à puces et numéros --------- */ /* Liste à puces */ #middle-column ul { font-size:inherit; line-height: 1.25; list-style: disc; margin: 20px 0px 15px 15px; color: inherit; } #middle-column ul li {margin: 5px 0;} #middle-column ul ul li { list-style-type:none; margin-bottom: 5px; background:url(../img/puce_fleche.png) no-repeat; padding-left: 20px; margin-left: 30px; } #middle-column ul ul li p{ margin: 5px 0px 5px 0px; } #middle-column ul ul.sansPuce{ margin: 5px 0px 5px 0px; } #middle-column ul ul.sansPuce li { list-style-type: none; list-style-image: none; } #middle-column ul ul.notesBasPage{ font-size:smaller; margin: 0px 0px 0px 0px; padding: 10px 0px 0px 0px; } #middle-column .separateurSection{ display: block; margin: 30px 0px 0px 0px; border-top: solid 1px #cccccc; width: 15%; } /* Liste à numéros */ #middle-column ol { font-size:inherit; line-height: 18px; margin: 5px 0px 15px 0px; padding-left: 23px; color: #383838; } html>body #middle-column ol { *padding-left: 28px; } #middle-column ol li { margin-bottom: 5px; } #middle-column ol li p{ margin: 5px 0px 5px 0px; } #middle-column ol.sansPuce{ margin: 10px 0px 0px 0px; padding-left: 0px !important; } #middle-column ol.sansPuce li{ list-style-type: none; list-style-image: none; } #middle-column ol.notesBasPage{ margin: 30px 0px 0px 0px; padding: 10px 0px 0px 0px; border-top: solid 1px #cccccc; } #middle-column ol.olLettre { list-style-type: lower-alpha; } #middle-column dl{margin:0px;margin-top: 20px;} #middle-column dt{font-weight:700;float:left;} #middle-column dd{margin-left:230px;} /* -------------------- STYLES.CSS ------------------------- */ /* -------------------- Tableaux -------------------------- */ #middle-column .generalbox div.table{border:1px solid #C6C6C5;padding: 5px 7px;} #middle-column .generalbox table caption{display:none!important;} #middle-column .generalbox table{font-size:inherit;line-height:inherit;border: none!important;width: 100%;margin: 0px 0px 10px 0px;color: inherit;border-collapse:separate;border-spacing:0 3px;} #middle-column .generalbox table.calendrier{width:700px;margin:20px auto;} #middle-column .generalbox table.calendrier p{float:left;} #middle-column .generalbox table.calendrier a:active, #middle-column .generalbox table.calendrier a:hover, #middle-column .generalbox table.calendrier a:focus{text-decoration:underline!important;} #middle-column .generalbox table tr{border: solid 1px #90918a;} #middle-column .generalbox table tr.ligneImportante{background-color: #f1f5f7;} #middle-column .generalbox table tr th{background-color: #065E6F;padding: 7px;color: #ffffff;text-align: left;font-size:inherit;vertical-align: top;} #middle-column .generalbox table tr th:first-child{-webkit-border-radius: 10px 0 0 0;border-radius: 10px 0px 0 0;} #middle-column .generalbox table tr th.last-child{-webkit-border-radius: 0 10px 0 0;border-radius: 0 10px 0 0;} #middle-column .generalbox table tr.separateur td{padding:0px;} #middle-column .generalbox table tr.separateur td hr{border: 1px solid #ececec;} #middle-column .generalbox table tr td{padding: 7px;vertical-align: middle;font-size:.9285em;background:#ececec;} #middle-column .generalbox table tr td:first-child{font-weight:700;} #middle-column .generalbox table.calendrier tr td{vertical-align:top;} #middle-column .generalbox table.calendrier tr td:first-child{text-align:center;} #middle-column .generalbox table.tableau_notes{width:60%;margin:1em auto;} #middle-column .generalbox table.tableau_notes td{font-weight:400!important;width:22%;} #middle-column .generalbox table.tableau_notes td.blank{background:#fff;width:10%;} #middle-column .generalbox table.nobackground{border-collapse:collapse;border:1px solid #999;margin:20px 0px;} #middle-column .generalbox table.nobackground tr th{background:none!important;color:#000;border:1px solid #999;-webkit-border-radius: 0 0 0 0;border-radius: 0 0 0 0;} #middle-column .generalbox table.nobackground tr td{border:1px solid #999;} #middle-column .generalbox table tr td.alignementCentre{text-align: center;} #middle-column .generalbox table.calendrier tr td a{width:300px;height:auto;background:none;vertical-align:top;} #middle-column .generalbox table tr td a, #middle-column .generalbox table tr td span{background: url(../img/ESG_icones.png) no-repeat 0;width: 25px;height: 22px;display:inline-block;text-decoration: none!important;border: none!important;} #middle-column .generalbox table tr td a.video, #middle-column .generalbox table tr td span.video{background-position:0 -211px;} #middle-column .generalbox table tr td a.document, #middle-column .generalbox table tr td span.document{background-position: 0 -156px;height: 28px;} #middle-column .generalbox table tr td a.lecture, #middle-column .generalbox table tr td span.lecture{background-position: 0 -53px;height: 25px;} #middle-column .generalbox table tr td a.exercice, #middle-column .generalbox table tr td span.exercice{background-position: 0 -1px;height: 25px;} #middle-column .generalbox table tr td a.web, #middle-column .generalbox table tr td span.web{background-position: 0 -105px;height: 25px;} #middle-column .generalbox table tr td p.lecture{display: inline-block;width: 60%;margin: 0;} #middle-column .generalbox table tr td p.lecture.lien{display:block;clear:both;width: 100%;} #middle-column .generalbox table tr td p.lecture a{width:auto!important;} #middle-column .generalbox table tr td p.lecture a:active,#middle-column .generalbox table tr td p.lecture a:hover{text-decoration:underline!important;} #middle-column .generalbox a.zip:before,#middle-column .generalbox span.zip:before{content:"";background: url(../img/ESG_icones.png) no-repeat 0 -265px;width: 25px;height: 25px;position: absolute;left: -30px;} #middle-column .generalbox span.zip:before{left:0px;} #middle-column .generalbox a.zip{margin-left: 35px;position: relative;} #middle-column .generalbox span.zip{position: relative;} /*Details*/ #middle-column .generalbox details{display:block;} #middle-column .generalbox details summary{display:block;} #middle-column .generalbox summary::-webkit-details-marker {display:none;} #middle-column .generalbox details> summary:before{content:""!important;} #middle-column .generalbox summary:after {content: "";background: url("../img/show_hide.png") no-repeat;width: 13px;height: 13px;margin-top: 4px;display: block;position:absolute;bottom:-20px;right:0px;} #middle-column .generalbox details[open]> summary:after, #middle-column .generalbox details.open> summary:after {background-position:0 -28px;} #middle-column .generalbox details> summary{background:none;border-bottom:1px solid #065E6F;font-style:italic;position:relative;margin-bottom: 20px;} #middle-column .generalbox details>table td{background:none;padding:3px 7px;} /*chekbox*/ #middle-column .generalbox #chekbox{background:#F5F5F5;border:1px solid #065E6F;vertical-align:middle;color:#4d4d4d;font-weight:700;padding: 5px;margin-top: 50px;} #middle-column .generalbox #chekbox iframe{float: left;} /* -------------------- STYLES.CSS ------------------------- */ /* -------------------- Pied de page ----------------------- */ #zoneBasDePage { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background-color: #868686; height:30px; overflow:hidden; } #mod-resource-view div#zoneBasDePage {margin-top: 0px;} #zoneBasDePage p { font-size:.8571em!important; text-align: center; padding-top: 8px; margin:0; color: #ffffff; } /* -------------------- 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; } /* custom Annick */ ul#menu li{position: relative;} span.testImage{ position: absolute; left: 10px; top: 0; } .testImage:after{content:"x";} a.disabled{color:#999;} .totallyhidden { display: none !important; visibility: hidden; } .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } /* -------------------- STYLES.CSS ------------------------- */ /* -------------------- Généraux --------------------------- */ #mask {position:absolute;top:0px;left:0px;z-index:9000;background-color:#000;display:none;} #boxes .window {position:fixed;width:512px;height:288px;display:none;z-index:9999;padding:20px;color:#fff;} #boxes #sspModal{width:auto;height:auto;} #boxes #sspModal .contentframe{width:512px;float:left;background:#333!important;} .close{position:absolute;top:0px;right:0px;width: 39px!important;height: 35px!important;cursor: pointer;z-index:1001;background:url(../img/close.png) no-repeat!important;} /* * 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%; } .collaborationUQAM { float: right; margin-top: 80px; text-align: right; font-size: 12px; font-style: italic;} #page-mod-feedback-view .box.generalbox.boxaligncenter.boxwidthwide>a:link, #page-mod-feedback-view .box.generalbox.boxaligncenter.boxwidthwide>a:visited{ background: #065E6F; 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} .feedback_required_mark{visibility:hidden;} /* -------------------- 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; } body{-webkit-print-color-adjust:exact;} 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: 0.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:100%!important;} #zoneConnexion, #zoneRoleLogo, #zoneBandeau, #zoneAccessible, #left-column, #middle-column .lien_impression {display:none!important;} #layout-table #middle-column { padding: 0px; } #layout-table #middle-column div.course-content, #layout-table #middle-column div.generalbox {padding: 0px;} #conteneur { box-shadow:none; } #middle-column table a[href]:after{content:"";display:none;} #middle-column .generalbox table tr th{background-color: #cccccc;} #pagecontent{-webkit-border-radius:0px;border-radius:0px;border:none;} /* Bas de page */ #zoneBasDePage {margin: 0px; padding: 0px;background:none;} #zoneBasDePage p {text-align: left; padding: 0px; margin: 10px 0px 0px 0px; color: #000} /* Panneaux d'outils */ a.btnPanneau{display:none;} #bandeauImpression {display:block;} } #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; }