.box {
    width:100%;
}

.box .box_header {
    height:25px;
    display:block;
}
.box .box_header .tl {
    background: url(/webdesign/box_tl.png);
    float:left;
    width:5px;
    height:100%;
}

.box .ico {
    width:48px;
    height:48px;
    position:relative;
    top:24px;
    margin-top:-35px;
    margin-left:7px;
    clear:both;
}

.box .pastille {
    width:95px;
    height:95px;
    position:relative;
    top:52px;
    margin-top:-65px;
    margin-left:7px;
    clear:both;
}


.box .box_header .tm {
    background: transparent url(/webdesign/box_tm.png) repeat-x;
    float:left;
    height:100%;
    padding-left:5px;
    padding-right:5px;
    color:white;
    font-size:12px;
}

.box .box_header .tm span {
    line-height:25px;
    font-weight:bold;
}

.box .box_header .tm a {
    color:white;
    text-decoration:none;
}

.box .box_header .tm a:hover {
    text-decoration:underline;
}

.box .box_header .tr {
    background: url(/webdesign/box_tr.png);
    float:left;
    width:5px;
    height:100%;
}

.box .box_header .tr2 {
    float:right;
    margin-right:2px;
    height:20px;
}

.box .box_header .tr2 div.red {
    line-height:25px;
}

.box .box_body {
    display:block;
    width:100%;
    float:center;
    padding-bottom:10px;

}

.box .box_body .bl {
    background: url(/img/box_ombre_l.png);
    width:8px;
    height:100px;
    float:left;
}

.box .box_body .br {
    background:url(/img/box_ombre_r.png);
    width:8px;
    float:left;
    height:100px;
}

.box .box_body .bb {
    border:1px solid #336699;
    float:left;
    background:#b5d1e2;
    height:500px;
    width:550px;
}

.box .box_body .spacer {
    padding:5px;
    font-size:10px;
    line-height:16px;
}

.box .box_body .spacerx {
    width:680px;
    padding:5px;
    font-size:10px;
    line-height:16px;
}

.box .box_body .spacerf {
    width:693px;
    font-size:11px;
    line-height:16px;
}

.box .box_body .spacerz {
    width:683px;
    font-size:11px;
    padding:5px;
    line-height:16px;
}