#cadre { /* taille du cadre, à titre d'exemple */
position: relative;
width: 180px;
background-color: #558288;
margin:0 0 1em 12px;
}
/* propriétés communes à l'ensemble des 4 coins */
#hautgauche, #hautdroit, #basgauche, #basdroit {
height: 12px;
width: 10px;
background-repeat: no-repeat;
font-size:1px; /* correction d'un bug IE */
}
/* propriétés spécifiques à chaque coin */
#hautgauche {
background-image: url(../images/interface/box/up_left.png);
}
#hautdroit {
float: right;
background-image: url(../images/interface/box/up_right.png);
}
#basgauche {
background-image: url(../images/interface/box/bottom_left.png);
}
#basdroit {
float: right;
background-image: url(../images/interface/box/bottom_right.png);
}

#cadre .contenu  {
text-align:left;
}
#cadre .contenu p {
color: white;
margin: 0 0.5em; /*gestion des espaces interparagraphes */
}
#cadre .contenu a {
color: white;
}


/* Box 2 */

#cadre2 { /* taille du cadre, à titre d'exemple */
position: relative;
width: 180px;
background-color: #FFFFFF;
margin:0 0 1em 12px;
}
/* propriétés communes à l'ensemble des 4 coins */
#hautgauche2, #hautdroit2, #basgauche2, #basdroit2 {
height: 12px;
width: 10px;
background-repeat: no-repeat;
font-size:1px; /* correction d'un bug IE */
}
#hautgauche2 {
background-image: url(../../../skins/ade/images/interface/box/up_left2.png);
}
#hautdroit2 {
float: right;
background-image: url(../../../skins/ade/images/interface/box/up_right2.png);
}
#basgauche2 {
background-image: url(../../../skins/ade/images/interface/box/bottom_left2.png);
}
#basdroit2 {
float: right;
background-image: url(../../../skins/ade/images/interface/box/bottom_right2.png);
}
#cadre2 .contenu  {
text-align:left;
}
#cadre2 .contenu p {
color: #000;
margin: 0 0.5em; /*gestion des espaces interparagraphes */
}
#cadre2 .contenu a {
color: #000;
}