/* +-- créé le 20/12/2005 --------------------------------------------+
 * |                                                                  |
 * |   > default.css                                                  |
 * |                                                                  |
 * |   - Fichier css du portail de l'Académie Louvain                 |
 * |                                                                  |
 * +----------------------------------------- modifié le 02/05/2006 --+
 */
 
@media all {

/* ---------- general ---------- */

* {
   font-size: 13px;
   font-family: arial;
}

h1, h2, h3, h4, h5, h6, h7 {
   font: bold 14px arial;
}

body {
   margin: 0px;
   padding: 50px;
   background: #D9D9D1;
}

img {
   border: 0px;
}

a:link, a:visited, a:active {
   color: black;
   text-decoration: none;
}

a:hover {
   color: #A8000C;
}

/* ---------- zone d'écran ---------- */

#main {
   margin: 0px;
   padding: 0px;
   border: 0px;
   border-collapse: collapse;
   height: 100%;
}

#headerbox {
   background: #ECECE8;
   margin: 0px;
   padding: 0px;
   width: 100%;
}

#headerbox .imglogo {
   float: left;
}

#footerleft,
#leftbox {
   width: 170px;
   background: #ECECE8;
   vertical-align: top;
}

#rightbox {
   padding: 30px 30px 10px 30px;
   vertical-align: top;
   background: white;
}

#inrightbox {
   margin: 30px 30px 0px 30px;
}

#footerright {
   height: 50px;
   background: white url(../images/basrond.jpg) no-repeat right bottom;
}

table.repimgbox {
   width: 90%;
}

/* ---------- colonne centrale ---------- */

#breadcrumb {font-size: .8em;}
#outils {float:right;}

/* ---------- toolbar horizontale ---------- */

#tbhoriz ul {
   margin: 20px 15px 10px 0px;
   float: right;
   list-style-type: none;
   list-style-image: none;
   padding: 0px;
}

#tbhoriz li {
   float: left;
   padding: 0px;
   width: 70px;
   text-align: center;
}

#tbhoriz a {
   color: black;
   display: block;
   font: normal 12px Arial;
   /* IE BUG FIX */
   height: 100%;
}

#tbhoriz a:hover {
   color: red;
}

#tbhoriz img.ico {
   margin-left: auto;
   margin-right: auto;
   display: block;
}

#tbhoriz img.icohidden {
   margin-left: auto;
   margin-right: auto;
   display: block;
   visibility: hidden;
}

/* ---------- toolbar verticale ---------- */

#tbverti ul,
ul.redir {
   list-style-type: none;
   list-style-image: none;
   border-top: thin solid #D9D9D1;
   margin: 0px;
   padding: 0px;
}

#tbverti li,
ul.redir li {
   width: 170px;
   text-align: right;
   border-bottom: thin solid #D9D9D1;
}

#tbverti a,
ul.redir a {
   padding: 5px 10px 5px 5px;
   display: block;
   font: normal 12px Arial;
   /* IE BUG FIX */
   position: relative;
   height: 100%;
}

#tbverti a.tblink,
#tbverti a:hover,
ul.redir a:hover {
   color: white;
   background: #A8000C;
}

/* ---------- popup pour les menus ---------- */

#tbverti ul.popuptb {
   visibility: hidden;
   position: absolute;
   display: block;
}

#tbverti ul.popuptb li {
   text-align: left;
}

#tbverti ul.popuptb a {
   padding: 5px 10px 5px 10px;
   color: #808080;
   background: #E1E1DB;
}

#tbverti ul.popuptb a:hover {
   color: white;
   background: #B1B1A7;
}

/* ---------- la barre de navigation ---------- */

#navbar {
   width: 90%;
   float: left;
   color: #B2B1B1;
   font-size: 12px;
}

#navbar a {
   font-size: 12px;
   color: #B2B1B1;
   padding: 0px 3px 0px 3px;
}

#navbar img.print {
   float: right;
}

#navbar div.menubox a {
   padding: 0px;
}

/* ---------- les dossiers ---------- */

#repbox {
   margin: 10px 0px 0px 15px;
}

#repbox ul {
   list-style-type: none;
   list-style-image: none;
   margin-left: 0px;
   padding-left: 0px;
}

#repbox table.repencol {
   width: 100%;
}

#repbox table.repencol td {
   width: 33%;
}

#repbox table.repnivo1 {
   margin-left: 20px;
   font-weight: bold;
}

#repbox td.repnivo2, td.repnivo3 {
   padding-left: 50px;
}

#repbox div.repdescrip {
   color: black;
   font: normal 10px Verdana;
   margin-left: 15px;
}

/* ---------- les documents ---------- */

#docbox {
   width: 95%;
   margin: 20px 0px 20px 15px;
}

#docbox ul {
   list-style-type: none;
   list-style-image: none;
   margin-left: 0px;
   padding-left: 0px;
}

#docbox span.docdate {
   font-size: 10px;
   color: blue;
}

#docbox div.docdescrip {
   color: #B2B1B1;
   font: normal 10px Verdana;
   padding-left: 30px;
}

#docbox hr {
   width: 580px;
   color: lightgrey;
   margin: 15px 0px 10px 15px;
}

#docbox input {
   margin: 0px 10px 0px 0px;
   float: left;
}

#docbox img.docimg {
   margin: 0px 10px 0px 0px;
   float: left;
}

#docbox li {
   margin-bottom: 5px;
   clear: both;
}

#docbox a.doclien {
   margin: 0px 10px 0px 0px;
}

#docbox span.infoinvisible {
   color: red;
   font-size: 10px;
   margin: 2px 10px 0px 0px;
   float: left;
}

/* ---------- album ---------- */

#docalbum {
   margin: 20px 20px 20px 0px;
   width: 100%;
}

#docalbum td {
   width: 33%;
   text-align: center;
   padding: 10px;
}

/* ---------- Informations ---------- */

#infosbox {
   width: 100%;
   margin-top: 10px;
   color: black;
}

#infosbox ul {
   list-style-type: none;
   list-style-image: none;
   margin: 3px 20px 5px 0px;
}

#infosbox li {
   margin-bottom: 5px;
   font: bolder 12px times;
   color: white;
}

/* ---------- les nouveautés ---------- */

#search, #newlink {
   margin: 30px 0px 0px 0px;
}

/* ---------- menu javascript avec les boutons d'actions ---------- */

div.menubox {
   position: absolute;
   visibility: hidden;
   top: 0px;
   left: 0px;
}

/* ---------- style FCKeditor ---------- */

#viewclass {
   width: 90%;
   margin: 0px 40px 30px 10px;
}

div.titreview span.texte {
   color: #AB292E;
   font: bold 14px Arial;
   margin: 0px 0px 0px 10px;
}

#viewclass .Fleche {
   padding-left: 20px;
   background: url("../images/fleche_acad.gif") no-repeat 0px 3px;
   color: #AB292E;
   font: bold 13px Arial;
}

#viewclass .Souligne {
   color: #AB292E;
   border-bottom: thin solid #AB292E;
   font: bold 13px Arial;
   display: block;
   color: black;
}

#viewclass a {
   color: #AB292E;
   text-decoration: underline;
}

/* ---------- divers ---------- */

.clear {
   clear: both;
   height: 0px;
   width: 0px;
}

/* titre bannière, document - liens */

div.titrebox {
   width: 100%;
   font: bold 14px arial;
   color: #B2B1B1;
   margin: 25px 0px 0px 0px;
}

span.infosdepla {
   margin-left: 20px;
   font-weight: bold;
   color: grey;
}

span.infoinvisible {
   color: red;
   font-size: 10px;
   margin-right: 10px;
}

.alertbox {
   border: 1px solid red;
   padding: 5px;
   color: red;
}

.center {
   text-align: center;
}

.errorbox {
   text-align: left;
   width: 500px;
   border: 1px solid red;
   padding: 20px;
   color: red;
   margin-left: auto;
   margin-right: auto;
   margin-top: 100px;
}

.errorbox p {
   margin: 0px;
   padding: 0px;
}

.linkbox {
   text-align: left;
   width: 500px;
   border: 1px solid red;
   padding: 20px;
   margin: 5px;
   margin-left: auto;
   margin-right: auto;
}

.linkbox p {
   margin: 2px 0px 5px 0px;
   padding: 0px;
   text-decoration: underline;
}

.linkbox a:before {
   margin-left: 20px;
   content: "> ";
}

.evid {
   color: red;
}

.minifont {
   color: black;
   font: normal 10px Verdana;
}

/* ---------- écran d'administration ---------- */

div.adminbox {
   margin: 30px 20px 15px 20px;
}

div.adminbox fieldset {
   border: 1px solid lightgrey;
   /* IE BUG */
   padding-top: 30px !important;
   padding: 0px 20px 20px 30px;
}

div.adminbox legend {
   padding: 10px 5px 10px 5px;
   /* IE BUG */
   padding: 0px !important;
}

div.adminbox hr {
   border: 1px solid #E9E9E9;
}

.adminboxtitre {
   padding: 5px 7px 0px 7px;
   border: 1px solid lightgrey;
   border-bottom: none;
}

.adminboxtitresel {
   background: lightgrey;
   padding: 5px 7px 1px 7px;
   border: 1px solid lightgrey;
}

div.adminbox .decal {
   margin-left: 20px;
   margin-right: 10px;
}

div.adminbox table.admintab {
   border-collapse: collapse;
   border: 1px solid #e0e5f2;
   width: 100%;
}

div.adminbox table.admintab th {
   text-align: center;
   font-weight: bold;
   padding: 5px;
   background: #5d7aaa;
   border: 2px solid white;
   color: white;
   font-weight: bold;
}

div.adminbox table.admintab th a {
   color: white;
   font-weight: bold;
}

div.adminbox table.admintab td {
   padding: 0px 10px 0px 10px;
   border: 1px solid #e0e5f2;
}

span.gestobjhier {
   font-size: 10px;
   color: #91A0B4;
}

/* ---------- enquête rapide ---------- **/

#enqueterap p.enqrapquest {
   margin: 0px 0px 5px 10px;
   width: 115px;
   font: bolder 10px Verdana;
}

#enqueterap p.enqraprep {
   margin: 0px 0px 10px 15px;
   font: bolder 10px Verdana;
}

/* ---------- enquete ---------- */

div.formu,
div.qcm, 
div.forum, 
div.faq, 
div.enquete {
   width: 600px;
   margin-top: 30px;
}

.qcmend,
.qcmtitre,
.forumtitre,
.faqtitre,
.enqtitre {
   width: 100%;
   background: #435c84;
   color: white;
   margin: 5px 0px 10px 0px;
}

.forumtitre td,
.enqtitre td,
.faqtitre td {
   padding: 5px;
}

.qcmtitre td {
   padding: 10px;
}

.faquest,
.enquest {
   width: 100%;
   color: white;
   padding: 2px;
   background: #5d7aa0;
   margin: 1px 0px 1px 0px;
}

.faquest td {
   padding: 5px;
}

.enquest td {
   padding: 2px 2px 2px 10px;
}

.faquestdate, 
.enquestdate {
   width: 125px;
   text-align: right;
   font-size: 12px;
}

.enqrep {
   width: 100%;
   margin-bottom: 10px;
}

.enqrepbouton {
   background: #e1ecf4;
   width: 50px;
   padding: 2px;
   text-align: center;
}

.enqreptxt {
   background: #e1ecf4;
   padding: 2px 5px 2px 10px;
}

.qcmrepstat, 
.enqrepstat {
   text-align: center;
   background: #e1ecf4;
   width: 150px;
}

/* ---------- faq ---------- */

.faqrep {
   width: 100%;
   margin-bottom: 40px;
}

.faqrepbouton {
   width: 50px;
   padding: 2px;
   text-align: center;
}

.faqreptxt {
   width: 450px;
   padding: 10px;
   border-bottom: 1px solid #e1ecf4;
}

.faqrepinfos {
   text-align: right;
   width: 100px;
   font-size: 12px;
}

/* ---------- forum ---------- */

.forumsuj {
   padding: 5px;
   color: white;
   background: #5D7AAA;
   border: 2px solid #4B6794;
}

.foruminfos {
   text-align: right;
   color: white;
   border-top: 1px solid white;
   border-left: 2px solid #4B6794;
   border-right: 2px solid #4B6794;
   border-bottom: 1px solid #4B6794;
   font-size: 10px;
   background: #879DC0;
   padding: 4px;
}

.forumrep {
   width: 100%;
   border: 2px solid #4B6794;
   border-top: none;
   margin-bottom: 20px;
}

.forumrepbouton {
   padding: 5px;
   width: 100px;
   font-size: 10px;
   background: #E0E5F2;
   color: #074C85;
}

.forumreptxt {
   padding: 5px;
   font-size: 12px;
   background: #E0E5F2;
   color: #074C85;
}

/* ---------- QeL ---------- */

.qcmbulle {
   padding: 30px;
   border: 3px dotted lightgrey;
   margin: 10px 0px 20px 0px;
   text-align: center;
}

.qcmquestclip {
   background: #5d7aa0;
   margin: 0px 2px 2px 2px;
   padding: 10px;
   text-align: center;
}

.qcmclip {
   margin: 10px;
}

.qcmclip p,
.qcmrepclip p,
.qcmquestclip p {
   margin: 2px 0px 2px 0px;
}

.qcmquest {
   width: 100%;
   color: white;
}

.qcmquestcote {
   padding: 5px 10px 5px 5px;
   width: 50px;
   text-align: right;
   background: #5d7aa0;
}

.qcmquesttxt {
   padding: 5px 5px 5px 15px;
   background: #5d7aa0;
}

.qcmquestr {
   text-align: right;
   width: 50px;
   padding: 5px 10px 5px 5px;
   background: red;
}

.qcmquestg {
   text-align: right;
   width: 50px;
   padding: 5px 10px 5px 5px;
   background: green;
}

.qcmrep {
   width: 100%;
   margin-bottom: 20px;
}

.qcmrepclip img {
   margin-top: 5px !important;
   margin: 0px 20px 5px 0px;
   width: 125px;
   float: left;
}

.qcmrepclip embed {
   float: left;
}

.qcmrepbouton {
   padding: 5px;
   text-align: center;
   width: 50px;
   background: #e1ecf4;
}

.qcmrep12txt, 
.qcmrep3txt {
   font-size: 13px;
   padding: 2px 10px 2px 20px;
   background: #e1ecf4;
}

.qcmrep4txt {
   padding: 2px;
   background: #e1ecf4;
   text-align: center;
}

.qcmrep5txt {
   font-size: 13px;
   padding: 10px 20px 10px 20px;
   line-height: 190%;
   background: #e1ecf4;
}

.qcmexplic {
   font-size: 13px;
   padding: 5px;
   background: #CADCFF;
   border: 1px solid black;
}

table.qcmgestion {
   width: 600px;
}

table.qcmgestion th {
   width: 100%;
   text-align: center;
   color: white;
   padding: 5px;
   background: #5d7aa0;
}

table.qcmgestion td {
   width: 100%;
   padding: 3px 10px 3px 10px;
   background: #e1ecf4;
}

/* ---------- formulaire en ligne ----------- */

.formutitre {
   text-align: center;
   font-weight: bold;
   background: #435c84;
   color: white;
   padding: 5px;
   margin: 5px 0px 10px 0px;
   width: 100%;
}

.formutitre input {
   font-weight: normal;
}

.formuconnect {
   font-size: 12px;
   width: 100%;
}

.formuconnect th {
   text-align: left;
   font-size: 12px;
   width: 100%;
   border-bottom: 1px solid black;
}

.formulist {
   background: #e1ecf4;
   padding: 2px;
   margin: 0px;
}


/* ---------- ecran statistiques ---------- */

#stats th {
   text-align: center;
   background: #99CCFF;
   font-weight: bold;
}

#stats td {
   background: #F0FFFF;
}

}

@media print {

#main {
   width: auto;
}

}