/************************* Firefox default*************************/

/* bidi */
[dir="rtl"]
{
	direction: rtl;
	unicode-bidi: embed;
}

[dir="ltr"]
{
	direction: ltr;
	unicode-bidi: embed;
}

bdo[dir]
{
	unicode-bidi: bidi-override;
}

/* blocks */
html, div, map, dt, isindex, form
{
	display: block;
}

body
{
	display: block;
	margin: 8px;
}

p, dl, multicol 
{
	display: block;
	margin: 1em 0;
}

dd 
{
	display: block;
	-moz-margin-start: 40px;
}
blockquote 
{
	display: block;
	margin: 1em 40px;
}

address
{
	display: block;
	font-style: italic;
}

center 
{
	display: block;
	text-align: -moz-center;
}

blockquote[type=cite]
{
	display: block;
	margin: 1em 0px;
	padding-left: 1em;
	border-left: solid;
	border-color: #0490B3;
	border-width: thin;
}

span[_moz_quote=true] 
{
	color: #0490B3;
}

pre[_moz_quote=true] 
{
	color: #0490B3;
}

h1 
{
	display: block;
	font-size: 2em;
	font-weight: bold;
	margin: .67em 0;
}

h2 
{
	display: block;
	font-size: 1.5em;
	font-weight: bold;
	margin: .83em 0;
}

h3 
{
	display: block;
	font-size: 1.17em;
	font-weight: bold;
	margin: 1em 0;
}

h4 
{
	display: block;
	font-weight: bold;
	margin: 1.33em 0;
}

h5 
{
	display: block;
	font-size: 0.83em;
	font-weight: bold;
	margin: 1.67em 0;
}

h6 
{
	display: block;
	font-size: 0.67em;
	font-weight: bold;
	margin: 2.33em 0;
}
listing 
{
	display: block;
	font-family: -moz-fixed;
	font-size: medium;
	white-space: pre;
	margin: 1em 0;
}

xmp, pre, plaintext 
{
	display: block;
	font-family: -moz-fixed;
	white-space: pre;
	margin: 1em 0;
}

/* tables */
table 
{
	display: table;
	border-spacing: 2px;
	border-collapse: separate;
	margin-top: 0;
	margin-bottom: 0;
	-moz-box-sizing: border-box;
	text-indent: 0;
}

table[align="left"] 
{
	float: left;
}

table[align="right"] 
{
	float: right;
	text-align: start;
}

table[rules]:not([rules="none"]) 
{
	border-collapse: collapse;
}

/* caption inherits from table not table-outer */
caption 
{
	display: table-caption;
	text-align: center;
	-moz-box-sizing: border-box;
}

table[align="center"] > caption 
{
	margin-left: auto;
	margin-right: auto;
}

table[align="center"] > caption[align="left"] 
{
	margin-right: 0;
}

table[align="center"] > caption[align="right"] 
{
	margin-left: 0;
}

tr
{
	display: table-row;
	vertical-align: inherit;
}

col 
{
	display: table-column;
}

colgroup 
{
	display: table-column-group;
}

tbody 
{
	display: table-row-group;
	vertical-align: middle;
}

thead 
{
	display: table-header-group;
	vertical-align: middle;
}

tfoot 
{
	display: table-footer-group;
	vertical-align: middle;
}

/* for XHTML tables without tbody */
table > tr 
{
	vertical-align: middle;
}

td 
{
	display: table-cell;
	vertical-align: inherit;
	text-align: inherit;
	padding: 1px;
}

th {
	display: table-cell;
	vertical-align: inherit;
	font-weight: bold;
	padding: 1px;
}

tr > form:-moz-is-html, tbody > form:-moz-is-html,
thead > form:-moz-is-html, tfoot > form:-moz-is-html,
table > form:-moz-is-html 
{
	/* Important: don't show these forms in HTML */
	display: none !important;
}

/* inlines */
q:before 
{
	content: open-quote;
}

q:after 
{
	content: close-quote;
}

b, strong 
{
	font-weight: bolder;
}

i, cite, em, var, dfn 
{
	font-style: italic;
}

tt, code, kbd, samp 
{
	font-family: -moz-fixed;
}

u, ins 
{
	text-decoration: underline;
}

s, strike, del 
{
	text-decoration: line-through;
}

blink 
{
	text-decoration: blink;
}

big 
{
	font-size: larger;
}

small 
{
	font-size: smaller;
}

sub 
{
	vertical-align: sub;
	font-size: smaller;
	line-height: normal;
}

sup 
{
	vertical-align: super;
	font-size: smaller;
	line-height: normal;
}

nobr 
{
	white-space: nowrap;
}

/* titles */
abbr[title], acronym[title] 
{
	border-bottom: dotted 1px;
}

/* lists */
ul, menu, dir
{
	display: block;
	list-style-type: disc;
	margin: 1em 0;
	-moz-padding-start: 40px;
}

ol 
{
	display: block;
	list-style-type: decimal;
	margin: 1em 0;
	-moz-padding-start: 40px;
}

li 
{
	display: list-item;
	-moz-float-edge: margin-box;
}

/* nested lists have no top/bottom margins */
ul ul, ul ol, ul dir, ul menu, ul dl,
ol ul, ol ol, ol dir, ol menu, ol dl,
dir ul, dir ol, dir dir, dir menu, dir dl,
menu ul, menu ol, menu dir, menu menu, menu dl,
dl ul, dl ol, dl dir, dl menu, dl dl 
{
	margin-top: 0;
	margin-bottom: 0;
}

/* 2 deep unordered lists use a circle */
ol ul, ul ul, menu ul, dir ul,
ol menu, ul menu, menu menu, dir menu,
ol dir, ul dir, menu dir, dir dir 
{
	list-style-type: circle;
}

/* 3 deep (or more) unordered lists use a square */
ol ol ul, ol ul ul, ol menu ul, ol dir ul,
ol ol menu, ol ul menu, ol menu menu, ol dir menu,
ol ol dir, ol ul dir, ol menu dir, ol dir dir,
ul ol ul, ul ul ul, ul menu ul, ul dir ul,
ul ol menu, ul ul menu, ul menu menu, ul dir menu,
ul ol dir, ul ul dir, ul menu dir, ul dir dir,
menu ol ul, menu ul ul, menu menu ul, menu dir ul,
menu ol menu, menu ul menu, menu menu menu, menu dir menu,
menu ol dir, menu ul dir, menu menu dir, menu dir dir,
dir ol ul, dir ul ul, dir menu ul, dir dir ul,
dir ol menu, dir ul menu, dir menu menu, dir dir menu,
dir ol dir, dir ul dir, dir menu dir, dir dir dir 
{
	list-style-type: square;
}

/* leafs */
/* noshade and color attributes are handled completely by
* the nsHTMLHRElement attribute mapping code
*/
hr 
{
	display: block;
	height: 2px;
	border: 1px -moz-bg-inset;
	margin: 0.5em auto 0.5em auto;
	-moz-float-edge: margin-box;
	-moz-box-sizing: border-box;
}

hr[size="1"] 
{
	border-style: -moz-bg-solid none none none;
}

*|*:-moz-any-link img, img[usemap], object[usemap] 
{
	border: 2px solid;
}

img[usemap], object[usemap] 
{
	cursor: pointer;
	color: #0490B3;
}

frameset 
{
	display: block ! important;
	overflow: -moz-hidden-unscrollable;
	position: static ! important;
	float: none ! important;
	border: none ! important;
}

frame 
{
	border: none ! important;
}

iframe 
{
	border: 2px inset;
}

noframes 
{
	display: none;
}

spacer 
{
	position: static ! important;
	float: none ! important;
}

canvas 
{
	-moz-user-select: none;
}

/* focusable content: anything w/ tabindex >=0 is focusable */
abbr:focus, acronym:focus, address:focus, applet:focus, b:focus,
base:focus, big:focus, blockquote:focus, br:focus, canvas:focus, caption:focus,
center:focus, cite:focus, code:focus, col:focus, colgroup:focus, dd:focus,
del:focus, dfn:focus, dir:focus, div:focus, dl:focus, dt:focus, em:focus,
fieldset:focus, font:focus, form:focus, h1:focus, h2:focus, h3:focus, h4:focus,
h5:focus, h6:focus, hr:focus, i:focus, img:focus, ins:focus,
kbd:focus, label:focus, legend:focus, li:focus, link:focus, menu:focus,
object:focus, ol:focus, p:focus, pre:focus, q:focus, s:focus, samp:focus,
small:focus, span:focus, strike:focus, strong:focus, sub:focus, sup:focus,
table:focus, tbody:focus, td:focus, tfoot:focus, th:focus, thead:focus,
tr:focus, tt:focus, u:focus, ul:focus, var:focus 
{
	outline: 1px dotted invert;
}

/* hidden elements */
area, base, basefont, head, meta, script, style, title,
noembed, param 
{
	display: none;
}

/* emulation of non-standard HTML marquee tag */
marquee 
{
	display: block;
	-moz-binding: url('chrome://xbl-marquee/content/xbl-marquee.xml#marquee-horizontal');
}

marquee[direction="up"], marquee[direction="down"] 
{
	-moz-binding: url('chrome://xbl-marquee/content/xbl-marquee.xml#marquee-vertical');
	height: 200px;
}

/* PRINT ONLY rules follow */
@media print 
{
	marquee { -moz-binding: none; }
	/* XXX this should not be necessary, we should be stopping blinking
	of any kind in print preview, not just the blink element */
	blink
	{
		text-decoration: none;
	}
}



/************************* G�n�ral *************************/
h1
{
	color: #0490B3;
	text-align: center;
	font-weight: bold;
}

.error
{
	color: red;
	text-align: center;
	font-size: 1.2em;
}


/************************* Header *************************/
#header
{
	text-align: center;
	margin: 20px;
	background-color: #CFEFF7;
	border: 2px solid black;
}

/************************* Connection block *************************/
#connection
{
	float: left;
	width: 220px;
	margin-left: 20px;
	margin-right: 20px;
	background-color: #CFEFF7;
	border: 2px solid black;
	margin-bottom: 20px;	
}

#connection input
{
	font-family: "Times New Roman", Times, serif;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
}
 
#connection label
{
	color: #0490B3;
	margin-left: 20px;
	margin-right: 20px;
}

#connection p label
{
	color: #0490B3;
	font-weight: Normal;
	margin-left: 0px;
	margin-right: 0px;
}

#connection h3
{    
   color: #0490B3;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
}

#connection p
{
   margin-left: 20px;
   color: #059376;
   font-weight: bold;
}

/************************* Search block *************************/
#searchbox
{
	float: left;
	clear: left;
	width: 220px;
	margin-left: 20px;
	margin-right: 20px;
	background-color: #CFEFF7;
	border: 2px solid black;
	margin-bottom: 20px;	
}

#searchbox input
{
	font-family: "Times New Roman", Times, serif;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
}

#searchbox h3
{    
   color: #0490B3;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
}

/************************* Menu *************************/
#menu
{
	float: left;
	clear: left;
	width: 220px;
	background-color: #CFEFF7;
	border: 2px solid black;
	margin-left: 20px;
	margin-right: 20px;	
	margin-bottom: 20px;	
}

#menu p
{
   margin-left: 20px;
   color: red;
   font-weight: bold;
}

#menu b
{
   margin-left: 10px;
   font-weight: bold;
}

#menu h3
{    
   color: #0490B3;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
}

#menu ul
{
   padding: 0px;
   padding-left: 20px;
   margin: 0px;
   margin-bottom: 5px;
}

#menu a
{
   color: red;
}

#menu a:hover
{
   background-color: #B3B3B3;
   color: black;
}

/************************* Body *************************/
#body
{
	margin-left: 265px;
	margin-bottom: 20px;
	margin-right: 20px;
	padding: 10px;
	background-color: #CFEFF7;
	border: 2px solid black;
}

#body h1
{
   color: #0490B3;
   text-align: center;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}

#body h2
{
   color: #0490B3;
   text-align: center;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}

#body h6
{
	margin: 10px;
	color: #0490B3;
	text-align: center;
	font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
	font-size: 1em;
}

#body caption /* Table title */
{
   margin: auto;
   font-family: Arial, Times, "Times New Roman", serif;
   font-weight: bold;
   font-size: 1.2em;
   color: #009900;
   margin-bottom: 20px; /* Pour �viter que le titre ne soit trop coll� au tableau en-dessous */
}

#body table /* Le tableau en lui-m�me */
{
   margin: auto; /* Centre le tableau */
   border: 4px outset blue; /* Bordure du tableau avec effet 3D (outset) */
   border-collapse: collapse; /* Colle les bordures entre elles */
}

#body th /* Les cellules d'en-t�te */
{
   background-color: #000066;
   color: white;
   font-size: 1.1em;
   font-family: Arial, "Arial Black", Times, "Times New Roman", serif;
   padding-left: 15px;
   padding-right: 15px;
}

#body td /* Les cellules normales */
{
   border: 1px solid black;
   font-family: Arial, "Arial Black", Times, "Times New Roman", serif;
   text-align: center; /* Tous les textes des cellules seront centr�s*/
   padding: 5px; /* Petite marge int�rieure aux cellules pour �viter que le texte touche les bordures */
}

#body input
{
	font-family: "Times New Roman", Times, serif;
	margin-left: 20px;
}

#body input[type=text]
{
	width: 300px;
}

#body td input[type=text]
{
	width: 30px;
	text-align: center;
}

#body textarea
{
	font-family: "Times New Roman", Times, serif;
	width: 500px;
	height: 100px;
	resize: none;
	margin-left: 20px;
}

#body td input
{
	margin-left: 5px;
	margin-right: 5px;
}
 
#body label
{
	color: #0490B3;
	margin-left: 20px;
}

#body legend
{
	font-family: Arial, "Arial Black", Georgia, "Times New Roman", Times, serif;
	color: #033372;
	font-weight: bold;
}
 
#body fieldset
{
	margin: 20px;
	background-color: #CFEFF7;
	width: auto;
}

#body a, #body a:visited
{
	color: #0490B3;
}

#body p
{
	margin-left: 20px;
}

/************************* Footer *************************/
#footer
{
	padding: 5px;
	clear: both;
	margin-left: 20px;
	margin-right: 20px;
	text-align: center;
	color: #0490B3;
	background-color: #CFEFF7;
	border: 2px solid black;
}