/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.8.0r4
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}/*
 Copyright (c) 2009, Yahoo! Inc. All rights reserved.
 Code licensed under the BSD License:
 http://developer.yahoo.net/yui/license.txt
 version: 2.8.0r4
 */
html {
    color: #000;
    background: #FFF;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

fieldset, img {
    border: 0;
}

address, caption, cite, code, dfn, em, strong, th, var, optgroup {
    font-style: inherit;
    font-weight: inherit;
}

del, ins {
    text-decoration: none;
}

li {
    list-style: none;
}

caption, th {
    text-align: left;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
}

q:before, q:after {
    content: '';
}

abbr, acronym {
    border: 0;
    font-variant: normal;
}

sup {
    vertical-align: baseline;
}

sub {
    vertical-align: baseline;
}

legend {
    color: #000;
}

input, button, textarea, select, optgroup, option {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
}

input, button, textarea, select { *

font-size:
    100%;
}

body {
    font: 13px / 1.231 arial, helvetica, clean, sans-serif;*

font-size:small;* font:x-small;
}

select, input, button, textarea, button {
    font: 99% arial, helvetica, clean, sans-serif;
}

table {
    font-size: inherit;
    font: 100%;
}

pre, code, kbd, samp, tt {
    font-family: monospace;*

font-size:
    108%;

line-height:
    100%;
}/*
 Copyright (c) 2009, Yahoo! Inc. All rights reserved.
 Code licensed under the BSD License:
 http://developer.yahoo.net/yui/license.txt
 version: 2.8.0r4
 */
html {
    color: #000;
    background: #FFF;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

fieldset, img {
    border: 0;
}

address, caption, cite, code, dfn, em, strong, th, var, optgroup {
    font-style: inherit;
    font-weight: inherit;
}

del, ins {
    text-decoration: none;
}

li {
    list-style: none;
}

caption, th {
    text-align: left;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
}

q:before, q:after {
    content: '';
}

abbr, acronym {
    border: 0;
    font-variant: normal;
}

sup {
    vertical-align: baseline;
}

sub {
    vertical-align: baseline;
}

legend {
    color: #000;
}

input, button, textarea, select, optgroup, option {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
}

input, button, textarea, select { *

font-size:
    100%;
}

body {
    font: 13px / 1.231 arial, helvetica, clean, sans-serif;*

font-size:small;* font:x-small;
}

select, input, button, textarea, button {
    font: 99% arial, helvetica, clean, sans-serif;
}

table {
    font-size: inherit;
    font: 100%;
}

pre, code, kbd, samp, tt {
    font-family: monospace;*

font-size:
    108%;

line-height:
    100%;
}

body {
    text-align: center;
}

#doc, #doc2, #doc3, #doc4, .yui-t1, .yui-t2, .yui-t3, .yui-t4, .yui-t5, .yui-t6, .yui-t7 {
    margin: auto;
    text-align: left;
    width: 57.69em;*

width:
    56.25em;
}

#doc2 {
    width: 73.076em;*

width:
    71.25em;
}

#doc3 {
    margin: auto 10px;
    width: auto;
}

#doc4 {
    width: 74.923em;*

width:
    73.05em;
}

.yui-b {
    position: relative;
}

.yui-b {
    _position: static;
}

#yui-main .yui-b {
    position: static;
}

#yui-main, .yui-g .yui-u .yui-g {
    width: 100%;
}

.yui-t1 #yui-main, .yui-t2 #yui-main, .yui-t3 #yui-main {
    float: right;
    margin-left: -25em;
}

.yui-t4 #yui-main, .yui-t5 #yui-main, .yui-t6 #yui-main {
    float: left;
    margin-right: -25em;
}

.yui-t1 .yui-b {
    float: left;
    width: 12.30769em;*

width:
    12.00em;
}

.yui-t1 #yui-main .yui-b {
    margin-left: 13.30769em;*

margin-left:
    13.05em;
}

.yui-t2 .yui-b {
    float: left;
    width: 13.8461em;*

width:
    13.50em;
}

.yui-t2 #yui-main .yui-b {
    margin-left: 14.8461em;*

margin-left:
    14.55em;
}

.yui-t3 .yui-b {
    float: left;
    width: 23.0769em;*

width:
    22.50em;
}

.yui-t3 #yui-main .yui-b {
    margin-left: 24.0769em;*

margin-left:
    23.62em;
}

.yui-t4 .yui-b {
    float: right;
    width: 13.8456em;*

width:
    13.50em;
}

.yui-t4 #yui-main .yui-b {
    margin-right: 14.8456em;*

margin-right:
    14.55em;
}

.yui-t5 .yui-b {
    float: right;
    width: 18.4615em;*

width:
    18.00em;
}

.yui-t5 #yui-main .yui-b {
    margin-right: 19.4615em;*

margin-right:
    19.125em;
}

.yui-t6 .yui-b {
    float: right;
    width: 23.0769em;*

width:
    22.50em;
}

.yui-t6 #yui-main .yui-b {
    margin-right: 24.0769em;*

margin-right:
    23.62em;
}

.yui-t7 #yui-main .yui-b {
    display: block;
    margin: 0 0 1em 0;
}

#yui-main .yui-b {
    float: none;
    width: auto;
}

.yui-gb .yui-u, .yui-g .yui-gb .yui-u, .yui-gb .yui-g, .yui-gb .yui-gb, .yui-gb .yui-gc, .yui-gb .yui-gd, .yui-gb .yui-ge, .yui-gb .yui-gf, .yui-gc .yui-u, .yui-gc .yui-g, .yui-gd .yui-u {
    float: left;
}

.yui-g .yui-u, .yui-g .yui-g, .yui-g .yui-gb, .yui-g .yui-gc, .yui-g .yui-gd, .yui-g .yui-ge, .yui-g .yui-gf, .yui-gc .yui-u, .yui-gd .yui-g, .yui-g .yui-gc .yui-u, .yui-ge .yui-u, .yui-ge .yui-g, .yui-gf .yui-g, .yui-gf .yui-u {
    float: right;
}

.yui-g div.first, .yui-gb div.first, .yui-gc div.first, .yui-gd div.first, .yui-ge div.first, .yui-gf div.first, .yui-g .yui-gc div.first, .yui-g .yui-ge div.first, .yui-gc div.first div.first {
    float: left;
}

.yui-g .yui-u, .yui-g .yui-g, .yui-g .yui-gb, .yui-g .yui-gc, .yui-g .yui-gd, .yui-g .yui-ge, .yui-g .yui-gf {
    width: 49.1%;
}

.yui-gb .yui-u, .yui-g .yui-gb .yui-u, .yui-gb .yui-g, .yui-gb .yui-gb, .yui-gb .yui-gc, .yui-gb .yui-gd, .yui-gb .yui-ge, .yui-gb .yui-gf, .yui-gc .yui-u, .yui-gc .yui-g, .yui-gd .yui-u {
    width: 32%;
    margin-left: 1.99%;
}

.yui-gb .yui-u { *

margin-left:
    1.9%;* width:
    31.9%;
}

.yui-gc div.first, .yui-gd .yui-u {
    width: 66%;
}

.yui-gd div.first {
    width: 32%;
}

.yui-ge div.first, .yui-gf .yui-u {
    width: 74.2%;
}

.yui-ge .yui-u, .yui-gf div.first {
    width: 24%;
}

.yui-g .yui-gb div.first, .yui-gb div.first, .yui-gc div.first, .yui-gd div.first {
    margin-left: 0;
}

.yui-g .yui-g .yui-u, .yui-gb .yui-g .yui-u, .yui-gc .yui-g .yui-u, .yui-gd .yui-g .yui-u, .yui-ge .yui-g .yui-u, .yui-gf .yui-g .yui-u {
    width: 49%;*

width:
    48.1%;* margin-left:
    0;
}

.yui-g .yui-g .yui-u {
    width: 48.1%;
}

.yui-g .yui-gb div.first, .yui-gb .yui-gb div.first { *

margin-right:
    0;* width:
    32%;

_width:
    31.7%;
}

.yui-g .yui-gc div.first, .yui-gd .yui-g {
    width: 66%;
}

.yui-gb .yui-g div.first { *

margin-right:
    4%;

_margin-right:
    1.3%;
}

.yui-gb .yui-gc div.first, .yui-gb .yui-gd div.first { *

margin-right:
    0;
}

.yui-gb .yui-gb .yui-u, .yui-gb .yui-gc .yui-u { *

margin-left:
    1.8%;

_margin-left:
    4%;
}

.yui-g .yui-gb .yui-u {
    _margin-left: 1.0%;
}

.yui-gb .yui-gd .yui-u { *

width:
    66%;

_width:
    61.2%;
}

.yui-gb .yui-gd div.first { *

width:
    31%;

_width:
    29.5%;
}

.yui-g .yui-gc .yui-u, .yui-gb .yui-gc .yui-u {
    width: 32%;
    _float: right;
    margin-right: 0;
    _margin-left: 0;
}

.yui-gb .yui-gc div.first {
    width: 66%;*

float:left;* margin-left:
    0;
}

.yui-gb .yui-ge .yui-u, .yui-gb .yui-gf .yui-u {
    margin: 0;
}

.yui-gb .yui-gb .yui-u {
    _margin-left: .7%;
}

.yui-gb .yui-g div.first, .yui-gb .yui-gb div.first { *

margin-left:
    0;
}

.yui-gc .yui-g .yui-u, .yui-gd .yui-g .yui-u { *

width:
    48.1%;* margin-left:
    0;
}

.yui-gb .yui-gd div.first {
    width: 32%;
}

.yui-g .yui-gd div.first {
    _width: 29.9%;
}

.yui-ge .yui-g {
    width: 24%;
}

.yui-gf .yui-g {
    width: 74.2%;
}

.yui-gb .yui-ge div.yui-u, .yui-gb .yui-gf div.yui-u {
    float: right;
}

.yui-gb .yui-ge div.first, .yui-gb .yui-gf div.first {
    float: left;
}

.yui-gb .yui-ge .yui-u, .yui-gb .yui-gf div.first { *

width:
    24%;

_width:
    20%;
}

.yui-gb .yui-ge div.first, .yui-gb .yui-gf .yui-u { *

width:
    73.5%;

_width:
    65.5%;
}

.yui-ge div.first .yui-gd .yui-u {
    width: 65%;
}

.yui-ge div.first .yui-gd div.first {
    width: 32%;
}

#hd:after, #bd:after, #ft:after, .yui-g:after, .yui-gb:after, .yui-gc:after, .yui-gd:after, .yui-ge:after, .yui-gf:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#hd, #bd, #ft, .yui-g, .yui-gb, .yui-gc, .yui-gd, .yui-ge, .yui-gf {
    zoom: 1;
}.container_24{margin-left:0;margin-right:0;width:100.00008%;}
.alpha{margin-left:0!important;}
.omega{margin-right:0!important;}
.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16,.grid_17,.grid_18,.grid_19,.grid_20,.grid_21,.grid_22,.grid_23,.grid_24{display:inline;float:left;position:relative;margin-left:.5%;margin-right:.5%;}
.container_24 .grid_1{width:3.16667%;}
.container_24 .grid_2{width:7.33334%;}
.container_24 .grid_3{width:11.50001%;}
.container_24 .grid_4{width:15.66668%;}
.container_24 .grid_5{width:19.83335%;}
.container_24 .grid_6{width:24.00002%;}
.container_24 .grid_7{width:28.16669%;}
.container_24 .grid_8{width:32.33336%;}
.container_24 .grid_9{width:36.50003%;}
.container_24 .grid_10{width:40.6667%;}
.container_24 .grid_11{width:44.83337%;}
.container_24 .grid_12{width:49.00004%;}
.container_24 .grid_13{width:53.16671%;}
.container_24 .grid_14{width:57.33338%;}
.container_24 .grid_15{width:61.50005%;}
.container_24 .grid_16{width:65.66672%;}
.container_24 .grid_17{width:69.83339%;}
.container_24 .grid_18{width:74.00006%;}
.container_24 .grid_19{width:78.16673%;}
.container_24 .grid_20{width:82.3334%;}
.container_24 .grid_21{width:86.50007%;}
.container_24 .grid_22{width:90.66674%;}
.container_24 .grid_23{width:94.83341%;}
.container_24 .grid_24{width:99.00008%;}
.grid_1 .grid_1{width:98%;margin-left:6%;margin-right:6%;}
.grid_2 .grid_1{width:48%;margin-left:3%;margin-right:3%;}
.grid_2 .grid_2{width:98%;margin-left:3%;margin-right:3%;}
.grid_3 .grid_1{width:31.3333333333%;margin-left:2%;margin-right:2%;}
.grid_3 .grid_2{width:64.6666666667%;margin-left:2%;margin-right:2%;}
.grid_3 .grid_3{width:98%;margin-left:2%;margin-right:2%;}
.grid_4 .grid_1{width:23%;margin-left:1.5%;margin-right:1.5%;}
.grid_4 .grid_2{width:48%;margin-left:1.5%;margin-right:1.5%;}
.grid_4 .grid_3{width:73%;margin-left:1.5%;margin-right:1.5%;}
.grid_4 .grid_4{width:98%;margin-left:1.5%;margin-right:1.5%;}
.grid_5 .grid_1{width:18%;margin-left:1.2%;margin-right:1.2%;}
.grid_5 .grid_2{width:38%;margin-left:1.2%;margin-right:1.2%;}
.grid_5 .grid_3{width:58%;margin-left:1.2%;margin-right:1.2%;}
.grid_5 .grid_4{width:78%;margin-left:1.2%;margin-right:1.2%;}
.grid_5 .grid_5{width:98%;margin-left:1.2%;margin-right:1.2%;}
.grid_6 .grid_1{width:14.6666666667%;margin-left:1%;margin-right:1%;}
.grid_6 .grid_2{width:31.3333333333%;margin-left:1%;margin-right:1%;}
.grid_6 .grid_3{width:48%;margin-left:1%;margin-right:1%;}
.grid_6 .grid_4{width:64.6666666667%;margin-left:1%;margin-right:1%;}
.grid_6 .grid_5{width:81.3333333333%;margin-left:1%;margin-right:1%;}
.grid_6 .grid_6{width:98%;margin-left:1%;margin-right:1%;}
.grid_7 .grid_1{width:12.2857142857%;margin-left:.857142857143%;margin-right:.857142857143%;}
.grid_7 .grid_2{width:26.5714285714%;margin-left:.857142857143%;margin-right:.857142857143%;}
.grid_7 .grid_3{width:40.8571428571%;margin-left:.857142857143%;margin-right:.857142857143%;}
.grid_7 .grid_4{width:55.1428571429%;margin-left:.857142857143%;margin-right:.857142857143%;}
.grid_7 .grid_5{width:69.4285714286%;margin-left:.857142857143%;margin-right:.857142857143%;}
.grid_7 .grid_6{width:83.7142857143%;margin-left:.857142857143%;margin-right:.857142857143%;}
.grid_7 .grid_7{width:98%;margin-left:.857142857143%;margin-right:.857142857143%;}
.grid_8 .grid_1{width:10.5%;margin-left:.75%;margin-right:.75%;}
.grid_8 .grid_2{width:23%;margin-left:.75%;margin-right:.75%;}
.grid_8 .grid_3{width:35.5%;margin-left:.75%;margin-right:.75%;}
.grid_8 .grid_4{width:48%;margin-left:.75%;margin-right:.75%;}
.grid_8 .grid_5{width:60.5%;margin-left:.75%;margin-right:.75%;}
.grid_8 .grid_6{width:73%;margin-left:.75%;margin-right:.75%;}
.grid_8 .grid_7{width:85.5%;margin-left:.75%;margin-right:.75%;}
.grid_8 .grid_8{width:98%;margin-left:.75%;margin-right:.75%;}
.grid_9 .grid_1{width:9.11111111111%;margin-left:.666666666667%;margin-right:.666666666667%;}
.grid_9 .grid_2{width:20.2222222222%;margin-left:.666666666667%;margin-right:.666666666667%;}
.grid_9 .grid_3{width:31.3333333333%;margin-left:.666666666667%;margin-right:.666666666667%;}
.grid_9 .grid_4{width:42.4444444444%;margin-left:.666666666667%;margin-right:.666666666667%;}
.grid_9 .grid_5{width:53.5555555556%;margin-left:.666666666667%;margin-right:.666666666667%;}
.grid_9 .grid_6{width:64.6666666667%;margin-left:.666666666667%;margin-right:.666666666667%;}
.grid_9 .grid_7{width:75.7777777778%;margin-left:.666666666667%;margin-right:.666666666667%;}
.grid_9 .grid_8{width:86.8888888889%;margin-left:.666666666667%;margin-right:.666666666667%;}
.grid_9 .grid_9{width:98%;margin-left:.666666666667%;margin-right:.666666666667%;}
.grid_10 .grid_1{width:8%;margin-left:.6%;margin-right:.6%;}
.grid_10 .grid_2{width:18%;margin-left:.6%;margin-right:.6%;}
.grid_10 .grid_3{width:28%;margin-left:.6%;margin-right:.6%;}
.grid_10 .grid_4{width:38%;margin-left:.6%;margin-right:.6%;}
.grid_10 .grid_5{width:48%;margin-left:.6%;margin-right:.6%;}
.grid_10 .grid_6{width:58%;margin-left:.6%;margin-right:.6%;}
.grid_10 .grid_7{width:68%;margin-left:.6%;margin-right:.6%;}
.grid_10 .grid_8{width:78%;margin-left:.6%;margin-right:.6%;}
.grid_10 .grid_9{width:88%;margin-left:.6%;margin-right:.6%;}
.grid_10 .grid_10{width:98%;margin-left:.6%;margin-right:.6%;}
.grid_11 .grid_1{width:7.09090909091%;margin-left:.545454545455%;margin-right:.545454545455%;}
.grid_11 .grid_2{width:16.1818181818%;margin-left:.545454545455%;margin-right:.545454545455%;}
.grid_11 .grid_3{width:25.2727272727%;margin-left:.545454545455%;margin-right:.545454545455%;}
.grid_11 .grid_4{width:34.3636363636%;margin-left:.545454545455%;margin-right:.545454545455%;}
.grid_11 .grid_5{width:43.4545454545%;margin-left:.545454545455%;margin-right:.545454545455%;}
.grid_11 .grid_6{width:52.5454545455%;margin-left:.545454545455%;margin-right:.545454545455%;}
.grid_11 .grid_7{width:61.6363636364%;margin-left:.545454545455%;margin-right:.545454545455%;}
.grid_11 .grid_8{width:70.7272727273%;margin-left:.545454545455%;margin-right:.545454545455%;}
.grid_11 .grid_9{width:79.8181818182%;margin-left:.545454545455%;margin-right:.545454545455%;}
.grid_11 .grid_10{width:88.9090909091%;margin-left:.545454545455%;margin-right:.545454545455%;}
.grid_11 .grid_11{width:98%;margin-left:.545454545455%;margin-right:.545454545455%;}
.grid_12 .grid_1{width:6.33333333333%;margin-left:.5%;margin-right:.5%;}
.grid_12 .grid_2{width:14.6666666667%;margin-left:.5%;margin-right:.5%;}
.grid_12 .grid_3{width:23%;margin-left:.5%;margin-right:.5%;}
.grid_12 .grid_4{width:31.3333333333%;margin-left:.5%;margin-right:.5%;}
.grid_12 .grid_5{width:39.6666666667%;margin-left:.5%;margin-right:.5%;}
.grid_12 .grid_6{width:48%;margin-left:.5%;margin-right:.5%;}
.grid_12 .grid_7{width:56.3333333333%;margin-left:.5%;margin-right:.5%;}
.grid_12 .grid_8{width:64.6666666667%;margin-left:.5%;margin-right:.5%;}
.grid_12 .grid_9{width:73%;margin-left:.5%;margin-right:.5%;}
.grid_12 .grid_10{width:81.3333333333%;margin-left:.5%;margin-right:.5%;}
.grid_12 .grid_11{width:89.6666666667%;margin-left:.5%;margin-right:.5%;}
.grid_12 .grid_12{width:98%;margin-left:.5%;margin-right:.5%;}
.grid_13 .grid_1{width:5.69230769231%;margin-left:.461538461538%;margin-right:.461538461538%;}
.grid_13 .grid_2{width:13.3846153846%;margin-left:.461538461538%;margin-right:.461538461538%;}
.grid_13 .grid_3{width:21.0769230769%;margin-left:.461538461538%;margin-right:.461538461538%;}
.grid_13 .grid_4{width:28.7692307692%;margin-left:.461538461538%;margin-right:.461538461538%;}
.grid_13 .grid_5{width:36.4615384615%;margin-left:.461538461538%;margin-right:.461538461538%;}
.grid_13 .grid_6{width:44.1538461538%;margin-left:.461538461538%;margin-right:.461538461538%;}
.grid_13 .grid_7{width:51.8461538462%;margin-left:.461538461538%;margin-right:.461538461538%;}
.grid_13 .grid_8{width:59.5384615385%;margin-left:.461538461538%;margin-right:.461538461538%;}
.grid_13 .grid_9{width:67.2307692308%;margin-left:.461538461538%;margin-right:.461538461538%;}
.grid_13 .grid_10{width:74.9230769231%;margin-left:.461538461538%;margin-right:.461538461538%;}
.grid_13 .grid_11{width:82.6153846154%;margin-left:.461538461538%;margin-right:.461538461538%;}
.grid_13 .grid_12{width:90.3076923077%;margin-left:.461538461538%;margin-right:.461538461538%;}
.grid_13 .grid_13{width:98%;margin-left:.461538461538%;margin-right:.461538461538%;}
.grid_14 .grid_1{width:5.14285714286%;margin-left:.428571428571%;margin-right:.428571428571%;}
.grid_14 .grid_2{width:12.2857142857%;margin-left:.428571428571%;margin-right:.428571428571%;}
.grid_14 .grid_3{width:19.4285714286%;margin-left:.428571428571%;margin-right:.428571428571%;}
.grid_14 .grid_4{width:26.5714285714%;margin-left:.428571428571%;margin-right:.428571428571%;}
.grid_14 .grid_5{width:33.7142857143%;margin-left:.428571428571%;margin-right:.428571428571%;}
.grid_14 .grid_6{width:40.8571428571%;margin-left:.428571428571%;margin-right:.428571428571%;}
.grid_14 .grid_7{width:48%;margin-left:.428571428571%;margin-right:.428571428571%;}
.grid_14 .grid_8{width:55.1428571429%;margin-left:.428571428571%;margin-right:.428571428571%;}
.grid_14 .grid_9{width:62.2857142857%;margin-left:.428571428571%;margin-right:.428571428571%;}
.grid_14 .grid_10{width:69.4285714286%;margin-left:.428571428571%;margin-right:.428571428571%;}
.grid_14 .grid_11{width:76.5714285714%;margin-left:.428571428571%;margin-right:.428571428571%;}
.grid_14 .grid_12{width:83.7142857143%;margin-left:.428571428571%;margin-right:.428571428571%;}
.grid_14 .grid_13{width:90.8571428571%;margin-left:.428571428571%;margin-right:.428571428571%;}
.grid_14 .grid_14{width:98%;margin-left:.428571428571%;margin-right:.428571428571%;}
.grid_15 .grid_1{width:4.66666666667%;margin-left:.4%;margin-right:.4%;}
.grid_15 .grid_2{width:11.3333333333%;margin-left:.4%;margin-right:.4%;}
.grid_15 .grid_3{width:18%;margin-left:.4%;margin-right:.4%;}
.grid_15 .grid_4{width:24.6666666667%;margin-left:.4%;margin-right:.4%;}
.grid_15 .grid_5{width:31.3333333333%;margin-left:.4%;margin-right:.4%;}
.grid_15 .grid_6{width:38%;margin-left:.4%;margin-right:.4%;}
.grid_15 .grid_7{width:44.6666666667%;margin-left:.4%;margin-right:.4%;}
.grid_15 .grid_8{width:51.3333333333%;margin-left:.4%;margin-right:.4%;}
.grid_15 .grid_9{width:58%;margin-left:.4%;margin-right:.4%;}
.grid_15 .grid_10{width:64.6666666667%;margin-left:.4%;margin-right:.4%;}
.grid_15 .grid_11{width:71.3333333333%;margin-left:.4%;margin-right:.4%;}
.grid_15 .grid_12{width:78%;margin-left:.4%;margin-right:.4%;}
.grid_15 .grid_13{width:84.6666666667%;margin-left:.4%;margin-right:.4%;}
.grid_15 .grid_14{width:91.3333333333%;margin-left:.4%;margin-right:.4%;}
.grid_15 .grid_15{width:98%;margin-left:.4%;margin-right:.4%;}
.grid_16 .grid_1{width:4.25%;margin-left:.375%;margin-right:.375%;}
.grid_16 .grid_2{width:10.5%;margin-left:.375%;margin-right:.375%;}
.grid_16 .grid_3{width:16.75%;margin-left:.375%;margin-right:.375%;}
.grid_16 .grid_4{width:23%;margin-left:.375%;margin-right:.375%;}
.grid_16 .grid_5{width:29.25%;margin-left:.375%;margin-right:.375%;}
.grid_16 .grid_6{width:35.5%;margin-left:.375%;margin-right:.375%;}
.grid_16 .grid_7{width:41.75%;margin-left:.375%;margin-right:.375%;}
.grid_16 .grid_8{width:48%;margin-left:.375%;margin-right:.375%;}
.grid_16 .grid_9{width:54.25%;margin-left:.375%;margin-right:.375%;}
.grid_16 .grid_10{width:60.5%;margin-left:.375%;margin-right:.375%;}
.grid_16 .grid_11{width:66.75%;margin-left:.375%;margin-right:.375%;}
.grid_16 .grid_12{width:73%;margin-left:.375%;margin-right:.375%;}
.grid_16 .grid_13{width:79.25%;margin-left:.375%;margin-right:.375%;}
.grid_16 .grid_14{width:85.5%;margin-left:.375%;margin-right:.375%;}
.grid_16 .grid_15{width:91.75%;margin-left:.375%;margin-right:.375%;}
.grid_16 .grid_16{width:98%;margin-left:.375%;margin-right:.375%;}
.grid_17 .grid_1{width:3.88235294118%;margin-left:.352941176471%;margin-right:.352941176471%;}
.grid_17 .grid_2{width:9.76470588235%;margin-left:.352941176471%;margin-right:.352941176471%;}
.grid_17 .grid_3{width:15.6470588235%;margin-left:.352941176471%;margin-right:.352941176471%;}
.grid_17 .grid_4{width:21.5294117647%;margin-left:.352941176471%;margin-right:.352941176471%;}
.grid_17 .grid_5{width:27.4117647059%;margin-left:.352941176471%;margin-right:.352941176471%;}
.grid_17 .grid_6{width:33.2941176471%;margin-left:.352941176471%;margin-right:.352941176471%;}
.grid_17 .grid_7{width:39.1764705882%;margin-left:.352941176471%;margin-right:.352941176471%;}
.grid_17 .grid_8{width:45.0588235294%;margin-left:.352941176471%;margin-right:.352941176471%;}
.grid_17 .grid_9{width:50.9411764706%;margin-left:.352941176471%;margin-right:.352941176471%;}
.grid_17 .grid_10{width:56.8235294118%;margin-left:.352941176471%;margin-right:.352941176471%;}
.grid_17 .grid_11{width:62.7058823529%;margin-left:.352941176471%;margin-right:.352941176471%;}
.grid_17 .grid_12{width:68.5882352941%;margin-left:.352941176471%;margin-right:.352941176471%;}
.grid_17 .grid_13{width:74.4705882353%;margin-left:.352941176471%;margin-right:.352941176471%;}
.grid_17 .grid_14{width:80.3529411765%;margin-left:.352941176471%;margin-right:.352941176471%;}
.grid_17 .grid_15{width:86.2352941176%;margin-left:.352941176471%;margin-right:.352941176471%;}
.grid_17 .grid_16{width:92.1176470588%;margin-left:.352941176471%;margin-right:.352941176471%;}
.grid_17 .grid_17{width:98%;margin-left:.352941176471%;margin-right:.352941176471%;}
.grid_18 .grid_1{width:3.55555555556%;margin-left:.333333333333%;margin-right:.333333333333%;}
.grid_18 .grid_2{width:9.11111111111%;margin-left:.333333333333%;margin-right:.333333333333%;}
.grid_18 .grid_3{width:14.6666666667%;margin-left:.333333333333%;margin-right:.333333333333%;}
.grid_18 .grid_4{width:20.2222222222%;margin-left:.333333333333%;margin-right:.333333333333%;}
.grid_18 .grid_5{width:25.7777777778%;margin-left:.333333333333%;margin-right:.333333333333%;}
.grid_18 .grid_6{width:31.3333333333%;margin-left:.333333333333%;margin-right:.333333333333%;}
.grid_18 .grid_7{width:36.8888888889%;margin-left:.333333333333%;margin-right:.333333333333%;}
.grid_18 .grid_8{width:42.4444444444%;margin-left:.333333333333%;margin-right:.333333333333%;}
.grid_18 .grid_9{width:48%;margin-left:.333333333333%;margin-right:.333333333333%;}
.grid_18 .grid_10{width:53.5555555556%;margin-left:.333333333333%;margin-right:.333333333333%;}
.grid_18 .grid_11{width:59.1111111111%;margin-left:.333333333333%;margin-right:.333333333333%;}
.grid_18 .grid_12{width:64.6666666667%;margin-left:.333333333333%;margin-right:.333333333333%;}
.grid_18 .grid_13{width:70.2222222222%;margin-left:.333333333333%;margin-right:.333333333333%;}
.grid_18 .grid_14{width:75.7777777778%;margin-left:.333333333333%;margin-right:.333333333333%;}
.grid_18 .grid_15{width:81.3333333333%;margin-left:.333333333333%;margin-right:.333333333333%;}
.grid_18 .grid_16{width:86.8888888889%;margin-left:.333333333333%;margin-right:.333333333333%;}
.grid_18 .grid_17{width:92.4444444444%;margin-left:.333333333333%;margin-right:.333333333333%;}
.grid_18 .grid_18{width:98%;margin-left:.333333333333%;margin-right:.333333333333%;}
.grid_19 .grid_1{width:3.26315789474%;margin-left:.315789473684%;margin-right:.315789473684%;}
.grid_19 .grid_2{width:8.52631578947%;margin-left:.315789473684%;margin-right:.315789473684%;}
.grid_19 .grid_3{width:13.7894736842%;margin-left:.315789473684%;margin-right:.315789473684%;}
.grid_19 .grid_4{width:19.0526315789%;margin-left:.315789473684%;margin-right:.315789473684%;}
.grid_19 .grid_5{width:24.3157894737%;margin-left:.315789473684%;margin-right:.315789473684%;}
.grid_19 .grid_6{width:29.5789473684%;margin-left:.315789473684%;margin-right:.315789473684%;}
.grid_19 .grid_7{width:34.8421052632%;margin-left:.315789473684%;margin-right:.315789473684%;}
.grid_19 .grid_8{width:40.1052631579%;margin-left:.315789473684%;margin-right:.315789473684%;}
.grid_19 .grid_9{width:45.3684210526%;margin-left:.315789473684%;margin-right:.315789473684%;}
.grid_19 .grid_10{width:50.6315789474%;margin-left:.315789473684%;margin-right:.315789473684%;}
.grid_19 .grid_11{width:55.8947368421%;margin-left:.315789473684%;margin-right:.315789473684%;}
.grid_19 .grid_12{width:61.1578947368%;margin-left:.315789473684%;margin-right:.315789473684%;}
.grid_19 .grid_13{width:66.4210526316%;margin-left:.315789473684%;margin-right:.315789473684%;}
.grid_19 .grid_14{width:71.6842105263%;margin-left:.315789473684%;margin-right:.315789473684%;}
.grid_19 .grid_15{width:76.9473684211%;margin-left:.315789473684%;margin-right:.315789473684%;}
.grid_19 .grid_16{width:82.2105263158%;margin-left:.315789473684%;margin-right:.315789473684%;}
.grid_19 .grid_17{width:87.4736842105%;margin-left:.315789473684%;margin-right:.315789473684%;}
.grid_19 .grid_18{width:92.7368421053%;margin-left:.315789473684%;margin-right:.315789473684%;}
.grid_19 .grid_19{width:98%;margin-left:.315789473684%;margin-right:.315789473684%;}
.grid_20 .grid_1{width:3%;margin-left:.3%;margin-right:.3%;}
.grid_20 .grid_2{width:8%;margin-left:.3%;margin-right:.3%;}
.grid_20 .grid_3{width:13%;margin-left:.3%;margin-right:.3%;}
.grid_20 .grid_4{width:18%;margin-left:.3%;margin-right:.3%;}
.grid_20 .grid_5{width:23%;margin-left:.3%;margin-right:.3%;}
.grid_20 .grid_6{width:28%;margin-left:.3%;margin-right:.3%;}
.grid_20 .grid_7{width:33%;margin-left:.3%;margin-right:.3%;}
.grid_20 .grid_8{width:38%;margin-left:.3%;margin-right:.3%;}
.grid_20 .grid_9{width:43%;margin-left:.3%;margin-right:.3%;}
.grid_20 .grid_10{width:48%;margin-left:.3%;margin-right:.3%;}
.grid_20 .grid_11{width:53%;margin-left:.3%;margin-right:.3%;}
.grid_20 .grid_12{width:58%;margin-left:.3%;margin-right:.3%;}
.grid_20 .grid_13{width:63%;margin-left:.3%;margin-right:.3%;}
.grid_20 .grid_14{width:68%;margin-left:.3%;margin-right:.3%;}
.grid_20 .grid_15{width:73%;margin-left:.3%;margin-right:.3%;}
.grid_20 .grid_16{width:78%;margin-left:.3%;margin-right:.3%;}
.grid_20 .grid_17{width:83%;margin-left:.3%;margin-right:.3%;}
.grid_20 .grid_18{width:88%;margin-left:.3%;margin-right:.3%;}
.grid_20 .grid_19{width:93%;margin-left:.3%;margin-right:.3%;}
.grid_20 .grid_20{width:98%;margin-left:.3%;margin-right:.3%;}
.grid_21 .grid_1{width:2.7619047619%;margin-left:.285714285714%;margin-right:.285714285714%;}
.grid_21 .grid_2{width:7.52380952381%;margin-left:.285714285714%;margin-right:.285714285714%;}
.grid_21 .grid_3{width:12.2857142857%;margin-left:.285714285714%;margin-right:.285714285714%;}
.grid_21 .grid_4{width:17.0476190476%;margin-left:.285714285714%;margin-right:.285714285714%;}
.grid_21 .grid_5{width:21.8095238095%;margin-left:.285714285714%;margin-right:.285714285714%;}
.grid_21 .grid_6{width:26.5714285714%;margin-left:.285714285714%;margin-right:.285714285714%;}
.grid_21 .grid_7{width:31.3333333333%;margin-left:.285714285714%;margin-right:.285714285714%;}
.grid_21 .grid_8{width:36.0952380952%;margin-left:.285714285714%;margin-right:.285714285714%;}
.grid_21 .grid_9{width:40.8571428571%;margin-left:.285714285714%;margin-right:.285714285714%;}
.grid_21 .grid_10{width:45.619047619%;margin-left:.285714285714%;margin-right:.285714285714%;}
.grid_21 .grid_11{width:50.380952381%;margin-left:.285714285714%;margin-right:.285714285714%;}
.grid_21 .grid_12{width:55.1428571429%;margin-left:.285714285714%;margin-right:.285714285714%;}
.grid_21 .grid_13{width:59.9047619048%;margin-left:.285714285714%;margin-right:.285714285714%;}
.grid_21 .grid_14{width:64.6666666667%;margin-left:.285714285714%;margin-right:.285714285714%;}
.grid_21 .grid_15{width:69.4285714286%;margin-left:.285714285714%;margin-right:.285714285714%;}
.grid_21 .grid_16{width:74.1904761905%;margin-left:.285714285714%;margin-right:.285714285714%;}
.grid_21 .grid_17{width:78.9523809524%;margin-left:.285714285714%;margin-right:.285714285714%;}
.grid_21 .grid_18{width:83.7142857143%;margin-left:.285714285714%;margin-right:.285714285714%;}
.grid_21 .grid_19{width:88.4761904762%;margin-left:.285714285714%;margin-right:.285714285714%;}
.grid_21 .grid_20{width:93.2380952381%;margin-left:.285714285714%;margin-right:.285714285714%;}
.grid_21 .grid_21{width:98%;margin-left:.285714285714%;margin-right:.285714285714%;}
.grid_22 .grid_1{width:2.54545454545%;margin-left:.272727272727%;margin-right:.272727272727%;}
.grid_22 .grid_2{width:7.09090909091%;margin-left:.272727272727%;margin-right:.272727272727%;}
.grid_22 .grid_3{width:11.6363636364%;margin-left:.272727272727%;margin-right:.272727272727%;}
.grid_22 .grid_4{width:16.1818181818%;margin-left:.272727272727%;margin-right:.272727272727%;}
.grid_22 .grid_5{width:20.7272727273%;margin-left:.272727272727%;margin-right:.272727272727%;}
.grid_22 .grid_6{width:25.2727272727%;margin-left:.272727272727%;margin-right:.272727272727%;}
.grid_22 .grid_7{width:29.8181818182%;margin-left:.272727272727%;margin-right:.272727272727%;}
.grid_22 .grid_8{width:34.3636363636%;margin-left:.272727272727%;margin-right:.272727272727%;}
.grid_22 .grid_9{width:38.9090909091%;margin-left:.272727272727%;margin-right:.272727272727%;}
.grid_22 .grid_10{width:43.4545454545%;margin-left:.272727272727%;margin-right:.272727272727%;}
.grid_22 .grid_11{width:48%;margin-left:.272727272727%;margin-right:.272727272727%;}
.grid_22 .grid_12{width:52.5454545455%;margin-left:.272727272727%;margin-right:.272727272727%;}
.grid_22 .grid_13{width:57.0909090909%;margin-left:.272727272727%;margin-right:.272727272727%;}
.grid_22 .grid_14{width:61.6363636364%;margin-left:.272727272727%;margin-right:.272727272727%;}
.grid_22 .grid_15{width:66.1818181818%;margin-left:.272727272727%;margin-right:.272727272727%;}
.grid_22 .grid_16{width:70.7272727273%;margin-left:.272727272727%;margin-right:.272727272727%;}
.grid_22 .grid_17{width:75.2727272727%;margin-left:.272727272727%;margin-right:.272727272727%;}
.grid_22 .grid_18{width:79.8181818182%;margin-left:.272727272727%;margin-right:.272727272727%;}
.grid_22 .grid_19{width:84.3636363636%;margin-left:.272727272727%;margin-right:.272727272727%;}
.grid_22 .grid_20{width:88.9090909091%;margin-left:.272727272727%;margin-right:.272727272727%;}
.grid_22 .grid_21{width:93.4545454545%;margin-left:.272727272727%;margin-right:.272727272727%;}
.grid_22 .grid_22{width:98%;margin-left:.272727272727%;margin-right:.272727272727%;}
.grid_23 .grid_1{width:2.34782608696%;margin-left:.260869565217%;margin-right:.260869565217%;}
.grid_23 .grid_2{width:6.69565217391%;margin-left:.260869565217%;margin-right:.260869565217%;}
.grid_23 .grid_3{width:11.0434782609%;margin-left:.260869565217%;margin-right:.260869565217%;}
.grid_23 .grid_4{width:15.3913043478%;margin-left:.260869565217%;margin-right:.260869565217%;}
.grid_23 .grid_5{width:19.7391304348%;margin-left:.260869565217%;margin-right:.260869565217%;}
.grid_23 .grid_6{width:24.0869565217%;margin-left:.260869565217%;margin-right:.260869565217%;}
.grid_23 .grid_7{width:28.4347826087%;margin-left:.260869565217%;margin-right:.260869565217%;}
.grid_23 .grid_8{width:32.7826086957%;margin-left:.260869565217%;margin-right:.260869565217%;}
.grid_23 .grid_9{width:37.1304347826%;margin-left:.260869565217%;margin-right:.260869565217%;}
.grid_23 .grid_10{width:41.4782608696%;margin-left:.260869565217%;margin-right:.260869565217%;}
.grid_23 .grid_11{width:45.8260869565%;margin-left:.260869565217%;margin-right:.260869565217%;}
.grid_23 .grid_12{width:50.1739130435%;margin-left:.260869565217%;margin-right:.260869565217%;}
.grid_23 .grid_13{width:54.5217391304%;margin-left:.260869565217%;margin-right:.260869565217%;}
.grid_23 .grid_14{width:58.8695652174%;margin-left:.260869565217%;margin-right:.260869565217%;}
.grid_23 .grid_15{width:63.2173913043%;margin-left:.260869565217%;margin-right:.260869565217%;}
.grid_23 .grid_16{width:67.5652173913%;margin-left:.260869565217%;margin-right:.260869565217%;}
.grid_23 .grid_17{width:71.9130434783%;margin-left:.260869565217%;margin-right:.260869565217%;}
.grid_23 .grid_18{width:76.2608695652%;margin-left:.260869565217%;margin-right:.260869565217%;}
.grid_23 .grid_19{width:80.6086956522%;margin-left:.260869565217%;margin-right:.260869565217%;}
.grid_23 .grid_20{width:84.9565217391%;margin-left:.260869565217%;margin-right:.260869565217%;}
.grid_23 .grid_21{width:89.3043478261%;margin-left:.260869565217%;margin-right:.260869565217%;}
.grid_23 .grid_22{width:93.652173913%;margin-left:.260869565217%;margin-right:.260869565217%;}
.grid_23 .grid_23{width:98%;margin-left:.260869565217%;margin-right:.260869565217%;}
.grid_24 .grid_1{width:2.16666666667%;margin-left:.25%;margin-right:.25%;}
.grid_24 .grid_2{width:6.33333333333%;margin-left:.25%;margin-right:.25%;}
.grid_24 .grid_3{width:10.5%;margin-left:.25%;margin-right:.25%;}
.grid_24 .grid_4{width:14.6666666667%;margin-left:.25%;margin-right:.25%;}
.grid_24 .grid_5{width:18.8333333333%;margin-left:.25%;margin-right:.25%;}
.grid_24 .grid_6{width:23%;margin-left:.25%;margin-right:.25%;}
.grid_24 .grid_7{width:27.1666666667%;margin-left:.25%;margin-right:.25%;}
.grid_24 .grid_8{width:31.3333333333%;margin-left:.25%;margin-right:.25%;}
.grid_24 .grid_9{width:35.5%;margin-left:.25%;margin-right:.25%;}
.grid_24 .grid_10{width:39.6666666667%;margin-left:.25%;margin-right:.25%;}
.grid_24 .grid_11{width:43.8333333333%;margin-left:.25%;margin-right:.25%;}
.grid_24 .grid_12{width:48%;margin-left:.25%;margin-right:.25%;}
.grid_24 .grid_13{width:52.1666666667%;margin-left:.25%;margin-right:.25%;}
.grid_24 .grid_14{width:56.3333333333%;margin-left:.25%;margin-right:.25%;}
.grid_24 .grid_15{width:60.5%;margin-left:.25%;margin-right:.25%;}
.grid_24 .grid_16{width:64.6666666667%;margin-left:.25%;margin-right:.25%;}
.grid_24 .grid_17{width:68.8333333333%;margin-left:.25%;margin-right:.25%;}
.grid_24 .grid_18{width:73%;margin-left:.25%;margin-right:.25%;}
.grid_24 .grid_19{width:77.1666666667%;margin-left:.25%;margin-right:.25%;}
.grid_24 .grid_20{width:81.3333333333%;margin-left:.25%;margin-right:.25%;}
.grid_24 .grid_21{width:85.5%;margin-left:.25%;margin-right:.25%;}
.grid_24 .grid_22{width:89.6666666667%;margin-left:.25%;margin-right:.25%;}
.grid_24 .grid_23{width:93.8333333333%;margin-left:.25%;margin-right:.25%;}
.grid_24 .grid_24{width:98%;margin-left:.25%;margin-right:.25%;}
.container_24 .prefix_1{padding-left:4.16667%;}
.container_24 .prefix_2{padding-left:8.33334%;}
.container_24 .prefix_3{padding-left:12.50001%;}
.container_24 .prefix_4{padding-left:16.66668%;}
.container_24 .prefix_5{padding-left:20.83335%;}
.container_24 .prefix_6{padding-left:25.00002%;}
.container_24 .prefix_7{padding-left:29.16669%;}
.container_24 .prefix_8{padding-left:33.33336%;}
.container_24 .prefix_9{padding-left:37.50003%;}
.container_24 .prefix_10{padding-left:41.6667%;}
.container_24 .prefix_11{padding-left:45.83337%;}
.container_24 .prefix_12{padding-left:50.00004%;}
.container_24 .prefix_13{padding-left:54.16671%;}
.container_24 .prefix_14{padding-left:58.33338%;}
.container_24 .prefix_15{padding-left:62.50005%;}
.container_24 .prefix_16{padding-left:66.66672%;}
.container_24 .prefix_17{padding-left:70.83339%;}
.container_24 .prefix_18{padding-left:75.00006%;}
.container_24 .prefix_19{padding-left:79.16673%;}
.container_24 .prefix_20{padding-left:83.3334%;}
.container_24 .prefix_21{padding-left:87.50007%;}
.container_24 .prefix_22{padding-left:91.66674%;}
.container_24 .prefix_23{padding-left:95.83341%;}
.container_24 .suffix_1{padding-right:4.16667%;}
.container_24 .suffix_2{padding-right:8.33334%;}
.container_24 .suffix_3{padding-right:12.50001%;}
.container_24 .suffix_4{padding-right:16.66668%;}
.container_24 .suffix_5{padding-right:20.83335%;}
.container_24 .suffix_6{padding-right:25.00002%;}
.container_24 .suffix_7{padding-right:29.16669%;}
.container_24 .suffix_8{padding-right:33.33336%;}
.container_24 .suffix_9{padding-right:37.50003%;}
.container_24 .suffix_10{padding-right:41.6667%;}
.container_24 .suffix_11{padding-right:45.83337%;}
.container_24 .suffix_12{padding-right:50.00004%;}
.container_24 .suffix_13{padding-right:54.16671%;}
.container_24 .suffix_14{padding-right:58.33338%;}
.container_24 .suffix_15{padding-right:62.50005%;}
.container_24 .suffix_16{padding-right:66.66672%;}
.container_24 .suffix_17{padding-right:70.83339%;}
.container_24 .suffix_18{padding-right:75.00006%;}
.container_24 .suffix_19{padding-right:79.16673%;}
.container_24 .suffix_20{padding-right:83.3334%;}
.container_24 .suffix_21{padding-right:87.50007%;}
.container_24 .suffix_22{padding-right:91.66674%;}
.container_24 .suffix_23{padding-right:95.83341%;}
.container_24 .push_1{left:4.16667%;}
.container_24 .push_2{left:8.33334%;}
.container_24 .push_3{left:12.50001%;}
.container_24 .push_4{left:16.66668%;}
.container_24 .push_5{left:20.83335%;}
.container_24 .push_6{left:25.00002%;}
.container_24 .push_7{left:29.16669%;}
.container_24 .push_8{left:33.33336%;}
.container_24 .push_9{left:37.50003%;}
.container_24 .push_10{left:41.6667%;}
.container_24 .push_11{left:45.83337%;}
.container_24 .push_12{left:50.00004%;}
.container_24 .push_13{left:54.16671%;}
.container_24 .push_14{left:58.33338%;}
.container_24 .push_15{left:62.50005%;}
.container_24 .push_16{left:66.66672%;}
.container_24 .push_17{left:70.83339%;}
.container_24 .push_18{left:75.00006%;}
.container_24 .push_19{left:79.16673%;}
.container_24 .push_20{left:83.3334%;}
.container_24 .push_21{left:87.50007%;}
.container_24 .push_22{left:91.66674%;}
.container_24 .push_23{left:95.83341%;}
.container_24 .pull_1{right:4.16667%;}
.container_24 .pull_2{right:8.33334%;}
.container_24 .pull_3{right:12.50001%;}
.container_24 .pull_4{right:16.66668%;}
.container_24 .pull_5{right:20.83335%;}
.container_24 .pull_6{right:25.00002%;}
.container_24 .pull_7{right:29.16669%;}
.container_24 .pull_8{right:33.33336%;}
.container_24 .pull_9{right:37.50003%;}
.container_24 .pull_10{right:41.6667%;}
.container_24 .pull_11{right:45.83337%;}
.container_24 .pull_12{right:50.00004%;}
.container_24 .pull_13{right:54.16671%;}
.container_24 .pull_14{right:58.33338%;}
.container_24 .pull_15{right:62.50005%;}
.container_24 .pull_16{right:66.66672%;}
.container_24 .pull_17{right:70.83339%;}
.container_24 .pull_18{right:75.00006%;}
.container_24 .pull_19{right:79.16673%;}
.container_24 .pull_20{right:83.3334%;}
.container_24 .pull_21{right:87.50007%;}
.container_24 .pull_22{right:91.66674%;}
.container_24 .pull_23{right:95.83341%;}
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;}
.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0;}
.clearfix{display:block;}
* html .clearfix{height:1%;}
/* {{{ Formulaires Global */

form {}
    form fieldset + fieldset {
        margin: 1.5em 0;
    }
    form p { clear: left; padding: 4px 0; }
        form p label, label.radiolistlabel {
            position: relative;
            display: block;
            float: left;
            width: 160px;
            text-align: right;
            padding: 0px 15px 0 0;
        }
        label.radiolistlabel { top: -4px; }
        form p label.secondary {
            position: relative;
            display: inline;
            display: inline-block;
            float: none;
            width: auto;
            text-align: left;
            padding: 0 20px 0 14px;
        }
        form p label.basic,
        form.gform fieldset label.basic {
            position : static;
            display : inline;
            float : none;
            margin: 0;
        }
        form p div.emptylabel {
            position: relative;
            display: block;
            float: left;
            width: 160px;
            text-align: right;
            padding: 0 20px 0 0;
        }
        form p label span { color: #CC6A00; position: absolute; top: 0; right: 8px; } /* Affiche "*" pour les champs obligatoires */
        form p label span.tipster { color: inherit; position: static; }
        input.in, textarea.in { background-color: white; padding: 1px 2px; border: 1px solid #A5ACB4; } /* Type text password, textarea, select */
        input:hover, input:focus, option { color: #000; }
        input.date {
            background: #FFFFFF url("/_ext/www.gandi.net/static/images/filter/picto_calendar.png") no-repeat 98% 2px;
            padding-right: 20px !important;
            width: 90px;
        }
        input[disabled] { background-color: #ccc !important; }
        input.disabled { background-color: #ccc !important; border: 1px solid #A5ACB4; }

        form input[type=radio] { width: auto; vertical-align: text-bottom; margin: 0; }

        form fieldset input,
        form p input {
            width: 150px;
        }
        form fieldset input[type=checkbox],
        form p input[type=checkbox] {
             width: auto; vertical-align: text-bottom; margin: 0;
        }
        form fieldset select,
        form p select {
            width: 156px; padding: 1px 2px; border: 1px solid #A5ACB4; background: #FFF;
        }
        form select.basic {
            width: auto;
        }
            form select option { padding-right: 8px; }
            form select optgroup { color: white; background-color: #a1a1a1}
            form select optgroup option { color: black; background-color: white; padding-left: 5px}
            form select[disabled], form select option[disabled], form select optgroup[disabled] option, form select[disabled] option { color: #A5ACB4 !important; }
            form select optgroup[disabled] { background-color: #ccc !important; }
        form fieldset textarea,
        form p textarea {
            padding: 1px 2px; border: 1px solid #A5ACB4;
        }
        /* Mis les width et height dans une classe spéciale au cas où pour pas tout péter l'existant */
        form fieldset textarea.default,
        form p textarea.default {
            width: 350px; height: 100px; max-width: 600px;
        }
        /* Cas spécial : ajuster la taille auto pour l'input de validation */
        form fieldset div.button input,
        form p div.button input {
            width: auto; margin-top: -2px; border: 0;
        }
    form div.sub { margin: 0 24px 0 175px; clear: left; } /* Commentaires en dessous des champs de formulaires */
    form div.right_content { margin: -4px 0 0 175px; } /* Box pour html divers à la place d'inputs */
    form span.sub { margin: 0 24px 4px 175px; clear: left; display: block; } /* Commentaires en dessous des champs de formulaires */


    form div.radiolist { margin: 1px 24px 1px 180px; position: relative; top: -3px; }
        form div.radiolist div.radiolistitem { width: 160px; float: left; position: relative; }
            form div.radiolist div.radiolistitem label.radiolabel {}
            form div.radiolist div.radiolistitem input { width: auto; margin: 0 4px 0 0; }

    /* START Interface revendeurs */
    form div.reseller { padding: 5px 0; }
    form div.reseller label { padding: 0 6px 0 0; }
    form div.reseller input.in, form div.reseller input.in_wait { padding: 1px 2px; border: 1px solid #A5ACB4; } /* Type text password, textarea, select */
    /* END Interface revendeurs */

    /* START DNS change */
    form table.tableform { border-collapse: collapse; }
        form table.tableform th { color: #000; }
        form table.tableform th, form table.tableform  td { padding: 1px 2px; }
            form table.tableform td label { position: relative; color: #000; display: block; width: 115px; text-align: right; padding: 0 20px 0 0; }
                form table.tableform td label span { color: #CC6A00; position: absolute; top: 0; right: 10px; } /* Affiche "*" pour les champs obligatoires */
            form table.tableform td input { width: 150px; padding: 1px 2px; border: 1px solid #A5ACB4; } /* Type text password, textarea, select */

    #form_zonerecords INPUT.in { width: 280px }

    #form_zonerecords #ttl { width: 60px }
    #zone_current_version { width: 80px; text-align: right}
    #zone_current_version OPTION {  text-align: right; padding-right: 3px }


    /* END DNS change */

    /* START Formulaire de contact */
    form#contact_form {}
        form#contact_form p input.in { width: 280px; }
        form#contact_form p select { width: 284px; }
        form#contact_form p textarea { width: 280px; height: 60px }
    /* END Formulaire de contact */
    form#change_dns_servers_form {}
        form#change_dns_servers_form p input.in { width: 220px; }
        form#change_dns_servers_form p label { width: 120px; }

    /* START Login */
    form#loginform { }
        form#loginform p input { width: 220px; padding: 1px 2px; border: 1px solid #A5ACB4; }
    /* END Login */

    /* START Process d'achat */
    #domainManagement {}
        #domainManagement div.contactChoice { padding: 10px 0 5px 0; }
        #domainManagement div.contactChoice strong { padding: 0 0 0 5px; color: #000; }
        #domainManagement p input { padding: 1px 2px; border: 1px solid #A5ACB4; width: 160px; }
        #domainManagement p a { margin: 0 0 0 10px; }

    #services_choose {} /* /domain/buy/configure/2/ */
        #services_choose p label { padding: 0; float: none; width: auto; display: inline; }
        #services_choose p input { padding: 1px 2px; border: 1px solid #A5ACB4; width: 160px; margin: 0 0 0 5px; }
        #services_choose p input.choice { margin: 0 5px 0 0; width: auto; border: none; }
    /* END Process d'achat */

    /* START Lost Password */
    form#lostpassword, form#lostpassword2 {}
        form#lostpassword p input, form#lostpassword2 p input { width: 220px; padding: 1px 2px; border: 1px solid #A5ACB4; }
        form#lostpassword p select, form#lostpassword2 p select { width: 225px; padding: 1px 0px; border: 1px solid #A5ACB4; }
    /* END Lost Password */

    /* START whois */
    form#whois {}
        form#whois input.in { padding: 1px 2px; margin: 2px 0 0 0; border: 1px solid #A5ACB4; float: left; width: 200px; }
        form#whois div.button { float: left; }
    /* END whois */

    .form textarea#zone_bind { font-family: Courier, monospace; }

/* }}} */


#adv_search_domains_form {
    width: 200px;
    position: absolute;
    right: 15px;
    top: 48px;
    width: 260px;
    height: 48px;
    color: #b1a598;
    z-index: 1;
}

#adv_search_domains_form .in {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    border: 1px solid #2c231e;
    background-color: #F2F3E7;
    width: 71px;
    margin-right: 5px;
    margin-top: 7px;
    padding-left: 4px;
    float: left;
}


#adv_search_form input.list { margin: 4px 5px 4px 0; }
#adv_search_form p.checkbox { margin: 20px 10px 70px 0; clear: left; }
    #adv_search_form p.checkbox span { white-space: nowrap; display: block; width: 150px; float: left; color: #000; }


/* {{{ Formulaire de recherche dans la FAQ */
form#faqsearchform { padding: 0; }
    form#faqsearchform label {
        position: static;
        width: 100%;
        float: none;
        padding: 0 0 6px 0;
        text-align: left;
        color: #5e6358;
    }
    form#faqsearchform input#faqsearch {
        width: 100%;
        padding: 1px;
        margin: 0 0 8px 0;
        border: 1px solid #A5ACB4;
    }
/* }}} */

/* {{{ Formulaire d'achat de nom de domaine dans la col de droite */
form#buydomain {}
    form#buydomain p { padding: 2px 0; margin: 0; }
        form#buydomain p input { vertical-align: middle; padding: 1px 2px; border: 1px solid #A5ACB4; width: 119px; }
        form#buydomain p select { vertical-align: middle; padding: 1px 2px; border: 1px solid #A5ACB4; width: auto; }
            form#buydomain p select option { padding-right: 2px; }
/* }}} */

/* {{{ Formulaire pour contacter le support */
form#contactsupport { }
    form#contactsupport p { clear: left; padding: 4px 0; }
        form#contactsupport label span {
            color: #CC6A00;
            position: absolute;
            top: 0;
            right: 10px;
        }
    form#contactsupport input { width: 280px; padding: 1px 2px; border: 1px solid #A5ACB4; }
    form#contactsupport input.checkbox { width: auto; padding: 1px 2px; border: 0; }
    form#contactsupport div.button input { width: auto; margin-top: -2px; border: 0; } /* Cas spécial : ajuster la taille auto pour l'input de validation */
    form#contactsupport textarea { width: 280px; padding: 1px 2px; border: 1px solid #A5ACB4; }

    form#contactsupport p#contactsupportnofqdn,
    form#contactsupport p#contactsupportnoip,
    form#contactsupport p#contactsupportblocked {
        margin: 0 30px 0 180px;
    } /* Cas spécial pour le paragraphe contenant la checkbox signalant qu'on a pas de domaine chez Gandi */

/* }}} */


/* {{{ Contact form v3 */
form.contact {}

    form.contact input[type=text],
    form.contact input[type=password],
    form.contact input[type=telephone],
    form.contact input[type=number],
    form.contact input[type=email] {
        width: 300px;
    }

    form.contact select {
        width: 306px;
    }

    form.contact textarea {
        width: 300px;
        height: 50px;
    }

        form.contact label.inline {
            display: inline;
            width: 100px;
        }

    form.contact span.inputs {
        display: block;
        margin: 0 0 0 175px;
    }

        form.contact span.inputs label {
            width: auto;
        }

/* }}} */


/* {{{ Erreur dans les formulaires */
div.error p label, p.error label {
    font-weight: bold;
}
div.error p input,
div.error p select,
div.error p textarea,
p.error input,
p.error select,
p.error textarea {
    background: #D89C94 !important;
    border: 1px solid #B50303 !important;
}
div.error .sub,
p.error .sub {
    color: #B50303 !important;
    font-weight: normal;
}
/* }}} */

/* {{{ Blogs */
#activate_blog p {
    margin: 12px 0 0 0;
    padding: 0;
}
#activate_blog label, #change_address_blog label {
    position: static;
    color: #000;
    display: inline;
    float: none;
    width: auto;
    text-align: left;
    padding: 0;
}
#activate_blog input.in, #change_address_blog input.in { margin: 10px 0 0 0; }

#activate_blog input#domain, #change_address_blog input#domain { margin-right: 4px; }
#activate_blog input#domain_custom, #change_address_blog input#domain_custom { margin-right: 4px; }

/* }}} */

/* Hosting config {{{ */
#hosting_configuration .in {
    width: 202px;
}

#hosting_configuration .dblock{
    margin-top: 14px;
}

#hosting_configuration .truc {
    margin-left: 22px;
    margin-bottom: 10px;
}

#hosting_configuration .dchoice {
    float: left;
}

#hosting_configuration .pkg {

}

#hosting_configuration .ny {
    opacity: 0.4;
}

.pkglist {
    float: left;
    display: block;
    position: relative;
    top: -4px;
    width: 320px;
}

.pkglist label {
    padding: 0 14px 0 8px
}

/* BackOffice styles */
.bo select {
    background-color: white;
    border: 1px solid #A5ACB4;
}
/* }}} */


/* GForm styles {{{ */
form.gform {}

    form.gform fieldset {
        margin: 1em 0;
    }

    /* default layout */
    form.gform.default fieldset {
        width: 584px;
    }

    form.gform fieldset.error {
    }

        form.gform fieldset.error input,
        form.gform fieldset.error textarea {
            background-color: #f9abab;
            border: 1px solid #B50303;
        }

        form.gform fieldset.error label {
            color: #B50303;
        }

        form.gform fieldset label {
            width: 160px;
            margin: 0 10px 0 35px;
            padding: 2px 0 0 0;
            display: inline-block;
            zoom:1; *display: inline;
            vertical-align: top;
            text-align: right;
        }

        form.gform.tight fieldset label {
            width: 85px;
            margin: 0 10px 0 20px;
        }

        form.gform fieldset label.intro {
            display: block;
            margin: 5px 0 15px 0px;
            text-align: left;
            color: black
            font-weight: normal !important;
            width: auto;
        }

        form.gform fieldset label.help {
            display: block;
            margin: 5px 0 0 208px;
            text-align: left;
            color: #7f7f7f;
            width: auto;
        }

        form.gform fieldset input {
            width: 200px;
            height: 16px;
        }

        form.gform fieldset input[type=checkbox],
        form.gform fieldset input[type=radio] {
            width: auto;
        }

        form.gform fieldset div.container {
            margin: -18px 0 0 210px;
        }

        form.gform.default fieldset div.container {
            width: auto !important;
        }

            form.gform fieldset div.container div.radio-item {
                display: inline;
                height: 17px;
                width: 150px;
            }

                form.gform fieldset div.container div.radio-item label {
                    width: 140px;
                    margin: 0;
                    text-align: left;
                    vertical-align: bottom;
                }

                form.gform fieldset div.container div.radio-item.no-width label {
                    width: auto;
                }

/* Added element via jQueryTOOLS form near the inputs in error */
div.error {
    margin: 0 0 0 2px;
}
/* }}} */
.fontsize10 {font-size:77%;} /* for setting 10px */
.fontsize11 {font-size:85%;} /* for setting 11px */
.fontsize12 {font-size:93%;} /* for setting 12px */
.fontsize13 {font-size:100%;} /* for setting 13px */
.fontsize14 {font-size:108%;} /* for setting 14px */
.fontsize15 {font-size:116%;} /* for setting 15px */
.fontsize16 {font-size:123.1%;} /* for setting 16px */
.fontsize17 {font-size:131%;} /* for setting 17px */
.fontsize18 {font-size:138.5%;} /* for setting 18px */
.fontsize19 {font-size:146.5%;} /* for setting 19px */
.fontsize20 {font-size:153.9%;} /* for setting 20px */
.fontsize21 {font-size:161.6%;} /* for setting 21px */
.fontsize22 {font-size:167%;} /* for setting 22px */
.fontsize23 {font-size:174%;} /* for setting 23px */
.fontsize24 {font-size:182%;} /* for setting 24px */
.fontsize25 {font-size:189%;} /* for setting 25px */
.fontsize26 {font-size:197%;} /* for setting 26px */

/*           font-size:246%;  /* for setting 32px */


/* {{{ Positioning */
.alignLeft      { text-align: left; } /* deprecated */
.center         { text-align: center; } /* deprecated */
.alignRight     { text-align: right; } /* deprecated */
.floatlll > *   { float: left; }
.floatrrr > *   { float: right; }
.floatl         { float: left; }
.floatlm        { float: left; margin: 0 1em 0 0; }
.floatr         { float: right; }
.floatlr        { float: left; margin: 0 0 0 1em; }
.textl          { text-align: left; }
.textc          { text-align: center; }
.textr          { text-align: right; }
.clear          { clear: both; border: none; }
.hrclear        { display: block; visibility: hidden; clear: both; margin: 0; padding: 0; height: 1px; }
.hrclear5       { display: block; clear: both; height: 10px; padding: 0; margin: 0; border: none; }
.hrclear10      { display: block; clear: both; height: 20px; padding: 0; margin: 0; border: none; }
.clearl         { clear: left; }
.fll            { float: left; display: block; margin: 0 1em 0 0; }
.flr            { float: right; display: block; margin: 0 0 0 1em; }
.nomargin       { margin: 0; }
.relative       { position: relative; }
.img-center     { display: block; margin: 1em auto 0; }
.spinner        { vertical-align: middle; margin: 0 5px 0 0; }
sup             { vertical-align:super; }
.icon           { text-decoration: none !important; }
img.icon,
.icon img       { vertical-align: middle; }
/* }}} */


/* {{{ Global styles */
.underline {
    text-decoration: underline;
}
strong.underline {
    font-weight: normal;
}

strong, .bold { font-weight: bold; }
em { font-style: italic; }

pre {
    white-space: pre-wrap;
}
.nowrap {
    white-space: nowrap;
}

.font18 { font-size: 18px; }
.ok,
.mssg,
.warning, .warn, .soon_expiration,
.error, .expiration, .error_highlight { font-weight: bold; }

.ok { color: #009B0B !important; }
.warning, .warn, .soon_expiration { color: #cc6a00 !important; }
.error, .expiration, .error_highlight { color: #B50303 !important; border-color: #B50303 !important; }
input.error, textarea.error, select.error {
    background-color: #f9abab;
    border: 1px solid #B50303;
}
.mandatory { color: #CC6A00; }
.mono { font-family: monospace; }

.js .js-hide {
    display: none;
}
/* }}} */


/* {{{ Forms */
select, input {
    vertical-align: middle;
    color: #333;
}
input:-moz-placeholder,
textarea:-moz-placeholder {
    color: #A5ACB4;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #A5ACB4;
}

input[type=text],
input[type=password],
input[type=search],
input[type=email],
input[type=url],
input[type=number],
input[type=telephone],
textarea {
    font-family: Trebuchet MS, Arial;
    padding: 1px 2px;
}

input[type=checkbox] {
    vertical-align: text-bottom;
    margin: 0 3px;
}

input[type=image] {
    vertical-align: middle;
    outline: none;
}

input[readonly] {
    background: #d4d4d4;
}

input[type="submit"],
input[type="reset"],
input[type="button"] {
    background-color: #A1A1A1;
    color: white;
    border: 0 none;
    border-radius: 4px;
    padding: 2px 11px;
    text-decoration: none;
    font-weight: bold;
    font-size: 0.8em;
    height: 2em;
    width: auto;
}

#main label input {
    margin: 0 0.2em;
}

label.small {
    width: 6.5em;
    text-align: left;
    padding: 0;
}

.sub {
    font-family: Arial, Helvetica, FreeSans, sans-serif;
    color: #999999;
    font-size: 100%;
    line-height: 1.4em;
}

label.error,
label.title {
    padding: 3px 0;
    width: auto;
    font-weight: bold;
    clear: both;
}
label.error {
    margin: 0 0 0 180px;
    width: auto;
}
label.title {
    padding-right: 1em;
}

label.msg {
    margin: 0 0 0 180px;
    width: auto;
}

/* }}} */


/* {{{ Vertical alignement */
.vmiddle {
    vertical-align: middle;
}
/* }}} */


/* {{{ Separator */
hr {
    border-color: #000000;
    border-style: dotted none none;
    border-width: 1px;
    clear: both;
    height: 0;
    margin: 20px 0;
    padding: 1px 0;
}
/* }}} */



/* {{{ Links */
a:link, a:visited {
    color: #333333;
    text-decoration: underline;
}
a:focus, a:hover, a:active {
    text-decoration: none;
}
#slideshow a:link, #slideshow a:visited {
    text-decoration: none;
    color: #333333;
}

/* liens "secondaires" */
#rightblocks a:link, #rightblocks a:visited,
td a:link, td a:visited,
th a:link, th a:visited,
#help a:link, #help a:visited {
    color:#333333;
}

/* inactive links (should not be clickable) */
a.disabled:link, a.disabled:visited, a.disabled {
    color: gray;
    cursor: default;
}


.clickable {
    cursor: pointer;
}
body.progress :hover {
    cursor: progress;
}

a.guide, a.guide:link, a.guide:visited, a.guide:hover {
    position: absolute;
    top: 5px;
    right: 5px;
    display: block;
    width: 36px;
    height: 12px;
    text-decoration: none;
    background: url(/_ext/www.gandi.net/static/images/bt_guide.gif) no-repeat 0 0;
    text-indent: -10000px;
}

a.nounderline,
a:link.nounderline,
a:visited.nounderline,
a:hover.nounderline {
    text-decoration: none;
    color: inherit;
}
.tld a:link, .tld a:visited {
    text-decoration: none;
    color: #333;
}
/* }}} */


/* {{{ Buttons */

.button, .button_green, .button_mini, .abutton {
    float: right;
    margin-left: 1em;
    white-space: nowrap;
    outline: none;
    text-decoration: none;
}

.abutton {
    position: absolute;
    bottom: 0.8em;
    right: 1.6em;
}

.button.no_margin {
    margin: 0;
}

/* }}} */

/* {{{ Tables .list */
table.list { width: 100%; border-collapse: collapse; }
    table.list caption span { position: absolute; left: -10000px; }
    table.list thead, table.list tfoot { text-align: left; }
        table.list thead tr th, table.list tfoot tr th { font-family: Arial, Helvetica, FreeSans, sans-serif; background: #E3E5DA; }
        table.list thead tr th { padding: 0 1em 0.5em 1em; line-height: 1.3em; vertical-align: bottom; font-weight: bold; }
        table.list tfoot tr th { padding: 0.5em 1em 0 1em; line-height: 1.3em; font-weight: bold; }
    table.list tr th a.sort.asc { background: url(/_ext/www.gandi.net/static/images/sort_asc.gif) no-repeat right 0.4em; padding: 0 1.3em 0 0; }
    table.list tr th a.sort.desc { background: url(/_ext/www.gandi.net/static/images/sort_desc.gif) no-repeat right 0.4em; padding: 0 1.3em 0 0; }
    table.list tr th a:link, table.list tr th a:visited { text-decoration: none; }
    table.list tr th a:hover { text-decoration: underline; }
    table.list tr td { padding: 0.5em 1em; line-height: 1.3em; vertical-align: middle; }
    table.list tr td table thead tr th {
        padding: 0;
    }
    table.list tr td table tr td {
        padding: 0.5em 0;
    }

    table.list tr td.icon {
        padding: 0;
        margin: 0;
        width: 25px;
    }
    table.list tr td.icon.rights {
        padding: 0;
        margin: 0;
        width: 18px;
    }

    table.list tr td.vmiddle { padding: 0; line-height: 2em; vertical-align: middle; }
    table.list tr.even td { background: #FBFBF9; }
        table.list tr td img { vertical-align: sub; }

table.list.odd, table.list.even { width: 100%; border-collapse: collapse; margin: -5px 0 0 0; }

table.list table.box-innerbox-white thead th {
    background-color: white;
}


/* filter { */
div.gtable_filter {
    position: relative;
    margin: 0 0 1em 0;
}

    div.gtable_filter table.gtable_filter {
        background: #EFF0E9;
        width: 100%;
        border-collapse: separate;
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
        border-radius: 8px;
        position: relative;
        behavior: url(/_ext/www.gandi.net/static/css/PIE.htc);
    }

        div.gtable_filter table.gtable_filter table {
            width: 100%;
        }

            div.gtable_filter table.gtable_filter table tr td {
                vertical-align: middle;
                padding: 10px;
            }

        div.gtable_filter table.gtable_filter tr.up td {
            padding: 14px 1em 5px 1em;
        }

        div.gtable_filter table.gtable_filter tr.bottom td {
            padding: 5px 1em 14px 1em;
        }

        div.gtable_filter table.gtable_filter tr td {
            position: relative;
            vertical-align: middle;
            padding: 14px 12px;
            white-space: nowrap;
        }

            div.gtable_filter table.gtable_filter tr td label.title {
                vertical-align: sub;
            }

        div.gtable_filter table.gtable_filter tr td a.export_button {
            float: right;
            outline: none;
        }

        div.gtable_filter table.gtable_filter tr td.tight {
            padding-right: 0.3em;
            padding-left: 0.3em;
        }

        div.gtable_filter table.gtable_filter tr.export td {
            padding: 0 1em 14px 1em;
            white-space: normal;
        }

            div.gtable_filter table.gtable_filter tr.export td hr {
                margin: 0;
            }

            div.gtable_filter table.gtable_filter tr.export td fieldset {
                margin: 0;
            }

            div.gtable_filter table.gtable_filter tr.export td fieldset div.field {
                float: left;
            }

                div.gtable_filter table.gtable_filter tr.export td fieldset div.field label {
                    width: 120px;
                    display: inline-block;
                    zoom: 1;
                    *display: inline;
                }

        div.gtable_filter table.gtable_filter tr td.no_margin {
            margin: 0;
            padding: 0;
        }

        div.gtable_filter table.gtable_filter tr td.small {
            padding: 4px 1em;
        }

            div.gtable_filter table.gtable_filter tr td label.sub {
                width: 80px;
                color: #333333;
                display: inline-block;
            }
                div.gtable_filter table.gtable_filter tr.slim_filter td input[type="checkbox"] {
                    margin: 0 0 0 0.5em;
                }
                div.gtable_filter table.gtable_filter tr td label.img {
                    margin-right: 0.5em;
                }
                    div.gtable_filter table.gtable_filter tr td label img {
                        vertical-align: sub;
                    }

        div.gtable_filter table.gtable_filter tr td.menu_bar_box {
            border-left: 2px solid #FFF;
        }

        div.gtable_filter table.gtable_filter tr td.drop_down {
            vertical-align: top;
            width: 150px;
        }

            div.gtable_filter table.gtable_filter tr td.drop_down div.position {
                position: relative;
                width: 150px;
            }

                div.gtable_filter table.gtable_filter tr td.drop_down div.position img.drop_down_icon {
                    position: absolute;
                    top: -1px;
                    right: 5px;
                }

                div.gtable_filter table.gtable_filter tr td.drop_down div.position ul.drop_down {
                    width: 150px;
                    position: absolute;
                    top: -13px;
                }

                div.gtable_filter table.gtable_filter tr td.drop_down div.position ul.drop_down:hover {
                    box-shadow: 1px 1px 5px;
                    -moz-box-shadow: 1px 1px 5px;
                    -webkit-box-shadow: 1px 1px 5px #333333;
                    z-index: 5;
                }

                    div.gtable_filter table.gtable_filter tr td.drop_down div.position ul.drop_down li {
                        width: 150px;
                        height: 44px;
                        padding: 0;
                        margin: 0;
                        list-style: none;
                    }
                    div.gtable_filter table.gtable_filter tr td.drop_down div.position ul.drop_down:hover li {
                        background: #EFF0E9;
                    }

                    div.gtable_filter table.gtable_filter tr td.drop_down div.position ul.drop_down li:hover {
                        background: #b3b5a7;
                    }

                        div.gtable_filter table.gtable_filter tr td.drop_down div.position ul.drop_down li a:link,
                        div.gtable_filter table.gtable_filter tr td.drop_down div.position ul.drop_down li a:visited,
                        div.gtable_filter table.gtable_filter tr td.drop_down div.position ul.drop_down li a:hover {
                            text-decoration: none;
                        }

                        div.gtable_filter table.gtable_filter tr td.drop_down div.position ul.drop_down li a {
                            background: transparent url(/_ext/www.gandi.net/static/images/filter/bloc_filter_trierListe.png) no-repeat 5px 7px;
                            line-height: 44px;
                            display: block;
                            padding: 2px 0 0px 45px;
                        }

                        div.gtable_filter table.gtable_filter tr td.drop_down div.position ul.drop_down li a.filter_list {
                            background-image: url(/_ext/www.gandi.net/static/images/filter/bloc_filter_trierListe.png);
                        }

                        div.gtable_filter table.gtable_filter tr td.drop_down div.position ul.drop_down li a.filter_tags {
                            background-image: url(/_ext/www.gandi.net/static/images/filter/bloc_filter_trierCategory.png);
                        }

                        div.gtable_filter table.gtable_filter tr td.drop_down div.position ul.drop_down li a.filter_quick {
                            background-image: url(/_ext/www.gandi.net/static/images/filter/bloc_filter_trierRapid.png);
                        }

        div.gtable_filter table.gtable_filter tr td.title {
            font-weight: bold;
            white-space: nowrap;
        }

        div.gtable_filter table.gtable_filter tr td.filter {
            vertical-align: top;
        }

            div.gtable_filter table.gtable_filter tr td div.filter_box {
                position: relative;
                float: left;
            }

            div.gtable_filter table.gtable_filter tr td.filter div.filter_box input[type=search] {
                min-height: 16px;
            }

                div.gtable_filter table.gtable_filter tr td.filter div.filter_box div.minisubmit {
                    position: absolute;
                    top: 0;
                    right: -30px;
                }
            div.gtable_filter table.gtable_filter tr td div.icon_box {
                position: relative;
                float: right;
            }

                div.gtable_filter table.gtable_filter tr td div.icon_box img {
                    position: absolute;
                    top: -4px;
                    left: -27px;
                }
/* } */

div.gtable {
    position: relative;
}

    div.gtable.margins {
        margin: 15px 0;
    }

div.gtable div.table_header,
div.gtable div.table_footer {
    background: #E3E5DA;
}

div.gtable div.table_header.even,
div.gtable div.table_footer.even {
    background: #EFF0E9;
}

div.gtable div.table_header.odd,
div.gtable div.table_footer.odd {
    background: #fbfbf9;
}

    div.gtable table.gtable {
        width: 100%;
        margin: 0;
        background: #E3E5DA;
        padding: 8px 0;
        /*table-layout:fixed;*/
        border-collapse: separate;
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
        border-radius: 8px;
        behavior: url(/_ext/www.gandi.net/static/css/PIE.htc);
        position: relative;
    }

        div.gtable table.gtable caption span {
            position: absolute;
            left: -10000px;
        }

        div.gtable table.gtable thead,
        div.gtable table.gtable tfoot {
            text-align: left;
        }

            div.gtable table.gtable thead tr th,
            div.gtable table.gtable tfoot tr th {
                font-family: Arial, Helvetica, FreeSans, sans-serif;
                background: #E3E5DA;
            }

            div.gtable table.gtable thead tr th {
                padding: 0 1em 0.3em 1em;
                line-height: 1.8em;
                font-weight: bold;
                vertical-align: top;
                white-space: nowrap;
            }

            div.gtable table.gtable thead tr.wrap th {
                white-space: normal;
                line-height: 1.3em;
            }

            div.gtable table.gtable tbody tr.disabled {
                color: #AAA;
            }

            div.gtable table.gtable thead tr th.nopadding {
                padding: 0.5em 0;
            }

            div.gtable table.gtable thead tr th.icon {
                padding-left: 0;
            }

            div.gtable table.gtable tfoot tr th {
                padding: 0.3em 1em 0 1em;
                line-height: 1.8em;
                font-weight: bold;
            }

                div.gtable table.gtable tfoot tr th div.limiter {
                    margin: 2px 0 0 0;
                    float: left;
                }

                div.gtable table.gtable tfoot tr th div.checkbox_selector {
                    font-weight: normal;
                    float: right;
                }

                div.gtable table.gtable tfoot tr th div.pager {
                    float: right;
                }

            div.gtable table.gtable thead tr th a.sort.asc {
                background: url(/_ext/www.gandi.net/static/images/sort_asc.gif) no-repeat right 0.4em;
                padding: 0 1.3em 0 0;
            }

            div.gtable table.gtable thead tr th a.sort.desc {
                background: url(/_ext/www.gandi.net/static/images/sort_desc.gif) no-repeat right 0.4em;
                padding: 0 1.3em 0 0;
            }

            div.gtable table.gtable thead tr th a:link,
            div.gtable table.gtable thead tr th a:visited {
                text-decoration: underline;
            }

            div.gtable table.gtable thead tr th a:hover {
                text-decoration: underline;
            }

        div.gtable table.gtable tr td.hright {
            text-align: right;
        }

        div.gtable table.gtable tr td.vmiddle {
            vertical-align: middle;
        }

        div.gtable table.gtable tr td.icon {
            padding: 0;
            margin: 0;
            width: 25px;
            text-align: left;
        }

            div.gtable table.gtable tr td.icon a {
                text-decoration: none;
            }

        div.gtable table.gtable tr td.icon.first {
            padding-left: 25px;
        }

        div.gtable table.gtable tr td.icon.rights {
            padding: 0;
            margin: 0;
            width: 18px;
        }

        div.gtable table.gtable tr td.icon.last {
            padding-right: 25px;
        }

        div.gtable table.gtable tr td.cb_selector {
            text-align: right;
        }

        div.gtable table.gtable tr td {
            background: #FBFBF9;
            padding: 0.5em 1em;
            line-height: 1.3em;
            white-space: nowrap;
        }
        div.gtable table.gtable tr td:first-child,
        div.gtable table.gtable tr td.wrap {
            /* If every td is 'nowrap', the table will overflow
             * on the right. The first td is generally the longest. */
            white-space: normal;
        }

        div.gtable table.gtable tr td.nopadding {
            padding: 0.5em 0;
        }

            div.gtable table.gtable tr td.nopadding img {
                padding: 0;
                margin: 0;
            }

        div.gtable table.gtable tbody tr:nth-child(odd) > td {
            background: #FBFBF9;
        } /* must duplicate selector for IE<9 */
        div.gtable table.gtable tr.odd > td {
            background: #FBFBF9;
        }

        div.gtable table.gtable tbody tr:nth-child(even) > td {
            background: #EFF0E9;
        } /* must duplicate selector for IE<9 */
        div.gtable table.gtable tr.even > td {
            background: #EFF0E9;
        }

        div.gtable table.gtable.disabled tr td {
            background: #d9d9d1 !important;
        }
        div.gtable table.gtable tr.dimmed td {
            filter: alpha(opacity=50);
            opacity: 0.5;
        }

        /* Different colors according to the global section */
        body.admin div.gtable table.gtable tr.active td,
        body.admin div.gtable table.gtable tr.open-action td {
            background: #BFD6E4;
        }
        body.domain div.gtable table.gtable tr.active td,
        body.domain div.gtable table.gtable tr.open-action td {
            background: #BDDEC1;
        }
        body.domain div table tr:target td {
            background: #BDDEC1;
        }

        /* Ajax modal dialogs */
        body.admin div.gtable table.gtable tr.open-action td {
            box-shadow: 0 0 2px 1px #BFD6E4;
        }

        div.gtable table.gtable tbody tr:hover > td,
        div.gtable table.gtable tbody tr.highlighted > td {
            background: #CED1C3;
        }

        div.gtable table.gtable tbody tr.nohl:hover > td {
            background: #EFF0E9;
        }

            div.gtable table.gtable tr td.notes {
                padding: 0.5em 0 0.5em 1em !important;
            }

            div.gtable table.gtable tr td img {
                vertical-align: middle;
            }

/* pour espace fixe dans icons */
table tr td div.icon_container {
    float: left;
    width: 20px;
}
table [title] {
    cursor: help;
}
table a[title],
table a [title] {
    cursor: pointer;
}


/* }}} */

/* Comments (notes) {{{ */
#main .comment-img {
    height: 16px;
    width: 16px;
    padding-right: 3px;
}
#main .cant-comment {
    float: left;
    width: 16px;
    padding-right: 3px;
}
.comments-left {
    float: left;
    width: 12%;
    min-width:6em;
    margin-bottom: 0.5em;
}
    .comments-left img {
        margin: 0 0.5em 0 0;
        vertical-align:text-bottom;
    }
.comments-right {
    float: left;
    width: 88%;
    min-width: 488px;
}
#view-comments {
    line-height: 2em;
}
#comments {
    position: relative;
}
#comments.bg_FEF49C { /* Jaune */
    background: #FEF8BF;
}
#comments.bg_FCB5B3 { /* Rouge */
    background: #FCBFBD;
}
#comments.bg_F0BA8A { /* Orange */
    background: #F0D0B4;
}
#comments.bg_E4ABDF { /* Violet */
    background: #E4ABDF;
}
#comments.bg_CEF0B8 { /* Vert */
    background: #CCF0B4;
}
#comments.bg_C7EEF7 { /* Bleu */
    background: #B9EBF7;
}
#comments.ajax {
    background-color: transparent;
}
    #comments .comment {
        margin: 0.5em;
        padding: 0.5em;
    }
    #comments.ajax .comment {
        background-color: #F9F9BB;
        margin-bottom: 1.5em;
    }
        #comments .comment h3 {
            font-weight: bold;
        }
        #comments .comment *,
        #comments .comment a:link,
        #comments .comment a:visited {
            color: #000000;
        }

        #body #globalbox #comments .comment p.comment-toolbar {
            margin-top: 2em;
        }
        #body #globalbox #comments.ajax .comment p,
        #body #globalbox #comments.ajax .comment h3 {
            margin: 0em;
            line-height: 1.5em;
        }
        #comments .comment .comment-date {
            font-style: italic;
            height: 1.2em;
        }
            #body #globalbox #comments .comment p.comment-toolbar br {
                margin-bottom: 1.5em;
            }
            #comments .comment .comment-toolbar a,
            #comments .comment .comment-toolbar span {
                margin-left: 1em;
                padding: 0 0 0 15px;
            }
            #comments .comment .comment-toolbar a:first-child {
                margin-left: 0;
            }
            #comments .comment .comment-toolbar .comment-collapse {
                position: absolute;
                top: 0.5em;
                right: 1em;
                padding: 0 15px 0 0;
                background: url(/_ext/www.gandi.net/static/images/postits/postit_close.png) no-repeat 100% 0.4em;
            }
            #comments.ajax .comment .comment-toolbar .comment-collapse {
                line-height: 1.5em;
            }
            #comments .comment .comment-toolbar .comment-delete {
                background: url(/_ext/www.gandi.net/static/images/postits/postit_del.png) no-repeat 0 2px;
            }
            #comments .comment .comment-toolbar .comment-create {
                background: url(/_ext/www.gandi.net/static/images/postits/postit_add.png) no-repeat 0 2px;
            }
            #comments .comment .comment-nav {
                bottom: 1em;
                position: absolute;
                right: 1em;
            }
            #comments.ajax .comment .comment-nav {
                bottom: 3.5em;
            }
                #comments .comment .comment-toolbar .comment-nav .comment-prev {
                    background: url(/_ext/www.gandi.net/static/images/postits/postit_prev.png) no-repeat 0 2px;
                }
                #comments .comment .comment-toolbar .comment-nav .comment-total {
                    padding: 0;
                }
                #comments .comment .comment-toolbar .comment-nav .comment-next {
                    background: url(/_ext/www.gandi.net/static/images/postits/postit_next.png) no-repeat 100% 2px;
                    padding: 0 15px 0 0;
                }
                #comments .comment .comment-toolbar .comment-nav span.comment-prev,
                #comments .comment .comment-toolbar .comment-nav span.comment-next {
                    visibility: hidden;
                }
/* }}} */

/* Pages des offres {{{ */
div ul.features li {
    list-style-type: none;
    background: url("/_ext/www.gandi.net/static/images/puce.png") no-repeat 0 0;
    padding-left: 2em;
    margin: 1em;
    min-height: 22px;
}

div ol.features li {
    padding-left: 3em;
    margin: 1em;
    min-height: 26px;
}
.count-list1 {
    background: url("/_ext/www.gandi.net/static/images/offreDN_support_puce1.png") no-repeat 0 0;
}

.count-list2 {
    background: url("/_ext/www.gandi.net/static/images/offreDN_support_puce2.png") no-repeat 0 0;
}

.count-list3 {
    background: url("/_ext/www.gandi.net/static/images/offreDN_support_puce3.png") no-repeat 0 0;
}

.count-list4 {
    background: url("/_ext/www.gandi.net/static/images/offreDN_support_puce4.png") no-repeat 0 0;
}

.count-list5 {
    background: url("/_ext/www.gandi.net/static/images/offreDN_support_puce5.png") no-repeat 0 0;
}

.count-list6 {
    background: url("/_ext/www.gandi.net/static/images/offreDN_support_puce6.png") no-repeat 0 0;
}
/* }}} */



/* {{{ Rate me */
#body #globalbox #main div.rate_me {
    width: 170px;
    float: right;
}
    #body #globalbox #main div.rate_me * { float: left; }
    #body #globalbox #main div.rate_me p.percentage {
        display: block;
        margin: 3px 5px 0 0;
        padding: 0;
        width: 140px;
        height: 22px;
        background: url(/_ext/www.gandi.net/static/images/rate_back.png) no-repeat 0 0;
    }
    #body #globalbox #main div.rate_me strong {
        display: block;
        height: 22px;
        text-indent: -10000px;
        background: url(/_ext/www.gandi.net/static/images/rate.png) no-repeat 0 0;
    }
    #body #globalbox #main div.rate_me input.rate_input {
        width: 20px;
        height: 22px;
    }

/* }}} */


/* {{{ Styles jQuery UI */
.ui-selectable-helper {
    opacity: 0.5;
}
div.gtable table.gtable tr.ui-selecting td {
    background: #c2c4b8;
}
#ui-datepicker-div {
    z-index: 9999 !important;
}
img.ui-datepicker-trigger {
    margin: 0 2px;
    vertical-align: text-top;
    cursor: pointer;
}

/* Incrementer buttons */
.jquery-incrementer {
    display: inline-block;
    height: 20px;
    padding-left: 8px;
    vertical-align: bottom;
}
.jquery-incrementer a {
    width: 22px;
    height: 20px;
    display: inline-block;
    text-indent: 100%;
    white-space: nowrap;
    text-align:left;
    overflow: hidden;
    margin: 0;
    cursor: pointer;
    opacity: 1;
    -moz-transition: opacity 150ms;
    -webkit-transition: opacity 150ms;
    -o-transition: opacity 150ms;
}
.jquery-incrementer a:hover,
.jquery-incrementer a:focus {
    opacity: 0.9;
}
.jquery-incrementer a:active {
    opacity: 0.8;
}
.jquery-incrementer .add {
    background: url(/_ext/www.gandi.net/static/images/button_add.png) no-repeat;
}
.jquery-incrementer .remove {
    background: url(/_ext/www.gandi.net/static/images/button_remove.png) no-repeat;
}
.jquery-incrementer .add.disabled {
    background: url(/_ext/www.gandi.net/static/images/button_add_off.png) no-repeat;
}
.jquery-incrementer .remove.disabled {
    background: url(/_ext/www.gandi.net/static/images/button_remove_off.png) no-repeat;
}
.jquery-incrementer .disabled {
    cursor: default;
}
/* A label inside of an input */
.field_wrapper {
    position: relative;
}
.field_inner {
    display: inline;
    float: none;
    padding: 1px 4px;
    position: absolute;
    right: 0;
    width: auto;
}


/* Modal dialogs */
.modal {
    display: none;
}
body .ui-widget-overlay {
    background: none #000000;
    filter:Alpha(Opacity=50);
    opacity: 0.5;
}
body .ui-dialog.ui-widget-content {
    background: none #302E2E;
    border: 0;
    padding: 7px;
    font-family: Arial, Helvetica, FreeSans, sans-serif;
    font-size: 1em;
    -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;
    behavior: url(/_ext/www.gandi.net/static/css/PIE.htc);
}
    body .ui-dialog .ui-widget-header {
        background: none #E4E5D7;
        border: 5px solid #FFFFFF;
        color: #3D3A30;
    }
        body .ui-dialog .ui-widget-header .ui-dialog-title {
            margin: 0;
        }
    body .ui-dialog .ui-widget-header.ui-corner-all {
        -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
    }
    body .ui-dialog .ui-dialog-content {
        background: none #FFFFFF;
        border: 5px solid #FFFFFF;
        padding: 0 1em 0.5em 1em;
    }
        /* Content in modals */
        body .ui-dialog .ui-dialog-content h1 {
            font-family: Georgia, "Times New Roman", serif;
            color: #3D3A30;
            font-size: 138.5%;
            margin: 0 0 0.5em 0;
        }
        body .ui-dialog .ui-dialog-content form p label {
            display: inline;
            float: none;
        }
        body .ui-dialog .ui-dialog-content form div.sub {
            margin: inherit;
        }
        body .ui-dialog .ui-dialog-content div.box > .box-content {
            min-height: 38px;
            padding-left: 50px;
        }
        body .ui-dialog .ui-dialog-content div.box-messages > .box-content {
            background: url(/_ext/www.gandi.net/static/images/message_tip.png) 0 0 no-repeat;
        }
        body .ui-dialog .ui-dialog-content div.box-warnings > .box-content {
            background: url(/_ext/www.gandi.net/static/images/message_warning.png) 0 0 no-repeat;
        }
        body .ui-dialog .ui-dialog-content div.box-errors > .box-content {
            background: url(/_ext/www.gandi.net/static/images/message_error.png) 0 0 no-repeat;
            color: #B50303;
        }
            body .ui-dialog .ui-dialog-content div.box-errors > .box-content a {
                color: black;
            }

    body .ui-dialog .ui-resizable-n,
    body .ui-dialog .ui-resizable-s {
        height: 11px;
    }
    body .ui-dialog .ui-resizable-e,
    body .ui-dialog .ui-resizable-w {
        width: 11px;
    }
    body .ui-dialog.ui-widget-content .ui-resizable-se {
        background: none;
    }
/* }}} */


/* {{{ Images */
img.height {
    padding-top: 14px;
}

img.bullist {
    vertical-align: middle;
    margin: 0 5px 0 0;
}
img.disabled, .button.disabled {
    opacity: 0.3;
    /* IE crappy stuff... */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30);
}
/* }}} */


/* {{{ Dev */
#dumper {
    position: fixed;
    top: 20%;
    right: 0px;
    z-index: 1000;
    height: 33px;
    width: 16px;
    padding: 5px;
    z-index: 5000;
}

#dumper_area {
    background-color: white;
    position: fixed;
    top: 0%;
    right: 5px;
    height: 100%;
    width: 90%;
    z-index: 999;
    padding: 3px;
    font-size: 12px;
    font-family: Monaco;
    color: black;
    border-left: 1px solid black;
    border-right: 1px solid black;
    opacity: 0.8;
    display: none;
    overflow: auto;
}
/* }}} */


/* {{{ Selenium */
.hidden {
    position: absolute;
    left: -9999px;
}
/* }}} */

/* {{{ Prepaid */
#body #globalbox .box-header p.prepaid {
    float: right;
    margin: 0;
    padding-left: 24px;
    height: 20px;
    background: url(/_ext/www.gandi.net/static/images/picto_compte_prepaye.png) no-repeat 0 0;
    color: white;
}
#body #globalbox .box-header p.prepaid a {
    text-decoration: underline;
    font-weight: bold;
}
/* }}} */

/* {{{ Corporate */
#header-corporate {
    background: #a9aa91;
    line-height: 28px;
    text-align: right;
    padding-right: 55px;
}

#header-corporate dt,
#header-corporate dd {
    display: inline;
}

#header-corporate dd {
    margin-left: 20px;
}

#header-corporate dd.corporate-mail span {
    padding-left: 20px;
    background: url('/_ext/www.gandi.net/static/images/corp_contact_mail.png') no-repeat;
}

#header-corporate dd.corporate-phone span {
    padding-top: 1px;
    padding-left: 15px;
    background: url('/_ext/www.gandi.net/static/images/corp_contact_phone.png') no-repeat;
}
#header-corporate a {
    color: #333;
}
/* }}} */
/* {{{ BOX GLOBAL */

div.box-global .bt {
    height: 17px;
    margin: 0 0 0 18px;
    background: url(/_ext/www.gandi.net/static/images/boxes/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(/_ext/www.gandi.net/static/images/boxes/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(/_ext/www.gandi.net/static/images/boxes/plaque_curved_box.png) no-repeat 100% 100%;
}

div.box-global .bb div {
    position: relative;
    left: -16px;
    width: 16px;
    height: 14px;
    background: url(/_ext/www.gandi.net/static/images/boxes/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(/_ext/www.gandi.net/static/images/boxes/plaque_L.png) repeat-y 0 0;
}

/* Right border */
div.box-global .i2 {
    padding: 0 8px 0 0;
    background: url(/_ext/www.gandi.net/static/images/boxes/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;
    padding: 5px 20px;
    color: #333;
    background: url(/_ext/www.gandi.net/static/images/boxes/plaque_C.png) repeat left top;
}

/* }}} */


/* {{{ BOX HEADER */

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

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: 2;
}
div.box-global div.box-header .box-content ul {
    position: relative;
    z-index: 2;
    margin: 17px 0 0 0;
    font-size: 0.85em;
}
div.box-global div.box-header .glow {
    height: 127px;
    width: 565px;
    top: -14px;
    position: absolute;
    z-index: 1;
    margin-left: 50%;
    left: -282px;
}
/* }}} */
/* {{{ BOX HEADER's BUTTONS */
/* subsections */
div.box-global div.box-header li {
    margin: 0 1em 0 0;
    list-style-type: none;
}
div.box-global div.box-header li a:link,
div.box-global div.box-header li a:visited,
div.box-global div.box-header ul.breadcrums li.nolink a.last:link,
div.box-global div.box-header ul.breadcrums li.nolink a.last:visited {
    color: #FFF;
    text-decoration: none;
    display: block;
    background: transparent no-repeat right top;
    height: 22px;
    margin-left: 7px;
}
div.box-global div.box-header li a span,
div.box-global div.box-header ul.breadcrums li a.last span {
    display: block;
    margin: 0 0 0 -7px;
    padding: 0 7px 0 7px;
    height: 22px;
    line-height: 22px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    behavior: url(/_ext/www.gandi.net/static/css/PIE.htc);
}
div.box-global div.box-header ul.breadcrums li a span {
    -moz-border-radius: 6px 0 0 6px;
    -webkit-border-radius: 6px 0 0 6px;
    border-radius: 6px 0 0 6px;
    behavior: url(/_ext/www.gandi.net/static/css/PIE.htc);
    padding-right: 0;
    margin-right: 15px;
}
div.box-global div.box-header ul li a span img {
    vertical-align: middle;
    margin-left: 3px;
}
div.box-global div.box-header ul.breadcrums li a:hover,
div.box-global div.box-header ul.breadcrums li a:focus {
    background-position: right -30px;
}

div.box-global div.box-header ul.breadcrums li.nolink a:hover,
div.box-global div.box-header ul.breadcrums li.nolink a:focus,
div.box-global div.box-header ul.breadcrums li.active a:hover,
div.box-global div.box-header ul.breadcrums li.active a:focus {
    background-position: right top;
}

div.box-global div.box-header li a:focus,
div.box-global div.box-header li a:active {
    outline: none;
}

div.box-global div.box-header ul.breadcrums li a.nolink {
    cursor: default;
}

/* }}} */


/* {{{ 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(/_ext/www.gandi.net/static/images/boxes/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(/_ext/www.gandi.net/static/images/boxes/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(/_ext/www.gandi.net/static/images/boxes/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(/_ext/www.gandi.net/static/images/boxes/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(/_ext/www.gandi.net/static/images/boxes/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(/_ext/www.gandi.net/static/images/boxes/contentBloc_R.png) repeat-y 100% 0;
}

div.box-global div.box-main .i3, div.box-global div.box-news .i3 {
    display: block;
    color: #333333;
    background: url(/_ext/www.gandi.net/static/images/boxes/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;
    position: relative;
}
/* }}} */


/* {{{ BOX NEWS */

/* 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-news .i3 {
    padding: 0;
    min-height: 75px;
}
/* }}} */


/* {{{ BOX DOMAINS */

/* Top corners and border */
div.box-global div.box-domains {
    width: 572px;
    float: left;
}

div.box-global div.box-domains .bt {
    width: auto;
    height: 16px;
    margin: 0 0 0 18px;
    background: url(/_ext/www.gandi.net/static/images/boxes/home_dn_curved_box.png) no-repeat 100% 0;
}

div.box-global div.box-domains .bt div {
    position: relative;
    left: -18px;
    width: 18px;
    height: 16px;
    background: url(/_ext/www.gandi.net/static/images/boxes/home_dn_curved_box.png) no-repeat 0 0;
    font-size: 0;
    line-height: 0;
}

/* Bottom corners and border */
div.box-global div.box-domains .bb {
    height: 20px;
    margin: 0 0 0 16px;
    background: url(/_ext/www.gandi.net/static/images/boxes/home_dn_curved_box.png) no-repeat 100% 100%;
}

div.box-global div.box-domains .bb div {
    position: relative;
    left: -16px;
    width: 16px;
    height: 20px;
    background: url(/_ext/www.gandi.net/static/images/boxes/home_dn_curved_box.png) no-repeat 0 100%;
    font-size: 0;
    line-height: 0;
}

/* Left border */
div.box-global div.box-domains .i1 {
    padding: 0 0 0 7px;
    background: url(/_ext/www.gandi.net/static/images/boxes/home_dn_L.png) repeat-y 0 0;
}

/* Right border */
div.box-global div.box-domains .i2 {
    padding: 0 7px 0 0;
    background: url(/_ext/www.gandi.net/static/images/boxes/home_dn_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 div.box-domains .i3 {
    display: block;
    padding: 5px 20px;
    color: white;
    background: #416946 url(/_ext/www.gandi.net/static/images/boxes/home_dn_C.png) repeat-x left top;
    /*min-height: 375px;*/
    min-height: 410px;
}

div.box-global div.box-domains .i3 h1 {
    color: white;
    padding: 0 0 0.8em 0;
}

/* }}} */


/* {{{ BOX HOSTING */

/* Top corners and border */
div.box-global div.box-hosting {
    /* Taille fixe pour alignement des background
     * Prévoir une valeur adéquate si agrandissement
     * a increment / decrement par 8px
     */
    width: 344px;
    float: right;
    color: white;
}

div.box-global div.box-hosting .bt {
    width: auto;
    height: 16px;
    margin: 0 0 0 18px;
    background: url(/_ext/www.gandi.net/static/images/boxes/home_hosting_curved_box.png) no-repeat 100% 0;
}

div.box-global div.box-hosting .bt div {
    position: relative;
    left: -18px;
    width: 18px;
    height: 16px;
    background: url(/_ext/www.gandi.net/static/images/boxes/home_hosting_curved_box.png) no-repeat 0 0;
    font-size: 0;
    line-height: 0;
}

/* Bottom corners and border */
div.box-global div.box-hosting .bb {
    height: 20px;
    margin: 0 0 0 16px;
    background: url(/_ext/www.gandi.net/static/images/boxes/home_hosting_curved_box.png) no-repeat 100% 100%;
}

div.box-global div.box-hosting .bb div {
    position: relative;
    left: -16px;
    width: 16px;
    height: 20px;
    background: url(/_ext/www.gandi.net/static/images/boxes/home_hosting_curved_box.png) repeat 0 100%;
    font-size: 0;
    line-height: 0;
}

/* Left border */
div.box-global div.box-hosting .i1 {
    padding: 0 0 0 7px;
    background: url(/_ext/www.gandi.net/static/images/boxes/home_hosting_L.png) repeat-y 0 0;
}

/* Right border */
div.box-global div.box-hosting .i2 {
    padding: 0 7px 0 0;
    background: url(/_ext/www.gandi.net/static/images/boxes/home_hosting_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 div.box-hosting .i3 {
    display: block;
    padding: 5px 20px;
    color: white;
    background: #000000 url(/_ext/www.gandi.net/static/images/boxes/home_hosting_C.png) repeat-x left 0;
    /*min-height: 375px;*/
    min-height: 410px;
}

div.box-global div.box-hosting .i3 h1 {
    color: white;
    padding: 0 0 0.8em 0;
}

/* }}} */


/* {{{ BOX SSL */

/* Top corners and border */
div.box-global div.box-ssl {
    width: 572px;
    float: left;
    margin: 15px 0 0 0;
}

div.box-global div.box-ssl .bt {
    width: auto;
    height: 16px;
    margin: 0 0 0 18px;
    background: url(/_ext/www.gandi.net/static/images/boxes/home_ssl_curved_box.png) no-repeat 100% 0;
}

div.box-global div.box-ssl .bt div {
    position: relative;
    left: -18px;
    width: 18px;
    height: 16px;
    background: url(/_ext/www.gandi.net/static/images/boxes/home_ssl_curved_box.png) no-repeat 0 0;
    font-size: 0;
    line-height: 0;
}

/* Bottom corners and border */
div.box-global div.box-ssl .bb {
    height: 20px;
    margin: 0 0 0 16px;
    background: url(/_ext/www.gandi.net/static/images/boxes/home_ssl_curved_box.png) no-repeat 100% 100%;
}

div.box-global div.box-ssl .bb div {
    position: relative;
    left: -16px;
    width: 16px;
    height: 20px;
    background: url(/_ext/www.gandi.net/static/images/boxes/home_ssl_curved_box.png) no-repeat 0 100%;
    font-size: 0;
    line-height: 0;
}

/* Left border */
div.box-global div.box-ssl .i1 {
    padding: 0 0 0 7px;
    background: url(/_ext/www.gandi.net/static/images/boxes/home_ssl_L.png) repeat-y 0 0;
}

/* Right border */
div.box-global div.box-ssl .i2 {
    padding: 0 7px 0 0;
    background: url(/_ext/www.gandi.net/static/images/boxes/home_ssl_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 div.box-ssl .i3 {
    display: block;
    padding: 5px 20px;
    color: white;
    background: #AEADAD url(/_ext/www.gandi.net/static/images/boxes/home_ssl_C.png) repeat-x left top;
    min-height: 89px;
}

div.box-global div.box-ssl .i3 h1 {
    color: white;
    padding: 0 0 0.8em 0;
}

/* }}} */


/* {{{ BOX SERVICES */

/* Top corners and border */
div.box-global div.box-services {
    width: 344px;
    float: right;
    color: white;
    margin: 15px 0 0 0;
}

div.box-global div.box-services .bt {
    width: auto;
    height: 16px;
    margin: 0 0 0 18px;
    background: url(/_ext/www.gandi.net/static/images/boxes/home_services_curved_box.png) no-repeat 100% 0;
}

div.box-global div.box-services .bt div {
    position: relative;
    left: -18px;
    width: 18px;
    height: 16px;
    background: url(/_ext/www.gandi.net/static/images/boxes/home_services_curved_box.png) no-repeat 0 0;
    font-size: 0;
    line-height: 0;
}

/* Bottom corners and border */
div.box-global div.box-services .bb {
    height: 20px;
    margin: 0 0 0 16px;
    background: url(/_ext/www.gandi.net/static/images/boxes/home_services_curved_box.png) no-repeat 100% 100%;
}

div.box-global div.box-services .bb div {
    position: relative;
    left: -16px;
    width: 16px;
    height: 20px;
    background: url(/_ext/www.gandi.net/static/images/boxes/home_services_curved_box.png) repeat 0 100%;
    font-size: 0;
    line-height: 0;
}

/* Left border */
div.box-global div.box-services .i1 {
    padding: 0 0 0 7px;
    background: url(/_ext/www.gandi.net/static/images/boxes/home_ssl_L.png) repeat-y 0 0;
}

/* Right border */
div.box-global div.box-services .i2 {
    padding: 0 7px 0 0;
    background: url(/_ext/www.gandi.net/static/images/boxes/home_services_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 div.box-services .i3 {
    display: block;
    padding: 5px 20px;
    color: white;
    background: #838167 url(/_ext/www.gandi.net/static/images/boxes/home_services_C.png) repeat-x left 0;
    min-height: 89px;
}

div.box-global div.box-services .i3 h1 {
    color: white;
    padding: 0 0 0.8em 0;
}

/* }}} */


/* {{{ FBOX tables */

/* Top corners and border */
div.box-global div.box-fbox-table {
    color: white;
    padding: 10px 0 0 0;
    width: 100%;
}

div.box-global div.box-fbox-table .bt {
    width: auto;
    height: 16px;
    margin: 0 0 0 18px;
    background: url(/_ext/www.gandi.net/static/images/boxes/box_fbox_table.png) no-repeat 100% 0;
}

div.box-global div.box-fbox-table .bt div {
    position: relative;
    left: -18px;
    width: 18px;
    height: 16px;
    background: url(/_ext/www.gandi.net/static/images/boxes/box_fbox_table.png) no-repeat 0 0;
    font-size: 0;
    line-height: 0;
}

/* Bottom corners and border */
div.box-global div.box-fbox-table .bb {
    height: 20px;
    margin: 0 0 0 16px;
    background: url(/_ext/www.gandi.net/static/images/boxes/box_fbox_table.png) no-repeat 100% 100%;
}
div.box-global div.box-fbox-table.odd .bb {
    background: url(/_ext/www.gandi.net/static/images/boxes/box_fbox_table_odd.png) no-repeat 100% 100%;
}
div.box-global div.box-fbox-table.even .bb {
    background: url(/_ext/www.gandi.net/static/images/boxes/box_fbox_table_even.png) no-repeat 100% 100%;
}


div.box-global div.box-fbox-table .bb div {
    position: relative;
    left: -16px;
    width: 16px;
    height: 20px;
    background: url(/_ext/www.gandi.net/static/images/boxes/box_fbox_table.png) repeat 0 100%;
    font-size: 0;
    line-height: 0;
}
div.box-global div.box-fbox-table.odd .bb div {
    background: url(/_ext/www.gandi.net/static/images/boxes/box_fbox_table_odd.png) repeat 0 100%;
}
div.box-global div.box-fbox-table.even .bb div {
    background: url(/_ext/www.gandi.net/static/images/boxes/box_fbox_table_even.png) repeat 0 100%;
}


/* Left border */
div.box-global div.box-fbox-table .i1 {
    padding: 0;
    background: transparent;
}

/* Right border */
div.box-global div.box-fbox-table .i2 {
    padding: 0;
    background: transparent;
}

/* 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-fbox-table .i3 {
    position: relative;
    display: block;
    padding: 5px 20px;
    background: #EFF0E9;
    min-height: 20px;
}
div.box-global div.box-fbox.prepend-table .i3 {
    position: relative;
    display: block;
    padding: 0px 20px;
    background: #EFF0E9;
    min-height: 20px;
}
div.box-global div.box-fbox-table .i3 {
    padding: 0;
}

/* }}} */


/* {{{ Boxes (CSS3)  */
div.box-global div.box.split .left {
    float: left;
    width: 50%;
}
div.box-global div.box.split .right {
    float: right;
    width: 50%;
}

div.box-global div.box {
    width: 100%;
    margin: 5px 0 0 0;
    padding: 10px 0 0 0;
}
    div.box-global div.box > .box-content {
        padding: 16px 20px;
        margin-bottom: 8px;
        clear: both;
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
        border-radius: 8px;
        behavior: url(/_ext/www.gandi.net/static/css/PIE.htc);
        position: relative;
    }
        #body #globalbox div.box-global div.box-fbox .box-content :first-child {
            margin-top: 0;
        }
        #body #globalbox div.box-global div.box-fbox .box-content :last-child {
            margin-bottom: 0;
        }
    div.box-global div.box ul {
        margin: 0 0 0 10px;
    }
    div.box-global div.box ul.messages {
        margin: 10px 0 0 10px;
    }
/* }}} */

/* {{{ FBOX (CSS3)  */
    div.box-global div.box-fbox > .box-content {
        background-color: #EFF0E9;
        color: #333333;
    }
/* }}} */


/* {{{ FBOX (arrow up) */
#body #globalbox div.box-global div.box-fbox.arrow-up {
    background-image: url(/_ext/www.gandi.net/static/images/boxes/topfleche.png);
    background-repeat: no-repeat;
    background-position: 98% 0;
    margin: 1px 0 0 0;
    padding-top: 14px;
}
/* }}} */




/* {{{ FBOX TABS */

#body ul.tabs {
    top: 0;
    margin: 1em 0 0.5em 0;
    height: 3em;
}
    div.box-global ul.tabs li {
        margin: 0;
        list-style: none !important;
        float: left;
        padding-bottom: 8px;
        margin-right: 6px;
    }
    div.box-global ul.tabs li.current {
        background: url(/_ext/www.gandi.net/static/images/sousNav_fleche.png) no-repeat 50% 100%;
    }
        div.box-global ul.tabs a {
            float: left;
            text-decoration: none;
            height: 16px;
            color: #333;
            padding: 5px 8px;
            background-color: #FFFFFF;
            border: 1px solid #D5D7CF;
            -moz-border-radius: 6px;
            -webkit-border-radius: 6px;
            border-radius: 6px;
            behavior: url(/_ext/www.gandi.net/static/css/PIE.htc);
            position: relative;
            background-position : 10px 5px;
            background-repeat : no-repeat;
        }
        div.box-global ul.tabs a:hover,
        div.box-global ul.tabs a:focus {
            background-color: #EFF0E9;
            color: #000000;
        }
        div.box-global ul.tabs a:active,
        div.box-global ul.tabs a:focus {
            outline: 0;
        }
        div.box-global ul.tabs li.current a {
            background-color: #CFD1C6;
            border: 1px solid #CFD1C6;
            color: #000000;
        }

/* }}} */



















/* {{{ INNER BOX */

/* Top corners and border */
div.box-global div.box-innerbox {
    width: 100%;
    color: white;
    padding: 15px 0;
}

div.box-global div.box-innerbox .bt {
    width: auto;
    height: 16px;
    margin: 0 0 0 18px;
    background: url(/_ext/www.gandi.net/static/images/boxes/box_innerbox.png) no-repeat 100% 0;
}

div.box-global div.box-innerbox .bt div {
    position: relative;
    left: -18px;
    width: 18px;
    height: 16px;
    background: url(/_ext/www.gandi.net/static/images/boxes/box_innerbox.png) no-repeat 0 0;
    font-size: 0;
    line-height: 0;
}

/* Bottom corners and border */
div.box-global div.box-innerbox .bb {
    height: 14px;
    margin: 0 0 0 12px;
    background: url(/_ext/www.gandi.net/static/images/boxes/box_innerbox.png) no-repeat 100% 100%;
}

div.box-global div.box-innerbox .bb div {
    position: relative;
    left: -12px;
    width: 12px;
    height: 14px;
    background: url(/_ext/www.gandi.net/static/images/boxes/box_innerbox.png) repeat 0 100%;
    font-size: 0;
    line-height: 0;
}

/* Left border */
div.box-global div.box-innerbox .i1 {
    padding: 0 0 0 1px;
    background: transparent;
}

/* Right border */
div.box-global div.box-innerbox .i2 {
    padding: 0 1px 0 0;
    background: transparent;
}

/* 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-innerbox .i3 {
    display: block;
    padding: 0 10px;
    color: black;
    background: url(/_ext/www.gandi.net/static/images/1pxopa25.png) repeat left top;
    min-height: 100px;
}

/* }}} */


/* {{{ INNER BOX WHITE */

/* Top corners and border */
div.box-global div.box-innerbox-white {
    width: 100%;
    color: white;
    padding: 15px 0;
}

div.box-global div.box-innerbox-white .bt {
    width: auto;
    height: 16px;
    margin: 0 0 0 18px;
    background: url(/_ext/www.gandi.net/static/images/boxes/box_innerbox_white.png) no-repeat 100% 0;
}

div.box-global div.box-innerbox-white .bt div {
    position: relative;
    left: -18px;
    width: 18px;
    height: 16px;
    background: url(/_ext/www.gandi.net/static/images/boxes/box_innerbox_white.png) no-repeat 0 0;
    font-size: 0;
    line-height: 0;
}

/* Bottom corners and border */
div.box-global div.box-innerbox-white .bb {
    height: 20px;
    margin: 0 0 0 16px;
    background: url(/_ext/www.gandi.net/static/images/boxes/box_innerbox_white.png) no-repeat 100% 100%;
}

div.box-global div.box-innerbox-white .bb div {
    position: relative;
    left: -16px;
    width: 16px;
    height: 20px;
    background: url(/_ext/www.gandi.net/static/images/boxes/box_innerbox_white.png) repeat 0 100%;
    font-size: 0;
    line-height: 0;
}

/* Left border */
div.box-global div.box-innerbox-white .i1 {
    padding: 0;
    background: transparent;
}

/* Right border */
div.box-global div.box-innerbox-white .i2 {
    padding: 0;
    background: transparent;
}

/* 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-innerbox-white .i3 {
    display: block;
    padding: 0 10px;
    color: black;
    background: white;
    min-height: 15px;
}

/* }}} */


/* {{{ BOX-WHITE (INNER BOX WHITE version CSS3)  */
div.box-global div.box-white > .box-content {
    background: white;
    color: #333333;
}
/* }}} */


/* {{{ BOX MESSAGE (CSS3) */
div.box-global div.box-messages > .box-content,
div.fbox3.message {
    background: #EFF0E9 url(/_ext/www.gandi.net/static/images/message_tip.png) 10px 16px no-repeat;
    min-height: 21px;
    padding-top: 21px;
    padding-left: 62px;
}
/* }}} */

/* {{{ BOX ERROR (CSS3) */
div.box-global div.box-errors a {
    color: black;
}
    div.box-global div.box-errors > .box-content,
    div.fbox3.error {
        background: #F2C9C9 url(/_ext/www.gandi.net/static/images/message_error.png) 10px 16px no-repeat;
        min-height: 21px;
        padding-top: 21px;
        padding-left: 62px;
        color: #B50303;
    }
/* }}} */

/* {{{ BOX WARNING (CSS3) */
div.box-global div.box-warnings > .box-content,
div.fbox3.warning {
    background: #EFF0E9 url(/_ext/www.gandi.net/static/images/message_warning.png) 10px 16px no-repeat;
    min-height: 21px;
    padding-top: 21px;
    padding-left: 62px;
}
/* }}} */



/* {{{ BOX CHOICE (ssl, sitemaker, basekit) */
div.box-global div.box-choice {
    position: relative;
    float: left;
    margin: 0 12px 0 0;
    width: 32%;
    /*min-width: 193px;
    max-width: 198px;*/
}

/* For 4 columns (basekit) */
div.box-global div.box-columns-4 div.box-choice {
    width: 24%;
    margin: 0 11px 0 0;
}

div.box-global div.box-choice div.box-content {
    position: relative;
    min-height: 250px;
}

div.box-global div.box-choice div.box-content ul {
    margin: 1em 0 0 0;
}

div.box-global div.box-choice div.box-innerbox-white {
    margin: 10px 0 -8px 0;
    padding: 0;
}

div.box-global div.box-choice div.box-innerbox-white .i3 {
    min-height: 0px;
}

div.box-global div.box-choice div.box-innerbox-white .i3 div.box-content {
    text-align: center;
    min-height: 50px;
}

div.box-global div.box-choice div.box-innerbox-white .i3 div.box-content .choose_button {
    margin: 15px 0 0 0;
}

div.box-global .choose_button a.button {
    float: none;
    margin: 0;
}
/* }}} */



/* AJAX Boxes */
div.fbox3 {
    background: #EFF0E9;
    padding: 15px;
    margin: 10px 0;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    behavior: url(/_ext/www.gandi.net/static/css/PIE.htc);
    position: relative;
}

div.fbox3.important {
    font-weight: bold;
}

html {
    color: #333;
    background: #F2F3E7 url("/_ext/www.gandi.net/static/images/bgd.png") repeat-x left 123px; /*67+30+26*/
}

body {
    background: transparent none;
    font-family: Arial, Helvetica, FreeSans, sans-serif;
    /* Do not fix fonts size there! */
    text-align: left;
    color: #333;
}

h1, h2 {
    font-family: Georgia, "Times New Roman", serif;
}
h3 {
    font-size: 116%; /* 14px */
}
h4 {
    font-size: 100%; /* 13px */
    font-weight: bold;
}

/* Global boxes */
.box-global {}
    .box-global h1 {
        font-size: 167%; /* 22px */
        color: #3D3A30;
        margin: 0.5em 0 0 0;
    }
    .box-global h2 {
        font-size: 138.5%; /* 18px */
        color: #3D3A30;
        margin: 0.5em 0 0 0;
    }
    .box-global h1 a:link,
    .box-global h1 a:visited,
    .box-global h2 a:link,
    .box-global h2 a:visited,
    .box-global h3 a:link,
    .box-global h3 a:visited {
        text-decoration: none;
        color: inherit;
    }

    .box-global h1 a:hover,
    .box-global h2 a:hover,
    .box-global h3 a:hover {
        text-decoration: underline;
    }

/* Lists */
ul li:not(.ui-menu-item) {
    list-style-type: disc;
    margin: 0 0 0 1em;
    padding: 1px 0;
}
ul ul li {
    list-style-type: circle;
}

/* Header */
#header {
    background: #3A2823;
    color: #a7948f;
}
    #header a:link,
    #header a:visited {
        color: #A7948F;
    }
    /* top */
    #header div.top	{
        background-color: #231714;
        height: 26px;
        line-height: 26px;
        font-size: 80%;
        text-align: right;
        padding: 0 20px;
    }
    #header.slim_header div.top {
        background: none;
        font-size: 100%;
        padding: 0;
        height: 42px;
        line-height: 42px;
    }
    #header div.top > div {
        display: inline-block;
        zoom:1; *display: inline; /*ie7 display: inline-block hack*/
        vertical-align: top;
        padding: 0 5px 0 15px;
    }
        #header div.top img {
            vertical-align: middle;
        }

    /* header */
    #header div.header {
        background-color: #3A2823;
        height: 67px;
        min-width: 984px;
        padding: 0 15px;
    }
    #header.slim_header div.header {
        height: 45px;
    }
        #header div.header h1 {
            float: left;
            margin-left: -15px;
        }
        #header div.header #nobullshit {
            float: left;
            margin: 13px 0 0 10px;
        }
            #header div.header #nobullshit a {
                display: block;
            }
        #header div.header div.form-login {
            margin: 20px 0 0 0;
            text-align: right;
        }
            #header div.header div.form-login div {
                display: inline-block;
                zoom:1; *display: inline; /*ie7 display: inline-block hack*/
                margin: 0 5px;
            }
            #header div.header div.account_access_name a:link,
            #header div.header div.account_access_name a:visited {
                color: white;
                text-decoration: none;
            }
            #header div.header div.account_access_name a:hover {
                color: white;
                text-decoration: underline;
            }

        #header #account_access_submit:focus {
            outline: 1px dotted white;
        }

    /* subheader */
    #header div.subheader {
        font-size: 85%; /* 10px */
        background-color: #513b36;
        height: 30px;
        line-height: 30px;
        min-width: 984px;
        padding: 0 15px;
        overflow: hidden; /* IE7 fix */
        clear: both;
    }
        #header div.subheader div.links       { }
        #header div.subheader div.links p     { float: left; margin: 0 20px 0 0; }
        #header div.subheader div.news        { float: right; }


        #header div.subheader div.news.floatlll p      { margin: 0 0 0 5px; }
        #header div.subheader h3.latest-news          {
            font-family: Arial, Helvetica, sans-serif;
            font-size: 1em;
            display: inline;
            font-weight: bold;
            color: #E38A0A;
        }
    #header #latest-news-container  {
        overflow: hidden;
        position: relative;
        height: 30px;
    }

.version {
    position: absolute;
    left: 1px;
    top: 45px;
    font-size: 11px;
    color: #333333;
    padding: 2px 5px;
    text-shadow: 1px 1px 1px #FFF, -1px -1px 1px #FFF, 1px 1px 2px #000;
    white-space: nowrap;
}

/* ### GLOBALBOX */
#body {
    width: 100%;
    padding: 56px 0 26px 0;
}

    #body #globalbox {
        position: relative;
        width: 984px;
        margin: 0 auto;
    }

    #body #globalbox .box-content h1:first-child,
    #body #globalbox .box-content h2:first-child {
        margin: 0;
    }

    #body #globalbox h3 {
        margin: 0.5em 0 0 0;
    }

    #body #globalbox h3.alt {
        color: #CC6A00;
    }

    #body #globalbox p {
        margin: 1em 0 0 0;
        line-height: 1.5em;
    }

        #body #globalbox p span.content {
            float: left;
            display: inline-block;
        }

    #body #globalbox p.first,
    #body #globalbox p.no_margin {
        margin: 0;
        line-height: 1.5em;
    }



    /* Lists */
    .box-global #globalbox-navigation-content ul li {
        margin: 0.5em 0 0.5em 1em;
    }

    #body #globalbox ul.nobullist li {
        list-style: none;
        margin: 0;
    }

    #body #globalbox ul.bullist {
        margin: 0 2em;
    }

    #body #globalbox ul.bullist > * {
        float: left;
    }

    #body #globalbox ul.bullist li {
        background: transparent url(/_ext/www.gandi.net/static/images/puce.png) no-repeat scroll 0 4px;
        width: 240px;
        line-height: 1.5em;
        list-style: none;
        padding: 5px 0 4px 25px;
    }

    #body #globalbox ul.more li {
        background: transparent url(/_ext/www.gandi.net/static/images/croix.png) no-repeat scroll 0 4px;
        list-style: none;
        padding: 5px 0 4px 25px;
    }

    #body #globalbox .col2 {
        float: left;
        width: 47%;
        margin: 0 1.5%;
    }
    #body #globalbox .col3 {
        float: left;
        width: 31.333%;
        margin: 0 1%;
    }
    #body #globalbox .lbox, #body #globalbox .lcol,
    #body #globalbox .rbox, #body #globalbox .rcol {
        width: 48%;
        margin: 0;
    }
    #body #globalbox .box.lbox, #body #globalbox .box.lcol,
    #body #globalbox .box.rbox, #body #globalbox .box.rcol {
        min-height: 90px;
    }
    #body #globalbox .rbox, #body #globalbox .rcol { float: right; }
    #body #globalbox .lbox, #body #globalbox .lcol { float: left; clear: left; }
    #body #globalbox .product-item {
        margin: 3em 0;
    }
    #body #globalbox .product-item.lcol,
    #body #globalbox .product-item.rcol {
        margin: 3em 0 0 4%;
        width: 46%;
    }

    #body #globalbox .small-item {
        margin: 1em 0;
    }

    #body #globalbox .product-item img { float: left; padding-right: 10px; }
    #body #globalbox .small-item img { float: left; padding-right: 10px; }
    #body #globalbox .product-item.right img { float: right; padding-left: 10px; }
    #body #globalbox .small-item.right img { float: right; padding-left: 10px; }
    #body #globalbox .product-item h3 { margin-left: 120px; }
    #body #globalbox .small-item h3 { margin-left: 60px; }
    #body #globalbox .product-item.lcol h3,
    #body #globalbox .product-item.rcol h3 { margin: -0.5em 0 0 120px; }
    #body #globalbox .product-item h3 { margin: 0 0 0 120px; }
    #body #globalbox .product-item p {
        padding-left: 120px;
        margin: 0.5em 0 0 0;
    }
    #body #globalbox .small-item p {
        padding-left: 60px;
        margin: 0.5em 0 0 0;
    }

    #body #globalbox .product-item li {
        margin:  0.5em 0 0.5em 125px;
        list-style-position: inside;
    }
    #body #globalbox .product-item.right li,
    #body #globalbox .product-item.right h3,
    #body #globalbox .product-item.right p {
        margin-left: 0;
        padding-left: 0;
        margin-right: 150px;
    }

    #body #globalbox .small-item.right li,
    #body #globalbox .small-item.right h3,
    #body #globalbox .small-item.right p {
        margin-left: 0;
        padding-left: 0;
        margin-right: 80px;
    }

    #body #globalbox .product-item.big li,
    #body #globalbox .product-item.big h2,
    #body #globalbox .product-item.big h3,
    #body #globalbox .product-item.big p {
        margin-left: 180px;
        padding-left: 0;
        margin-right: 0;
    }

    #body #globalbox .product-item.big.right li,
    #body #globalbox .product-item.big.right h2,
    #body #globalbox .product-item.big.right h3,
    #body #globalbox .product-item.big.right p {
        margin-left: 0;
        padding-left: 0;
        margin-right: 180px;
    }

    #body #globalbox .product-item.small img {
        padding-top: 0.5em;
    }
    #body #globalbox .product-item.small h2 {
        line-height: 1em;
    }
    #body #globalbox .product-item.small p {
        padding: 0;
    }

/* ### Globalbox navigation */
#body #globalbox div#globalbox-navigation {
    margin: 1em 0 0 0;
    width: 250px;
    float: left;
}

    #body #globalbox div#globalbox-navigation h2:first-child {
        margin: 0 0 1em 0;
    }

    #body #globalbox div#globalbox-navigation h2 {
        font-family: Arial, Helvetica, FreeSans, sans-serif;
        font-size: 115%;
        margin: 2em 0 1em 0;
    }

    #body #globalbox div#globalbox-navigation ul {
        margin: 0;
    }

        #body #globalbox div#globalbox-navigation ul li {
            background: #D6D7C9;
            position: relative;
            margin: 0.5em 0 0 0;
            cursor: pointer;
            list-style: none;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border-radius: 4px;
            behavior: url(/_ext/www.gandi.net/static/css/PIE.htc);
        }

        #body #globalbox div#globalbox-navigation ul li:hover {
            background: #bcbdb0;
        }

        #body #globalbox div#globalbox-navigation ul li.selected {
            background-color: #a0a196;
        }

            #body #globalbox div#globalbox-navigation ul li a {
                display: block;
                height: 2em;
                line-height: 2;
                padding: 0 0.6em;
                color: #333333;
                text-decoration: none;
            }

#body #globalbox div#globalbox-navigation-content {
    margin: 1em 0 0 0;
    float: right;
    width: 600px;
    min-height: 150px;
}

    #body #globalbox div#globalbox-navigation-content div.navigation-pages {
        margin: 20px 0 0 0;
    }

        #body #globalbox div#globalbox-navigation-content div.navigation-pages a.prev {
            float: left;
        }

        #body #globalbox div#globalbox-navigation-content div.navigation-pages a.next {
            float: right;
        }



/* ### Tabs */
#body #globalbox ul#main-nav {
    position: relative;
    top: -34px;
    left: 26px;
    float: left;
}
    #body #globalbox ul#main-nav li {
        list-style-type: none;
        height: 39px;
        width: 160px;
        line-height: 45px;
        color: #FFF;
        background: url(/_ext/www.gandi.net/static/images/tabs/tab_divider.png) no-repeat left bottom;
        padding-left: 14px;
        margin-left: 10px;
    }
    #body #globalbox ul#main-nav li a {
        width: 100%;
        height: 100%;
        display: block;
        color: #FFFFFF;
    }
    #body #globalbox ul#main-nav li a:link,
    #body #globalbox ul#main-nav li a:visited {
        text-decoration: none;
        outline: 0;
    }
    #body #globalbox ul#main-nav li.domain a:link,
    #body #globalbox ul#main-nav li.domain a:visited {
        background: url(/_ext/www.gandi.net/static/images/tabs/tab_domain.png) no-repeat 0 0;
    }
    #body #globalbox ul#main-nav li.hosting a:link,
    #body #globalbox ul#main-nav li.hosting a:visited {
        background: url(/_ext/www.gandi.net/static/images/tabs/tab_hosting.png) no-repeat 0 0;
    }
    #body #globalbox ul#main-nav li.ssl a:link,
    #body #globalbox ul#main-nav li.ssl a:visited {
        background: url(/_ext/www.gandi.net/static/images/tabs/tab_ssl.png) no-repeat 0 0;
    }
    #body #globalbox ul#main-nav li.services a:link,
    #body #globalbox ul#main-nav li.services a:visited {
        background: url(/_ext/www.gandi.net/static/images/tabs/tab_services.png) no-repeat 0 0;
    }
    #body #globalbox ul#main-nav li.domain a:hover, #body #globalbox ul#main-nav li.domain a:focus,
    #body #globalbox ul#main-nav li.hosting a:hover, #body #globalbox ul#main-nav li.hosting a:focus,
    #body #globalbox ul#main-nav li.ssl a:hover, #body #globalbox ul#main-nav li.ssl a:focus,
    #body #globalbox ul#main-nav li.services a:hover, #body #globalbox ul#main-nav li.services a:focus {
        background-position: -160px 0;
    }
    #body #globalbox ul#main-nav li.domain a:active,
    #body #globalbox ul#main-nav li.hosting a:active,
    #body #globalbox ul#main-nav li.ssl a:active,
    #body #globalbox ul#main-nav li.services a:active {
        background-position: 0 0;
    }
    #body #globalbox ul#main-nav li h2 {
        font-size: 108%; /*14px*/
        text-align: center;
        width: 160px;
        margin: 0;
    }

#body #globalbox ul#right-nav {
    position: relative;
    top: -25px;
    right: 34px;
    float: right;
}

    #body #globalbox ul#right-nav li {
        background: url(/_ext/www.gandi.net/static/images/tabs/tab_right.png) no-repeat center center;
        width: 78px;
        height: 22px;
        line-height: 22px;
        /*margin: 12px 0 0px 1em;*/
        margin: 0 0 0 1em;
        padding: 0;
        font-size: 75%;
        list-style: none;
        cursor: pointer;
        text-align: center;
        overflow: hidden;
    }

    #body #globalbox ul#right-nav li.cart {
        position: absolute;
        top: 0;
        right: -35px;
        width: auto;
        background: none;
    }

        #body #globalbox ul#right-nav li.cart img {
            vertical-align: text-bottom;
        }

    #body #globalbox ul#right-nav li h3 {
        float: none;
        margin: 0;
        padding: 0;
        font-size: 1em;
    }

    /*#body #globalbox ul#right-nav li:hover {
        background: #bec0ae;
    }*/

    #body #globalbox ul#right-nav li a:link, #body #globalbox ul#right-nav li a:visited {
        text-decoration: none;
        color: #52524C;
    }

    #body #globalbox .box-header h2 {
        font-size: 246%; /* 32px */
        color: #FFF;
        margin: 0;
        margin-right: 200px;
        padding-top: 0.35em;
    }

    #body #globalbox .box-header h3 {
        font-size: 123%; /* 16px */
        color: #FFF;
        font-family: Georgia, "Times New Roman", serif;
        font-style: italic;
        float: left;
        margin: 15px 1em 0 0;
        padding: 2px 17px 0 0;
        background: url(/_ext/www.gandi.net/static/images/header/header_subSubNav_divider.png) no-repeat right top;
        height: 26px;
    }

    :not(#main) > .box-main:not(.center-block):not(#admin_main):not(#nav) > .i1 > .i2 > .i3 > .box-content { /* #main's parent */
        display: -moz-box;
        -moz-box-orient: horizontal;
        width: 100%;
    }
    #body #globalbox #main {
        color: #333333;
        float: left;
        width: 625px;
        padding: 0 30px 0 0px;
        background: url(/_ext/www.gandi.net/static/images/divider/divider_center.png) repeat-y right top;
        -moz-box-flex: 1;
    }
    #body #globalbox #main.full_page {
        width: 100%;
        background: none;
        padding: 0;
        float: none;
    }
    #body.bo #globalbox #main {
        width: 580px;
    }
    #body.bo #globalbox #main.full_page {
        width: 100%;
    }

    /* homepages */
    #body #globalbox .full_page {
        -moz-box-flex: 1;
    }

    /* {{{ Right blocks */
    #body #globalbox div#main.hp {
        background: none;
        width:560px;
    }
    #body #globalbox div#right-column.hp {
        float:right;
        width:270px;
    }
    #body #globalbox div#right-column.hp div.box-fbox {
        line-height:2em;
        margin:0.4em 0 0 0;
        padding:0;
    }

    #body #globalbox #rightblocks {
        float: right;
        width: 216px;
        font-size: 85%;
        line-height: 1.4em;
        margin: -8px 0 0 0;
        -moz-box-flex: 0;
    }

    #body #globalbox #rightblocks h1 {
        margin: 0 0 1em 0;
    }
    #body #globalbox #rightblocks h2 {
        margin: 0 0 1em 0;
        font-size: 145%;
        line-height: 1.2em;
    }

        #body #globalbox #rightblocks hr {
            border: 1px solid #aaa;
            border-style: dotted none none none;
            height: 0;
            margin: 20px 0;
            padding: 1px 0;
            clear: both;
        }
        #body #globalbox #rightblocks div.block {
            clear: both;
            margin: 10px;
            width: 196px;
        }
        #body #globalbox #rightblocks div.fixed { /* div with fixed padding-left */
            position: relative;
            margin: 10px 0 0 0;
            padding: 0 0 6px 40px;
        }
            #body #globalbox #rightblocks div.fixed div {
                overflow: hidden;
                text-overflow: ellipsis;
                -o-text-overflow: ellipsis;
            }
            #body #globalbox #rightblocks div.fixed img {
                position: absolute;
                top: 2px;
                left: 0;
            }
            #body #globalbox #rightblocks div.fixed span { color: #000; }
            #body #globalbox #rightblocks div.fixed a.classic { color: #5E6358; }
        #body #globalbox #rightblocks h3 {
            padding: 6px 0 1px 0;
            font: bold 11px Tahoma,Arial,Helvetica,FreeSans,sans-serif;
        }
        #body #globalbox #rightblocks p { margin: 0.5em 0 0 0; }
        #body #globalbox #rightblocks img { vertical-align: middle; }
        #body #globalbox #rightblocks ul {}
        /*#body #globalbox #rightblocks li { margin: 0.2em 0 0 0; padding: 5px 0; list-style-type: disc; list-style-position: inside; }*/
        #body #globalbox #rightblocks li { margin: 0.2em 0 0 0; padding: 0; list-style-type: disc; list-style-position: inside; }

        #body #globalbox #rightblocks ul.side-wish li { list-style: none; list-style-position: outside; }
        #body #globalbox #rightblocks ul.side-wish li img { padding-right: 4px; position: relative; top: -2px; }

        #body #globalbox #rightblocks ul ul li {
            font-size: 10px;
            margin: 0 0 0 1.3em;
            padding: 0;
            list-style-type: none;
            list-style-type: disc;
            list-style-position: inside;
        }

        #body #globalbox #rightblocks ul.lastnews { padding: 0; } /* Les News dans la colonne de droite */
            #body #globalbox #rightblocks ul.lastnews li { padding: 0 0 10px 0; list-style-type: none; list-style-position: outside; }
                #body #globalbox #rightblocks ul.lastnews li img { margin-right: 5px; background: #f2f3e7; }
                #body #globalbox #rightblocks ul.lastnews li a:link, #rightblocks ul.lastnews li a:visited { color: #5E6358; text-decoration: underline; }
                #body #globalbox #rightblocks ul.lastnews li a:hover { text-decoration: none; }
                #body #globalbox #rightblocks ul.lastnews li a.alert {
                    background: url(/_ext/www.gandi.net/static/images/Icon_warning.png) no-repeat 0 1px;
                    padding: 1px 0 1px 18px;
                }
            #body #globalbox #rightblocks ul.lastnews li.allnews { padding: 0; }
                #body #globalbox #rightblocks ul.lastnews li.allnews a:link, #rightblocks ul.lastnews li.allnews a:visited { color: #000; text-decoration: underline; }
                #body #globalbox #rightblocks ul.lastnews li.allnews a:hover { text-decoration: none; }

        #body #globalbox #rightblocks ul.type2 {}
            #body #globalbox #rightblocks ul.type2 li { padding: 0 0 6px 0; list-style-type: none; list-style-position: outside; line-height: 14px }

        #body #globalbox #rightblocks ul.tuto {
            padding: 0;
            margin: 0 0 16px 0;
            *height: 1%;
        }
            #body #globalbox #rightblocks ul.tuto * { color: #000; }
            #body #globalbox #rightblocks ul.tuto li {
                padding: 8px 0 12px 0;
                list-style-type: none;
                font-weight: bold;
                *height: 1%;
                *margin-left: -14px;
            }
                #body #globalbox #rightblocks ul.tuto li span {
                    display: block;
                    padding: 0 0 0 16px;
                    background: url(/_ext/www.gandi.net/static/images/tuto_title_arrow_off.png) no-repeat 0 3px;
                }
                #body #globalbox #rightblocks ul.tuto li a:link, #rightblocks ul.tuto li a:visited { text-decoration: none; }
                #body #globalbox #rightblocks ul.tuto li a:hover { text-decoration: underline; }
            #body #globalbox #rightblocks ul.tuto li.active { background: none; }
                    #body #globalbox #rightblocks ul.tuto ul li {
                        padding: 0 0 4px 10px;
                        background: none;
                        font-weight: normal;
                        *margin-left: -2px;
                    }
                    #body #globalbox #rightblocks ul.tuto ul li.active {
                        background: url(/_ext/www.gandi.net/static/images/arrow_black.gif) no-repeat 0 5px;
                    }

        #body #globalbox #rightblocks p.footer_link { margin: 5px 0 0 0; text-align: right; }


        /* {{{ GCart */
        #body #globalbox #rightblocks .gcart {
            position: relative;
        }
            #body #globalbox #rightblocks .gcart table { width: 105%; }
            #body #globalbox #rightblocks .gcart table.items {
                margin: 0 0 1em 0;
            }
                #body #globalbox #rightblocks .gcart table tr .description {
                    background: url(/_ext/www.gandi.net/static/images/bc_arrow.gif) no-repeat left 3px;
                    padding: 0 0 0 10px;
                }

                #body #globalbox #rightblocks .gcart table tr .description.nobullist {
                    background: none;
                    padding: 0;
                }
                #body #globalbox #rightblocks .gcart table.total tr .description {
                    font-weight: bold;
                    vertical-align: top;
                }
                #body #globalbox #rightblocks .gcart table tr th {
                    font-weight: bold;
                }
                #body #globalbox #rightblocks .gcart table tr th,
                #body #globalbox #rightblocks .gcart table tr td {
                    vertical-align: top;
                }
                #body #globalbox #rightblocks .gcart table tr td.price {
                    white-space: nowrap;
                    text-align: right;
                    padding-left: 3px;
                }
                #body #globalbox #rightblocks .gcart table tr .icon,
                #body #globalbox #rightblocks .gcart table tr .icon {
                    width: 16px;
                    vertical-align: top;
                }
            #body #globalbox #rightblocks .gcart p.reset {
                margin: 10px 0;
            }
            #body #globalbox #rightblocks .gcart span.spinner {
                margin-right: 9px;
            }
            #body #globalbox #rightblocks .gcart img.spinner-template {
                margin: 2px;
            }
        /* }}} */

        /* {{{ Center Blocks */
        /* HELP */
        #body #globalbox .center-block {}
            #body #globalbox .center-block ul li {
                list-style: none;
                line-height: 1.5em;
                margin: 0;
            }
            #body #globalbox .center-block #help div.left {
                float: left;
                width: 60%;
            }
                #body #globalbox .center-block #help div.left div.box-fbox {
                    padding: 0;
                }
                    #body #globalbox .center-block div#help a#expend-help {
                        display: block;
                        text-align: center;
                        height: 22px;
                        background: url(/_ext/www.gandi.net/static/images/help_down.png) no-repeat 50% 50%;
                    }
                    #body #globalbox .center-block div#help a#expend-help.up {
                        background: url(/_ext/www.gandi.net/static/images/help_up.png) no-repeat 50% 50%;
                    }
                    #body #globalbox .center-block div#help a#expend-help:link,
                    #body #globalbox .center-block div#help a#expend-help:visited {
                        background-color: #E3E5DA;
                        text-decoration: none;
                    }
                    #body #globalbox .center-block div#help a#expend-help:hover {
                        background-color: #D5D8C8;
                        text-decoration: none;
                    }
                    #body #globalbox .center-block div#help a#expend-help:focus {
                        outline: 0;
                    }
            #body #globalbox .center-block #help div.right {
                float: right;
                width: 35%;
                padding: 0.5em 0;
                text-align: left;
            }
                #body #globalbox .center-block #help div.right ul {
                    font-size: 85%;
                    padding: 0.1em 0;
                }
                    #body #globalbox .center-block #help div.right ul li {
                        padding: 0.5em 0;
                    }
                #body #globalbox .center-block #help div.right p.link {
                    position: absolute;
                    bottom: 3.5em;
                }
                #body #globalbox .center-block #help h2.help {
                    background: url(/_ext/www.gandi.net/static/images/aide_header_icon.png) no-repeat left top;
                    padding: 0 0 0 1.8em;
                }
                #body #globalbox .center-block #help h2.wiki {
                    background: url(/_ext/www.gandi.net/static/images/aide_iwi_icon.png) no-repeat left top;
                    padding: 0 0 0 1.8em;
                }


        /* }}} */



        /* {{{ Catalogue */
        /* Mise en page des tarifs Gandi table.catalog */
        form.choose-grid select { float: right; }
        form.choose-grid label { float: right; margin-right: 10px; }
        form.choose-grid select option { padding: 0 5px; }

        .catalog { width: 820px; border-collapse: collapse; }
            .catalog caption span { display: none; }
        .catalog * { text-align: left; vertical-align: top; font-size: 11px; }
            .catalog thead th { color: #000; font-weight: normal; background-color: #CACCB7; }
            .catalog tfoot th { color: #000; font-weight: normal; background-color: #CACCB7; }
            .catalog th { padding: 0 0 8px 0; width: 110px; line-height: 18px; }
                .catalog th.mainhead { font-weight: bold; padding: 0 0 8px 10px; width: 90px; }
                .catalog th a:link, .catalog th a:visited { color: #000; text-decoration: underline; font-size: 10px; }
                .catalog th a:hover { text-decoration: none; }
            .catalog td { color: #000; padding: 8px 0 ; width: 110px; line-height: 18px; }
                .catalog td.first {padding: 8px 0 8px 10px; width: 90px; }
                .catalog td a { white-space: nowrap; font-size: 10px; }
                .catalog td div.warn { } /* .warn = div contenant l'extension ex ".com" */
                .catalog td div.sub { font-size: 10px; } /* .sub = div contenant le prix TTC */
        /* }}} */


        /* {{{ Product {{{ */
        .product-desc { margin: 10px 0 15px 0; line-height: 15px; clear: left; }
            .product-desc img { float: left; padding: 4px 0 20px 0; }
                .product-desc h2 a, .product-desc h3 a { color: #000; }
                .product-desc h2, .product-desc h3, .product-desc p, .product-desc div { margin: 0 0 0 154px !important; }
                .product-desc ul { margin: 0.5em 0 0 154px; }
                    .product-desc p strong { color: #000; }
        /* }}} */





/* Affichage des cartes d'identité pour les extensions {{{ */
    div.extensionIntro { padding: 0; }
        div.extensionIntro b, div.extensionIntro strong { color: #000; }
        div.extensionIntro img { float: right; padding: 0 0 5px 2px; }
    div.extensionDetail { padding: 0 0 20px 0; }
        div.extensionDetail b, div.extensionDetail strong { color: #000; }
/* }}} */



/* {{{ FOOTER */

#footer {
    background-color: #B1B39F;
    color: #FEFEFE;
    overflow: hidden;    /* pour éviter le scroll immonde qui casse le header */
    margin: 0;
    padding: 0 0 35px 0;
    clear: both;
}

    #footer .logos { background: #CACCB7; height: 45px; padding: 22px 0 0 0; }
    #footer ul.logos li { display: inline; margin: 0 15px; }
    #footer div.foot-links {
        width: 900px;
        margin: 0 auto;
    }

    #footer div.foot-links div.foot-gandi {
        margin: 0px auto;
        width: 700px;
    }

    #footer div.foot-links div.foot-gandi img {
        margin: 3em;
    }

    #footer div.foot-links div.foot-gandi h4 {
        margin: 15px 0;
        font-weight: bold;
        text-align: center;
    }
    #footer div.foot-links div.foot-gandi ul li      { float: left; width: 210px; padding: 0 0 0 10px; list-style: none; }
    #footer div.foot-links div.foot-gandi li.subli   { text-align: left; line-height: 2em; }
    #footer div.foot-links div.foot-gandi li.subli a:link   { text-decoration: none; text-align: left; line-height: 2em; }
    #footer div.foot-links div.foot-gandi li.subli a:visited   { text-decoration: none; text-align: left; line-height: 2em; }
    #footer div.foot-links div.foot-gandi li.subli a:hover   { text-decoration: underline; text-align: left; line-height: 2em; }
    #footer a:link, #footer a:visited {
        color: #FFFFFF;
}
    #footer div.foot-links hr.separator {
        border: 1px solid #9EA28E;
        border-style: solid none none none;
        visibility: visible;
        width: auto;
    }

    #footer div.foot-links div.links {
        margin: 0 auto;
    }

        #footer div.links ul li h4         { font-weight: bold; }
        #footer div.links ul               { float: left; width: 220px; }
        #footer div.links ul li {
            text-align: left;
            width: 215px;
            padding: 0 0 0 25px;
            line-height: 2em;
            list-style: none;
        }

        #footer div.links ul li a:link {
            text-align: left;
            width: 215px;
            line-height: 2em;
            list-style: none;
            text-decoration: none;

        }
        #footer div.links ul li a:visited {
            text-align: left;
            width: 215px;
            line-height: 2em;
            list-style: none;
            text-decoration: none;
        }

    #footer div.foot-links ul li a:hover {
        text-decoration: underline;
    }

/* Filter Bar */
#main div.filter {
    height: 48px;
    margin: 1em 0px 0 8px;
    background: url("/_ext/www.gandi.net/static/images/filter/bloc_filter_R.png") no-repeat 100% 0;
}

    /* Filtre */
    #main div.filterbox {
        float: left;
        padding: 12px 15px 0 15px;
    }

    #main div.box-fbox.prepend-table div.filterbox {
        padding: 0;
    }
    #main div.filter > :first-child {
        background: url("/_ext/www.gandi.net/static/images/filter/bloc_filter_L.png") no-repeat 0 0;
        margin-left: -8px;
        margin-top: 0;
        padding-left: 1em;
        height: 48px;
    }

        #main  div.filterbox input[type=text] {
            display: inline;
            margin: 0 0 0 3px;
        }

        #main  div.filterbox .button_mini {
            float: none;
            display: inline;
        }

            #main div.filterbox .button_mini input[type=image] {
                vertical-align: middle;
                margin: -2px 0 0 0;
            }

    #main div.filter div.menu_bar_prepend {
        float: left;
    }

        #main div.filter div.menu_bar_prepend div#ul-list-menu {
            position: relative;
            padding: 0;
            margin: 0;
            height: 48px;
            line-height: 46px;
            width: 250px;
        }
        #main div.filter div.menu_bar_prepend div#ul-list-menu:hover {
            z-index: 10000;
        }

            #main div.filter div.menu_bar_prepend div#ul-list-menu img.select-icon {
                position: absolute;
                top: 13px;
                right: 2px;
            }
            #main div.filter div.menu_bar_prepend div#ul-list-menu:hover img.select-icon {
                z-index: 10001;
            }

            #main div.filter div.menu_bar_prepend div#ul-list-menu ul {
                position: absolute;
                left: 75px;
                top: 0px;
                width: 175px;
            }
            #main div.filter div.menu_bar_prepend div#ul-list-menu:hover ul {
                -moz-box-shadow: 1px 1px 5px;
                -webkit-box-shadow: 1px 1px 5px #333333;
                box-shadow: 1px 1px 5px;
            }

                #main div.filter div.menu_bar_prepend div#ul-list-menu ul li {
                    background: #F0F1EB;
                    padding: 0 10px;
                    margin: 0;
                    height: 48px;
                    line-height: 46px;
                    list-style: none;
                    border-bottom: 1px solid white;
                }

                #main div.filter div.menu_bar_prepend div#ul-list-menu ul li:hover {
                    background: #b3b5a7;
                }

                    #main div.filter div.menu_bar_prepend div#ul-list-menu ul li a {
                        outline : none;
                        text-decoration: none;
                    }

.warning-browser-deprecated {
    position: absolute;
    background-color: #ff4937;
    top: 25px;
    left: 0px;
    color: black;
    width: 100%;
    padding: 0.5em;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
}


/* {{{ Tipster && Bubule */
.bubule {
    background: #999999;
    line-height: 1.1em;
    padding: 0.7em;
    margin-right: 1em;
    color: #fff;
    text-align: left;
    opacity: 0.95;
    z-index: 9999999 !important;
    -moz-border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
    border-radius: 0.5em;
}
.bubule.admin   { background-color: #366787; }
.bubule.domain  { background-color: #446e49; }
.bubule.talk    { background-color: #b16E18; }
.bubule.ssl     { background-color: #8E8D8F; }
.bubule.hosting { background-color: #3482BF; }
.bubule.support { background-color: #8f0115; }
.bubule.header  { font-size: 0.8em; }
    .bubule :link, .bubule :visited {
        color: #fff;
    }

.bubuleContent {
    display: none;
}

.tipster {
    border: 0;
    cursor: help;
}
a:link.tipster, a:visited.tipster,
a:link .tipster, a:visited .tipster {
    cursor: pointer;
}
.help.show_info,  /* native tooltip */
.tipster.show_info {
    background: transparent url("/_ext/www.gandi.net/static/images/icon_tip.png") no-repeat right 2px;
    padding-right: 16px;
    display: inline-block;
}
.help.show_info.error,  /* native tooltip */
.tipster.show_info.error {
    background: transparent url("/_ext/www.gandi.net/static/images/icon_tip_error.png") no-repeat right 2px;
}
/* }}} */
/* {{{ Header */
#header .header h1 {
    font-size: 30px;
    margin-left: 15px;
    color: #FFFFFF;
}
/* }}} */


/* {{{ Content */
#body {
    padding-top: 30px;
}
#body #globalbox .lboxcamping, #body #globalbox .lcamping, 
#body #globalbox .rboxcamping, #body #globalbox .rcamping {
    width: 425px;
    margin: 0;
}    

#body #globalbox .box.lboxcamping, #body #globalbox .box.lcamping,
#body #globalbox .box.rboxcamping, #body #globalbox .box.rcamping {
    min-height: 90px;
}
#body #globalbox .rboxcamping, #body #globalbox .rcamping { float: right; }
#body #globalbox .lboxcamping, #body #globalbox .lcamping { float: left; clear: left; }
/* }}} */


/* {{{ Footer */
#footer div.foot-links { 
    width: 980px;
}
    #footer div.foot-links div.foot-gandi {
        width: 100%;
    }
        #footer div.foot-links div.foot-gandi ul.fr,
        #footer div.foot-links div.foot-gandi ul.en {
            /*width: 460px;*/
            float: left;
            padding: 0 0 20px 10px;
            border-color: #9EA28E;
            border-style: none none solid none;
            border-width: 1px;
        }
        #footer div.foot-links div.foot-gandi ul.en {
            margin-left: 60px;
        }
            #footer div.foot-links div.foot-gandi ul.fr > li,
            #footer div.foot-links div.foot-gandi ul.en > li {
                float: left;
                padding: 0;
            }
            #footer div.foot-links div.foot-gandi ul.fr > li:first-child,
            #footer div.foot-links div.foot-gandi ul.en > li:first-child {
                padding-right: 50px;
            }
            #footer div.foot-links div.foot-gandi ul li {
                margin: 0;
                padding: 0;
                float: none;
                width: 200px;
            }
    #footer div.foot-links div.links { 
        width: 490px;
        float: left;
        margin: 0;
    }
    #footer div.foot-links div.links.en { 
        padding-left: 30px;
        width: 460px;
    }
        #footer div.foot-links div.links ul { 
            margin: 40px 0 0 0;
            width: 190px;
        }
        #footer div.foot-links div.links ul.right { 
            margin-left: 60px;
        }
            #footer div.foot-links div.links ul li { 
                padding: 0;
            }

/* }}} */
/* DOMAIN */


/* {{{ GLOBALBOX'S HEADER */
div.box-global div.box-header .bt, div.box-global div.box-header .bt div,
div.box-global div.box-header .bb, div.box-global div.box-header .bb div {
    background-image: url(/_ext/www.gandi.net/static/images/boxes/header_dn_curvedBox.png);
}
div.box-global div.box-header .i1 {
    background-image: url(/_ext/www.gandi.net/static/images/boxes/header_dn_L.png);
}
div.box-global div.box-header .i2 {
    background-image: url(/_ext/www.gandi.net/static/images/boxes/header_dn_R.png);
}
div.box-global div.box-header .i3 {
    background-color: #436C48;
    background-image: url(/_ext/www.gandi.net/static/images/boxes/header_dn_C.png);
    border-right: 1px solid #709E76;
    border-left: 1px solid #709E76;
}

div.box-global div.box-header .glow {
    background: transparent url(/_ext/www.gandi.net/static/images/boxes/header_halo.png) no-repeat top center;
}

/* subsections */
div.box-global div.box-header li a span,
div.box-global div.box-header ul.breadcrums li a.last span,
div.box-global div.box-header li.nolink a:hover span,
div.box-global div.box-header li.nolink a:focus span {
    background-color: #6C9170;
}
div.box-global div.box-header li a:hover span,
div.box-global div.box-header li a:focus span {
    background-color: #7FA082;
}
div.box-global div.box-header ul.menu li.active a span,
div.box-global div.box-header ul.breadcrums li.active a.last span {
    background-color: #254629;
}
/* breadcrums */
div.box-global div.box-header ul.breadcrums li a:link, div.box-global div.box-header ul.breadcrums li a:visited {
    background-image: url(/_ext/www.gandi.net/static/images/buttons/header_button_dnProc.png);
}
div.box-global div.box-header ul.breadcrums li.active a:link, div.box-global div.box-header ul.breadcrums li.active a:visited {
    background-image: url(/_ext/www.gandi.net/static/images/buttons/header_button_dnProc_active.png);
}
/* GLOBALBOX'S HEADER }}} */


/* {{{ Globalsection Navigation }}} */
#body #globalbox div#globalbox-navigation ul li.selected {
    background-color: #528158;
}

    #body #globalbox div#globalbox-navigation ul li a {
        color: #333333;
    }

    #body #globalbox div#globalbox-navigation ul li a.selected {
        color: white;
    }
/* }}} */


/* {{{ TABS */
body #body #globalbox ul#main-nav li.domain a:link,
body #body #globalbox ul#main-nav li.domain a:visited {
    background: url(/_ext/www.gandi.net/static/images/tabs/tab_selected.png) no-repeat 0 0;
    color: #52524C;
}
/* TABS }}} */


/* {{{ LINKS */
a:link, a:visited,
.box-fbox .box-innerbox-white a:link,
.box-fbox .box-innerbox-white a:visited,
.action a:link, .action a:visited,
a.action:link, a.action:visited,
h1 a.action:link, h1 a.action:visited,
h2 a.action:link, h2 a.action:visited {
    color: #287731;
}
/* LINKS }}} */


/* Optgroup color per section */
form select optgroup { background-color: #446E49 }

input[type="submit"],
input[type="reset"],
input[type="button"] {
    background-color: #446E49;
}


/* {{{ Catalog & catalog by tld */
#gandi-price-list .sub {
    font-size: 70%;
}
#gandi-price-list .promo {
    color: #3D903D;
    background-color: #BEE6BE;
    padding: 0.5em;
    margin: 0.5em -0.5em 0.5em -0.5em;
    font-weight: bold;
}
    #gandi-price-list .promo .sub { /*vat price*/
        color: #3D903D;
        font-weight: normal;
    }
/* td */
#gandi-price-list .old-price * {
    text-decoration: line-through;
}
#body #globalbox #gandi-price-list p.promo, /* promo line */
#body #globalbox #gandi-price-list sup.promo {
    background-color: inherit;
    padding: 0;
}
#body #globalbox #gandi-price-list sup.promo a:link,
#body #globalbox #gandi-price-list sup.promo a:visited {
    text-decoration: none;
    color: inherit;
}
#body #globalbox #gandi-price-list sup.promo a:focus,
#body #globalbox #gandi-price-list sup.promo a:hover {
    text-decoration: underline;
}
/* Catalogs }}} */


/* Domain results & renew prices */
option.promo {
    color: #268731;
    font-weight: bold;
}
option.nopromo {
    color: #666;
    text-decoration: line-through;
}
