/**************************************
 * THEME NAME: fictis
 *
 * Files included in this sheet:
 *
 *   fictis/css/foodle.css
 *   fictis/css/styles_layout.css
 *   fictis/css/styles_fonts.css
 *   fictis/css/styles_color.css
 *   fictis/css/styles_menubar.css
 **************************************/

/***** fictis/css/foodle.css start *****/


body{ margin-top:0px; }
hr { color: #333333; }

body, table, td, th, li {
	direction:ltr;
	font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
	font-size:12px;
	text-align:left;
	color: #333333;
}

.sideblock .header, .sideblock h2 { font-size:12px; font-weight:bold; }

a:link, a:visited, a { color:#3B5998; cursor:pointer; outline-style:none; text-decoration:none; }
a:hover { text-decoration: underline; }

.sideblock .content { background-color:#EEEEEE; }

.block_admin_tree .admintree { background:#EEEEEE none repeat scroll 0 0; }
.block_admin_tree.sideblock .link.current {/*item selected in admin menu*/ background-color:#C3CDDF; color:#FFFFFF; }
.block_admin_tree .admintree  a{
    display: block;
	padding:5px 8px;
	direction:ltr;
	font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
	font-size:11px;
	text-align:left;
}


.block_admin_tree .admintree  a:hover{
	background-color: #899BC1;
	color: white;
	text-decoration: none;
}

.sideblock .header {
	background-color:white;
	color:#666666;
	min-height:16px;
	padding:5px 8px 3px 5px;
	text-align:left;
}

th.header, td.header, h1.header, h2.header, h3.header, div.header {
	background: none;
}

.name {
	direction:ltr;
	font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
	font-size:11px;
	text-align:left;
	font-weight: bold;
}

input[type="button"],
input[type="submit"] {
	background:#EEEEEE none repeat-x scroll left center;
	border:1px solid #77859F;
	font-family:Verdana,sans-serif;
	font-size:100%;
	letter-spacing:0.03em;
	color: #3B5998;
	padding:1px 5px;
	margin-left:2px;
}

button:hover,
input[type="button"]:hover,
input[type="submit"]:hover{
	background:#899BC1 none repeat-x scroll left center;
	color: #ffffff;
}



button,
input[type="password"],
input[type="text"] {
	border:1px solid #333333;
	font-family:Verdana,sans-serif;
	font-size:100%;
	letter-spacing:0.03em;
	color: #3B5998;
	padding:1px 5px;
	margin-right: 5px;
}

.adminsearchform {
	background:#D1D6DF none repeat-x scroll left center;
	margin-left:-1px;
	padding-bottom:1px;
	padding-left:25px;
	margin-top:10px;
}

form#adminsettings div.settingsform div.generalbox {
	background-color:#eceff5;
    border-color:#eceff5 #eceff5  #d8dffa   #eceff5;
}

#admin-index .adminerror, #admin-index .adminwarning {
	border-style:solid;
	border:1px solid #d8dffa;
	margin:20px;
	text-align:center;
	background:#eceff5;
}
#coursesearch, #coursesearch2 {
	color:#666666;
	font-weight:bold;
	text-align:center;
}

.sideblock .content .list li {
	display: block;
	padding:5px 8px;
	direction:ltr;
	font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
	font-size:11px;
	text-align:left;
}

.sideblock .content .list li:hover{
	background-color: #none;
	color: white;
	text-decoration: none;
}

#course-view .weekscss .current, #course-view .current td.side {
	background-color:#C3CDDF;
}


.homelink a:link, .homelink a:visited {
	border:1px solid #333333;
	background:#EEEEEE none repeat-x scroll left center;
	padding:1px 5px;
}

.homelink a:hover{
	background:#899BC1 none repeat-x scroll left center;
	color:#FFFFFF;
}

.sideblock .header .commands {
	display: block;
	padding-top:5px;
	padding-bottom:5px;
}

.block_site_main_menu .footer select {
	margin-right: 0px;
	font-size:9px;
}

body#course-index .singlebutton, body#course-index .addcategory {
	margin-bottom:3px;
}



#course-view .section {
	background-color:#EDEFF4;
}

#course-view .separator {
	background-color:#ffffff;
}
/*******************************************************************/
/*
#header, #header-home{
	background-color:#3B5998;
	margin-top:0px;
	height:35px;
	border:1px solid #526ea6;
	border-bottom:#fff 1px solid;
}

div.headermenu div.logininfo {
	color:#fff;
	padding-right:10px;
    padding-top:10px;
	float:left;
}

div.headermenu div.logininfo a:link{
	color:#fff;
	cursor:pointer;
	outline-style:none;
	text-decoration:none;
}
div.headermenu div.logininfo a:visited{
	color:#fff;
	text-decoration:underline;
}
h1.headermain, .headermain {
	border-bottom-width:0;
	margin-top:15px;
	color:#FFFFFF;
	font-size:1.5em;
	margin-left:5px;
	margin-top:5px;
}
*/
div#page hr{
	border:1px solid #fff;
	color:#FFFFFF;
}
.addcoursebutton {
    text-align:right;
}

h2.headingblock{
	font-size:12px;
	font-weight:bold;
	color:#333;
}
/*
#header-home .headermain {
	color:#FFFFFF;
	font-size:1.5em;
	margin-left:5px;
	margin-top:5px;

}*/


.headingblock {
	-moz-border-radius-bottomleft:0px;
	-moz-border-radius-bottomright:0px;
	-moz-border-radius-topleft:0px;
	-moz-border-radius-topright:0px;
}

.sideblock .content {
	-moz-border-radius-bottomleft:0px;
	-moz-border-radius-bottomright:0px;
}

table.minicalendar {
	-moz-border-radius-bottomleft:0px;
	-moz-border-radius-bottomright:0px;
	-moz-border-radius-topleft:0px;
	-moz-border-radius-topright:0px;
}
table.minicalendar {
	background:#FFFFFF none repeat scroll 0 0;
	border-collapse:separate;
	border-spacing:1px !important;
	border-style:solid;
	border-width:1px;
	margin:10px auto;
	padding:2px;
	width:100%;
}
#calendar .weekend, .minicalendar .weekend {/*font days of the week calendar*/
	color:#808080;
}

#calendar .today, .minicalendar .today {/*day selected*/
	background:#899BC1 none repeat scroll 0 0;
	border-color:#63779F;
}

#calendar .eventnone a, .block_calendar_month .eventnone a {/*font day selected*/
	color:#fff;
	cursor:text;
	text-decoration:none;
}
.cal_popup_bg {/*pop up on day selected*/
	background-color:#FFFFFF;
	border-color:#333;
}

.navbar {
	background-color: #e5e5e5;
	height:25px;
	border:1px solid #b5b5b5b;
}

.breadcrumb li a,
.breadcrumb li {
	color: #526ea6;
}

.breadcrumb .sep, #admin-report-unittest-index .sep {
	color:#526ea6;
}

.block_news_items .content {
	padding: 4px;
}

.block_calendar_upcoming .post {
	padding: 4px;
}

.block_recent_activity .message ,
.block_recent_activity .activitydate {
	padding: 4px;
}

.block_search_forums .searchform {
	padding-top: 5px;
	padding-bottom: 5px;
}

/*h1.headermain{
    border-bottom-width:0;
	/*margin-bottom:15px;
	margin-top:15px;}*/

.sideblock .content div.info{
	margin:5px;
	text-align:left;
}
/*messege boxes*/

.notifysuccess {/*box success*/
	-moz-border-radius-bottomleft:0;
	-moz-border-radius-bottomright:0;
	-moz-border-radius-topleft:0;
	-moz-border-radius-topright:0;
	border:1px solid #4EBF3B;
	margin-top:10px;
	padding-left:40px;
	text-align:left !important;
	background:#D1FFAF url(pix/f/good.gif) no-repeat scroll 10px 10px;
	margin-bottom:10px;
}



.errorboxcontent {
	background-color:#FFCFCF;
	border:1px solid #FF3333;
	font-weight:bold;
	color:#CF4D4D;
}
.noticebox h2{
	color:#CF4D4D;
}

.informationbox {
	background:#C6DDE3;
	border:solid 1px #609AC0;
	padding:10px;
	color:#234A81;
}

form.mform .required label {
	color:#DF6353;
}

.mform div.error, .mform fieldset.error {
	border:1px solid #DF6353;
	color:inherit;
	padding:5px;
}
.mform span.error, .mform span.required {
	color:#DF6353;
}
form.mform .fdescription.required {
	color:#DF6353;
}
.notifyproblem {
	border:1px solid #E0A32E;
	color: #BF810B;
	text-align:left !important;
	text-indent: 25px;
	background:#FAF2C3 url(pix/i/warning.gif) no-repeat scroll 10px 10px;
	margin-bottom:10px;
}

.admin .generalbox {
	background-color:#ECEFF5;
    border-color:#D8DFFA;
}
/*messege boxes*/


#adminsettings fieldset {
	background-color:#ECEFF5;
	border-color:#ECEFF5 #ECEFF5 #E5EAF1;
	border-style:none none solid;
	border-width:medium medium 1px;
	color:#333333;
	padding-left:20px;
	padding-right:20px;
}

button, input[type="password"], input[type="text"] {/*imput box*/
	border:1px solid #BDC7D8;
	color:#3B5998;
	font-family:Verdana,sans-serif;
	font-size:100%;
	letter-spacing:0.03em;
	margin-right:5px;
	padding:1px 5px;
	margin-bottom:5px;
}

#adminsettings .form-label {/*font forms*/
	color:#526EA6;
	display:block;
	float:left;
	text-align:right;
	width:12.5em;
}
#adminsettings .form-shortname {/*small font in forms*/
	font-size:0.9em;
}

td#middle-column div h2.main {/*form title*/
	color:#999;
	font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
	font-size:11px;
	font-weight:bold;
	text-align:left;
	border-bottom:1px solid #D8DFFA;
}
.sideblock .content .footer {/*bookmark*/
	clear:both;
	margin-bottom:4px;
	padding:5px;
	text-align:left;
	font-size:1em;
	text-align:justify;
	background:url(pix/i/bookmark.gif) no-repeat left;
}
.sideblock .footer a {/*bookmark*/
	padding-left:16px;
}

/*blocks*/
.block_blog_tags .official {/*tags block*/
color:#526ea6;
}
.block_blog_tags .s20 {/*tags block*/
font-size:1.3em;
font-weight:bold;
}
/*blocks*/

#intro.generalbox {
	background:#ECEFF5 none repeat scroll 0 0;
	border-color:#ECEFF5 #ECEFF5 #E5EAF1;
	border-style:solid;
	border-width:1px;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	padding-bottom:15px;
	width:79%;
}

.blockconfigtable td.label {
	color:#666666;
	font-weight:bold;
	text-align:right;
	width:50%;
}

/*tab*/
.tabrow0 .empty {
	margin-top:-1px;
	height:1px;
	overflow:hidden;
	padding:0;
	border-top:1px solid #d8dfea;
}
ul.tabrow1 li.here.selected a {
color:#FFFFFF;
}
.tabrow0 li {
	display:inline;
	margin:0 0px 0 0;
	padding:0;
}

ul.tabrow0 li.onerow here selected a {
	font-weight:bold;
	color: #526ea6;
	border-top:1px solid #d8dfea;
	border-right:1px solid #d8dfea;
	border-left:1px solid #d8dfea;
	padding-top:5px;
	background:#d8dfea;
	margin-right:2px;
}
ul.tabrow0 li.first a {
	font-weight:bold;
	color: #526ea6;
	border-top:1px solid #d8dfea;
	border-right:1px solid #d8dfea;
	border-left:1px solid #d8dfea;
	padding-top:5px;
	background:#d8dfea;
	margin-right:2px;
}
.tabrow0 .here a {
color:#526ea6;
}
ul.tabrow0 li.first a:hover{
	text-decoration:none;
	font-weight:bold;
	color: #fff;
	background:#526ea6;
}

ul.tabrow0 li.last a:hover{
	text-decoration:none;
	font-weight:bold;
	color: #fff;
	background:#526ea6;
	margin-left:5px;
	top:3px;
	padding-bottom:5px;
}

ul.tabrow0 li.last a {
	font-weight:bold;
	color: #526ea6;
	border-top:1px solid #d8dfea;
	border-right:1px solid #d8dfea;
	border-left:1px solid #d8dfea;
	padding-top:5px;
	background:#d8dfea;
	margin-left:5px;
	/*top:3px;*/
	padding-bottom:5px;
}


/*********tabs admin user*******/
.clearer{/*block under the tabs to make some some air*/

	clear:both;
	display:block;
	height:20px;
	margin:0 0 0;
	padding:0;
}
.tabrow0 a {
	font-weight:bold;
	color: #526ea6;
	border-top:1px solid #d8dfea;
	border-right:1px solid #d8dfea;
	border-left:1px solid #d8dfea;
	padding-top:5px;
	background:#d8dfea;
	margin-left:2px;
}
.tabrow0 a:hover {
	text-decoration:none;
	font-weight:bold;
	color: #fff;
	background:#526ea6;
}

.tabrow0 div, .tabrow0 ul {
	border-top:1px solid #D8DFFA;
	font-size:90%;
	left:0;
	line-height:normal;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0.25em 0;
	position:absolute;
	top:25px;
	width:100%;
	padding-top:5px;
	margin-rop:5px;}

.tabrow0 a span{
background-image:none;
}
.tabrow0 a:hover span {
background-image:none;
}
.tabrow0 a:hover{
background-image:none;
}
/*tab*/

h2.main{
	color:#333333;
	direction:ltr;
	font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
	font-size:11px;
	text-align:left;
}

.generalbox {
	border-color:#FFFFFF #FFFFFF #d8dffa;
}

form.popupform label {
	color:#666666;
	font-weight:bold;
	margin-right:0.5em;
}

img.iconhelp {
	border:0 none;
	height:17px;
	margin-bottom:4px;
	margin-right:4px;
	vertical-align:middle;
	width:17px;
}

.navbar .navbutton, .navbar .menu {
	margin-bottom:0;
	margin-top:0;
}

.sideblock .content .list li:hover {
	color:#333;
	text-decoration:none;
}

.mform .fitemtitle {
	font-weight:bold;
}

div.felement textarea#id_interests{
	border:solid 1px #bdc7d8;
}

.mform fieldset {
	border-color:#D8DFFA;
	border-style:solid;
	border-width:1px;
}

#login-index #content {/*font loging*/
	font-size:1em;
}
.forumnodiscuss {
	color:#999999;
	font-weight:bold;
	margin-top:5px;
}

#admin-roles-override .cell.c1, #admin-roles-assign .cell.c3, #admin-roles-assign .cell.c1 {
	font-size:0.9em;
}

.generaltable .cell {/*table admin*/
	background-color:#ECEFF5;
	border-color:#D8DFFA;
}

.generaltable {
	border-color:#D8DFFA;
	margin-top:10px;
	margin-bottom:10px;
}
table.generalbox editcourse boxaligncenter{
	background-color:#ECEFF5;
	border-color:#D8DFFA;
}
#footer .logininfo {
	color:#3B5998;
	margin-right:8px;
	margin-top:10px;
}

#admin-lang .generalbox {
	background:#ECEFF5 none repeat scroll 0 0;
	border:1px solid #D8DFFA;
	margin:25px auto auto;
	padding-top:10px;
	text-align:center;
	margin-bottom:10px;
}

#adminsettings .form-label {
	color:#526EA6;
	display:block;
	float:left;
	margin-right:30px;
	text-align:right;
	width:12.5em;
	padding-top:10px;
}

/****box loging****/
.loginbox .loginform .form-label {
color:#526ea6;
margin:0 0 5px;
padding:0;
font-weight:bold;
}
.loginbox, .loginbox.twocolumns .loginpanel, .loginbox .subcontent {
border-color:#D8DFFA;
}
/*******************/

form {
margin-bottom:8px;
padding-bottom:10px;
}

/***box group style****/
.invisiblefieldset {
	border:0 none;
	display:inline;
	margin:0;
	padding:5px;
}

select {
	border:1px solid #77859F;
	font-family:Verdana,sans-serif;
	font-size:100%;
	height:auto;
	letter-spacing:0.03em;
	margin-bottom:5px;
	margin-top:5px;
	width:120px;
	margin-right:5px;
}

.environmenttable .ok {
	background-color:#ABEFA4;
	padding:2px;
}

ul.tabrow1 li a, ul.tabrow1 li a:link, ul.tabrow1 li a:visited {
	font-size:100%;}

select#id_s__grade_aggregation{
	width:auto;
}
select#uninstalllang{
	width:218px;
	height:275px;}

select#pack{
	width:218px;
	}

select#id_s__data_enablerssfeeds{
	width:auto;
	}

select#id_s__forum_displaymode{
	width:auto;
	}

select#id_s__forum_enablerssfeeds{
	width:auto;
	}

select#id_s__glossary_enablerssfeeds{
	width:auto;
	}

select#menuattempts{
	width:auto;
	}

select#id_s__block_rss_client_submitters{
	width:auto;
	}

select#id_s__block_course_list_adminview{
	width:auto;
	}

select#id_s__hideactivitytypenavlink{
	width:auto;
	}

select#id_s__calendar_site_timeformat	{
	width:auto;
	}

div.htmlarea select{
	width:auto;
	}

select#catmenu_jump{
	width:auto;
	}

select#addquestion_jump{
	width:auto;
	}

select#menuaction{
	width:auto;
	}

select#id_s__gdversion{
	width:auto;
	}

select#id_s__debug{
	width:auto;
	}

select#id_s__getremoteaddrconf{
	width:auto;
	}

select#id_s__loglifetime{
	width:auto;
	}

select#id_s__gradehistorylifetime{
	width:auto;
	}

select#id_s__gradehistorylifetime{
	width:auto;
	}

select#selectversion_jump{
	width:auto;
	}

select#menuhost_course{
	width:auto;
	}
select#menudate{
	width:auto;
	}

select#menulogformat{
	width:auto;
	}
.grade-edit-scale .scale_options {
	font-size:0.9em;
	color:#999;
}

.initialbar {
padding-bottom:5px;
text-align:center;
}
.entrybox {
border-color:#FFFFFF;
}

select#switchrole_jump{
	width:auto;
	}

select#wikilinks_jump{
	width:auto;
	}

select#wikiadministration_jump{
	width:auto;
	}

.mod-resource .modified {
font-size:0.9em;
}

select#add_block_jump{
	width:auto;
	}

select#menuid{
	width:auto;
	}
select#menumodid{
	width:auto;
	}
select#choosepluginreport_jump{
	width:auto;
	}
#admin-report .plugin, #course-report .plugin, #course-import .plugin {
background-color:#FDFDFD;
border:1px solid #D8DFFA;
margin-bottom:20px;
margin-left:10%;
margin-right:10%;
}

.activity .commands{ display:none;}
.activity:hover .commands{ display:inline;}

div.sitelink a img{
height:auto !important;
width:auto !important;
}

div.logo{
	margin-top:0px;
	background:url(logo.png) no-repeat ;
	height:111px;
	width:117px;}

div.foodlelogo{
	background:url(foodle.png) no-repeat;
	width:141px;
	height:121px;
	}
	div .bluebar{
 background:url(blue_bar.png) repeat-x;}
 /*Fix pour modifier les notes*/
#tooltipPanel_c {
    width: fit-content;
    height: fit-content;
    max-width: min-content;
}/***** fictis/css/foodle.css end *****/

/***** fictis/css/styles_layout.css start *****/

/*******************************************************************
 styles_layout.css

 This CSS file contains all layout definitions like positioning,
 floats, margins, padding, borders etc.

 Styles are organised into the following sections:
  core
  forms
  header
  footer

  admin
  blocks
  blog
  calendar
  course
  doc
  grades
  login
  message
  notes
  mymoodle
  question
  tabs
  tags
  user

  various modules

*******************************************************************/

/***
 ***  Core
 ***/
.clear { clear: both; }

.clearfix:before, 
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}
.clearfix:after { clear: both; }
.clearfix {
    *zoom: 1;
}

body { margin-left: auto; margin-top: 0px; margin-right: auto; margin-bottom: 10px; }
.surround { margin-left: auto; margin-right: auto; width: 98%; }
span.headerdate { display: block; }
.notifyproblem { padding-left: 40px; margin: 20px auto; text-indent: 0; clear: left; }
#content { padding: 10px; padding-bottom: 20px; }
select { width:auto; }
.block_adminblock { width:210px; }
#fp-logo  { display: block; height: 80px; width:610px; margin-left:auto; margin-right: auto; background: url(images/logos/fictis_slogan_logo.png) no-repeat top center; }
#fp-logo a { display: block; width: auto; height: 80px; }

/***
 ***  Forms
 ***/ 
.loginbox .loginform .form-input input { width: 14em; }
select#switchcourse_jump,select#groupid_jump,select#switchrole_jump{	width:auto;	}

#blocks-enrolfortutor-create #userassign .fcontainer , #blocks-enrolfortutor-create #useraccount .fcontainer, #blocks-enrolfortutor-create #licenceparam .fcontainer { margin: 0 10px; }
#blocks-enrolfortutor-create .newentryaction	{ margin: 15px 0; }
#blocks-enrolfortutor-create tfoot, #blocks-enrolfortutor-create thead { background-color: #ECEFF5; border: 1px solid #D8DFFA; }
#blocks-enrolfortutor-create tbody { border: 15px solid #FFF; border-left:0; border-right:0; }
#blocks-enrolfortutor-create tbody div.notifyproblem { margin: 5px auto; background-position: 5px center; padding-left: 30px; }
#blocks-enrolfortutor-create #licenceparam .checkcol { width:20px; vertical-align: top; }
#blocks-enrolfortutor-create #licenceparam .coursecol { vertical-align: top; }
#blocks-enrolfortutor-create #licenceparam .coursecol label { /*white-space: nowrap; width: 450px; overflow:hidden;*/ display: block; }
#blocks-enrolfortutor-create #licenceparam .rolecol { width: 200px; overflow:hidden; vertical-align: top; }
#blocks-enrolfortutor-create #licenceparam .groupcol { width: 200px; overflow:hidden; }
#blocks-enrolfortutor-create #licenceparam .groupcol select { width: 200px; }
#blocks-enrolfortutor-create #licenceparam .groupcol button.ui-multiselect { white-space: nowrap; overflow: hidden; }


/***
 *** Header
 ***/
.headermain { float: none; margin-left: auto; margin-right: auto; width: 98%; }
#header-logo { float: left; display: block; width: 247px; height: 96px; }
#logo { display: block; height: 100px; } 
#menubar-navigation { float: left;}
#menubar-icons { float: right; margin-right: 10px; margin-top: 4px; }
#header-home .headermenu { margin-top: 5px; }

/***
 *** Footer
 ***/
#footer { margin-top:20px; }
#footer a:link, #footer a:visited { color:#000 }

/***
 *** Help files (/lang/-/help)
 ***/
body#help { margin: 0 auto 0; background: none; }
#help .surround { width:100%; }
#help #footer { display: none; }

/***
 *** Files 
 ***/
/*body#files-index { margin: 0 auto 0; background: none; }
#files-index .surround { width:100%; }
#files-index #footer { display: none; }
*/

/***
 *** My Moodle
 ***/
.my .coursebox { padding:0; width: auto; }
.my .categorylist { margin: 10px 0; }
.my .category.name, .my .category.info { border-bottom: 1px solid #666666; padding: 10px 0; }
.my .course.name, .my .course.info { padding: 10px; border-bottom: 10px solid #fff; background: #f1f1f1; }
.my .course.info { width: 100px; }
.my .course.name a { display: block; }
.my td#middle-column h2.main { border:0; }
.my td#middle-column .coursebox h2.main { border:0px; margin: 0; }
.my td#middle-column .coursebox h2.main a { display: block; padding: 15px; padding-left: 20px; }


/***
 *** Tabs
 ***/
.tabtree { margin-bottom: 20px; }
.tabrow0  { margin-left: -2px; }
ul.tabrow0 li.last a { padding-bottom: 4px; }
ul.tabrow0 li.last a:hover  { padding-bottom: 4px; top:0; }
.tabrow0 div.empty, .tabrow0 ul { margin-top:-6px; padding-top: 15px; }

/* second niveau */
ul.tabrow1 a:link, ul.tabrow1 a:visited, ul.tabrow1 a { padding-bottom:4px; padding-top:6px;}
ul.tabrow1 li.here.selected a, ul.tabrow1 li.first a { padding-bottom: 4px; border: 1px solid #D8DFEA; border-bottom: 0; }
ul.tabrow1 li a { margin-right: 5px !important; margin-left: 0 !important; }
ul.tabrow1 { text-align: center; border-bottom: 1px solid #D8DFEA;}
 
/***
 *** Homepage : course list and category list
 ***/
.categorylist { width: 100%; }
.course-count-title { text-transform: uppercase; }
.categorylist-blocklayout { background: #eeeeee;
  float: left;
  margin: 5px;
  padding: 10px; }
.categorylist-blocklayout ul { list-style-type: none; margin:0; padding: 0; }
.categorylist-blocklayout ul li { display:inline; margin-right: 5px; }
.categorylist-blocklayout ul li:after { content: ","; }
.coursebox .summary, .coursebox .info { float: none; width: auto; }

.col-3 { width: 30%; }
.col-4 { width: 24%; }
.col-5 { width: 18%; }
.col-6 { width: 12%; }

/***
 *** Course : home
 ***/
#course-view #middle-column .headingblock  { display: none; }
#course-view .section .activity { border: 1px solid #DDDDDD; margin: 10px 0; padding: 10px 5px; }
#course-view .section .activityinfo { display: block; }
/*#course-view .section .activity .locked { display: block; margin:-10px -5px; padding: 10px 5px; }*/
#course-view .section .activity-locked-why { float: right; margin-right: 20px; }
#course-view .section .activity-locked-why a { font-style: italic; }
#course-view .section .activity-locked-why-text { padding: 20px; width: 80%; margin: 0 auto; margin-top: 20px; }
#course-view .section .activity-statistics { float:right; clear:both; margin-top:5px; }
#course-view .section .yui-pb-bar { background-image: none; background-color: green; } 
#course-view .section .activity.iframe { padding: 0; background: transparent; }
 
/***
 *** Modules: Common
 ***/
body#mod-quiz-report #attempts, body#mod-scorm-report #attempts, body#mod-turningtech-report #attempts, body#mod-certificate-report #issues  { width: 100%; }
body#grade-report-grader-index #user-grades  { width: 100%; }
.scrollable { padding:1px; /*border-right: 1px solid #D8DFFA; border-left: 1px solid #D8DFFA;*/ }

/***
 *** Modules: Scorm
 ***/
body#mod-scorm-player { background: none; margin:0; }
body#mod-scorm-player #content { padding: 0; }
body#mod-scorm-player .surround { width: 100%; }
body#mod-scorm-player #header-home { display: none; }
body#mod-scorm-player #footer { display: none; }
body#mod-scorm-player .navbar { display: none; }
/* style de la barre de navigation scorm */
body#mod-scorm-player #scormtop { background: #333333; color:#FFF; }
body#mod-scorm-player #scormmode { padding: 5px 0 0 5px; font-weight: bold; }
body#mod-scorm-player #scormnav { text-align: right; }
body#mod-scorm-player #scormnav form#tocmenu select { margin:0; }
body#mod-scorm-player #tocbox { margin-top:10px; }
body#mod-scorm-player #toctree { /*width:250px;*/ overflow: auto; }
body#mod-scorm-player #noscript {
 	border:1px solid #E0A32E;
	color: #BF810B;
	text-align:left !important;
	background:#FAF2C3 url(pix/i/warning.gif) no-repeat scroll 10px center;
	padding: 10px;
	width: 40%;
	padding-left: 40px;
	margin: 20px auto;
}

/***
 *** Modules: Ressources
 ***/
#mod-resource-view, #mod-resource-view p { margin: 0; }
#mod-resource-view #header-home { width: 100%; }
#mod-resource-view #header-logo { display: none; }
#mod-resource-view .headermenu { display: none; }
#mod-resource-view #footer { display: none; }
/*#mod-resource-view .surround { display: none; }*/
.resource-iframe #page { width: 100%; }
.resource-iframe #content { padding: 0; }

/***
 *** Grade
 ***/
.grade-report-grader .odd div.userpic img { width:30px; height: 30px; }
.grade-report-grader .odd div.userpic img { border:3px solid #EFEFEF; }
.grade-report-grader .even div.userpic img { border:3px solid #FFFFFF; }
#grade-report-user-index #content .user-grade { clear: both; margin: 40px auto; }
#grade-report-overview-index #overview-grade { width: 80%; }
#grade-report-overview-index #overview-grade td, #grade-report-overview-index #overview-grade th { padding: 5px; }

/***
 *** Participants
 ***/
.userinfobox .links { width: 120px; }


/***
 *** Performance info
 ***/
.performanceinfo { margin: 2em; display: inline-block; padding: 10px; }

/***
 *** Tooltips
 ***/
.tooltip-large { white-space: nowrap; max-width:none !important; }
/***** fictis/css/styles_layout.css end *****/

/***** fictis/css/styles_fonts.css start *****/

/*******************************************************************
 styles_fonts.css

 This CSS file contains all font definitions like family, size,
 weight, text-align, letter-spacing etc.

 Styles are organised into the following sections:
  core
  header
  footer

  admin
  blocks
  calendar
  course
  doc
  grades
  login
  message
  mymoodle
  question
  tabs
  user

  various modules

*******************************************************************/

/***
 *** Core
 ***/
.navbar a:link { text-decoration: none; }
.navbar a:visited { text-decoration: none; }
.navbar a:hover { text-decoration: none; }
.headermenu a:link { text-decoration: none; }
.headermenu a:visited { text-decoration: none; }
.headermenu a:hover { text-decoration: underline; }
div.headermenu { font-size:0.6em; }
span.headerdate {font-size:1.8em;}
h2.main { font-size: 16px; }

/***
 *** Header
 ***/
.logininfo,
#header-home .headermenu font ,
#header-home #chooselang{ font-size:1.6em; }
.logininfo { font-size:1.8em; }
span.headerdate { font-size:1.6em; }

/***
 *** Footer
 ***/
.footer { font-size:0.8em; }

/***
 *** My Moodle
 ***/
.my td#middle-column .coursebox h2.main { font-size: 12px; }
.my .category.name, .my .category.info { color: #666666; }
.my .course.name a { font-size: 12px; }
.my td#middle-column h2.main { font-size: initial; color: #333333; }


/***
 *** Course : home
 ***/
#course-view .section .activity { line-height: 18px; }

/***
 *** Licence
 ***/
.rightrate span { margin-top: 2px; margin-left: 5px; font-weight:bold; font-size: 10px; }

/***
 *** Scorm
 ***/
#mod-scorm-view h2.main { font-family:"lucida grande",tahoma,verdana,arial,sans-serif; font-size:11px; font-weight:bold; text-align:left; }

/***
 *** TurningTech
 ***/
#mod-turningtech-view h2.main { font-family:"lucida grande",tahoma,verdana,arial,sans-serif; font-size:11px; font-weight:bold; text-align:left; }

/***
 *** Grade
 ***/
#gradetreesubmit input, #gradetreesubmit select { font-size: 100%; }
#grade-report-grader-index #tooltipPanel_c { font-size: 10px; }

/***
 *** Participants
 ***/
.userinfobox .links { font-size: 0.8em; }

/***
 *** Help
 ***/
#help pre, #help code { line-height: 22px; }

/***
 ***  Forms
 ***/ 
#blocks-enrolfortutor-create .ui-widget { font-size: 1em;}
#blocks-enrolfortutor-create tbody div.notifyproblem label { font-weight: bold; }

/***
 *** Performance info
 ***/
.performanceinfo { font-size: 1em; }

/***
 *** Homepage : course enrol
 ***/
#course-enrol .coursename {font-weight: bold;}/***** fictis/css/styles_fonts.css end *****/

/***** fictis/css/styles_color.css start *****/

/*******************************************************************
 styles_color.css

 This CSS file contains all color definitions like
 background-color, font-color, border-color etc.

 Styles are organised into the following sections:

  core
  header
  footer

  admin
  blocks
  calendar
  course
  doc
  login
  message
  question
  tabs
  user

  various modules

*******************************************************************/

/***
 ***  Core
 ***/

a:link, a:visited { color:#4498ca; }
a:hover, a:active { color:#333333; }
body { background: #258186 url('images/header-default.jpg') repeat-x center top; border-color:#ffffff; }
.surround { background: #fff; border: 0px solid #ffffff; }
.notifyproblem .generaltable .header { background:#FFF; }

/***
 *** Header
 ***/
 
div.headermenu  { color:#ffffff; }
.headermenu a:link { color: #ffffff; }
.headermenu a:visited { color: #ffffff; }
.headermenu a:hover { color: #ffffff; }
#logo { background: url('images/logos/logo.png') no-repeat left top; }

/***
 *** My Moodle
 ***/
.my td#middle-column .coursebox h2.main { background: url(images/mymoodle_item_bg.gif) repeat-x; }
.my td#middle-column .coursebox h2.main a { background: url(images/mymoodle_item.gif) no-repeat; color: #064749; }

/***
 *** Tabs
 ***/
 
.tabrow0 div.empty, .tabrow0 ul { background-image: none; }
.tabrow0 .here a:hover, .tabrow0 .here a:hover span { background-image: none;}

/* premier niveau */
ul.tabrow0 a  { background: #D8DFEA !important; color: #526EA6 !important; }
ul.tabrow0 a:hover, ul.tabrow0 a:hover  { background: #526EA6 !important; color: #FFF !important; }
ul.tabrow0 .here a.nolink  { background: #FFF !important; color: #526EA6 !important; }
ul.tabrow0 .selected a  { background: #FFF !important; color: #526EA6 !important; }

/* second niveau */
ul.tabrow1 a  { background: #D8DFEA !important; }
ul.tabrow1 a:hover, ul.tabrow1 a:hover  { background: #526EA6 !important; color: #FFF !important; }
ul.tabrow1 .selected a  { background: #FFF !important; color: #526EA6 !important; }

/***
 *** Course : home
 ***/
#course-view .section .activity.locked { background: #EAEAEA; color:#BCBCBC; }
#course-view .section .activity-locked-why-text { background: #f2f5f8; color:#333333; box-shadow: 0 0 10px rgba(0,0,0,0.3); }

/***
 *** Tableau
 ***/
.generaltable .cell.hmarked{ background-color:#ffff99; } /* mise en valeur de la ligne sélectionnée */

/***
 *** Quiz
 ***/
#mod-quiz-report table#itemanalysis .correct { color: green; }
.quizquestions, .questionbank { border-color: #D8DFEA; }

/***
 *** Scorm
 ***/
#mod-scorm-view h2.main { border-bottom:1px solid #D8DFFA; color:#999999; }
#mod-scorm-player #toctree a:link, #mod-scorm-player #toctree a:visited { color:#0058a3; }

/***
 *** TurningTech
 ***/
#mod-turningtech-view h2.main { border-bottom:1px solid #D8DFFA; color:#999999; }

/***
 *** uploaduser
 ***/
.uuinfo { background-color: #8e8; }
.uuwarning { background-color: #ee8; }
.uuerror { background-color: #e99; }

/***
 *** Performance info
 ***/
.performanceinfo { background: #ccc; border: 2px solid #444; }


/***
 *** Homepage : course enrol
 ***/
.enrolcredits { font-weight: bold; }
.enrolcredits-low { color: #006600; }
.enrolcredits-normal { color: #009900; }
.enrolcredits-medium { color: #ffcc00; }
.enrolcredits-high { color: #ff6600; }
.enrolcredits-full { color: #cc0000; }
/***** fictis/css/styles_color.css end *****/

/***** fictis/css/styles_menubar.css start *****/

/**
 * Horizontal CSS Drop-Down Menu Module
 *
 * @file		dropdown.css
 * @package		Dropdown
 * @version		0.7.1
 * @type		Transitional
 * @stacks		597-599
 * @browsers	Windows: IE6+, Opera7+, Firefox1+
 *				Mac OS: Safari2+, Firefox2+
 *
 * @link		http://www.lwis.net/
 * @copyright	2006-2008 Live Web Institute. All Rights Reserved.
 *
 */

ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

ul.dropdown {

 z-index: 597;
 float: left;
}

ul.dropdown li {
 float: left;
 line-height: 1.3em;
 vertical-align: middle;
 zoom: 1;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
 position: relative;
 z-index: 599;
 cursor: default;
}

ul.dropdown ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 598;
 width: 100%;
}

ul.dropdown ul li {
 float: none;
}

ul.dropdown ul ul {
 top: 1px;
 left: 99%;
}

ul.dropdown li:hover > ul {
 visibility: visible;
}

/*------------------------------------------------------------------------------------------------------/
	@section	Style Framework  */
	
	/* First-level expected directory tag - li */

	ul.dropdown li {
	 padding: 2px;
	 
	}

	ul.dropdown *.dir {
	 padding-right: 30px;
	 background-image: none;
	 background-position: 100% 50%;
	 background-repeat: no-repeat;
	}

		/* Non-first level */
		ul.dropdown ul *.dir {
		 padding-right: 15px;
		 background-image:  url(images/nav-arrow-right.png);
		 background-position: 100% 50%;
		 background-repeat: no-repeat;
		}

		ul.dropdown ul ul *.dir {
		 background-image:  url(images/nav-arrow-right2.png);
		}


	/* Components override */

	ul.dropdown-vertical *.dir {
	 background-image:  url(images/nav-arrow-right.png);
	}

	ul.dropdown-vertical-rtl *.dir {
	 padding-right: 15px;
	 background-image:  url(images/nav-arrow-left.png);
	 background-position: 0 50%;
	}



/*------------------------------------------------------------------------------------------------------/
	@section	Base Drop-Down Styling  */

	/* ALL LEVELS (incl. first) */

	ul.dropdown {
	 font: 15px/normal Arial, Helvetica, sans-serif;

	}

		ul.dropdown li {
		 background-color: #333;
		 color: #fff;
		}

		ul.dropdown li.hover,
		ul.dropdown li:hover {
		}

		/* Links */

		ul.dropdown a:link,
		ul.dropdown a:visited { color: #fff; text-decoration: none;}
		ul.dropdown a:hover {
		 border-top-color: #5db1e0 !important;
		 border-left-color: #5db1e0;
		 background: #297BA7 url(images/nav-sub-press.png) repeat-x !important;
		 color: #fff;
		}

		ul.dropdown ul a.dir:hover { /* proposal */
		 background-color: #4498ca;
		 background-image:  url(images/comnav-arrowon.png);
		 color: #fff;
		}

		ul.dropdown a:active {
		 background: #222;
		 color: #fff;
		}


		/* NON-FIRST LEVEL */

		ul.dropdown ul {
		 left: auto;
		 right: 0;
		 width: auto;
		 margin-top: -1px;
		 border-top: 1px solid #1a1a1a;
		 border-left: solid 1px #4c4c4c;
		 font: bold 11px/1em Tahoma, Geneva, Verdana, sans-serif;
		}

			ul.dropdown ul li {
			 background-color: #3a3a3a;
			}

		ul.dropdown ul ul {
		 top: 0;
		 right: auto;
		 left: 100%;
		 margin-top: 0;
		 border-top: none;
		 border-left: none;
		 font-weight: normal;
		}

			ul.dropdown ul ul li {
			 background-color: #4c4c4c;
			}

		ul.dropdown ul ul ul li {
		 background-color: #595959;
		}



/* Mixed */

ul.dropdown li a,
ul.dropdown *.dir {
 border-style: solid;
 border-width: 1px;
 border-color: #404040 #1a1a1a #1a1a1a #505050;
}

ul.dropdown ul li a,
ul.dropdown ul *.dir { border-color: #4a4a4a #242424 #242424; border-left: none; }

ul.dropdown ul ul li a,
ul.dropdown ul ul *.dir { border-color: #595959 #333 #333; }

ul.dropdown ul ul ul li a,
ul.dropdown ul ul ul *.dir { border-color: #767676 #404040 #404040; }



/* Custom elements */

#header-home .n-left { width: auto; text-align: center; }
#header-home .n-left ul { right: auto; left: 0; width: auto; text-align: left; }
#header-home .n-left ul ul { left: auto; width: 150px; }
#header-home .n-left ul a { width: 232px; }
#header-home .n-left ul a.dir { width: 210px; }
#header-home .n-left ul ul a { width: 133px; }
#header-home .n-left ul ul a.dir { width: 111px; }
#header-home .n-left ul ul ul { left: 100%; }

#header-home .n-right { width: auto; text-align: center; }
#header-home .n-right ul { right: 0; left: auto; width: auto; text-align: left; }
#header-home .n-right ul ul { left: auto; width: 150px; }
#header-home .n-right ul a { width: 232px; }
#header-home .n-right ul a.dir { width: 210px; }
#header-home .n-right ul ul a { width: 133px; }
#header-home .n-right ul ul a.dir { width: 111px; }
#header-home .n-right ul ul ul { left: 100%; }

/*------------------------------------------------------------------------------------------------------/
 * @section		Base Style Extension
 */

ul.dropdown a,
ul.dropdown span {
 display: block;
 padding: 5px 10px;
}



/*------------------------------------------------------------------------------------------------------/
 *	@section	Base Style Override
 */


ul.dropdown li {
 padding: 0;
}

ul.dropdown ul a,
ul.dropdown ul span { /* POI, proposal: override abstract a, span */
 padding: 8px;
}



/*------------------------------------------------------------------------------------------------------/
 * @section		Base Style Reinitiate: post-override activities
 */


ul.dropdown *.dir { /* POI */
 padding: 5px 15px;
}

ul.dropdown ul *.dir {
 padding: 8px 30px 8px 8px;
}



/*------------------------------------------------------------------------------------------------------/
 *	@section	Custom Styles
 */


ul.dropdown ul a {
 width: 133px;
}

ul.dropdown ul a.dir {
 width: 111px;
}



/*------------------------------------------------------------------------------------------------------/
 * @section		Support Class `open` Usage
 * @source		js, artificial
 *
 */


ul.dropdown *.open {
 background-color: #3d3d3d;
}
ul.dropdown ul *.open {
 background-color: #4c4c4c;
 background-image:  url(images/comnav-arrowover.png);
 color: #fff;
}
ul.dropdown ul ul *.open {
 background-color: #595959;
 background-image:  url(images/comnav-arrowover2.png);
 color: #fff;
}
/* Override UPPER TWO definitions */
ul.dropdown a.open:hover {
 background-color: #4498ca;
 color: #fff;
}
ul.dropdown ul a.open:hover {
 background-image:  url(images/comnav-arrowon.png);
 color: #fff;
}


/* Clone in CSS 2 */

ul.dropdown li:hover > *.dir {
 background-color: #3d3d3d;
}
ul.dropdown ul li:hover > *.dir {
 background-color: #4c4c4c;
 background-image:  url(images/comnav-arrowover.png);
}
ul.dropdown ul ul li:hover > *.dir {
 background-color: #595959;
 background-image:  url(images/comnav-arrowover2.png);
 color: #fff;
}

/* Override UPPER TWO definitions */
ul.dropdown li:hover > a.dir:hover {
 background-color: #4498ca;
 color: #fff;
}
ul.dropdown ul li:hover > a.dir:hover {
 background-image:  url(images/comnav-arrowon.png);
 color: #fff;
}

.menubar {
background: #d7d7db url('images/sideheader.jpg') repeat-x;
  color: #555555;
  margin-left: auto; 
  margin-right: auto;
  width: 100%;
  font-size: 0.9em;
  text-align: middle;
  font-weight:normal;
}


/***** fictis/css/styles_menubar.css end *****/