body {
background-image: url(bg_meridiens.gif); background-attachment:fixed;
}
body,tr,td {
font-family: verdana,sans-serif; color:#000000;
font-size: 16px;
}

img {border:0px;}
table {border:0px;}
/* odd table rows 1,3,5,7,... */
table tr.odd th,
table tr.odd {
    background-color: #c2ffc0 ;
}

/* even table rows 2,4,6,8,... */
table tr.even th,
table tr.even {
    background-color: #c0c0ff;
}

table tr.head th,
table tr.head {
    background-color: #181036 ;
	color: #ffe67e;
}


a:link {color:#FF6600; text-decoration:none;}
a:visited {color:#C20000; text-decoration:none;}
a:hover {text-decoration:underline;}
a:active {color:#FF0000; text-decoration:none;}

.titreufr {font-family: arial, helvetica, sans-serif; font-size: 1.2em; font-weight: bold; color:#BBBBBB;}
.titreufr a {font-family: arial, helvetica, sans-serif; font-size: 1.2em; font-weight: bold; color:#BBBBBB;}
.titrecremi {font-family: verdana,sans-serif; font-size: 1em; font-weight: bold; color:#FF6600;}
.titrecremi a {font-family: verdana,sans-serif; font-size: 1em; font-weight: bold; color:#FF6600;}

.note {font-family: verdana,sans-serif; font-size: 1.1em; font-weight: bold; color:#999999;}

.nom {font-family: verdana,sans-serif; font-size: 0.9em; font-weight: bold; color:#C20000;}
td.leftmenu1 {vertical-align:middle;}

.leftmenu1 {font-family: verdana,sans-serif; font-size: 0.8em; font-weight: bold;}
td.leftmenu1 {vertical-align:middle;}

.leftmenu2 {font-family: verdana,sans-serif;}
a.leftmenu2:link {color:#FF6600; text-decoration:none; font-size: 0.8em; font-weight: bold;}
a.leftmenu2:visited {color:#FF6600; text-decoration:none; font-size: 0.8em; font-weight: bold;}
a.leftmenu2:hover {color:#FF6600; text-decoration:underline; font-size: 0.8em; font-weight: bold;}
a.leftmenu2:active {color:#FF0000; text-decoration:none; font-size: 0.8em; font-weight: bold;}


.bordure {margin: 0cm 1cm 1cm 0cm;}

.bottom {vertical-align:bottom;}
.top {vertical-align:top;}
.left {text-align:left;}
.right {text-align:right;}
.centre {text-align:center;}

a.header:link {color:#BBBBBB; text-decoration:none; font-size: 0.8em; font-weight: bold;}
a.header:visited {color:#BBBBBB; text-decoration:none; font-size: 0.8em; font-weight: bold;}
a.header:hover {color:#BBBBBB;text-decoration:underline; font-size: 0.8em; font-weight: bold;}
a.header:active {color:#BBBBBB; text-decoration:none; font-size: 0.8em; font-weight: bold;}

.newsgroup {font-family: verdana,sans-serif;}
a.newsgroup:link {color:#FF6600; text-decoration:none; font-size: 1.0em; font-weight: bold;}
a.newsgroup:visited {color:#FF6600; text-decoration:none; font-size: 1.0em; font-weight: bold;}
a.newsgroup:hover {color:#FF6600; text-decoration:underline; font-size: 1.0em; font-weight: bold;}
a.newsgroup:active {color:#0000FF; text-decoration:none; font-size: 1.0em; font-weight: bold;}


.newshead {font-family: verdana,sans-serif; font-size: 0.9em; font-weight: bold; color:#FF6600;}
a.newshead:link {color:#FF6600; text-decoration:none; font-size: 0.9em; font-weight: bold;}
a.newshead:visited {color:#C26600; text-decoration:line-through; font-size: 0.9em; font-weight: bold;}
a.newshead:hover {color:#FF6600; text-decoration:underline; font-size: 0.9em; font-weight: bold;}
a.newshead:active {color:#0000FF; text-decoration:none; font-size: 0.9em; font-weight: bold;}


.headertitle {font-family: verdana,sans-serif; font-size: 1.1em; font-weight: bold; color:#BBBBBB;}

.corps {color:#000000; font-size: 0.8em; font-weight: bold;}

.footer {
	font-family: times new roman,times; font-size: 1em; color:#8090C0; text-align:center;
	clear:both;
	}

/* Even line numbers in the thread */
tr.np_thread_line1,td.np_thread_line1 {
  padding-left:   3px;
  padding-top:    0px;
  padding-right:  0px;
  padding-bottom: 0px;
  margin: 0px;
}

/* Odd line numbers in the thread */
tr.np_thread_line2,td.np_thread_line2 {
  padding-left: 3px;
  padding-top:    0px;
  padding-right:  0px;
  padding-bottom: 0px;
  background: #eeeeee;
  margin: 0px;
}

/* Menu */
div#main {
	margin:2px 9px 3px 190px;	
	position: inherit;
	//position:relative;
	//left:200px;
}

*{
	list-style:none;
	margin:0px;
	padding:0px;
}


div#groupult {
	position: inherit;
	font-size:1em;
	margin-left:2px;
	border-color: #D76100;
	}

div#maingroup {
	margin:2px 9px 3px 10px;	
	float: left;
}

div#menu {
	float: left;
	font-size:0.75em;
	width: 180px;
	margin-left:2px;
	border-color: #D76100;
	}

div#menu ul {
	cursor:pointer;
	list-style:none;
	background: #FF8C00;
        border-color: #D76100;
        border-width: 1px;
	border-top: solid 2px #D76100;
	border-bottom: solid 1px #D76100;
	border-left: solid 2px #D76100;
	border-right: solid 2px #D76100;
}

p#submenuwol {
	cursor:pointer;
	list-style:none;
	background: #FF8C00;
	color: #fff;
        border-color: #D76100;
        border-width: 1px;
	border-top: solid 2px #D76100;
	border-bottom: solid 2px #D76100;
	border-left: solid 2px #D76100;
	border-right: solid 2px #D76100;
}
button {
	color: #9E3C02;
        background: #FFA00D;
        border-bottom: solid 2px #D76100;
        border-right: solid 2px #D76100;
}

button:hover {
        color: #fff;
        cursor: pointer;
        background: #FFB90F;
        border-bottom: solid 2px #D76100;
        border-right: solid 2px #D76100;
}

select {
	color: #9E3C02;
        background: #FFAF0D;
        border-bottom: solid 2px #D76100;
        border-right: solid 2px #D76100;
}

select:hover {
        color: #fff;
        background: #FFB90F;
        border-bottom: solid 2px #D76100;
        border-right: solid 2px #D76100;
}


div#menu p#submenuwol button {
	color: #9E3C02;
	display: block;
	background: #FFA00D;
	text-align:center;
	padding: 2px 2px 2px 2px;
	border-bottom: solid 2px #D76100;
	border-right: solid 2px #D76100;
	margin:5px 5px;
	}


div#menu p#submenuwol select {
	color: #9E3C02;
	display: block;
	background: #FFAF0D;
	padding: 2px 2px 2px 2px;
	text-align:center;
	border-bottom: solid 2px #D76100;
	border-right: solid 2px #D76100;
	margin:5px 5px;
	}

div#menu p#submenuwol button:hover {
	text-align:center;
        color: #fff;
	cursor: pointer;
        background: #FFB90F;
	border-bottom: solid 2px #D76100;
	border-right: solid 2px #D76100;
	}

div#menu p#submenuwol select:hover {
	text-align:center;
        color: #fff;
        background: #FFB90F;
	border-bottom: solid 2px #D76100;
	border-right: solid 2px #D76100;
	}

div#menu li a{
	text-decoration: none;
	color: #9E3C02;
	background: #FF8C00;
	border-bottom: solid 1px #D76100;
	}

div#menu li {
	text-decoration: none;
	color: #9E3C02;
	background: #FF8C00;
	border-bottom: solid 1px #D76100;
	}
div#menu li img, div#menu li option {
	color: #9E3C02;
	display: inline-block;
	background: #FF8C00;
	vertical-align: middle;
	}
div#menu li img {
	width: 16%;
	text-align: left;
}
div#menu li select {
	width: 78%;
	text-align: right;
}


div#menu li a:link, div#menu li a:visited, div#menu li form {
	color: #9E3C02;
	display: block;
	background: #FF8C00;
	padding: 6px 6px 6px 6px;
	border-bottom: solid 1px #D76100;
	}

div#menu li a:hover {
	color: #fff;
	background: #FFB90F;
	padding: 6px 6px 6px 6px;
	border-bottom: solid 1px #D76100;
	}

div#menu li a:active {
	color: #fff;
	background: #A9A9A9;/*url(menu4.gif) 0 -64px;*/
	padding: 6px 6px 6px 6px;
	border-bottom: solid 1px #D76100;
	}


th.mini, img.mini  {
	color: #9E3C02;
	display: inline-block;
	background: #FF8C00;
	vertical-align: middle;
	width: 32px;
	text-align: ce,ter;
}



/* Result table of ajax query */
#checked,#to_be_checked,#finished,#res,.res, #res_exam, .res_exam, .res_examsetup, #res_examstup
{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
border-collapse:collapse;
vertical-align:middle;
}


#checked td,#checked th,#to_be_checked td,#to_be_checked th,#finished td,#finished th,.res th,.res td
{
font-size:0.75em;
border:1px solid #FF6600;
padding:3px 7px 2px 7px;
/* white-space:nowrap;*/
}


.res_exam th,.res_exam td, .res_examsetup th,.res_examsetup td
{
font-size:0.75em;
border:1px solid #FF6600;
padding:3px 7px 2px 7px;
}


.res_exam th , .res_examsetup th
{
font-size:0.75em;
font-weight:bold;
padding-top:5px;
padding-bottom:4px;
background-color:#FF8C00;
color:#ffffff;
text-align:center;
vertical-align:middle;
}




#checked th,#to_be_checked th,#finished th,.res th
{
font-size:0.75em;
font-weight:bold;
padding-top:5px;
padding-bottom:4px;
background-color:#FF8C00;
color:#ffffff;
white-space:nowrap;
text-align:center;
}

/* Accordion */
#accordion 
{
margin:20px 3px 2px 2px;
min-width:500px;
}
#toggle, .toggler{
min-width:600px;
}

h3.toggler:hover
{
	cursor: pointer;
	border: 1px solid #f5f5f5;
	border-left-color: #888;
	border-top-color: #888;
        font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	background: #FFB90F;
	margin: 0 0 4px 0;
	padding: 3px 5px 1px;
white-space:nowrap;
font-weight:bold;
min-width:800px;
}

h3.cremi 
{
	border: 1px solid #f5f5f5;
	border-right-color: #ddd;
	border-bottom-color: #ddd;
        font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.90em;
	background-color:#F8F8FF;
	margin: 0 0 4px 0;
	padding: 3px 5px 1px;
white-space:nowrap;
}

h3.toggler 
{
	cursor: pointer;
	border: 1px solid #f5f5f5;
	border-right-color: #ddd;
	border-bottom-color: #ddd;
        font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	background-color:#F8F8FF;
	margin: 0 0 4px 0;
	padding: 3px 5px 1px;
white-space:nowrap;
min-width:800px;
}

.element{
min-width:800px;
}

div.element p, div.element h4 
{
	margin:0px;
	padding:4px;
}

blockquote 
{
	padding:5px 20px;
}

#w3c {
	font-family: times new roman,times; font-size: 0.85em; color:#8090C0; text-align:center;
	clear:both;
	}


div.hidden {
	display: none;
  	padding:  2px 1px 2px 30px;
	font-size: 0.75em;
  	font-family: sans-serif;
	font-style: normal; 
	font-variant: small-caps;
	vertical-align: middle;
	color: #444444;
	
}

img.hidden{
        cursor: pointer;
}

img.click, img#click{
        cursor: pointer;

}
select.admin_select,select.admin_add_host {
	font-family:Monospace,'Andale Mono';
	font-size: 0.70em;
}

.search {font-family: verdana,sans-serif; font-size: 0.7em;}

img.available {
	display: block;
	margin: 0 auto;
}

a.board_link {
	cursor:pointer;	
}
/*#res_myexamboard{
min-width:200px;
}*/
ul.board{
margin-left:0px;
vertical-align:text-top;
white-space:nowrap;
float:left;
text-align:left;
}
img.board {
float:right;
vertical-align:middle;
white-space:nowrap;
}

/* Style de la recherche ldap pour le plugin mootools autocompleter */
/* Donc, pas touche !! */
ul.autocompleter-choices
{
	position:				absolute;
	margin:					0;
	padding:				0;
	list-style:				none;
	border:					1px solid #7c7c7c;
	border-left-color:		#c3c3c3;
	border-right-color:		#c3c3c3;
	border-bottom-color:	#ddd;
	background-color:		#fff;
	text-align:				left;
	font-family:			Verdana, Geneva, Arial, Helvetica, sans-serif;
	z-index:				50;
	background-color:		#fff;
}

ul.autocompleter-choices li
{
	position:				relative;
	margin:					-2px 0 0 0;
	padding:				0.2em 1.5em 0.2em 1em;
	display:				block;
	float:					none;/* !important; */
	cursor:					pointer;
	font-weight:			normal;
	white-space:			nowrap;
	font-size:				0.70em;
	line-height:			1.5em;
}

ul.autocompleter-choices li.autocompleter-selected
{
	background-color:		#444;
	color:					#fff;
}

ul.autocompleter-choices span.autocompleter-queried
{
	display:				inline;
	float:					none;
	font-weight:			bold;
	margin:					0;
	padding:				0;
}

ul.autocompleter-choices li.autocompleter-selected span.autocompleter-queried
{
	color:					#9FCFFF;
}
/*  Upload de fichier */


.msg {
	text-align:left;
 	color:#666;
	background-repeat: no-repeat;
 	margin-left:30px;
   margin-right:30px;
	padding:5px;
   padding-left:30px;
}

.emsg {
	text-align:left;
	margin-left:30px;
   margin-right:30px;
	color:#666;
	background-repeat: no-repeat;
	padding:5px;
   padding-left:30px;
}

#loader{
   visibility:hidden;
}

#f1_upload_form_sujets #f1_upload_form_config{
   height:100px;
}

#f1_error{
   font-family: Geneva, Arial, Helvetica, sans-serif;
   font-weight:bold;
   color:#FF0000;
}

#f1_ok{
   font-family: Geneva, Arial, Helvetica, sans-serif;
   font-weight:bold;
   color:#00FF00;

}

.reponse {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #666666;
}

#f1_upload_form_config  {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #666666;
}
#f1_upload_form_sujets  {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #666666;
}

#f1_upload_process_sujets {
   z-index:100;
   visibility:hidden; 
   position:absolute;
   text-align:center;
   width:400px;
}
#f1_upload_process_config {
   z-index:100;
   visibility:hidden; 
   position:absolute;
   text-align:center;
   width:400px;
}
.stdbutton {
	color: #9E3C02;
        background: #FFA00D;
        border-bottom: solid 2px #D76100;
        border-right: solid 2px #D76100;
}

.stdbutton:hover {
        color: #fff;
        cursor: pointer;
        background: #FFB90F;
        border-bottom: solid 2px #D76100;
        border-right: solid 2px #D76100;
}



/* Les examResult*/
#examViewer {
font-family: verdana,sans-serif; color:#000000;
 font-size: 0.9em; 
min-width:824px;
}
#examResult {
font-family: verdana,sans-serif; color:#000000;
 font-size: 0.8em; 
min-width:824px;
}

#file_Listing_sujets{
font-family: verdana,sans-serif; color:#000000;
	color: #666666;
}
#file_Listing_config{
font-family: verdana,sans-serif; color:#000000;
	color: #666666;
}

#content_sujets {
	float: left;
  margin-right: 2em;
}
#content_config {
/*	float: right;*/
}

#PROGRESS BAR 

progress:not(value) {
    /* Add your styles here. As part of this walkthrough we will focus only on determinate progress bars. */
 }
progress {
border: none;
    width: 100%; height: 1.5em;
    background-color: rgba(255,255,255,0.6);
    border-radius: 1em;
    box-shadow: 0 2px 3px rgba(0,0,0,.5) inset;
    /* Of all IE, only IE10 supports progress element that too partially. It only allows to change the background-color of the progress value using the 'color' attribute. */
    position: relative;
    margin: 0 0 0.2em; 
    color: royalblue;

}

progress::-moz-progress-bar {
  background-color: royalblue;
    border-radius: 1em;   

}

progress::-webkit-progress-bar {
    background-color: rgba(255,255,255,0.6);
    color: rgba(255,255,255,0.3);
    border-radius: 1em;
    box-shadow: 0 2px 3px rgba(0,0,0,.5) inset;


}
progress::-webkit-progress-value {
  background-color: royalblue;
  border-radius: 1em;   
} 


p[data-value]:after {
    content: attr(data-value) '%';
    position: absolute; right:0;
}
div#quota  {
    text-align: center;
    position: absolute;
    top: 0;
    right: 0;
    width: 60%;
    padding: 0;
    margin: 0;
}