div#cadre {/* conteneur global et arrière-plan du titre du cadre */
/*width: 275px;*/
width:130px;

/*padding-top: 40px;*/
padding-top: 10px;
background: url("images/haut-1.gif") top left no-repeat;
}
div#bloccadre {/* arrière-plan bas et sur l'ensemble du cadre */
background: url("images/bas-1.gif") bottom left no-repeat;
/*padding-bottom: 40px;*/
padding-bottom: 20px;

}
div#bloccadre p {
margin: 0 30px 0 20px;
/*margin: 0 0px 0 0px;*/

}


/* set millions of background images */
.rbroundbox { background: url("images/nt.gif") repeat; }
.rbtop div { background: url("images/tl.gif") no-repeat top left; }
.rbtop { background: url("images/tr.gif") no-repeat top right; }
.rbbot div { background: url("images/bl.gif") no-repeat bottom left; }
.rbbot { background: url("images/br.gif") no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 10px;
font-size: 1px;
}
.rbcontent { margin: 0 7px; }
.rbroundbox { width: 50%; margin: 1em auto; }


.rbroundbox4 { background: url("images/nt-4.gif") repeat; }
.rbtop4 div { background: url("images/tl-4.gif") no-repeat top left; }
.rbtop4 { background: url("images/tr-4.gif") no-repeat top right; }
.rbbot4 div { background: url("images/bl-4.gif") no-repeat bottom left; }
.rbbot4 { background: url("images/br-4.gif") no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop4 div, .rbtop4, .rbbot4 div, .rbbot4 {
width: 100%;
height: 10px;
font-size: 1px;
}
.rbcontent4 { margin: 0 7px; }
.rbroundbox4 { width: 50%; margin: 1em auto; }



div#nifty{ margin: 0 200px;background: #9BD1FA}

b.rtop, b.rbottom{display:block;background: #dbff13}
b.rtop b, b.rbottom b{display:block;height: 1px;
    overflow: hidden; background: #9BD1FA}
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}


.relsample { width: 250px; position: relative; background-color: #FF0000; }
.relsample .top_left, .relsample .top_right, .relsample .bottom_left, .relsample .bottom_right { height: 19px; width: 19px; background-repeat: no-repeat; position: absolute; background-color: #00FF00; }
.relsample .top_left { top: 0px; left: 0px; background-image: url("images/corner_top_left.gif"); z-index: 0; }
.relsample .top_right { top: 0px; right: 0px; background-image: url("images/corner_top_right.gif"); z-index: 1; }
.relsample .bottom_left { bottom: 0px; left: 0px; background-image: url("images/corner_bottom_left.gif"); z-index: 2; }
.relsample .bottom_right { bottom: 0px; right: 0px; background-image: url("images/corner_bottom_right.gif"); z-index: 3; }
.relsample .content { position: relative; padding: 12px; z-index: 4; }

.floatsample { width: 250px; background-color: #00FF00; font-size: 1px; /* font-size: correction d'un bug IE */ }
.floatsample .top_left, .floatsample .top_right, .floatsample .bottom_left, .floatsample .bottom_right { height: 19px; background-repeat: no-repeat; }
.floatsample .top_left { width: 19px; float: left; background-image: url("corner_top_left.gif"); }
.floatsample .top_right { background-image: url("corner_top_right.gif"); background-position: right; }
.floatsample .bottom_left { width: 19px; float: left; background-image: url("corner_bottom_left.gif"); }
.floatsample .bottom_right { background-image: url("corner_bottom_right.gif"); background-position: right; }
.floatsample .content { background-color: #FF0000; }




#cadre { /* taille du cadre, à titre d'exemple */
width: 15em;
background-color: #909090;
}

/* propriétés communes à l'ensemble des 4 coins */
#hautgauche, #hautdroit, #basgauche, #basdroit {
height: 19px; width: 19px;
background-repeat: no-repeat;
font-size:1px; /* correction d'un bug IE */
}
/* propriétés spécifiques à chaque coin */
#hautgauche {
background: url("images/corner_top_left.gif");
}
#hautdroit {
float: right;
background: url("images/corner_top_right.gif");
}
#basgauche {
background: url("images/corner_bottom_left.gif");
}
#basdroit {
float: right;
background: url("images/corner_bottom_right.gif");
}
#contenu p {
color: white;
margin: 0.5em; /*gestion des espaces interparagraphes */
}

out {
  display:block; 
  background:#bbb; 
  border:1px solid #ddd; 
  position:relative;
  margin:1em;
  }
.in2 {
  display:block; 
  background:#777; 
  border:1px solid #999; 
  position:relative;
  padding:1px;
  margin:1px;
  }
.in {
  text-align:center; 
  background:#fff; 
  border:1px solid #555; 
  position:relative; 
  padding:5px;
  font-weight:normal;
  }

.ltin {
  left:-5px;
  }
.tpin {
  top:-5px;
  }
.rtin {
  left:5px;
  }



.narrow {width:8em;}
.normal {width:180px;}
.wide {width:18em;}
.image {width:412px; padding:0;}

h4 {font-weight:bold; color:#000;}


.test {background: url("images/corner_top_right.gif");color:yellow}
.test a:hover {background: url("images/corner_top_right.gif");}
.test a:link {background: url("images/corner_top_right.gif");}
.test a:active {background: url("images/corner_top_right.gif");}