/* Feuille de style Bristol Decision
 * Auteur: Michael Wassmer / www.ap3com.com 
 * Dernière mise à jour: 14/11/2005
 */


body {
	margin: 0 auto;
	padding: 0;
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 12px;
	background: #E7E7E7;
}

a {
	text-decoration: none;
	color: #003250;
}

a:hover {
	color: #000;
}

a img {
	border: 0;
}

h3 {
	color:#003250;
	font-size: 1.2em;
	margin: 0 0 5px 0;
	padding: 5px;
	background: url(title_bg.gif) repeat-x;
	text-align:right;
}

h4 {
	color:#003250;
	font-size: 1.1em;
	margin: 0 0 5px 0;
	padding: 2px 0 0 0;
	border-bottom: 2px solid #eee;
}

#bg { 
	width: 760px;
	margin: 0 auto;
	height: 580px;
	padding: 6px 10px 0px 10px;
	background: url(bg.gif) no-repeat;
}

#page {
	padding-top:9px;
	padding-left:2px;
	color: #303030;
	width: 736px;
}

#header {
	height:85px;
	clear: both;
	padding: 0;
	border-bottom: 2px solid #eee;
	background: #FFF url(fade.gif) repeat-x;
	color: #808080;
}

#header img{
	float:right;
}

#header object{
	float:left;
}

#navigation {
	clear: left;
	float: left;
	width: 150px;
	margin: 10px 0 10px 0;
	padding: 0;
	font-size: 0.9em;
	position:absolute;
}

#navigation ul {	
	list-style: none;
	width: 150px;
	margin: 0 0 3px 0;
	padding: 0;
	font-size: 1.1em;
	border-right: 2px solid #eee;
}	

#navigation li {
	margin: 0 0 4px 0;
	padding: 0 5px 0 10px;
}

#navigation li a {
	font-size: 14px;
	font-weight: bold;
	text-align: right;
	height: 20px;
	text-decoration: none;
	color: #787878;
	display: block;
	padding: 2px 7px 0 7px;
	background: #fff;
	border-bottom: 1px dotted #ccc;
}	
	
#navigation li a:hover {
	color: #003250;
	background: #ece794;
}

#othernavigation ul {
	margin: 8px 0 0 0;
	padding: 0;
	list-style-type: none;
	text-align: left;
}

#othernavigation ul li { 
	display: inline; 
}

#othernavigation ul li a {
	text-decoration: none;
	padding: .2em 1em;
	color: #fff;
	background: #6195b8;
	font-weight: bold;
}

#othernavigation ul li a:hover {
	color: #003250;
	background: #ece794;
}

#navigation ul li a.selected, #othernavigation ul li a.selected {
	color: #003250;
	/*background: #ece794;*/
	background: url(corner.gif) no-repeat #dddde3;
}


#infobox {
	width: 130px;
	border: 1px solid #ccc;
	background: #f4f4f4;
	padding: 3px;
	margin:10px;
	color:#666;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;

}

#infobox ul {
	width:110px;
	margin:0 0 0 20px;
	padding:0;
	list-style: url(checkbox.gif) outside;
	border:none;
}

#infobox ul li{
	margin:0;
	padding:0;
	font-size:0.8em;
}

#left_box {
	background: url(box.gif) no-repeat;
	margin:10px 0 0 165px;
	height: 146px;
	width:180px;
	height:300px;
	
	position: absolute;
}

#left_box p {
	margin:0;
	padding:0 7px 0 7px;
	text-align: justify;
}



#middle_box {
	margin: 10px 0 0 355px;
	background: url(box.gif) no-repeat;
	height: 146px;
	width:180px;
	height:300px;
	
	position: absolute;
}

#middle_box p {
	margin:0;
	padding:0 7px 0 7px;
	text-align: justify;
}


#right_box {
	margin: 10px 0 0 545px;
	background: url(box.gif) no-repeat;
	height: 146px;
	width:180px;
	height:300px;
	
	position: absolute;
}

#right_box p {
	margin:0;
	padding: 0 7px 0 7px;
	text-align: justify;
}

#left_box ul, #middle_box ul, #right_box ul {
	margin:10px 0 0 20px;
	padding:0;
	list-style: url(arrow.gif) outside;
}

#left_box ul li a, #middle_box ul li a, #right_box ul li a{
	text-align:left;
	font-size:0.9em;
}

.left_column {
	width: 270px;
	height: 250px;
	margin: 250px 0 0 165px;
	padding: 5px 10px 5px 10px;
	position:absolute;
}

.left_column a, #left_column a:visited {
	text-decoration: underline;	
}

.left_column p {
	padding: 0;
	margin: 0;
}

.right_column {
	width: 270px;
	height: 250px;
	margin: 250px 0 0 450px;
	padding: 5px 0 20px 10px;
	border-left: 1px solid #DDD;
	position:absolute;
}


.right_column ul{
	margin:10px 0 10px 20px;
	padding:0;
	list-style: url(arrow.gif) outside;
}
.right_column ul li a{
	text-align:left;
	font-size:0.9em;
	padding:  0;
	margin: 0;
	border-bottom: 1px dotted #ccc;
}

.boxtitle {
	color:#003250;
	padding:3px 0 5px 5px;
	font-size:12px;
	font-weight:bold;
	margin:0 0 10px 0;
}

.large_column {
	width: 550px;
	height: 470px;
	margin: 0px 0 0 165px;
	padding: 5px 10px 5px 10px;
	position:absolute;
	overflow:auto;
}

.large_column ul{
	margin:10px 0 10px 20px;
	padding:0;
	list-style: url(doton.gif) outside;
}

.large_column li{
	margin:10px 0;
}

.large_column a, .large_column a:visited {
	text-decoration: underline;	
}

.large_column p {
	padding: 0;
	margin: 8px 0;
	text-align: justify;
}

.large_column input {
	border : 1px solid #6195b8;
}

.large_column textarea{
	border : 1px solid #6195b8;
}

.large_column td {
text-align: center;
}

.blue {
	color: #286ea0;
}


#downbox {
	margin:450px 0 0 0;
	width:735px;
	border: 1px solid #819CD7;
	background: url(pattern3.gif);
	height:90px;
	position:absolute;
}

#downbox img {
	float:left;
	padding: 0 5px 0 0;
}

#downbox p {
	padding: 6px;
	margin: 0;
}

#footer {
	color: #808080;
	width:737px;
	font-size: 10px;
	text-align: right;
	margin:542px 0 0 0;
	position: absolute;
}

#short_footer{
	color: #808080;
	width:737px;
	font-size: 10px;
	text-align: right;
	margin:485px 0 0 0;
	position: absolute;
}

#footer a, #short_footer a {
	text-decoration: none;
	color: #3A6794;
}

#footer a:hover, #short_footer a:hover {
	color: #000;
	text-decoration: none;
}