/* Copyright 2005 VMFnet - TIMI2 for SMART-ULg
orange smart	#e87600
rouge smart		#c30
vert ulg		#004e56
rouge ulg		#fc1921
*/

body {
	width:750px;
	margin-left:auto;
	margin-right:auto;
	background:#fff;}

/*header*/
#header {
	width:750px;
	height:85px;
	background:url('../imgs/banner.png') #004e56 no-repeat;
	border-left:1px solid #666;
	border-top:1px solid #666;
	border-right:1px solid #666;}

#header h1, #header h2 {
	visibility:hidden;
	display:none;}

/*menu_lang*/
#menu_lang {
	position:relative;
	display:inline;
	margin-left:5px;
	text-align:center;
	top:65px;}

#menu_lang img {
	width:17px;
	height:11px;
	border:none;}
	
/*menu_navi*/
#menu_navi {
	width:750px;
	height:30px;
	border-left:1px solid #666;
	border-right:1px solid #666;
	background:url('../imgs/menu.png') #fff repeat-x;
	text-align:center;}

#menu_navi ul {
	margin:0px;
	padding:0px;
	font:small-caps 8pt Verdana,Helvetica,sans-serif;
	color:#004e56;
	line-height:30px;
	white-space:nowrap;}

#menu_navi li {
	list-style-type:none;
	display:inline;
	border-left:1px solid #004e56;}

#menu_navi li:first-child {border-left:none;}

#menu_navi li a {
	padding-left:5px;
	padding-right:5px;
	text-decoration:none;
	color:#c30;}

#menu_navi li a:link {color:#c30;}
#menu_navi li a:visited {color:#c30;}
#menu_navi li a:hover {color:#e87600;}

/*page*/
#page {
	width:730px;
	padding-top:5px;
	padding-left:10px;
	padding-right:10px;
	border-right:1px solid #666;
	border-bottom:1px solid #666;
	border-left:1px solid #666;
	background:url('../imgs/page.png') #fff bottom repeat-x;
	text-align:left;
	font:10pt sans-serif;
	color:#222;
	}

#page h3 {
	font:bold italic 12pt Verdana,Helvetica,sans-serif;
	color:#e87600;
	text-align:left;}

#page em {color:#004e56;}

#page strong {
	color:#fc1921;
	font:bold small-caps 10pt Verdana,Helvetica,sans-serif;}

#page a:link {
	color:#004e56;
	text-decoration:underline;}
#page a:visited {
	color:#004e56;
	text-decoration:underline;}
#page a:active {
	color:#e87600;
	text-decoration:none;}
#page a:hover {	
	color:#c30;
	text-decoration:none;}

#page hr {
	width:500px;
	color:#666;
	border-top:1px solid #666;
	border-left:0;
	border-bottom:0;
	border-right:0;
	text-align:center;}

#page table {
	width:auto;
	margin-left:auto;
	margin-top:5px;
	margin-right:auto;
	margin-bottom:5px;
	padding:2px;}

#page table.quiz {text-align:center;}
#page table.dc {
	text-align:center;
	border:1px dashed #666;}
#page table.bord {border:1px dashed #666;}

#page table tr.trow1 {background:#ddd;}
#page table tr.trow2 {background:#eee;}

#page table td {border:none;}
#page table.dc td {
	border-left:1px dashed #666;}

#page p.buttons {text-align:center;}

#page div.demo { /*div sur la page d'index*/
	margin-left:auto;
	margin-right:auto;
	padding:1px 5px;
	width:90%;
	border:1px dashed #666;}

/*page forms*/
fieldset {
	width:50%;
	margin-left:auto;
	margin-top:10px;
	margin-right:auto;
	margin-bottom:10px;
	padding:2px;
	border:1px dashed #666;}

legend {font:small-caps 8pt Verdana, Helvetica, sans-serif;}
	
input[type="text"], input[type="password"], input[type="reset"], textarea, select {
	border:1px solid #666;
	background:#eee;
	font:10pt sans-serif;
	margin-left:2px;}

input[type="text"]:focus, input[type="password"]:focus, input[type="reset"]:focus, textarea:focus, select:focus {background:#fff;}

input[type="submit"] {
	display:inline;
	border:1px solid #666;
	background:#ccc;
	font:bold 8pt Verdana, Arial, Helvetica, sans-serif;
	margin:5px 2px;}

input[type="submit"]:hover {
	background:#004e56;
	color:#ddd;}

input[type="hidden"] {display:none;}

/*page feedbacks*/
#page p.errormsg {
	text-align:center;
	color:#c30;
	font:bold;}
#page p.avertmsg {
	text-align:center;
	color:#111;
	font:italic;}

#page .dc_rc {color:darkgreen;}
#page .dc_ri {color:darkred;}

#page .other {
	background:ccc;
	border:1px solid #666;
	}
#page .right {
	background:#3c3;
	border:1px solid #666;
	color:#DDD;}
#page .wrong {
	background:#c33;
	border:1px solid #666;
	color:#DDD;}
#page .choosen {
	border:2px solid #222;}
#page .right_choosen {
	background:#3c3;
	border:2px solid #222;}
	
#page ul.quiz_resultat {/*le resultat d'un quizz*/
	margin-left:auto;
	margin-right:auto;
	padding:1px 5px;
	width:90%;
	border:1px dashed #666;}
#page ul.quiz_resultat li {list-style-type:none;}

#page table.quiz_feedback {border:1px dashed #666;}

#page table.quiz_feedback td {border-left:1px dashed #666;}

#page div.objet {
	margin-left:auto;
	margin-right:auto;
	width:auto;}

#page img.graph {
	max-width:720px;}

/*footer*/
#footer {
	text-align:center;
	color:#666;
	font:8pt Verdana,Helvetica,sans-serif;}

#footer_logo_left {
	float:left;
	border:none;
	margin-top:3px;}
#footer_logo_right {
	float:right;
	border:none;
	margin-top:3px;}