body{
	margin: 0px;
	padding: 0px;
	text-align: center;
	background: #FFFFFF;
	color: #831518;
	font: 12px/19px Verdana, Arial, Helvetica, sans-serif;
} 	#body{background: #bbbbbb;}

form, img{border: none; margin: 0px;}
table td{font: 11px/18px Verdana, Arial, Helvetica, sans-serif;}
a{
	color: #ee8d24;
	text-decoration: underline;
}
a:hover{
	color: #b91323;
	text-decoration: underline;
}

h1{

}
h2{
	margin: 0px;
	padding: 20px 30px 9px 30px;
	color: #b91323;
	font: 28px/26px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
h3{
	margin: 0px;
	padding: 30px 0px 10px 0px;
	color: #ee8d24;
	font: italic 25px/26px Georgia, "Times New Roman", Times, serif;
}
h4{
	margin: 0px;
	padding: 0px 0px 0px 26px;
	font: 18px Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 0px;
	text-decoration: underline;
	background: url(../images/bullet_dots.gif) 0px 8px no-repeat;
}
h5{
	margin: 0px;
	padding: 20px 0px 5px 0px;
	font: italic 19px/24px Georgia, "Times New Roman", Times, serif;
}
h6{
	margin: 0px;
	padding: 22px 0px 0px 26px;
	font: italic 16px/20px Georgia, "Times New Roman", Times, serif;
	background: url(../images/bullet_dots.gif) -720px 28px no-repeat;
}
p{
	margin: 0px;
	padding: 10px 0px;
	text-align: justify;
}
pre{
	margin: 10px 0px;
	padding: 10px;
	background: #f8f6f2;
	border: 1px solid #e8e2d4;
	white-space: normal;
	color: #716e69;
	font: 11px/17px Verdana, Arial, Helvetica, sans-serif;
}
cite{
	margin: 10px 0px;
	padding: 10px;
	background: #f8f6f2;
	border: 1px solid #e8e2d4;
	display: block;
	color: #716e69;
}
blockquote{
	margin: 0px;
	padding: 30px 0px 20px 40px;
}
hr{
	color: #e8e2d4;
	border: none;
	border-top: 1px solid #e8e2d4;
	padding: 0px;
	margin: 0px;
	height: 1px;
}

fieldset{
	margin: 0px;
	padding: 0px;
	border: none;
}
	fieldset legend{display: none;}
	fieldset div{padding: 3px 0px;}
	fieldset input, fieldset select, fieldset textarea{
		font: 10px Verdana, Arial, Helvetica, sans-serif;
		color: #979797;
		padding: 4px;
		border: 1px solid #8f8f8f;
		border-left-color: #cecece;
		border-right-color: #cecece;
		border-bottom-color: #e4e4e4;
	}
	fieldset div.btn a{
		text-decoration: none;
	}
	fieldset div.btn a input{
		background: url(../images/btn_envoyer.gif) 0px 0px no-repeat;
		cursor: pointer;
		border: none;
		padding: 0px;
		width: 64px;
		height: 24px;
	}
	
	#body.splash #top div.splash fieldset{padding-top: 20px;}
	#body.splash #top div.splash fieldset div{
		text-align: left;
		margin: 0 36px;
		color: #820d18;
		font-size: 11px;
		padding-bottom: 5px;
	}
	#body.splash #top div.splash fieldset label{
		display: block;
		padding-bottom: 2px;
	}
	#body.splash #top div.splash fieldset input{
		width: 220px;
	}

div.quickbtn,
#body.splash #top div.splash fieldset div.quickbtn{
	padding: 5px 0px;
	text-align: center;
	line-height: 40px;
	color: #77787b;
}
	
input.btn,
form input.btn,
fieldset input.btn,
#body.splash #top div.splash fieldset input.btn{
	background: #ee8d24;
	color: #FFFFFF;
	font: bold 12px Arial, Helvetica, sans-serif;
	padding: 4px 10px;
	text-transform: uppercase;
	border: 1px solid #f6be5e;
	border-right-color: #de4e05;
	border-bottom-color: #de4e05;
	cursor: pointer;
	width: auto;
	display: inline;
	text-align: center;
}
input.btn:hover,
form input.btn:hover,
fieldset input.btn:hover,
#body.splash #top div.splash fieldset input.btn:hover{
	background: #b91323;
	border: 1px solid #860105;
	border-right-color: #d93d5d;
	border-bottom-color: #d93d5d;
	
}

input.nobo,
form input.nobo,
fieldset input.nobo,
#body.splash #top div.splash fieldset input.nobo{
	width: auto;
	display: inline;
	border: none;
}

form p.inp{ text-align: center;}

#content ul, #content ul li{
	margin: 0px;
	padding: 0px;
	list-style: none;
	color: #ee8d24;
}
	#content ul, #content ol{padding-bottom: 20px;}
	#content ul li{
		padding: 6px 10px 6px 30px;
		background: url(../images/bullet_arrows.gif) 10px 11px no-repeat;
		line-height: 17px;
	}

#content img.imgr, #content img.imgl{margin: 10px 20px 10px 20px;}
#content img.imgr{float: right;}
#content img.imgl{float: left;}	
		
#content ol, #content ol li{
	/*color: #ee8d24;*/
	color: #716e69;
}
#content ol li{padding: 4px 0px;}

	#content div.tblholder{text-align: center;}
	#content table{
		margin: 0 auto;
		margin-top: 5px;
		margin-bottom: 15px;
		border: 1px solid #b91323;
		border-right: none;
		border-top: none;
	}
	#content table tr td{
		padding: 5px 2px;
		border: 1px solid #b91323;
		border-bottom: none;
		border-left: none;
		font: normal 9px Arial, Helvetica, sans-serif;
		color: #666666
	}
		#content table tr th{
			font: bold 11px Verdana, Arial, Helvetica, sans-serif;
			background-color:#e2ebed; 
			color:#6a2124; 
			text-align:center;
		}		
		#content table tr.alt td{background: #FAFAFA;}
		#content table tr.titre td, #content table tr td.titre{
			background: #b91323;
			color: #FFFFFF;
			border-right: 1px solid #fff8f1;
			font: bold 10px Verdana, Arial, Helvetica, sans-serif;
		}
		#content table tr td.end{
			border-right: 1px solid #b91323;
		}
			#content table tr.sep td{border-top: 2px solid #b91323;}
			#content table tr.sep td.titre{border-top-color: #fff8f1;}
		#content table tr.stitre td, #content table tr td.stitre {
			background: #fff8f1;
			color: #b91323;
			font: bold 10px Verdana, Arial, Helvetica, sans-serif;
		}
		#content table tr td strong{
			font: bold 11px Verdana, Arial, Helvetica, sans-serif;
		}
		#content table tr.list td{text-align: left;}
		#content table tr td ul, #content table tr td ul li{
			margin: 0px;
			padding: 0px;
			list-style: none;
			font: normal 9px Arial, Helvetica, sans-serif;
			letter-spacing: 1px;
		}
		#content table tr td ul{margin-bottom: 5px;}
		#content table tr td ul li{padding: 6px 5px 5px 12px;}
		
		#content table.form{border: none;}
		#content table.form tr td{
			border: none;
			font-size: 12px;
			color: #333333;
			padding: 10px;
			background: #FAFAFA;
			vertical-align: top;
		}
		#content table.form tr.alt td{
			background: #F0F0F0;
		}
		#content table.form tr td b{
			font-weight: bold;
			font-size: 10pt;
			padding: 5px;
			color: #d97c18;
		}

.clearLeft,
.clearRight,
.clearBoth{
	clear: left;
	height: 0px;
	margin: 0px;
	visibility: hidden;
	line-height: 0px;
	padding: 0px;
	font-size: 0px;
}
.clearRight{clear: right;}
.clearBoth{clear: both;}

div.pattern{background: #FFFFFF url(../images/bg_pattern_full.gif) center bottom;}
#top{background: url(../images/bg_pattern.jpg) center bottom repeat-x;}
div.page{background: url(../images/bg_page.gif) center bottom repeat-y;}
div.page div.top{background: url(../images/bg_page_top.jpg) center bottom no-repeat;}

#header{background: #FFFFFF url(../images/bg_header.jpg) center top no-repeat;}
#header div.top{
	background: url(../images/bg_menu_full.gif) left 121px repeat-x;
	height: 186px;
}
#body.splash #header div.top,
#body.full #header div.top{background: url(../images/bg_menu_full-splash.gif) left 121px repeat-x;}

div.container{
	margin: 0 auto;
	width: 950px;
	text-align: left;
}
#top #header div.container,
#body.splash #top #header div.container,
#body.full #top #header div.container{
	background: none;
	height: 186px;
}
#top div.container{
	background: url(../images/bg_stripes.gif) left top repeat-y;
	height: 300px;
}	html > body #top div.container{height: auto; min-height: 300px;}

#body.splash #top div.container{background-image: url(../images/bg_stripes_splash.gif);}
#body.full #top div.container{background: none;}
#body #top div.splash{
	width: 910px;
	margin: 0 auto;
}	#body.spalsh #top div.splash{background: url(../images/bg_stripes_splash_top.gif) -20px top no-repeat;}
	#body.full #top div.splash{padding-top: 20px;}

#body.splash #top div.splash div.col{
	float: left;
	display: inline;
	width: 302px;
	margin-left: 1px;
	text-align: center;
	color: #77787b;
	background-position: center top;
	background-repeat: no-repeat;
}
#body.splash #top div.splash h3{
	color: #15789c;
	font: 26px Georgia, "Times New Roman", Times, serif;
	padding-top: 118px;
	padding-bottom: 5px;
}	#body.splash #top div.splash h3 strong{font: 32px Georgia, "Times New Roman", Times, serif;}
#body.splash #top div.splash h5{
	color: #ee8e24;
	font: 18px Georgia, "Times New Roman", Times, serif;
	padding-top: 0px;
}
#body.splash #top div.splash p{
	text-align: center;
	padding: 10px 15px;
	font: 11px/16px Verdana, Arial, Helvetica, sans-serif;
}

#footer{
	background: url(../images/bg_pattern_foot.gif) center top repeat-x;
	padding-bottom: 30px;
}
#footer div.page{background: url(../images/bg_page_footer.jpg) center top no-repeat;}
#body.splash #footer div.page,
#body.full #footer div.page{background: url(../images/bg_page_splash_footer.jpg) center top no-repeat;}
#footer div.container{
	text-align: center;
	background: #CC6600;
	background: url(../images/bg_stripes_footer.gif) left top no-repeat;
	height: 122px;
}	html > body #footer div.container{height: auto; min-height: 122px;}
#body.splash #footer div.container{background-image: url(../images/bg_stripes_splash_footer.gif);}
#body.full #footer div.container{background: none;}

#logo{
	padding: 32px 0px 0px 6px;
	float: left;
}
	#logo div{
		margin-top: -7px;
		padding-left: 195px;
		color: #939393;
		font: 11px/11px Arial, Helvetica, sans-serif;
	}
#navigation{
	float: right;
	clear: both;
	padding-top: 10px;
	width: 681px;
}
#body.splash #navigation,
#body.full #navigation{
	background: url(../images/bg_menu_splash.gif) 0px 0px no-repeat;
	width: 930px;
	height: 63px;
}
	#navigation ul, #navigation ul li{
		margin: 0px;
		padding: 0px;
		list-style: none;
	}
	#navigation ul li, #navigation ul li a{
		display: inline;
		float: left;
	}
	#navigation ul li{
		padding-right: 5px;
		background: url(../images/bg_menu_sep.gif) right top no-repeat;
		position: relative;
	}
	#navigation ul li.last{
		padding-right: 0px;
		background: none;
	}
	#navigation ul li a{
		font: 14px/33px "Trebuchet MS", Arial, Helvetica, sans-serif;
		background: url(../images/bg_menu_over.gif) -11px 0px no-repeat;
		color: #FFFFFF;
		text-decoration: none;
		padding: 0px 16px;
	}
	#navigation ul li a:hover{
		background: url(../images/bg_menu_over.gif) -11px -33px no-repeat;
	}
	#navigation ul li.first a{background-position: 0px 0px;}
	#navigation ul li.first a:hover{background-position: 0px -33px;}
	
	#navigation ul li a.selected,
	#navigation ul li a:hover.selected{
		cursor: default;
		background-position: -11px -66px;
	}
	#navigation ul li.first a.selected,
	#navigation ul li.first a:hover.selected{
		cursor: default;
		background-position: 0px -66px;
	}
	
		/************* 2eme Niveau *************/
		#navigation li ul{
			position: absolute;
			top: 32px;
			width: 238px;
			left: -999em;
			background: url(../images/bg_drop_menu.gif) 0px bottom no-repeat;
			z-index: 301;
			padding: 0px;
			padding-bottom: 25px;
		}
		#navigation li ul li{
			position: relative;
			display: block;
			float: none;
			background: none;
			margin: 0px;
			width: 193px;
			padding: 3px 15px 3px 30px;
		}
		#navigation li ul li.first{
			padding-top: 10px;
			background: url(../images/bg_drop_menu_top.gif) 0px top no-repeat;
		}
		#navigation li ul li a{
			height: auto;
			display: inline;
			float: none;
			text-align: left;
			text-decoration: none;
			padding: 0px;
			background: none;
			color: #f4cdd0;
			font: 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
		}
		#navigation li ul li a:hover,
		#navigation li.first ul li a:hover,
		#navigation li.first ul li.first a:hover,
		#navigation li ul li.first a:hover{
			color: #FFFFFF;
			background: none;
			font-weight: bold;
			background: url(../images/bg_drop_menu_bullet.gif) 0px 7px no-repeat;
			padding-left: 10px;
		}
		
	
		/************* Affichage des sous menus *************/
		#navigation li:hover ul li ul, #navigation li:hover ul li ul li ul, #navigation li.sfhover ul li ul, #navigation li.sfhover ul li ul li ul {
			left: -999em;
		}
		
		#navigation li:hover ul, #navigation li ul li:hover ul, #navigation li ul li ul li:hover ul, #navigation li.sfhover ul, #navigation li ul li.sfhover ul, #navigation li ul li ul li.sfhover ul{ /* lists nested under hovered list items */
			left: -14px;
			z-index: 99;
		}
		
		#navigation li:hover ul.end, #navigation li.sfhover ul.end{
			left: -60px;
			z-index: 99;
		}

	
#login{
	float: right;
	text-align: center;
	width: 400px;
	color: #ee8d24;
	font-size: 13px;
	line-height: 16px;
	height: 122px;
}
#login p{text-align: center;}
#admin{
	height: 86px;
	margin-left:150px;
}
div.selecter{
	background: #FFFFFF;
	border: 1px solid #bfbfbf;
	float: right;
	margin-left: 8px;
	display: inline;
	position: relative;
	color: #767676;
	font-size: 12px;
}
	div.selecter div{
		position: relative;
		float: left;
		padding: 2px 3px 0px 3px;
		cursor: pointer;
		margin: 0px 2px;
		display: inline;
		line-height: 20px;
	}
	
	div.selecter div ul,
	div.selecter div ul li{
		margin: 0px;
		padding: 0px;
		list-style: none;
		text-align: left;
		font-size: 10px;
		letter-spacing: 0px;
		line-height: 17px;
	}
	div.selecter div ul{
		position: absolute;
		display: block;
		float: left;
		top: 19px;
		left: -3px;
		background: #FFFFFF;
		border: 1px solid #bfbfbf;
		z-index: 200;
	}
	div.selecter div ul li a{
		display: block;
		padding: 2px 5px 2px 5px;
		color: #767676;
		text-decoration: none;
		background-position: left top;
		background-repeat: no-repeat;
		white-space: nowrap;
		width: 90px;
	}
	div.selecter div ul li a:hover{
		background-color: #b41322;
		color: #FFFFFF;
		text-decoration: none;
	}
	
	div.selecter div#flags ul li a{
		background-position: 5px 4px;
		padding-left: 26px;
	}
	
#connection{
	text-align: right;
	color: #767676;
	font: 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding-top: 6px;
	padding-right: 11px;
}
#body.splash #connection,
#body.full #connection{padding-top: 92px;}
	#connection p{
		padding: 0px;
		padding-top: 2px;
		text-align: right;
	}
	
	#left, #quicknav div{
		float: left;
		width: 269px;
		background: url(../images/bg_col_gauche.gif) left top no-repeat;
		margin-top: -65px;
		height: 204px;
		z-index: 300;
		position: relative;
	}
	#middle{
		float: left;
		width: 670px;
		border-top: 20px solid #FFFFFF;
	}
	#middle.full{background: #FFFFFF url(../images/bg_middle_full.gif) right bottom no-repeat;}
	#middle div.support{
		padding-left: 20px;
		width: 650px;
		border-bottom: 20px solid #FFFFFF;
	}
	#content{
		float: left;
		width: 449px;
		padding: 0px 20px;
		margin-bottom: -25px;
	}
	#middle.full #content{
		width: 640px;
		margin: 0px;
		padding: 0px 10px 0px 20px;
		padding-bottom: 20px;
	}
	#right, #quicknav div.haut{
		float: left;
		width: 181px;
		border-top: 1px solid #e8e2d4;
	}
	
	#left div.teasers{padding-left: 11px;}

#smenu{
	margin-top: 4px;
	margin-left: 31px;
	width: 218px;
	border-top: 1px solid #e8e2d4;
	background: url(../images/bg_smenu.gif) top left repeat-y;
}
#smenu ul,
#smenu ul li{
	margin: 0px;
	padding: 0px;
	list-style: none;
	font: 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
	#smenu ul{
		padding: 15px 0px;
		background: url(../images/bg_smenu_bottom.gif) bottom left no-repeat;
	}
	#smenu ul li a{
		display: block;
		margin: 0px 16px;
		padding: 5px 5px;
		color: #6a0b14;
		text-decoration: none;
		width: 176px;
		border-top: 1px solid #ffffff;
		border-bottom: 1px solid #d8d6d3;
	}
	#smenu ul li a:hover{
		color: #15789c;
	}
	#smenu ul li.first a{border-top: none;}
	#smenu ul li.last a{border-bottom: none;}
	
	#smenu ul li a.selected{
		color: #b91323;
		background: url(../images/smenu_bullet.gif) 5px 11px no-repeat;
		padding-left: 18px;
		width: 163px;
	}
	#smenu ul li a.selected:hover{
		color: #15789c;
		background-position: -395px 11px;
	}
	
#quicknav{
	float: left;
	width: 939px;
	font: 12px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding-top: 2px;
}
	#quicknav div{
		margin-top: 0px;
		margin-left: 11px;
		display: inline;
		background: none;
		height: auto;
		background: url(../images/dots.gif) center 10px no-repeat;
		width: 258px;
	}
	#quicknav div.haut{
		display: inline;
		margin-left: 489px;
		background: url(../images/dots_mini.gif) center 10px no-repeat;
		border: none;
	}
	
	#footmenu{
		text-align: center;
		padding: 70px 20px 0px 20px;
		color: #FFFFFF;
		font: 10px/20px Verdana, Arial, Helvetica, sans-serif;
	}
	#footmenu a{
		color: #FFFFFF;
		text-decoration: none;
	}
	#footmenu a:hover{
		color: #b91323;
		text-decoration: underline;
	}
	#footmenu ul, #footmenu ul li{
		margin: 0px;
		padding: 0px;
		display: inline;
		list-style: none;
	}
	#footmenu ul li{
		padding: 0px 5px;
	}

#footer h5{
	margin: 0px;
	padding: 30px 0px 0px 0px;
	color: #652027;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
}
	#footer h5 a{
		color: #652027;
		text-decoration: underline;
	}
	#footer h5 a:hover{
		color: #b91323;
		text-decoration: none;
	}
	
div.quicklinks{
	padding: 30px 0px 10px 0px;
	font: bold 18px/24px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
div.mpp{
	padding: 10px 0px 0px 0px;
	font: bold 18px/24px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
div.quicklinks a, div.quicklinks a:hover{text-decoration: none;}
div.quicklinks a strong{
	font-size: 13px;
	font-weight: normal;
	color: #820d18;
}
div.quicklinks a:hover strong{
	color: #0a82ad;
}
div.mpp a strong{
	font-size: 15px;
	color: #77787b;
}

div.service{
	padding-right: 340px;
	background: url(../images/service.jpg) right bottom no-repeat;
	color: #77787b;
}
div.service h2{
	color: #15789c;
	font: 26px Georgia, "Times New Roman", Times, serif;
	padding: 30px 0px 0px 0px;
}
div.service b, div.service a{
	color: #15789c;
	font-weight: bold;
	text-decoration: none;
}
div.service a:hover{
	color: #b91323;
	text-decoration: underline;
}

table.sites{margin: 2px 0px;}
table.sites, table.sites th, table.sites td{
	border: 1px solid #c8b899;
	border-collapse: collapse;
}

table.sites tr th{
	color: #77787b;
	text-align: left;
	font-weight: normal;
	padding: 3px 18px;
	vertical-align: top;
}
	table.sites tr.title th{
		background: #d6cab2 url(../images/bg_th_table_sties.gif) 0px 0px repeat-x;
		color: #15789c;
		font: bold 16px "Trebuchet MS", Arial, Helvetica, sans-serif;
		text-align: center;
		vertical-align: bottom;
	}
	table.sites tr.bottom th{vertical-align: middle;}

table.sites td{
	color: #77787b;
	text-align: center;
	padding: 3px 18px;
}
	table.sites strong{color: #15789c;}

table.sites tr.title td{padding: 10px 18px;}
	
table.sites tr{background: #f8f6f2}
table.sites tr.title{background: #FFFFFF;}
table.sites tr.bottom{background: #eeeae0;}

table.sites td img{margin: 3px;}

table.sites a{color: #77787b;}
table.sites a:hover{
	color: #b91323;
	text-decoration: underline;
}


.errormessage {
	padding:3px;
	border:1px solid #FF0000;
	background-color:#ffb6b1;
	
	margin-bottom:5px;
	color:#703221;
	text-align:center;
	font-weight:bold;
	
}

.errormessage {
	background-image:url(/gestion/images/delete.gif);
	background-repeat:no-repeat;
	background-position:2px 2px;
	padding-left:20px;
	text-align:justify;
}
.successmessage {
	padding:3px;
	border:1px solid #009900;
	background-color:#bde4aa;
	margin-bottom:5px;
	color:#555555;
	text-align:center;
	font-weight:bold;
}
.errormessage {
	margin:12px;
	margin-top:0;
}

.successmessage {
	margin:12px;
	margin-top:0;
}

/* BUREAU INFO MANGOUSTAN */
#body.bureau{background: #bfbfbf;}
#body.bureau div.pattern{background: #d9d9d9;}
#body.bureau #top{background: none;}
#body.bureau div.page{background: none;}
#body.bureau div.top{background: url(/bim/images/bg-bureau-top.gif) 0px 0px repeat-x;}
#body.bureau div.container{background: url(/bim/images/bg-bureau-container.gif) right 0px repeat-y;}

#body.bureau #header div.top{height: 99px;}
#body.bureau #header div.container{
	height: 98px;
	background: url(/bim/images/bg-bureau-stripe.gif) 211px 0px no-repeat; 
}
#body.bureau #header div.right{
	float: right;
	width: 799px;
}
#body.bureau #logo{
	padding: 0px;
	width: 211px;
}

#body.bureau #login p a{color: #a4282b;}
#body.bureau #login p a:hover,
#body.bureau #login p a.quitter:hover{
	color: #454648;
	text-decoration: underline;
}
#body.bureau #login p a.quitter{
	color: #77787b;
	text-decoration: none;
	background: url(/bim/images/bullet-x.gif) right 3px no-repeat;
	padding-right: 16px;
}
#body.bureau #login p a.quitter:hover{background-position: right -47px;}

#body.bureau #login{height: 34px;}
#body.bureau #login #connection{padding-top: 5px;}
#body.bureau #login #connection p{
	float: right; 
	padding-left: 15px;
	padding-top: 0px;
}
#body.bureau #login i{
	color: #f09a28;
	font-size: 18px;
	font-weight: bold;
	line-height: 18px;
}

#body.bureau #navigation{
	padding-top: 11px;
	width: 799px;
}
#body.bureau #navigation ul li a{
	padding: 0px 14px;
	background-image: url(/bim/images/bg_menu_over-bureau.gif);
}
#body.bureau #navigation ul li{background-image: url(/bim/images/bg_menu_sep-bureau.gif);}
#body.bureau #navigation li ul li{background: none;}
#body.bureau #navigation li ul li a{
	background: none;
	padding: 0px;
	color: #ffedc1;
}
#body.bureau #navigation li ul li a:hover{padding-left: 10px;}
#body.bureau #navigation li ul li a:hover,
#body.bureau #navigation li.first ul li a:hover,
#body.bureau #navigation li.first ul li.first a:hover,
#body.bureau #navigation li ul li.first a:hover{
	background: url(../images/bg_drop_menu_bullet.gif) 0px 7px no-repeat;
	color: #FFFFFF;
}
	
#body.bureau #navigation li ul{background-image: url(/bim/images/bg_drop_menu-bureau.gif); background-repeat: no-repeat;}
#body.bureau #navigation li ul li.first{background-image: url(/bim/images/bg_drop_menu_top-bureau.gif); background-repeat: no-repeat;}
	/*#body.bureau #navigation ul li a:hover{
		background: url(../images/bg_menu_over-bureau.gif) -11px -33px no-repeat;
	}
	#body.bureau #navigation ul li.first a{background-position: 0px 0px;}
	#body.bureau #navigation ul li.first a:hover{background-position: 0px -33px;}
	#body.bureau #navigation ul li a.selected,
	#body.bureau #navigation ul li a:hover.selected{
		color: #232120;
	}
	#body.bureau #navigation ul li.first a.selected,
	#body.bureau #navigation ul li.first a:hover.selected{
		cursor: default;
		background-position: 0px -66px;
	}*/

#body.bureau #footer{
	background: url(/bim/images/bg-bureau-footer.gif) center top repeat-x;
	padding-bottom: 30px;
}
#body.bureau #footer div.page{background: none;}
#body.bureau #footer div.container{background: url(/bim/images/bg-bureau-footer-bottom.gif) right top no-repeat;}
#body.bureau #footer h5{
	color: #FFFFFF;
	padding-left: 211px;
}
#body.bureau #footer h5 a{
	color: #FFFFFF;
	font-weight: bold;
}

#body.bureau h1{
	margin: 0px 0px 0px 211px;
	padding: 17px 10px 5px 10px;
	color: #ee8e24;
	font: 24px/25px Georgia, "Times New Roman", Times, serif;
	background: url(/bim/images/bg-bureau-H1.gif) right 0px no-repeat;
	border-bottom: 1px solid #b28287;
	width: 779px;
}
	#body.bureau h1 a{
		float: right;
		font: bold 10px/21px Verdana, Arial, Helvetica, sans-serif;
		background: url(/bim/images/bg_bureau-h2-btn.gif) right 0px no-repeat;
		white-space: nowrap;
		text-decoration: none;
		color: #939598;
		margin-left: 8px;
		margin-top: 3px;
	}
	#body.bureau h1 a span{
		display: block;
		padding: 0px 11px 0px 29px;
		background: url(/bim/images/bg_bureau-h2-btn.gif) left -42px no-repeat;
		height: 21px;
	}
	#body.bureau h1 a:hover{
		background-position: right -21px;
		color: #FFFFFF;
	}
	#body.bureau h1 a:hover span{background-position: left -63px;}
	
	#body.bureau h1 a.search span{background-position: left -84px;}
	#body.bureau h1 a.search:hover span{background-position: left -105px;}

#bureau{width: 1050px;}	
#bureau div.left{
	float: left;
	width: 212px;
}
#bureau div.right{
	float: left;
	width: 798px;
}
	#bureau div.left h3{
		font-style: normal;
		margin: 0px;
		padding: 0px;
		text-align: left;
		margin-left: 11px;
		background: url(/bim/images/bg_bureau-h3.gif) 0px 0px no-repeat;
		height: 33px;
		line-height: 33px;
		margin-top: -1px;
		font-size: 16px;
	}
	#bureau div.left h3 span{
		display: block;
		padding: 0px 10px 0px 35px;
		width: 156px;
		background: url(/bim/images/bg_bureau-h3-icons.gif) 0px 0px no-repeat;
	}
	#bureau div.left ul, #bureau div.left ul li{
		margin: 0px;
		padding: 0px;
		list-style: none;
	}
	#bureau div.left ul{
		margin: 0px 1px 30px 13px;
		padding-top: 10px;
		border-bottom: 1px solid #ffffff;
	}
	#bureau div.left ul li a{
		display: block;
		border-top: 1px solid #ffffff;
		border-bottom: 1px solid #666666;
		width: 160px;
		padding: 9px 5px 11px 33px;
		color: #777777;
		font: 12px/15px Verdana, Arial, Helvetica, sans-serif;
		text-decoration: none;
		background: url(/bim/images/bg-members-icons-full.gif) 3px 4px no-repeat;
	}
	#bureau div.left ul li a strong{color: #a4282b;}
	#bureau div.left ul li.noicon a{background-position: 253px 4px;}
	#bureau div.left ul li.gestion a{background-position: -247px 4px;}
    #bureau div.left ul li.suivis a{background-position: -1247px 4px;}
    #bureau div.left ul li.taches a{background-position: -497px 4px;}
    #bureau div.left ul li.calendrier a{background-position: -997px 4px;}
	#bureau div.left ul li.internet a{background-position: -747px 4px;}
	#bureau div.left ul li.clef a{background-position: -1497px 4px;}
	#bureau div.left ul li.star a{background-position: 3px -246px;}
	#bureau div.left ul li.cash a{background-position: -247px -246px;}
	
	#bureau div.left ul li.first a{border-top: none;}
	
	#bureau div.left ul li a:hover{
		background-color: #FFFFFF;
		border-top-color: #FFFFFF;
		border-bottom-color: #AAAAAA;
		color: #222222;
	}
	#bureau div.left ul li a.selected{
		font-weight: bold;
		color: #ee8e24;
	}
	#bureau div.left ul li a:hover.selected{color: #222222;}
	
	#bureau div.panel p{
		margin: 0px;
		padding: 3px 9px;
		text-align: left;
	}
	#bureau div.panel small.info{
		display: block;
		font-size: 10px;
		color: #dd7c10;
		font-weight: bold;
		padding: 2px 9px;
	}
	#bureau div.panel strong.info{
		display: block;
		padding: 0px 9px 2px 9px;
		color: #636466;
	}
	
	#bureau div.panel div.block{
		border: 1px solid #b48589;
		margin: 4px 9px;
		padding: 5px 5px 5px 56px;
		color: #636466;
		background: #FFFFFF url(/bim/images/bg-members-icons-full-med.gif) -240px 7px no-repeat;
		font-size: 11px;
		line-height: 14px;
	}
		#bureau div.panel div.tache{background-position: -491px -393px;}
		#bureau div.panel div.block a{
			color: #a4282b;
			font-weight: bold;
			font-size: 12px;
		}
		#bureau div.panel div.block strong,
		#bureau div.panel div.block em{
			display: block;
			font-style: normal;
			font-weight: normal;
		}
		#bureau div.panel div.block strong{
			color: #ee8e24;
			padding-top: 3px;
		}
	
	#bureau div.panel div.news{
		margin: 0px;
		padding: 0px;
		list-style: none;
		color: #636466;
		font: 11px/14px Verdana, Arial, Helvetica, sans-serif;
	}
	#bureau div.panel div.news div{
		padding: 8px 0px 4px 0px;
		border-bottom: 1px solid #b48589;
	}
	#bureau div.panel div.news div.all{
		padding: 8px 9px;
		background: #FFFFFF;
		border-bottom: none;
		font-weight: bold;
	}
	#bureau div.panel div.news div.all a{
		color: #a4282b;
		text-decoration: none;
	}
	#bureau div.panel div.news div strong{
		display: block;
		background: #FFFFFF;
		padding: 6px 9px 2px 9px;
		font-size: 13px;
	}
	#bureau div.panel div.news div strong a{
		color: #636466;
		text-decoration: none;
	}
	#bureau div.panel div.news div.all a:hover,
	#bureau div.panel div.news div strong a:hover,
	#bureau div.panel div.contact a:hover{
		color: #b91323;
		text-decoration: underline;
	}
	#bureau div.panel div.news div em{
		display: block;
		font-style: normal;
		color: #a4282b;
		background: #FFFFFF;
		padding: 0px 9px 6px 9px;
	}
	#bureau div.panel div.news div small{
		display: block;
		font: bold 12px Arial, Helvetica, sans-serif;
		padding: 4px 9px;
		text-align: right;
	}
	#bureau div.panel div.news p{
		margin: 0px;
		padding: 4px 9px;
		text-align: left;
	}
	
#bureau div.panels{
	width: 795px;
	padding: 26px 1px;
}
	#bureau div.panels div.col{
		float: left;
		width: 265px;
	}
	#bureau div.panels h3{
		margin: 0px 4px;
		padding: 0px;
		color: #a4282b;
		background: url(/bim/images/bg-panel-h3.gif) 0px bottom no-repeat;
		font: 20px/33px Georgia, "Times New Roman", Times, serif;
	}
	#bureau div.panels h3 span{
		display: block;
		padding: 5px 15px 0px 15px;
		font: 20px/33px Georgia, "Times New Roman", Times, serif;
		background: url(/bim/images/bg-panel-h3-span.gif) 0px top no-repeat;
	}
	#bureau div.panels h3.contacts span{background-position: -257px top;}
	#bureau div.panels h3.taches span{background-position: -514px top;}
	#bureau div.panels div.panel{
		border: 1px solid #b48589;
		border-top: none;
		background: #f4f1eb;
		margin: 0px 9px;
	}

#bureau div.table{
	margin: 10px;
	background: #f4f1eb;
	border: 1px solid #b48589;
	padding: 5px;
	width: 766px;
	position: relative;
}
	#bureau div.table table{
		width: 100%;
		font: 11px/16px Verdana, Arial, Helvetica, sans-serif;
		color: #636466;
		border: 1px solid #b48589;
		border-right: none;
		background: #FFFFFF;
	}
	#bureau div.table table.left{
		float: left;
		width: 228px;
	}
	#bureau div.table table.right{
		float: right;
		width: 533px;
	}
	#bureau div.table table th{
		font: bold 12px Verdana, Arial, Helvetica, sans-serif;
		color: #a4282b;
		padding: 5px;
		vertical-align: middle;
		border-right: 1px solid #b48589;
		background: #fef8e3;
	}
	/* la classe "sort" sert aux colonne sortables */
	#bureau div.table table th.sort{
		padding-left: 20px;
		background-image: url(/bim/images/bg_table_items.gif);
		background-position: 3px 7px;
		background-repeat: no-repeat;
		cursor: pointer;
	}
	/* la classe "down" doit être utilisé suite à "sort" et sort vers le bas */
	#bureau div.table table th.down{background-position: 3px -593px;}
	/* "                                               " et sort vers le bas une colonne sélectionnée */
	#bureau div.table table th.sdown{background-color: #f2e8c4; background-position: 3px -793px;}
	/* "                                               " et sort vers le bas une colonne disabled */
	#bureau div.table table th.ddown{background-position: 3px -693px;}
	/* la classe "up" doit être utilisé suite à "sort" et sort vers le haut */
	#bureau div.table table th.up{background-position: 3px 7px;}
	/* "                                             " et sort vers le haut une colonne sélectionnée */
	#bureau div.table table th.sup{background-color: #f2e8c4; background-position: 3px -193px;}
	/* "                                             " et sort vers le haut une colonne disabled */
	#bureau div.table table th.dup{background-position: 3px -93px;}
	
	#bureau div.table table td{
		padding: 3px 5px;
		border-top: 1px solid #b48589;
		border-right: 1px solid #b48589;
		font: 11px Verdana, Arial, Helvetica, sans-serif;
	}
	#bureau div.table table tr.first td{border-top: none;}
	#bureau div.table table tr.row1 td{background: #F0F0F0;}
	#bureau div.table table th.splitter,
	#bureau div.table table td.splitter{
		border-left: 4px solid #b48589;
	}
	
	#bureau div.table table tr.selected td{background: #f2e8c4;}
	
	/* la classe "actif" sert aux boutons actif/inactif */
	#bureau div.table table td img.actif,
	#bureau div.table table td img.fav{
		width: 18px;
		height: 18px;
		background: url(/bim/images/bg_table_items.gif) 1px -1099px no-repeat;
	}
	/* la classe "not" doit être utilisé suite à "actif" et désactive le bouton */
	#bureau div.table table td img.not{background-position: 1px -899px;}
	/* la classe "dis" doit être utilisé suite à "actif" et disable le bouton */
	#bureau div.table table td img.dis{background-position: 1px -999px;}
	
	/* la classe "fav" sert aux boutons favoris */
	#bureau div.table table td img.fav{background-position: 1px -499px;}
	/* la classe "notfav" doit être utilisé suite à "fav" et défavorise le bouton */
	#bureau div.table table td img.notfav{background-position: 1px -299px;}
	/* la classe "disfav" doit être utilisé suite à "fav" et disable le bouton */
	#bureau div.table table td img.disfav{background-position: 1px -399px;}
	
	#bureau div.table div.buttons table{
		background: none;
		border: none;
		width: auto;
	}
	#bureau div.table div.buttons table td{
		border: none;
		padding: 0px 8px 10px 0px;
		vertical-align: middle;
	}
	
	#bureau div.table div.buttons table input,
	#bureau div.table div.buttons table select{
		background: #FFFFFF url(/bim/images/bg-utility-buttons.gif) 0px bottom repeat-x;
		border: 1px solid #b48589;
		color: #ee8e24;
		font: 12px Verdana, Arial, Helvetica, sans-serif;
		padding: 3px 5px;
	}
	#bureau div.table div.buttons table select{
		background: #FFFFFF;
		padding: 3px;
	}
	#bureau div.table div.buttons table input.image{
		background: none;
		border: none;
		padding: 0px;
	}
	
	#bureau div.table div.pager{
		 font: bold 10px/14px Verdana, Arial, Helvetica, sans-serif;
		 color: #ee8e24;
		 text-align: right;
		 padding: 10px 0px 4px 0px;
	}
	#bureau div.table div.buttons div.pager{
		float: right;
		padding-top: 5px;
	}
	#bureau div.table div.pager span,
	#bureau div.table div.pager a{
		font-size: 12px;
		letter-spacing: -2px;
		padding: 0px 3px;
	}
	#bureau div.table div.pager span{color: #f2c99b;}
	
	#bureau div.table div.info{
		float: right;
		position: relative;
	}
	#bureau div.table div.info h4,
	#bureau div.table div.info h4 a{
		margin: 0px;
		padding: 0px;
		color: #a4282b;
		font: 13px/22px Verdana, Arial, Helvetica, sans-serif;
		text-decoration: none;
		
	}
	#bureau div.table div.info h4 a{
		background: url(/bim/images/panel-arrows.gif) 0px 5px no-repeat;
		padding-left: 13px;
	}
	#bureau div.table div.info h4 a:hover{
		color: #ee9531;
		background-position: 0px -295px;
	}
	#bureau div.table div.info h4 a.closed{background-position: 0px -195px;}
	#bureau div.table div.info h4 a:hover.closed{background-position: 0px -95px;}
	
	#bureau div.table div.info h4 a.btn{
		float: right;
		margin-right: 10px;
		font-size: 10px;
		font-weight: bold;
		color: #636466;
		color: #7e8083;
	}
	#bureau div.table div.info h4{
		margin-top: 10px;
		height: 22px;
		background: url(/bim/images/bg-h4-info.gif) right top no-repeat;
	}
	#bureau div.table div.info h4 span{
		display: block;
		height: 22px;
		line-height: 22px;
		background: url(/bim/images/bg-h4-info.gif) left -22px no-repeat;
		padding-left: 8px;
	}
	#bureau div.table div.table{
		margin: 0px 11px;
		padding: 0px;
		background: none;
		border: none;
		position: relative;
	}
	
	#bureau div.table div.info table{
		border-top: none;
		margin-bottom: 5px;
	}
	#bureau div.table div.info table table th,
	#bureau div.table div.info table table td,
	#bureau div.table div.info table tr.first table td{
		background: #f7f7f7;
		border-top: 1px solid #b48589;
	}
	
	#bureau div.table a.btn,
	#bureau div.table div.info h4 a.btn{
		padding-left: 19px;
		background: url(/bim/images/bg-icones_tiny.gif) 0px 2px no-repeat;
	}
	#bureau div.table a.btn:hover,
	#bureau div.table div.info h4 a.btn:hover{
		color: #ee9531;
		background-position: 0px -98px;
	}
	
	#bureau div.table div.info h4 a.page{background-position: 0px -398px;}
	#bureau div.table div.info h4 a.page:hover{background-position: 0px -498px;}
	
	#bureau div.table div.info div.buttons{
		float: right;
		padding: 5px 10px 10px 10px;
	}
	
	#bureau div.table a.rounded{
		display: block;
		float: left;
		font: bold 9px/22px Verdana, Arial, Helvetica, sans-serif;
		background: url(/bim/images/bg-h4-info-w.gif) right top no-repeat;
		color: #636466;
		text-decoration: none;
		margin-left: 5px;
		display: inline;
	}
	#bureau div.table a.rounded span{
		display: block;
		height: 22px;
		line-height: 22px;
		background: url(/bim/images/bg-h4-info-w.gif) left -22px no-repeat;
	}
	#bureau div.table a.rounded span strong{
		display: block;
		height: 22px;
		line-height: 22px;
		padding: 0px 8px 0px 25px;
	}
	#bureau div.table a.rounded:hover{color: #ee9531;}
	
	#bureau div.table a.rounded span strong{background: url(/bim/images/bg-icones_tiny.gif) 5px 2px no-repeat;}
	#bureau div.table a.rounded:hover span strong{background-position: 5px -98px;}
	#bureau div.table a.del span strong{background-position: 5px -598px;}
	#bureau div.table a.del:hover span strong{background-position: 5px -698px;}
	
	#bureau div.table a.minibtn{
		float: right;
		width: 18px;
		height: 18px;
		background: url(/bim/images/bg-icones_tiny.gif) 0px 0px no-repeat;
		text-decoration: none;
	}
	#bureau div.table a.minibtn:hover{background-position: 0px -100px;}
	
	#bureau div.table a.minibtn{background-position: 0px -1400px;}
	#bureau div.table a.minibtn:hover{background-position: 0px -1500px;}