/* FIX IE6 Scrollbars bug - Leave this in! */
html { overflow-x: auto; } 

body {
	scrollbar-3dlight-color: #999999;
	scrollbar-arrow-color: #999999;
	scrollbar-base-color: #666666;
	scrollbar-darkshadow-color: Black;
	scrollbar-face-color: #666666;
	scrollbar-highlight-color: #999999;
	scrollbar-shadow-color: #999999;
	scrollbar-track-color: #8B8B8B;
	
	font-family:"Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size: 100%;
	margin: 0;
	padding: 0;
	background-color:#009;
	color: #000;
}

/* pour retablir le mauvais effet sur les nav. modernes */
html>body #globalbox{
height:auto;
}

#globalbox {
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
	/*
	position: absolute;
	top: 10px;
	left: 10px;
	right: 10px;
	*/
	background-color:#FFF;
	/* border: 2px solid #000; */
}

/*** Header ***/
#headerbox {
	height: auto;
	padding: 0px;
	padding-left: 215px;
	margin: 0px;
	border: 2px solid #000;
	color: #000;
	background: #fff url("../img/blue_gfue_logo.png");
	background-repeat: no-repeat;	
	font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size: small;
}
#headerbox #text {
	padding: 2px;
	text-align: center;
}
#headerbox #text h1 {
	margin: 4px;
	text-align: center;
	padding-top: 7px;
	padding-bottom: 7px;
	font-size: 130%;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #009;
}
#headerbox #text div.toolbar {
	margin-top: 7px;
	/* border: 1px dotted #999900; */
	padding: 2px 2px 2px 2px;
	color: #0066FF;
	font-weight: bold;
	font-size: 90%;
}
ul.toolbar {
	list-style-type: none;
	margin: 0;
	padding:0;
}
ul.toolbar li {
	display: inline;
}
#headerbox #text div.toolbar a {
	margin: 2px;
	text-decoration: none;
	color: #3377FF;
}
#headerbox #text div.toolbar a:hover {
	margin: 0px;
	padding: 1px;
	color: #fff;
	background-color: #3377ff;
	border: solid 1px #08F;
}

#headerbox #text div.subtoolbar {
	/*
	margin-left: 233px;
	margin-right: 15px;
	*/
	/* border: 1px dotted #999900; */
	padding: 5px 2px 8px 2px;
	color: #009900;
	font-size: 85%;
	font-style: italic;
}
#headerbox #text div.subtoolbar span {
	float: right;
}
ul.subtoolbar {
	list-style-type: none;
	margin: 0;
	padding:0;
}
ul.subtoolbar li {
	display: inline;
}
#headerbox #text div.subtoolbar a {
	margin: 0 2px;
	text-decoration: none;
	font-weight: bold;
	color: #13AF0A;
}
#headerbox #text div.subtoolbar a:hover {
	color: #f00;
}


/*** TopToolbar ***/
#toptoolbar {
	height: auto;
	background-color:#009;
	/*
	border-top: 2px solid #000;
	border-bottom: 2px solid #ddf;
	border-left: 2px solid #000;
	border-right: 2px solid #ddf;
	margin-bottom: 5px;
	margin-left: 0px;
	margin-right: 0px;
	*/
}

#toptoolbar a {
	margin: 0 2px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}
#toptoolbar a:hover {
	text-decoration: underline;
}
#toptoolbar .separator {
	margin: 0;
	padding: 0;
	height: 6px;
}
#toptoolbar div {
	font-size: 80%;
	color: #fff;
	padding: 1px 35px 1px 35px;
}
#toptoolbar div p {
	background-color: #66C;
	margin: 0;
	padding: 0 10px 0 10px;
	border-left: 2px solid #000;
	border-right: 2px solid #000;
}
#toptoolbar ul {
	list-style-type: none;
	margin: 0;
	padding:0;
}
#toptoolbar ul li {
	display: inline;
}

/*** Body box ***/
#bodybox {
	border: 2px solid #000;
	/* background-color:#fff; */
	width: auto;
	margin-right: auto;
	padding-top: 15px;
	padding-right: 35px;
	padding-left: 175px;
	/* padding-left: 35px; */
	font-size: 80%;
}
#sidebar {
	float: left;
	width: 140px;
	height: 100%;
	/*
	background-color:#FFC;
	border: 1px dotted #ddd;
	*/
	margin-right: 20px;
	padding: 10px;
	color: #000;
	font-size: 80%;
}
#sidebar a {
	color: #0000dd;
	text-decoration: none;
}
#sidebar a:hover {
	color: #00F;
	background-color: transparent; 
	text-decoration: underline;
}
#sidebar p {
	margin: 3px 0 1px 0;
	padding-left: 5px;
}

#sidebar div.box {
	padding: 0px;
	margin-bottom: 10px;
	background-color:#EFF8FF;
	border: 1px solid #aaF;
	font-size: 95%;
}
#sidebar div.box h1 {
	padding-left: 5px;
	margin: 0;
	font-size: 100%;
	font-weight: bold;
	background-color: #fff;
	border-bottom: 1px solid #aaF;
}
#sidebar div.box h2 {
	padding-left: 5px;
	margin: 2px 0 0 0;
	font-size: 85%;
	font-weight: bold;
	font-style: italic;
	color: #009;
	background-color: #dfe7FF;
	border-top: 1px dotted #aaf;
	border-bottom: 1px dotted #aaf;
}

#sidebar div.editorbox {
	padding: 0px;
	margin-bottom: 10px;
	background-color:#FFF7DF;
	border: 1px solid #aaF;
	font-size: 95%;
}
#sidebar div.editorbox h1 {
	padding-left: 5px;
	margin: 0;
	font-size: 100%;
	font-weight: bold;
	background-color: #FD0;
	border-bottom: 1px solid #aaF;
}
#sidebar div.editorbox h2 {
	padding-left: 5px;
	margin: 0;
	font-size: 95%;
	background-color: #FFF3CF;
	border-top: 1px dotted #fc9;
	border-bottom: 1px dotted #fc9;
}
#sidebar div.editorbox a {
	color: #F60;
}
#sidebar div.editorbox a:hover {
	color: #FFF;
	background-color: #F60;
}
#sidebar ul {
	list-style-type: none;
	margin: 0;
	padding: 5px;
}
#sidebar ul li {
	display: block;
}
#sidebar ul a {
	padding: 0 0 0 6px;
	text-decoration: none;
}
#sidebar ul a:hover {
	padding: 0 0 0 3px;
	border-left: 3px solid #009;
}
#rightsidebar {
	float:right;
	width: 150px;
	background-color:#cFc;
	padding: 10px;
	margin: 10px;
	border: 2px solid #000;
}
#footerbox {
	clear: both;
	width: 100%;
	height: auto;
	color: #9999cc; 
	font-style: italic;
	font-size: 75%;
	/* background-color: #fff; */
	border-top: 1px solid #ccc;
	text-align: center;
	padding-top: 15px;
}
#footerbox a {
	color: #8888ff; 
	font-weight: bold;
	font-style: italic;
}


/*
p {margin: 0 0 10px 0;}
*/

/* ===================================== */

/* Tableaux */
.bloc0 { 
	color: #000000; 
	border: 1px solid #000000;
	background-color: #FFDE9F;
}
.bloc1 { 
	background-color: #EAE6D5; 
	color: #000000;
	border: 1px solid #000000;
}
.bloc2 { 
	background-color: #F0F0F0;
	color: #000000; 
	border: 1px solid #cccccc; 
}
.bloc3 {
	background-color: #D5D5D5;
	color: #000000;
	border: 1px solid #000000;
}

/* Others */

.info {
	font-weight: bold;
	color: #009;
	background-color: #e9f8FF;
	padding: 5px;
	margin-top: 20px;
	margin-bottom: 20px;
	border: Blue solid 2px;
}
.warning {
	font-weight: bold;
	color: Red;
	background-color: #fffbf0;
	padding: 5px;
	margin-top: 20px;
	margin-bottom: 20px;
	border: Red solid 2px;
}
p.text:first-letter {
	color: #ff6600;
	font-size: 120%;
	font-weight: bold;
	font-variant : small-caps;
}
.field {
	vertical-align: top;
/*	color: #990000;*/
	font-style: italic;
}
.fieldreq {
	vertical-align: top;
/*	color: #990000;*/
	font-style: italic;
	font-weight: bold;
}

/* Application::Links */
#links {
	font-size: 100%;
}
#links .navigation {
	font-size: 90%; 
	font-weight: bold;
}
#links .navigation a {
	font-size: 100%; 
	font-weight: bold;
}
#links ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	margin-left: 20px;
	border-left: solid #eef 3px;
}	
#links .linkdescription ul {
	border: 0;
	list-style-type: circle;
}
#links .section {
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 2px;
	background-color: #eff8ff;
	border-bottom: dotted #99ccff 2px;
}
#links .nota {
	margin-left: 10px;
	font-size: 90%;
	font-weight: normal;
	font-style: italic;
	color: #999999;	
}
#links .section a {
	font-size: 90%; 
	color: #000099;
	font-weight: bold;
}

#links ul.subsections {
	color: #000099;
	padding: 5px;
	margin-left: 10px; 
	margin-bottom: 10px;
	background-color: #EFFFEF;
	border: dotted #cccccc 1px;
}
#links ul.subsections li {
	padding-bottom: 5px;
}
#links ul.subsections li a {
	font-weight: bold;
}
#links ul.subitems {
	color: black;
	font-weight: bold;
	padding: 5px;
	margin-left: 10px; 
	margin-bottom: 10px;
	background-color: #ffffff;
	border: dotted #dddddd 1px;
}
#links ul.subitems a {
	color: black;
	font-size: 90%;
	font-weight: normal;
	padding-right: 5px;
}
#links ul.subitems .author {
	color: #66aa99; 
	font-style: italic;
}
#links ul.subitems .url {
	font-size: 75%;
	color: blue;
}
#links span.dot {
	font-size: 95%;
	color: #009900;
	font-weight: bold;
}
.linkdescription {
	font-size: 80%;
}

/* Application::News */
#news {
	margin-top: 45px;
}
#news table {
	margin-left: 20px;
}
#news .rightholder {
	margin-top: 25px;
	text-align: right;
	font-size: 85%; 
	font-style: italic;
}
#news p.title {
	color: #0000aa;
	/* background-color: #efefff; */
	font-weight: bold;
	font-size: 95%;	

	margin: 0px;
	border-left: solid #aaaaff 5px;
	background-color: #EFF6FF;
	padding-top: 3px;
	padding-left: 3px;
	border-bottom: dotted 2px #aaaaff;
}
#news p.title a {
	padding-left: 2px;
	color: #000;
	font-weight: bold;
	text-decoration: none;
}
#news p.title a:hover {
	color: #009900;
	text-decoration: none;
}
#news p.title .date {
	float: right;
	text-align: right;
	font-style: italic;
	color: #777799;
	font-size: 80%;	
	border-left: 0px;
}
#news div.newstext {
	font-size: 90%;	
	margin: 0 0 35px 50px;
	padding-top: 5px; 
	border-right: dotted #bbbbdd 1px;	
	border-bottom: dotted #bbbbdd 1px;	
}
#news ul.references {
	margin: 5px 0 0 5px;
	padding-top: 10px; 
	padding-bottom: 5px; 
	text-align: left;
	list-style-type: decimal;
}

#news ul.references a:link, #news ul.references a:visited, #news ul.references a:active  {
	padding: 0 5px 0 5px;
	text-decoration: none;
}
#news ul.references a:hover {
	text-decoration: none;
}

/* Others */

h1 {
	font-size: 150%;
}
h2 {
	font-size: 130%;
}
h3 {
	font-size: 120%;
}

th {
	font-weight: bold;
	font-style: italic;
	/* font-size: 80%; */
}
table.smaller {
	border: solid 1px #99d;
	background-color: #fff;
}
table.smaller tr.header {
	background-color: #eeeeee;
}
table.smaller tr.one {
	background-color: #eed;
}
table.smaller tr.two {
	background-color: #fff;
}
table.smaller tr.three {
	background-color: #fdd;
}
table.smaller th {
	font-size: 85%;
}
table.smaller td { 
	font-size: 75%;
}

a:link, a:visited, a:active {
	text-decoration: none;
	color: #FF6600;
}
a:hover {
	text-decoration: underline;
}
.genlarger {
	font-size: 100%;	
}
.gennormal {
	font-size: 90%;
}
.gensmaller {
	font-size: 85%;
}

/* Others .. */

.headline {
	font-size: 90%;
	font-weight: bold;
	font-style: italic;
	color: #009900;
}

.text em {
	font-weight: bold; 
	font-style: Italic;
}
.text h3 {
	text-align: center;
	font-size: 140%;
	font-weight: bold;
	color: #009900;
}
.text h2 {
	text-align: center;
	font-size: 180%;
	font-weight: bold;
	color: #009900;
}

div.framed {
	border: 1px dotted #ccccdd;
	padding: 2px 10px 10px 10px;
	margin: 5px;
}