/* {{{ BOX GLOBAL */

div.box-global .bt {
    height: 17px;
    margin: 0 0 0 18px;
    background: url(../images/plaque_curved_box.png) no-repeat 100% 0;
    width: auto;
}

div.box-global .bt div {
    position: relative;
    left: -18px;
    width: 18px;
    height: 17px;
    background: url(../images/plaque_curved_box.png) no-repeat 0 0;
    font-size: 0;
    line-height: 0;
}

/* Bottom corners and border */
div.box-global .bb {
    height: 14px;
    margin: 0 0 0 16px;
    background: url(../images/plaque_curved_box.png) no-repeat 100% 100%;
}

div.box-global .bb div {
    position: relative;
    left: -16px;
    width: 16px;
    height: 14px;
    background: url(../images/plaque_curved_box.png) no-repeat 0 100%;
    font-size: 0;
    line-height: 0;
}

/* Left border */
div.box-global .i1 {
    padding: 0 0 0 8px;
    background: url(../images/plaque_L.png) repeat-y 0 0;
}

/* Right border */
div.box-global .i2 {
    padding: 0 8px 0 0;
    background: url(../images/plaque_R.png) repeat-y 100% 0;
}

/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
div.box-global .i3 {
    display: block;
    margin: 0;
    padding: 10px 20px;
    color: #333;
    background: url(../images/plaque_C.png) repeat left top;
}

/* }}} */


/* {{{ BOX HEADER */

/* Top corners and border */
div.box-global div.box-header {
    width: 100%;
    float: left;
    margin: -14px 0 0 0;
    color: #FFF;
} 

div.box-global div.box-header .bt {
    height: 16px;
    margin: 0 0 0 18px;
    background: no-repeat 100% 0;
    width: auto;
}

div.box-global div.box-header .bt div {
    position: relative;
    left: -18px;
    width: 18px;
    height: 16px;
    background: no-repeat 0 0;
    font-size: 0;
    line-height: 0;
}

/* Bottom corners and border */
div.box-global div.box-header .bb {
    height: 20px;
    margin: 0 0 0 20px;
    background: no-repeat 100% 100%;
}

div.box-global div.box-header .bb div {
    position: relative;
    left: -20px;
    width: 20px;
    height: 20px;
    background: no-repeat 0 100%;
    font-size: 0;
    line-height: 0;
}

/* Left border */
div.box-global div.box-header .i1 {
    padding: 0 0 0 7px;
    background: transparent repeat-y 0 0;
}

/* Right border */
div.box-global div.box-header .i2 {
    padding: 0 7px 0 0;
    background: transparent repeat-y 100% 0;
}

/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
div.box-global div.box-header .i3 {
    display: block;
    padding: 0 20px;
    color: white;
    background: repeat-x left top;
    min-height: 99px;
}

div.box-global div.box-header .i3 h2 {
    padding: 5px 0 0 0;
}

/* }}} */
/* {{{ BOX HEADER's GLOW */
div.box-global div.box-header .box-content {
    position: relative;
}
div.box-global div.box-header .box-content h2 {
    position: relative;
    z-index: 99;
}
div.box-global div.box-header .box-content ul {
    position: relative;
    z-index: 99;
    margin: 17px 0 0 0;
    font-size: 0.85em;
}
div.box-global div.box-header .glow {
    background: transparent url(../images/header_halo.png) no-repeat center top;
    height: 127px;
    width: 565px;
    top: -14px;
    position: absolute;
    z-index: 1;
    margin-left: 50%;
    left: -282px;
}


/* {{{ BOX MAIN & NEWS */

/* Top corners and border */
div.box-global div.box-main, div.box-global div.box-news {
    width: 100%;
}

div.box-global div.box-main .bt, div.box-global div.box-news .bt {
    width: auto;
    height: 16px;
    margin: 0 0 0 18px;
    background: url(../images/contentBloc_curved_box.png) no-repeat 100% 0;
}

div.box-global div.box-main .bt div, div.box-global div.box-news .bt div {
    position: relative;
    left: -18px;
    width: 18px;
    height: 16px;
    background: url(../images/contentBloc_curved_box.png) no-repeat 0 0;
    font-size: 0;
    line-height: 0;
}

/* Bottom corners and border */
div.box-global div.box-main .bb, div.box-global div.box-news .bb {
    height: 14px;
    margin: 0 0 0 16px;
    background: url(../images/contentBloc_curved_box.png) no-repeat 100% 100%;
}

div.box-global div.box-main .bb div, div.box-global div.box-news .bb div {
    position: relative;
    left: -16px;
    width: 16px;
    height: 14px;
    background: url(../images/contentBloc_curved_box.png) no-repeat 0 100%;
    font-size: 0;
    line-height: 0;
}

/* Left border */
div.box-global div.box-main .i1, div.box-global div.box-news .i1 {
    padding: 0 0 0 8px;
    background: url(../images/contentBloc_L.png) repeat-y 0 0;
}

/* Right border */
div.box-global div.box-main .i2, div.box-global div.box-news .i2 {
    padding: 0 8px 0 0;
    background: url(../images/contentBloc_R.png) repeat-y 100% 0;
}

div.box-global div.box-main .i3, div.box-global div.box-news .i3 {
    display: block;
    color: #2a2927;
    background: url(../images/contentBloc_C.png) repeat left top;
    min-height: 75px;
}
/* }}} */


/* {{{ BOX MAIN */
/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
div.box-global div.box-main .i3 {
    padding: 10px 20px;
    min-height: 75px;
}
/* }}} */