b.rtop, b.rbottom
{
display:block;
background: #FFF
}
b.rtop b, b.rbottom b
{
display:block;
height: 1px;
overflow: hidden;

}
b.r1
{
margin: 0 5px
}
b.r2
{
margin: 0 3px
}
b.r3
{
margin: 0 2px
}
b.rtop b.r4, b.rbottom b.r4
{
margin: 0 1px;
height: 2px;
}

a, a:visited {
text-decoration : none;
color : #666666;
}
a:hover {
text-decoration : none;
color : rgb(102,0,0);
}
a:link {
color:#666666;
}
img {

}
body
{	
	background 	: #fff ;
	font		: 11px tahoma;
		color: #666666;
}


#menu
{
  
}
#logo
{
  width:150px;
  float:left;
}
td {
	vertical-align	: top;

}

img {
	border			: 0px;
}
p,td,table
{
	font-family		: Tahoma, Arial;
	font-size		: 11px;
}
br {  } 
p { 
	margin			: 2px;
	padding			: 1px;
} 

#container{
  width			: 800px;
  text-align	: left;
}
#banner{
  height		: 77px;
  margin-bottom : 15px;
  background 	: url(header-fond.gif) ;
}

#banner h1{
  text-align 	: center;
  color			: #687470;
  vertical-align: middle;
  font-size 	: 20px;
  font-weight 	:  bolder;
}
h1 {
  text-align 	: center;
  color			: #687470;
  vertical-align: middle;
  font-size 	: 17px;
  font-weight 	:  bolder;
}

#banner-inner {
  padding		: 3 0 0 0;
}

#middletab{
  padding:0px;
  margin:0px;
  width: 800px; 
  background 	: url(content-fond.gif) repeat-y;
  height:auto;
}
.ne{
  width:8px;
  height:8px;
  margin:0;
  background 	: url(n-e.gif) no-repeat;
}
.est{
  width:8px;
  height:16px;
  margin:0;
  background 	: url(est.gif) no-repeat;
}
.ouest{
  width:8px;
  height:16px;
  margin:0;
  background 	: url(ouest.gif) no-repeat;
}
.se{
  width:8px;
  height:8px;
  margin:0;
  background 	: url(s-e.gif) no-repeat;
}
.no{
  width:8px;
  height:8px;
  margin:0;
  background 	: url(n-o.gif) no-repeat;
}
.so{
  width:8px;
  height:8px;
  margin:0;
  background 	: url(s-o.gif) no-repeat;
}
#middle{
  
  
  height:auto;
}
#middle-inner{
  width       : 577px;
 
  margin-right:25px;
  height:auto;

}
#situation_left{
  width			: 198px;
  float     : right;
  display:block;
  height:auto;

}  
#situation{
  margin-top:-50px;
 
}  
#footer{
  height		: 58px;
  background 	: url(footer-fond.gif) left bottom no-repeat;
  color			: white;
  font-weight:normal;
}
#footer-inner{
  padding		: 15px 15px 15px 30px;
  font-weight:normal;
  text-align:left;
}
#footer a {
  text-decoration : none;
  color			: white;
  font-weight:normal;
}
#footer #signature {
	font		: Arial Black;
	font-weight	: bold;
	float		: right;
	margin		: 15 15 0 0;
	color		: #565745;
}
#footer #signature a {
	color		: #565745;
}

#home{
  float			: left;
  width			: 100%;
  height		: 95%;
}


#dossiers{
  padding-top	: 1px;
  width			: 503px;
  height		: 47px;
  background 	: url(dossier-fond.gif) no-repeat;
  text-align  : right;
}
#Line1,#ligne1
{
	background		:#D2E0FA;
	padding			: 2px;
}
	#Line2,#ligne2
{
	background		: #E9F0FC;
	padding			: 2px;
}

.mceContentBody{
  background: white url();
}

#surbrillanceBulle {
 	font-family		: Tahoma, Arial;
	font-size		: 11px; 
}

.suite {
background: url(point_hb.gif);
padding-top :7px;
padding-left:5px;
height:21px;
}

#cadre_map{
border:1px solid black;
margin-top:55px;
z-index:10; 
width:577px;
}

	#guidemaporientation
	{
		padding			: 0px;
		width:577px;
	}
	
/* FLOAT BOX */
	#floatBox {
		margin			: 10 0 0 10;
		width			: 183px;
		float			: right;
	}
	#floatBox #floatBoxHead {
		background		: url(encartHt.gif) no-repeat;
	}
	#floatBox #floatBoxHead #partagedexperience {
		background		: url(floatbox-reseaubat.gif) no-repeat;
		padding-top		: 0px;
	}
	#floatBox #floatBoxHead p, #floatBox #floatBoxHead li {
		margin			: 4 6 1 5;
	}
	#floatBox #floatBoxHeadTitle {
		display			: block;
		border-bottom	: 1px dotted;
		padding			: 6 6 6 10;
	}
	#floatBox #floatBoxBottom {
		background		: url(encartBs.gif) bottom no-repeat;
		border-top		: 1px dotted;
		padding			: 6 6 6 10;
	}
	#floatBox h3 {
		padding			: 4px 4px 1px 4px;
		font-size		: 1.1em;
	}
	/* FLOAT BOX */