#contenu
{
   height: 98%;
   width: 855px;
   top: 0px;
   margin-top: 5px;
}

#barre
{
   height: 98%;
   max-height: 450px;
   width: 140px;
   position: fixed;
   top: 0px;
   left: 855px;
   margin-top: 5px;
   margin-bottom: 4px; 
   text-align: center

}

#contcamp
{
   height: 98%;
   width: 535px;
   top: 0px;
   margin-top: 5px;
}

#barcamp
{
   height: 98%;
   width: 140px;
   position: fixed;
   top: 0px;
   left: 535px;
   margin-top: 0px;
   margin-bottom: 4px; 
   text-align: right;
   vertical-align: bottom;
}

#imer
{
   height: 278px;
   width: 385px;
   position: fixed;
   bottom: 4px;
   left: 470px;
}

.jaune
{
   background-image: url("im/bjaune.gif"); 
}

.bleu
{
   background-image: url("im/bbleu.gif"); 
}

.rouge
{
   background-image: url("http://residland.com/im/brouge.gif"); 
}

.vert
{
   background-image: url("im/bvert.gif"); 
}

.gris
{
   background-image: url("http://residland.com/im/bgris.gif"); 
}

#xiti-logo
{
   position: fixed;
   left: 950px;
   top: 420px;
}

.imacc
{
   background: url("im/cartacc1.gif");
   background-repeat: no-repeat;
   background-position: 475px 166px;
}

.Fpresent 
{
  background-image: url(im/mobfon1.gif);
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: left top
}

/* Inset 3D Raised */ 
.raised {background: transparent; width:90%; margin:0 auto;}
.raised h1, .raised p {margin:0 10px;}
.raised h1 {font-size:1.5em; color:#fff; letter-spacing:1px;}
.raised p {padding-bottom:0.5em; color:#fff;}
.raised a:hover 
  { color: #993300; 
  text-decoration: underline; }


.raised .top, .raised .bottom {display:block; background:transparent; font-size:1px;}
.raised .b1, .raised .b2, .raised .b3, .raised .b4, .raised .b1b, .raised .b2b, .raised .b3b, .raised .b4b {display:block; overflow:hidden;}
.raised .b1, .raised .b2, .raised .b3, .raised .b1b, .raised .b2b, .raised .b3b {height:1px;}
.raised .b2 {background:#99CCFF; border-left:1px solid #fff; border-right:1px solid #eee;}
.raised .b3 {background:#99CCFF; border-left:1px solid #fff; border-right:1px solid #ddd;}
.raised .b4 {background:#99CCFF; border-left:1px solid #fff; border-right:1px solid #aaa;}
.raised .b4b {background:#99CCFF; border-left:1px solid #eee; border-right:1px solid #999;}
.raised .b3b {background:#99CCFF; border-left:1px solid #ddd; border-right:1px solid #999;}
.raised .b2b {background:#99CCFF; border-left:1px solid #aaa; border-right:1px solid #999;}


.raised .b1 {margin:0 5px; background:#fff;}
.raised .b2, .raised .b2b {margin:0 3px; border-width:0 2px;}
.raised .b3, .raised .b3b {margin:0 2px;}
.raised .b4, .raised .b4b {height:2px; margin:0 1px;}
.raised .b1b {margin:0 5px; background:#999;}
.raised .boxcontent {display:block;  background:#99CCFF; border-left:1px solid #fff; border-right:1px solid #999;}