/**************************************
 * THEME NAME: unjf_new
 *
 * Files included in this sheet:
 *
 *   unjf_new/styles.css
 **************************************/

/***** unjf_new/styles.css start *****/

/********************************************************ok
**
** Theme name: U.N.J.F
** Description: A custom theme for Moodle.
** Creation Date: 02/01/10
** Author: Philippe PELLARIN
** Author URI: http://www.ipika.fr
**
** Customize, edit, poke, prod, and adapt to your needs.
**
*********************************************************/

/* -------------------------------------
Initialisation des styles par defaut
---------------------------------------- */
h1, h2, h3, h4, h5, h6, p, form, table, tr, td { margin: 0px }
a img, :link img, :visited img { border: 0 }
table { border-collapse: collapse }
tr, td { margin: 0; padding: 0 }
ul li { margin: 0; padding: 0; list-style-type: none }
ul.visible li { list-style-type: circle;  }
p  { margin: 0 0 10px}


/*****  COMMON ******/
body { margin: 0 auto; padding: 0; width: 95%; background: #662555 url(img/bkg.gif) repeat-x top left }
body, td, th, li, p { /*font-family: "Lucida Grande", */Arial, sans-serif; font-size: 13px; color: #333; line-height: 1.5 }
a:link,a:visited { color: #9A4283 }
a:hover,a:active { color: #662555 }
a img { border: none }
a:active { outline: none }

h1.main, h2.main, h3.main, h4.main, h5.main, h6.main { text-align: left }
h2, #content h2.headingblock { margin: 0 0 15px; padding: 0 0 3px; font-size: 1.4em; color: #662555; border-bottom: 1px solid #662555; background: none }
h3  { margin: 1em 0; font-size: 1.1em; font-weight: bold; border-bottom: 1px dashed #888; }


/*****  STRUCTURE ******/
#page { background-color: #FFF }
.wrapper { padding: 12px }
#layout-table { margin: 0 }
#layout-table #middle-column { padding: 0 0 0 12px }
#layout-table #right-column { padding: 0 0 0 12px; vertical-align:top }
#footer { margin-top: 20px; color: #FFF }


/*****  CONNEXION ******/
.loginbox { border: none }
.loginpanel { margin: 0; padding: 10px 20px; border: 0; background-color: #E8D9E3; }
.loginpanel h2 {  margin: 0 0 15px; padding: 0; color: #662555; text-align: inherit }
#login-index #content { font-size: 1em }
.loginbox, .loginbox.twocolumns .loginpanel, .loginbox .subcontent { border-color: #662555 }

.signuppanel { margin: 0; padding: 10px 20px; border: 0; background-color: #B8CF00; }
.loginbox .loginform .form-input input { width: auto }
.loginbox.twocolumns .loginpanel { float: left; width: 45%; margin-bottom: 0; padding-bottom: 0; border-right: 0 }
.loginbox.twocolumns .signuppanel { float: right; width: 45%; margin-bottom: 0; padding-bottom: 0 }


/*****  HEADER ******/
#header { height: 120px; border-top: 10px solid #4A153A; background: url(img/header_visuel.png) no-repeat top right }
#header-home { height: 120px; border-top: 10px solid #4A153A; border-bottom: 30px solid #4A153A; background: url(img/header_visuel.png) no-repeat top right }
#headerblock { padding: 0; float: left }
#logo { padding: 0 40px }
#header-home h1.headertitle { margin: 0; font-size: 1.8em; color: #fff }
#header h1.headermain { margin: 20px 0 10px 3% }
.headermenu { float: left; margin: 90px 0 0 }
.headermenu .logininfo { float: left; padding-top: 2px; font-size: 1em }
.headermenu form { float: left }
.coursesearchbox label { color: #F88017 }

/*****  FOOTER ******/
#footer a { color: #B8CF00 }
#footer a:hover { color: #B8CF00; text-decoration: underline }
#footer .homelink a:link, #footer .homelink a:visited { padding: 5px 10px; border: 0; background-color: #FFF; color: #9A4283; text-transform: uppercase }
#footer .logininfo { font-size: .9em }

/*****  MENU ******/
.navbar { height: 24px; padding: 4px 20px 2px; background-color: #4A153A; border: none }
.breadcrumb a { color: #B8CF00; font-weight: normal }
.breadcrumb li { color: #FFF; font-weight: normal }
.breadcrumb .sep  { padding: 0 3px }
.navbar .navbutton { margin-top: 0 }


/*****  BLOCKS ******/
.sideblock { margin-bottom: 10px }
.sideblock .header { padding: 5px 10px 3px; border: none; background-color: #4A153A;  }
.sideblock .title h2 { color: #FFF; font-weight: normal; font-size: 1em; border-bottom: none; text-transform: uppercase }
.sideblock .content { padding: 8px 10px; font-size: 1em; border: 1px solid #4A153A; background-color: #E8D9E3; line-height: 1.4 }
.sideblock .content .list li { padding: 3px 0 }
.sideblock .footer { margin: 5px -10px 0 -10px; padding: 5px; background-color:#FFF; font-size: .9em; text-align: right }
.sideblock div.column.c0 { margin-right: 8px }

.sideblock .minicalendar th, .sideblock .minicalendar td { font-size: 0.9em; }
#left-column .hidden .header, #right-column .hidden .header { border: none }

/*****  COURS ******/
#syl5 a, a.dimmed:link, a.dimmed:visited { color: #9A4283; text-decoration: none }
#syl5 a:hover {text-decoration: underline }

#syl5 ul { padding:0; margin: 4px 0 0 15px; }
#syl5 li { font-size: 13px; background: none; list-style: none; }
#course-view .section #syl5 .activity { padding: 5px 0 }

#course-view .weekscss .section, #course-view .section td { border-color: #4A153A }
#course-view #section-0 td { background-color: #E8D9E3 }
#course-view .section td.content, #course-view .section td.side { padding: 0 }
#course-view .section td.left, #course-view .section td.right { width: 12px; color: #FFF; background: url(img/bkg_course_left.gif) repeat-x 0 0 }
#course-view #section-0.section td.left, #course-view #section-0.section td.right { background-image: none }
#course-view .section td.left { padding: 2px 0 0 4px }
#course-view .section td.right { padding: 4px 6px 0 0 }

#titre_cours_unjf { color: #4A153A; padding: 15px 5px 5px 45px; font-size: 1.5em; font-weight: bold; background: transparent url(img/book.gif) no-repeat 0 9px }
#lesson { /*ANDIL demande 09/11/2011 height: 20px;*/ padding: 2px 10px 3px; color: #FFF; font-weight: normal; background-color: #4A153A; border: none; text-transform: uppercase }

#course-view ul.section, #site-index ul.section { padding: 12px 0 }
#syl5 #recommandations  { height: 100px; padding: 0 10px 12px 0; background: url(img/bkg_1.gif) no-repeat right 23px; }
#syl5 #cours { height: 100px; padding: 0 0 12px 10px; background: url(img/bkg_2.gif) no-repeat right 23px; }
#syl5 #evaluation { height: 100px; padding: 0 10px 0 0; background: url(img/bkg_3.gif) no-repeat right 13px }
#syl5 #ressources { height: 100px; padding: 0 0 0 10px; background: url(img/bkg_4.gif) no-repeat right 13px }
#syl5 h3 { padding: 0; margin: 0 0 5px 0; border-bottom: 1px solid #DDD }

#infos { float: right; padding-bottom: 15px }
.auteur { font-weight: bold }
.separator { height: 12px }

li.label ul a {text-decoration: none; color: #888; }
li.label ul a:hover {text-decoration: underline; font-weight: bold;}
li.label ul { padding:0; margin: 4px 0 0 25px }
li.label li {list-style: disc; padding: 0px; margin-bottom:-3px; width:100%;}
li.label li:hover {  }

h2.headingblock { border-width:0 0 1px 0; padding-bottom:2px; font-weight: normal; font-size: 1.2em; background: #f7f5f1; color: #251c17; }
.coursebox { border-width: 0 0 1px 0; margin-bottom: 10px; padding-bottom: 10px; }
.categorybox { border:1px solid #4A153A }

.categorylist { width:90%; margin: 10px auto 0 }
.categorylist .tr { padding: 5px 0 }

.categoryboxcontent, .coursebox { border-color: #E8D9E3 }
#course-view .weekscss .current, #course-view .current td.side { background: #DA5013 }
.coursebox .info { width: 100%; font-weight: bold; font-size: 1.2em }
.coursebox .info img { float: left; visibility: hidden  }
.coursebox .info .name a { float: left }
.coursebox .summary { float: none }
.sitetopic { font-size: 1.1em; border: none; }

table.generalbox td { padding: 5px 15px }
#middle-column .editcourse td, #middle-column .editcourse th { padding: 10px; border: 1px solid #4A153A }
#middle-column .editcourse .header { background-color: #E8D9E3 }


/*****  USER ******/
table.userinfobox { margin-bottom: 20px }
.userinfobox { border: none }
.userinfobox .content { background-color: #E8D9E3; border: 1px solid #4A153A }
.userinfobox .side { padding: 20px; border: 1px solid #4A153A; border-right: none }
.userinfobox td.label { padding: 0 12px }


/*****  QUIZ ******/
.que .qtext { font-size: 1.1em; font-weight: bold; margin-bottom: 12px }


/*****  FORMULAIRE ******/
.mform fieldset { margin: 0.7em 0; padding: 10px 20px; width: 100%; border: 1px solid #4A153A;  }
.mform fieldset legend { margin-left: 1em; padding: 0 1em; color: #4A153A; font-weight: bold; text-transform: uppercase }
.mform .fitemtitle { width:30%; height: 19px; margin: 0 0 5px 0; padding: 4px 10px 1px; font-size: 0.85em; background-color: #E8D9E3; text-align: right;  }
.mform fieldset.hidden .fitemtitle { background-color: transparent  }
.mform div.felement, .mform fieldset.felement { margin: 0 0 5px 10px }

input[type=text], input[type=password], textarea { padding: 5px 5px 3px; margin: 0; border: 1px solid #4A153A; background-color: #EEEEEE }
select { width: auto; padding: 3px 1px; background: #FFF url(img/select_bkg.gif) repeat-x scroll left top; border: 1px solid #662555 }
button, input[type="submit"], input[type="reset"], input[type="button"] { width: auto; margin: 2px 10px; padding: 4px 6px 2px; color: #FFF; background-color: #4A153A; border: 0; text-transform: uppercase }
button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover { background-color: #9A4283; cursor: pointer }
input[type=checkbox] { }

/* Alerte */
.adv, .req { padding-left: 4px }
.notifysuccess { margin: 0 0 20px 0; padding: 10px 0 5px; font-size: 1.1em; font-weight: bold; color: #212121; background: #CFC; border: 3px solid #9C9; text-align: center }
/* .warning { margin: 0 0 20px 0; padding: 8px; font-size: 1.1em; font-weight: bold; color: #212121; background: #FDA; border: 3px solid #FA7; text-align: center } */


/*****  TABS ******/
.tabtree { margin: 0 0 35px; padding: 0; height: 24px; border-bottom: 1px solid #4A153A }
.tabrow0 .empty { height: 0 }
.tabrow0 { width:auto; margin:10px 0 0; padding:0; font-size:84%; line-height:1.8em; list-style:none outside none; text-align:center }
.tabrow0 li { display: inline; margin: 0 -1px 0 0; padding: 6px 0; background-color: #E8D9E3; border: 1px solid #57264A }
.tabrow0 li.selected, .tabrow0 li.active { border-bottom: 1px solid #FFF; background-color: #FFF }
.tabrow0 li:hover { background-color: #FFF }
.tabrow0 a { margin: 0px; padding: 6px 20px 6px 25px; color: #9A4283; background: none; text-decoration: none  }
.tabrow0 a:hover { background: none; text-decoration: none }
.tabrow0 a span { padding: 0; background: none } 
.tabrow0 .here a { color: #333; font-weight: bold; text-decoration: none }
.tabrow0 a:hover span, .tabrow0 .here a:hover span, .tabrow0 .here a:hover { background : none } 

.tabrow0 div, .tabrow0 ul { border-top: 0 solid #4A153A; top: 35px; background: none repeat scroll 0 0 transparent } 
.tabrow0 ul li { margin:0; background: transparent url(img/tabrow1_right.gif) no-repeat right center; border: none }
.tabrow0 ul li.last {  background: none }
ul.tabrow1 li.here.selected a  { color: #333; font-weight: bold; text-decoration: none }
ul.tabrow1 li a, ul.tabrow1 li a:link, ul.tabrow1 li a:visited { color: #9A4283  }
.tabrow0 .tabrow1 a { font-weight: normal }
ul.tabrow1 li a, ul.tabrow1 li a:link, ul.tabrow1 li a:visited { padding: 6px 20px 6px 25px; font-size: 100%; text-decoration: underline  }
ul.tabrow1 li a:hover { text-decoration: none }

ul.tabrow1 a { display: inline }






/* Forum */

.forumpost {
  border: none;
}

.forumpost .left {
  background: #fff;
}

.forumpost .content {
  background: #f7f5f1;
  border: 1px solid #d9d8d4;
  padding: 5px;
}

.forumpost .topic {
  background: #dbd6c7;
  border-width: 0 0 1px 0;
  border-color: #DA5013;
}

.forumpost td.left {
  padding-right: 10px;
}




/* TABLES */
.generaltable, .generaltable .cell, .boxaligncenter .cell { padding: 5px 10px; border: 1px solid #4A153A }
.generaltable th { padding:5px 10px; border-right: 1px solid #4A153A }
.generaltable th.lastcol { border-right: none }


#tag-management-list th,
#participants th,
.quizattemptsummary th,
.course-report-outline th,
#admin-report-security-index th,
#admin-roles-override th,
#admin-roles-assign th,
#admin-blocks th,
#admin-modules th,
#grade-edit-scale-index th,
#enrol th,
#course-category th,
.editcourse th,
#admin-roles-allowoverride th,
#admin-roles-manage th,
#admin-roles-allowassign th,
#mod-wiki-index th,
#mod-survey-index th,
#mod-scorm-index th,
#mod-resource-index th,
#mod-glossary-index th,
#mod-data-index th,
#mod-chat-index th,
#mod-choice-index th,
#mod-assignment-index th,
#mod-lesson-index th,
#mod-quiz-index th,
#admin-user th,
.user-grade th,
.logtable th,
.mod-forum .generaltable th,
.forumheaderlist th,
.results th, 
 { padding: 5px 10px; color: #FFF; background: #4A153A; border: 1px solid #4A153A }



.forumheaderlist .discussion .starter {
  background:none;
}

.quizattemptsummary .r1 .cell,
.course-report-participation .r1 .cell,
#admin-report-security-index .r1 .cell,
#admin-roles-override .r1 .cell,
#admin-blocks .r1 .cell,
#admin-modules .r1 .cell,
#grade-edit-scale-index .r1 .cell,
#enrol .r1 .cell,
#admin-roles-allowoverride .r1 .cell,
#admin-roles-allowassign .r1 .cell,
#admin-roles-manage .r1 .cell,
#admin-roles-assign .r1 .cell,
#admin-user .r1 .cell,
#tag-management-list .r1 .cell,
#mod-wiki-index .r1 .cell,
#mod-survey-index .r1 .cell,
#mod-scorm-index .r1 .cell,
#mod-quiz-index .r1 .cell,
#mod-lesson-index .r1 .cell,
#mod-glossary-index .r1 .cell,
#mod-data-index .r1 .cell,
#mod-chat-index .r1 .cell,
#mod-choice-index .r1 .cell,
#mod-assignment-index .r1 .cell,
.mod-forum .generaltable .r1 .cell,
.forumheaderlist .r1,
table.flexible .r1 { background: #E8D9E3 }

table.flexible .r0 { background-color: #FFF }

/* CALENDRAR */
#calendar .today, .minicalendar .today { background-color: #FFF; border-color: #4A153A; }

/* ADMIN */
#adminsettings fieldset { margin: 0.7em 0; padding: 10px 20px; border: 1px solid #4A153A; background-color:#EEEEEE }
#adminsettings .form-setting { margin-left: 14em }
#adminsettings .form-description { margin: 0.5em 0 0 14em }
#adminsettings input[type=text], textarea { background-color: #FFF }
.admin .generalbox { background-color: #FFF; border-color: #E8D9E3 }
.adminsearchform { padding: 0 }/***** unjf_new/styles.css end *****/
.generalboxcontent, .generalbox { padding: 10px 20px; border-color: #E8D9E3; }


a.button { border:1px solid; padding:7px; background:#4A153A; color:#FFF; }
a.button:hover { background:#832c6b; color:#FFF; text-decoration:none; }
.icones { text-align:center;}
img.icone { border: 1px solid #DDD; 
    -moz-box-shadow: 0px 2px 12px #aaa;  
    -webkit-box-shadow: 0px 2px 12px #aaa;  
    box-shadow: 0px 2px 12px #aaa; 
	background:#FFF;
	margin:5px;}

h2.icone { float:none;border: 5px solid #fff; width:33%; padding:10px; 
    -moz-box-shadow: 0px 2px 12px #aaa;  
    -webkit-box-shadow: 0px 2px 12px #aaa;  
    box-shadow: 0px 2px 12px #aaa; }
	h2.mail { background:#FFF url(http://www.unjf.fr/assistance/picto_email.png) 7px 4px no-repeat; }
	h2.tel { background:#FFF url(http://www.unjf.fr/assistance/picto_telephone.jpg) no-repeat; }

li.activity.resource{
  list-style-type: none;
}

li.activity.label{
  list-style-type: none;
}

#s4 {
    background: none repeat scroll 0 0 #FFE9E1;
}

#methodo_infos li, #methodo_infos ul, #methodo_mini-infos li, #methodo_infos li.activity  {
	list-style-type: none;
}

.abstract p{
font-size: 10px; 
}
.abstract li{
list-style-type: disc;
font-size : 10px;
}/***** unjf_new/styles.css end *****/