/*
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;}td{margin:0;padding:0;}th{margin:0;padding:0;}blockquote{margin:0;padding:0;}p{margin:0;padding:0;}textarea{margin:0;padding:0;}button{margin:0;padding:0;}input{margin:0;padding:0;}legend{margin:0;padding:0;}fieldset{margin:0;padding:0;}form{margin:0;padding:0;}code{margin:0;padding:0;}pre{margin:0;padding:0;}h6{margin:0;padding:0;}h5{margin:0;padding:0;}h4{margin:0;padding:0;}h3{margin:0;padding:0;}h2{margin:0;padding:0;}h1{margin:0;padding:0;}li{margin:0;padding:0;}ol{margin:0;padding:0;}ul{margin:0;padding:0;}dd{margin:0;padding:0;}dt{margin:0;padding:0;}dl{margin:0;padding:0;}div{margin:0;padding:0;}body{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}img{border:0;}fieldset{border:0;}optgroup{font-style:inherit;font-weight:inherit;}var{font-style:inherit;font-weight:inherit;}th{font-style:inherit;font-weight:inherit;}strong{font-style:inherit;font-weight:inherit;}em{font-style:inherit;font-weight:inherit;}dfn{font-style:inherit;font-weight:inherit;}code{font-style:inherit;font-weight:inherit;}cite{font-style:inherit;font-weight:inherit;}caption{font-style:inherit;font-weight:inherit;}address{font-style:inherit;font-weight:inherit;}ins{text-decoration:none;}del{text-decoration:none;}li{list-style:none;}th{text-align:left;}caption{text-align:left;}h6{font-size:100%;font-weight:normal;}h5{font-size:100%;font-weight:normal;}h4{font-size:100%;font-weight:normal;}h3{font-size:100%;font-weight:normal;}h2{font-size:100%;font-weight:normal;}h1{font-size:100%;font-weight:normal;}q:after{content:'';}q:before{content:'';}acronym{border:0;font-variant:normal;}abbr{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}optgroup{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}select{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}textarea{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}button{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}select{*font-size:100%;}textarea{*font-size:100%;}button{*font-size:100%;}input{*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;
}

.bigLink a {
	color: #fff;
	padding: 3px 8px 6px 8px;
	font-family: 'ATF Antique', Georgia, Times New Roman, sans-serif;
	font-size: 1em;
	font-weight: bold;
	background: url(images/diagonald.gif) repeat #000;
}
	.bigLink a:hover {
		color: #000;
		border-bottom: none;
		text-decoration: none;
		background: url(images/diagonal.gif) repeat;
	}


td {
    margin: 0;
    padding: 0;
}

th {
    margin: 0;
    padding: 0;
}

blockquote {
    margin: 0;
    padding: 0;
}

p {
    margin: 0;
    padding: 0;
}

textarea {
    margin: 0;
    padding: 0;
}

button {
    margin: 0;
    padding: 0;
}

input {
    margin: 0;
    padding: 0;
}

legend {
    margin: 0;
    padding: 0;
}

fieldset {
    margin: 0;
    padding: 0;
}

form {
    margin: 0;
    padding: 0;
}

code {
    margin: 0;
    padding: 0;
}

pre {
    margin: 0;
    padding: 0;
}

h6 {
    margin: 0;
    padding: 0;
}

h5 {
    margin: 0;
    padding: 0;
}

h4 {
    margin: 0;
    padding: 0;
}

h3 {
    margin: 0;
    padding: 0;
}

h2 {
    margin: 0;
    padding: 0;
}

h1 {
    margin: 0;
    padding: 0;
}

li {
    margin: 0;
    padding: 0;
}

ol {
    margin: 0;
    padding: 0;
}

ul {
    margin: 0;
    padding: 0;
}

dd {
    margin: 0;
    padding: 0;
}

dt {
    margin: 0;
    padding: 0;
}

dl {
    margin: 0;
    padding: 0;
}

div {
    margin: 0;
    padding: 0;
}

body {
    margin: 0;
    padding: 0;
}

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

img {
    border: 0;
}

fieldset {
    border: 0;
}

optgroup {
    font-style: inherit;
    font-weight: inherit;
}

var {
    font-style: inherit;
    font-weight: inherit;
}

th {
    font-style: inherit;
    font-weight: inherit;
}

strong {
    font-style: inherit;
    font-weight: inherit;
}

em {
    font-style: inherit;
    font-weight: inherit;
}

dfn {
    font-style: inherit;
    font-weight: inherit;
}

code {
    font-style: inherit;
    font-weight: inherit;
}

cite {
    font-style: inherit;
    font-weight: inherit;
}

caption {
    font-style: inherit;
    font-weight: inherit;
}

address {
    font-style: inherit;
    font-weight: inherit;
}

ins {
    text-decoration: none;
}

del {
    text-decoration: none;
}

li {
    list-style: none;
}

th {
    text-align: left;
}

caption {
    text-align: left;
}

h6 {
    font-size: 100%;
    font-weight: normal;
}

h5 {
    font-size: 100%;
    font-weight: normal;
}

h4 {
    font-size: 100%;
    font-weight: normal;
}

h3 {
    font-size: 100%;
    font-weight: normal;
}

h2 {
    font-size: 100%;
    font-weight: normal;
}

h1 {
    font-size: 100%;
    font-weight: normal;
}

q:after {
    content: '';
}

q:before {
    content: '';
}

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

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

sup {
    vertical-align: baseline;
}

sub {
    vertical-align: baseline;
}

legend {
    color: #000;
}

option {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
}

optgroup {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
}

select {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
}

textarea {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
}

button {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
}

input {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
}

select { *

font-size:
    100%;
}

textarea { *

font-size:
    100%;
}

button { *

font-size:
    100%;
}

input { *

font-size:
    100%;
}

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

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

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

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

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

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

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

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

tt {
    font-family: monospace;*

font-size:
    108%;

line-height:
    100%;
}

samp {
    font-family: monospace;*

font-size:
    108%;

line-height:
    100%;
}

kbd {
    font-family: monospace;*

font-size:
    108%;

line-height:
    100%;
}

code {
    font-family: monospace;*

font-size:
    108%;

line-height:
    100%;
}

pre {
    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;
}

td {
    margin: 0;
    padding: 0;
}

th {
    margin: 0;
    padding: 0;
}

blockquote {
    margin: 0;
    padding: 0;
}

p {
    margin: 0;
    padding: 0;
}

textarea {
    margin: 0;
    padding: 0;
}

button {
    margin: 0;
    padding: 0;
}

input {
    margin: 0;
    padding: 0;
}

legend {
    margin: 0;
    padding: 0;
}

fieldset {
    margin: 0;
    padding: 0;
}

form {
    margin: 0;
    padding: 0;
}

code {
    margin: 0;
    padding: 0;
}

pre {
    margin: 0;
    padding: 0;
}

h6 {
    margin: 0;
    padding: 0;
}

h5 {
    margin: 0;
    padding: 0;
}

h4 {
    margin: 0;
    padding: 0;
}

h3 {
    margin: 0;
    padding: 0;
}

h2 {
    margin: 0;
    padding: 0;
}

h1 {
    margin: 0;
    padding: 0;
}

li {
    margin: 0;
    padding: 0;
}

ol {
    margin: 0;
    padding: 0;
}

ul {
    margin: 0;
    padding: 0;
}

dd {
    margin: 0;
    padding: 0;
}

dt {
    margin: 0;
    padding: 0;
}

dl {
    margin: 0;
    padding: 0;
}

div {
    margin: 0;
    padding: 0;
}

body {
    margin: 0;
    padding: 0;
}

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

img {
	border: 0;
	vertical-align: baseline;
}

fieldset {
    border: 0;
}

optgroup {
    font-style: inherit;
    font-weight: inherit;
}

var {
    font-style: inherit;
    font-weight: inherit;
}

th {
    font-style: inherit;
    font-weight: inherit;
}

strong {
    font-style: inherit;
    font-weight: inherit;
}

em {
    font-style: inherit;
    font-weight: inherit;
}

dfn {
    font-style: inherit;
    font-weight: inherit;
}

code {
    font-style: inherit;
    font-weight: inherit;
}

cite {
    font-style: inherit;
    font-weight: inherit;
}

caption {
    font-style: inherit;
    font-weight: inherit;
}

address {
    font-style: inherit;
    font-weight: inherit;
}

ins {
    text-decoration: none;
}

del {
    text-decoration: none;
}

li {
    list-style: none;
}

th {
    text-align: left;
}

caption {
    text-align: left;
}

h6 {
    font-size: 100%;
    font-weight: normal;
}

h5 {
    font-size: 100%;
    font-weight: normal;
}

h4 {
    font-size: 100%;
    font-weight: normal;
}

h3 {
    font-size: 100%;
    font-weight: normal;
}

h2 {
    font-size: 100%;
    font-weight: normal;
}

h1 {
    font-size: 100%;
    font-weight: normal;
}

q:after {
    content: '';
}

q:before {
    content: '';
}

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

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

sup {
    vertical-align: baseline;
}

sub {
    vertical-align: baseline;
}

legend {
    color: #000;
}

option {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
}

optgroup {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
}

select {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
}

textarea {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
}

button {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
}

input {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
}

select { *

font-size:
    100%;
}

textarea { *

font-size:
    100%;
}

button { *

font-size:
    100%;
}

input { *

font-size:
    100%;
}

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

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

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

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

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

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

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

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

tt {
    font-family: monospace;*

font-size:
    108%;

line-height:
    100%;
}

samp {
    font-family: monospace;*

font-size:
    108%;

line-height:
    100%;
}

kbd {
    font-family: monospace;*

font-size:
    108%;

line-height:
    100%;
}

code {
    font-family: monospace;*

font-size:
    108%;

line-height:
    100%;
}

pre {
    font-family: monospace;*

font-size:
    108%;

line-height:
    100%;
}

body {
    text-align: center;
}

.yui-t7 {
    margin: auto;
    text-align: left;
    width: 57.69em;*

width:
    56.25em;
}

.yui-t6 {
    margin: auto;
    text-align: left;
    width: 57.69em;*

width:
    56.25em;
}

.yui-t5 {
    margin: auto;
    text-align: left;
    width: 57.69em;*

width:
    56.25em;
}

.yui-t4 {
    margin: auto;
    text-align: left;
    width: 57.69em;*

width:
    56.25em;
}

.yui-t3 {
    margin: auto;
    text-align: left;
    width: 57.69em;*

width:
    56.25em;
}

.yui-t2 {
    margin: auto;
    text-align: left;
    width: 57.69em;*

width:
    56.25em;
}

.yui-t1 {
    margin: auto;
    text-align: left;
    width: 57.69em;*

width:
    56.25em;
}

#doc4 {
    margin: auto;
    text-align: left;
    width: 57.69em;*

width:
    56.25em;
}

#doc3 {
    margin: auto;
    text-align: left;
    width: 57.69em;*

width:
    56.25em;
}

#doc2 {
    margin: auto;
    text-align: left;
    width: 57.69em;*

width:
    56.25em;
}

#doc {
    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-g .yui-u .yui-g {
    width: 100%;
}

#yui-main {
    width: 100%;
}

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

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

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

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

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

.yui-t4 #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-gd .yui-u {
    float: left;
}

.yui-gc .yui-g {
    float: left;
}

.yui-gc .yui-u {
    float: left;
}

.yui-gb .yui-gf {
    float: left;
}

.yui-gb .yui-ge {
    float: left;
}

.yui-gb .yui-gd {
    float: left;
}

.yui-gb .yui-gc {
    float: left;
}

.yui-gb .yui-gb {
    float: left;
}

.yui-gb .yui-g {
    float: left;
}

.yui-g .yui-gb .yui-u {
    float: left;
}

.yui-gb .yui-u {
    float: left;
}

.yui-gf .yui-u {
    float: right;
}

.yui-gf .yui-g {
    float: right;
}

.yui-ge .yui-g {
    float: right;
}

.yui-ge .yui-u {
    float: right;
}

.yui-g .yui-gc .yui-u {
    float: right;
}

.yui-gd .yui-g {
    float: right;
}

.yui-gc .yui-u {
    float: right;
}

.yui-g .yui-gf {
    float: right;
}

.yui-g .yui-ge {
    float: right;
}

.yui-g .yui-gd {
    float: right;
}

.yui-g .yui-gc {
    float: right;
}

.yui-g .yui-gb {
    float: right;
}

.yui-g .yui-g {
    float: right;
}

.yui-g .yui-u {
    float: right;
}

.yui-gc div.first div.first {
    float: left;
}

.yui-g .yui-ge div.first {
    float: left;
}

.yui-g .yui-gc div.first {
    float: left;
}

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

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

.yui-gd div.first {
    float: left;
}

.yui-gc div.first {
    float: left;
}

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

.yui-g div.first {
    float: left;
}

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

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

.yui-g .yui-gd {
    width: 49.1%;
}

.yui-g .yui-gc {
    width: 49.1%;
}

.yui-g .yui-gb {
    width: 49.1%;
}

.yui-g .yui-g {
    width: 49.1%;
}

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

.yui-gd .yui-u {
    width: 32%;
    margin-left: 1.99%;
}

.yui-gc .yui-g {
    width: 32%;
    margin-left: 1.99%;
}

.yui-gc .yui-u {
    width: 32%;
    margin-left: 1.99%;
}

.yui-gb .yui-gf {
    width: 32%;
    margin-left: 1.99%;
}

.yui-gb .yui-ge {
    width: 32%;
    margin-left: 1.99%;
}

.yui-gb .yui-gd {
    width: 32%;
    margin-left: 1.99%;
}

.yui-gb .yui-gc {
    width: 32%;
    margin-left: 1.99%;
}

.yui-gb .yui-gb {
    width: 32%;
    margin-left: 1.99%;
}

.yui-gb .yui-g {
    width: 32%;
    margin-left: 1.99%;
}

.yui-g .yui-gb .yui-u {
    width: 32%;
    margin-left: 1.99%;
}

.yui-gb .yui-u {
    width: 32%;
    margin-left: 1.99%;
}

.yui-gb .yui-u { *

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

.yui-gd .yui-u {
    width: 66%;
}

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

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

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

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

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

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

.yui-gd div.first {
    margin-left: 0;
}

.yui-gc div.first {
    margin-left: 0;
}

.yui-gb div.first {
    margin-left: 0;
}

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

.yui-gf .yui-g .yui-u {
    width: 49%;*

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

.yui-ge .yui-g .yui-u {
    width: 49%;*

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

.yui-gd .yui-g .yui-u {
    width: 49%;*

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

.yui-gc .yui-g .yui-u {
    width: 49%;*

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

.yui-gb .yui-g .yui-u {
    width: 49%;*

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

.yui-g .yui-g .yui-u {
    width: 49%;*

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

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

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

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

_width:
    31.7%;
}

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

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

_width:
    31.7%;
}

.yui-gd .yui-g {
    width: 66%;
}

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

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

margin-right:
    4%;

_margin-right:
    1.3%;
}

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

margin-right:
    0;
}

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

margin-right:
    0;
}

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

margin-left:
    1.8%;

_margin-left:
    4%;
}

.yui-gb .yui-gb .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-gb .yui-gc .yui-u {
    width: 32%;
    _float: right;
    margin-right: 0;
    _margin-left: 0;
}

.yui-g .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-gf .yui-u {
    margin: 0;
}

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

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

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

margin-left:
    0;
}

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

margin-left:
    0;
}

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

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

.yui-gc .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-gf div.yui-u {
    float: right;
}

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

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

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

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

width:
    24%;

_width:
    20%;
}

.yui-gb .yui-ge .yui-u { *

width:
    24%;

_width:
    20%;
}

.yui-gb .yui-gf .yui-u { *

width:
    73.5%;

_width:
    65.5%;
}

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

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%;
}

.yui-gf:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.yui-ge:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.yui-gd:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.yui-gc:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.yui-gb:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.yui-g:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#ft:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#bd:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#hd:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.yui-gf {
    zoom: 1;
}

.yui-ge {
    zoom: 1;
}

.yui-gd {
    zoom: 1;
}

.yui-gc {
    zoom: 1;
}

.yui-gb {
    zoom: 1;
}

.yui-g {
    zoom: 1;
}

#ft {
    zoom: 1;
}

#bd {
    zoom: 1;
}

#hd {
    zoom: 1;
}
/* {{{ Formulaires Global */

form {}
    /*form fieldset {
        border: 1px solid #CACCB7;
        border-width: 0 0 1px 0;
        padding: 15px 0;
    }*/
    form p { clear: left; padding: 4px 0; }
        label.radiolistlabel {
            position: relative;
            display: block;
            float: left;
            width: 160px;
            text-align: right;
            /*padding: 2px 20px 0 0;*/
            padding: 0px 20px 0 0;
        }
        form p label {
            position: relative;
            display: block;
            float: left;
            width: 160px;
            text-align: right;
            /*padding: 2px 20px 0 0;*/
            padding: 0px 20px 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 {
            position : static;
            display : inline;
            float : none;
            padding : 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: 10px; } /* Affiche "*" pour les champs obligatoires */
        textarea.in { background-color: white; color: #000; padding: 1px 2px; border: 1px solid #A5ACB4; } 
        input.in { background-color: white; color: #000; padding: 1px 2px; border: 1px solid #A5ACB4; } /* Type text password, textarea, select */ 
        input[disabled] { background-color: #ccc !important; }
        input.disabled { background-color: #ccc !important }

        form p input { width: auto; }
        form p input[type=checkbox] { width: auto; vertical-align: middle; }
        form p select { padding: 1px 2px; border: 1px solid #A5ACB4; background: #FFF; }
            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 p textarea { padding: 1px 2px; border: 1px solid #A5ACB4; }
        form p textarea.default { width: 350px; height: 100px; } /* Mis les width et height dans une classe sp?ciale au cas o? pour pas tout p?ter l'existant */
        form p div.button input { width: auto; margin-top: -2px; border: 0; } /* Cas sp?cial : ajuster la taille auto pour l'input de validation */
    form div.sub { margin: 0 24px 0 180px; clear: left; } /* Commentaires en dessous des champs de formulaires */
    form div.right_content { margin: -4px 0 0 180px; } /* Box pour html divers ? la place d'inputs */
    form span.sub { margin: 0 24px 4px 180px; 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; top: -2px; }
            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_wait { padding: 1px 2px; border: 1px solid #A5ACB4; } 
    form div.reseller input.in { 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 td { padding: 1px 2px; }
            form table.tableform th { 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#loginbox { padding-left: 120px; }
        form#loginbox 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#lostpassword2 {}
        form#lostpassword {}
        form#lostpassword2 p input { width: 220px; padding: 1px 2px; border: 1px solid #A5ACB4; }
        form#lostpassword p input { width: 220px; padding: 1px 2px; border: 1px solid #A5ACB4; }
        form#lostpassword2 p select { width: 225px; padding: 1px 0px; border: 1px solid #A5ACB4; }
        form#lostpassword 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: 120px; }
        form#buydomain p select { vertical-align: middle; border: 1px solid #A5ACB4; padding: 0; }
/* }}} */

/* {{{ Formulaire pour contacter le support */
form#contactsupport { }
    form#contactsupport p { clear: left; padding: 4px 0; }
    form#contactsupport label {
        position: relative;
        color: #000;
        display: block;
        float: left;
        width: 160px;
        text-align: right;
        padding: 0 20px 0 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#contactsupportblocked {
        margin: 0 30px 0 180px;
    } 

    form#contactsupport p#contactsupportnoip {
        margin: 0 30px 0 180px;
    } 

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

/* }}} */


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

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

#activate_blog input.in { margin: 10px 0 0 0; }

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

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

#activate_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
}

/* }}} */
.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; }
.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: 0 auto; }
sup             { vertical-align:super; }
/* }}} */


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

.bold { font-weight: bold; }

strong { font-weight: bold; }
em { font-style: italic; }
.error { font-weight: bold; color: #B50303 !important; }
.expiration { font-weight: bold; color: #B50303 !important; }
.warn { font-weight: bold; color: #cc6a00; }

.soon_expiration { font-weight: bold; color: #cc6a00; }

.ok { color: #009B0B; }
.error { color: #B50303; }
.warning { color: #cc6a00; }

.mono { font-family: monospace; }
/* }}} */


/* {{{ Forms */
input {
    vertical-align: absmiddle;
}

select {
    vertical-align: absmiddle;
}

textarea {
    font-family: Trebuchet MS, Arial;
    padding: 1px 2px;
}

input[type = text] {
    font-family: Trebuchet MS, Arial;
    padding: 1px 2px;
}

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

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

input[type=image] {
    vertical-align: middle;
}
/* }}} */


/* {{{ Images */
.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:visited {
    color: #333333;
    text-decoration: underline;
}
a:link {
    color: #333333;
    text-decoration: underline;
}
a:active {
    text-decoration: none;
}
a:hover {
    text-decoration: none;
}
a:focus {
    text-decoration: none;
}
#slideshow a:visited {
    text-decoration: none;
    color: #333333;
}

#slideshow a:link {
    text-decoration: none;
    color: #333333;
}

/* liens "secondaires" */
#help a:visited {
    color:#333333;
}

#help a:link {
    color:#333333;
}

th:first-child a:visited {
    color:#333333;
}

th:first-child a:link {
    color:#333333;
}

td:first-child a:visited {
    color:#333333;
}

td:first-child a:link {
    color:#333333;
}

thead a:visited {
    color:#333333;
}

thead a:link {
    color:#333333;
}

.gtable_filter a:visited {
    color:#333333;
}

.gtable_filter a:link {
    color:#333333;
}

.filter a:visited {
    color:#333333;
}

.filter a:link {
    color:#333333;
}

.box-fbox a:visited {
    color:#333333;
}

.box-fbox a:link {
    color:#333333;
}

#rightblocks a:visited {
    color:#333333;
}

#rightblocks a:link {
    color:#333333;
}

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

a.guide:hover {
    position: absolute;
    top: -5px;
    right: 5px;
    display: block;
    width: 36px;
    height: 12px;
    text-decoration: none;
    background: url(bt_guide.gif) no-repeat 0 0;
    text-indent: -10000px;
}

a.guide:visited {
    position: absolute;
    top: -5px;
    right: 5px;
    display: block;
    width: 36px;
    height: 12px;
    text-decoration: none;
    background: url(bt_guide.gif) no-repeat 0 0;
    text-indent: -10000px;
}

a.guide:link {
    position: absolute;
    top: -5px;
    right: 5px;
    display: block;
    width: 36px;
    height: 12px;
    text-decoration: none;
    background: url(bt_guide.gif) no-repeat 0 0;
    text-indent: -10000px;
}

a.guide {
    position: absolute;
    top: -5px;
    right: 5px;
    display: block;
    width: 36px;
    height: 12px;
    text-decoration: none;
    background: url(bt_guide.gif) no-repeat 0 0;
    text-indent: -10000px;
}

a:hover.nounderline {
    text-decoration: none;
}

a:visited.nounderline {
    text-decoration: none;
}

a:link.nounderline {
    text-decoration: none;
}

a.nounderline {
    text-decoration: none;
}
.tld a:visited {
    text-decoration: none;
    color: #333;
}


.tld a:link {
    text-decoration: none;
    color: #333;
}


/*a.secondary:link, a.secondary:visited { color: #4B483A; }
a.secondary:link, a.secondary:visited { color: #4B483A; }

a.hp:link, a.hp:visited { color: black; text-decoration: underline; }
a.hp:hover { color: black; text-decoration: none; }


a.wrapperlink:link, a.wrapperlink:visited, a.wrapperlink:hover { color: #4B483A !important; }

a.help, a.help:link, a.help:visited, a.help:hover {
    background: url(/static/images/icon_infos.gif) no-repeat 0 0;
    width: 12px;
    height: 12px;
    -moz-padding-start: 36px; /* Du grand art pour tromper Firefox */
/*	overflow: hidden; /* Du grand art pour tromper Firefox (bis) */
/*	color: transparent; /* Masquer le texte sous Safari - CSS 3 only */
/*	text-indent: -10000px; /* Masquer le texte sous IE */
/*	display: -moz-inline-box; /* -moz-inline-box pour Firefox */
/*	display: inline-block;
}
a.help-symbol, a.help-symbol:link, a.help-symbol:visited, a.help-symbol:hover {
    background: url(/static/images/help_small.png) no-repeat 0 0;
    display: block;
    margin: 2px 0 0 0;
    padding: 0 0 0 20px;
    color: #000 !important;
}*/
/* }}} */


/* {{{ Buttons */
.abutton {
    float: right;
    margin-left: 12px;
    white-space: nowrap;
    outline: none;
    height: 22px;
}

.button_mini {
    float: right;
    margin-left: 12px;
    white-space: nowrap;
    outline: none;
    height: 22px;
}

.button_green {
    float: right;
    margin-left: 12px;
    white-space: nowrap;
    outline: none;
    height: 22px;
}

.button {
    float: right;
    margin-left: 12px;
    white-space: nowrap;
    outline: none;
    height: 22px;
}

.abutton {
    float: right;
    margin-left: 6px;
    /*padding-right: 24px;*/
    white-space: nowrap;
    outline: none;
}

.button_mini {
    float: right;
    margin-left: 6px;
    /*padding-right: 24px;*/
    white-space: nowrap;
    outline: none;
}

.button_green {
    float: right;
    margin-left: 6px;
    /*padding-right: 24px;*/
    white-space: nowrap;
    outline: none;
}

td .button {
    float: right;
    margin-left: 6px;
    /*padding-right: 24px;*/
    white-space: nowrap;
    outline: none;
}

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

/* }}} */

/* {{{ Tables .list */
table.list { width: 100%; border-collapse: collapse; margin: -5px 0 -5px 0;}
    table.list caption span { position: absolute; left: -10000px; }
    table.list tfoot { text-align: left; }
        table.list thead { text-align: left; }
        table.list tfoot tr th { font-family: Arial, Helvetica, FreeSans, sans-serif; background: #E3E5DA; }
        table.list thead tr th { font-family: Arial, Helvetica, FreeSans, sans-serif; background: #E3E5DA; }
        table.list thead tr th { padding: 0 1em 0.5em 1em; line-height: 2em; font-weight: bold; }
        table.list tfoot tr th { padding: 0.5em 1em 0 1em; line-height: 2em; font-weight: bold; }
    table.list tr th a.sort.asc { background: url(sort_asc.gif) no-repeat right 0.4em; padding: 0 1.3em 0 0; }
    table.list tr th a.sort.desc { background: url(sort_des.gif) no-repeat right 0.4em; padding: 0 1.3em 0 0; }
    table.list tr th a:visited { text-decoration: none; }
    table.list tr th a:link { 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: middle; }
        
table.list.even { width: 100%; border-collapse: collapse; margin: -5px 0 0 0; }

table.list.odd { 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;
    }
    
        div.gtable_filter table.gtable_filter tr td {
            position: relative;
            vertical-align: middle;
            padding: 14px 1em;
            white-space: nowrap;
        }
        
        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 #4B483A;
                    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:hover {
                            text-decoration: none;
                        }
                        
                        div.gtable_filter table.gtable_filter tr td.drop_down div.position ul.drop_down li a:visited {
                            text-decoration: none;
                        }
                        
                        div.gtable_filter table.gtable_filter tr td.drop_down div.position ul.drop_down li a:link {
                            text-decoration: none;
                        }
                        
                        div.gtable_filter table.gtable_filter tr td.drop_down div.position ul.drop_down li a {
                            background: transparent url(images/bloc_fil.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(images/bloc_fil.png);
                        }
                        
                        div.gtable_filter table.gtable_filter tr td.drop_down div.position ul.drop_down li a.filter_tags {
                            background-image: url(images/bloc_fil.png);
                        }
                        
                        div.gtable_filter table.gtable_filter tr td.drop_down div.position ul.drop_down li a.filter_quick {
                            background-image: url(images/bloc_fil.png);
                        }
                    
        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=text] {
            }
        
                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 div.table_footer {
    background: #E3E5DA;
}

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

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

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

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

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

    div.gtable table.gtable {
        width: 100%;
        margin: 0;
        background: #E3E5DA;
        padding: 8px 0;
        border-collapse: separate;
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
        border-radius: 8px;
    }
    
        div.gtable table.gtable caption span {
            position: absolute;
            left: -10000px;
        }
        
        div.gtable table.gtable tfoot {
            text-align: left;
        }
        
            div.gtable table.gtable thead {
            text-align: left;
        }
        
            div.gtable table.gtable tfoot tr th {
                font-family: Arial, Helvetica, FreeSans, sans-serif;
                background: #E3E5DA;
            }
            
            div.gtable table.gtable thead 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;
                white-space: nowrap;
            }
            
                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(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(sort_des.gif) no-repeat right 0.4em;
                padding: 0 1.3em 0 0;
            }
            
            div.gtable table.gtable thead tr th a:visited {
                text-decoration: underline;
            }
            
            div.gtable table.gtable thead tr th a:link {
                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;
            vertical-align: middle;
        }
        
        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 tr.odd td {
            background: #FBFBF9;
        }
        
        div.gtable table.gtable tr.even td { 
            background: #EFF0E9;
        }
        
        div.gtable table.gtable tr.disabled td {
            background: #d9d9d1;
        }
        
        div.gtable table.gtable tr:hover td {
            background: #CED1C3;
        }
        
            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] {
    cursor: pointer;
}


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 a:visited {
            color: #000000;
        }
        
        #comments .comment a:link {
            color: #000000;
        }
        
        #comments .comment * {
            color: #000000;
        }
        
        #body #globalbox #comments .comment p.comment-toolbar {
            margin-top: 2em;
        }
        #body #globalbox #comments.ajax .comment h3 {
            margin: 0em;
            line-height: 1.5em;
        }
        #body #globalbox #comments.ajax .comment p {
            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 span {
                margin-left: 1em;
                padding: 0 0 0 15px;
            }
            #comments .comment .comment-toolbar a {
                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(images/postit_c.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(images/postit_d.png) no-repeat 0 2px;
            }
            #comments .comment .comment-toolbar .comment-create {
                background: url(images/postit_a.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(images/postit_p.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(images/postit_n.png) no-repeat 100% 2px;
                    padding: 0 15px 0 0;
                }
                #comments .comment .comment-toolbar .comment-nav span.comment-next {
                    visibility: hidden;
                }
                #comments .comment .comment-toolbar .comment-nav span.comment-prev {
                    visibility: hidden;
                }
/* }}} */

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

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

.count-list2 {
    background: url("images/offreDN_.png") no-repeat 0 0;
}

.count-list3 {
    background: url("images/offreDN_.png") no-repeat 0 0;
}

.count-list4 {
    background: url("images/offreDN_.png") no-repeat 0 0;
}

.count-list5 {
    background: url("images/offreDN_.png") no-repeat 0 0;
}

.count-list6 {
    background: url("images/offreDN_.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(images/rate_bac.png) no-repeat 0 0;
    }   
    #body #globalbox #main div.rate_me strong {
        display: block;
        height: 22px;
        text-indent: -10000px;
        background: url(images/rate0000.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;
}
/* }}} */

/* {{{ BOX GLOBAL */

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

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

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

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

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

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

/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
div.box-global .i3 {
    display: block;
    padding: 5px 20px;
    color: #333;
    background: url(images/plaque_D.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 .bt {
    height: 16px;
    margin: 0 0 0 18px;
    background: no-repeat 100% 0;
    width: auto;
}

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

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

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

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

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

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

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

/* }}} */
/* {{{ BOX HEADER's GLOW */
div.box-global div.box-header .box-content {
    position: relative;
}
div.box-global div.box-header .box-content h2 {
    position: relative;
    z-index: 99;
}
div.box-global div.box-header .box-content ul {
    position: relative;
    z-index: 99;
    margin: 17px 0 0 0;
    font-size: 0.85em;
}
div.box-global div.box-header .glow {
    background: transparent url(images/header_h.png) no-repeat center top;
    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: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:link {
    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 {
    display: block;
    margin: 0 7px 0 -7px;
    padding: 0 0 0 7px;
    height: 22px;
    line-height: 22px;
    background: transparent no-repeat left top;
}
div.box-global div.box-header li a:focus {
    background-position: right -30px;
}
div.box-global div.box-header li a:hover {
    background-position: right -30px;
}
div.box-global div.box-header li a:focus span {
    background-position: left -30px;
}
div.box-global div.box-header li a:hover span {
    background-position: left -30px;
}
div.box-global div.box-header li.active a:focus {
    background-position: right top;
    outline: none;
}
div.box-global div.box-header li.active a:hover {
    background-position: right top;
    outline: none;
}
div.box-global div.box-header li a:active {
    background-position: right top;
    outline: none;
}
div.box-global div.box-header li.active a:focus span {
    background-position: left top;
}
div.box-global div.box-header li.active a:hover span {
    background-position: left top;
}
div.box-global div.box-header li a:active span {
    background-position: left top;
}
div.box-global div.box-header li a:focus {
    outline: none;
}
div.box-global div.box-header li a:active {
    outline: none;
}
div.box-global div.box-header ul.breadcrums li a:focus {
    -moz-outline: 0;
}
/* }}} */


/* {{{ BOX MAIN & NEWS */

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

div.box-global div.box-main {
    width: 100%;
}

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

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

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

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

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

div.box-global div.box-main .bb {
    height: 14px;
    margin: 0 0 0 16px;
    background: url(images/contentB.png) no-repeat 100% 100%;
}

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

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

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

div.box-global div.box-main .i1 {
    padding: 0 0 0 8px;
    background: url(images/contentC.png) repeat-y 0 0;
}

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

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

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

div.box-global div.box-main .i3 {
    display: block;
    color: #2a2927;
    background: url(images/contentE.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(images/home_dn_.png) no-repeat 100% 0;
}

div.box-global div.box-domains .bt div {
    position: relative;
    left: -18px;
    width: 18px;
    height: 16px;
    background: url(images/home_dn_.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(images/home_dn_.png) no-repeat 100% 100%;
}

div.box-global div.box-domains .bb div {
    position: relative;
    left: -16px;
    width: 16px;
    height: 20px;
    background: url(images/home_dn_.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(images/home_dn0.png) repeat-y 0 0;
}

/* Right border */
div.box-global div.box-domains .i2 {
    padding: 0 7px 0 0;
    background: url(images/home_dn1.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(images/home_dn2.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(images/home_hos.png) no-repeat 100% 0;
}

div.box-global div.box-hosting .bt div {
    position: relative;
    left: -18px;
    width: 18px;
    height: 16px;
    background: url(images/home_hos.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(images/home_hos.png) no-repeat 100% 100%;
}

div.box-global div.box-hosting .bb div {
    position: relative;
    left: -16px;
    width: 16px;
    height: 20px;
    background: url(images/home_hos.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(images/home_hot.png) repeat-y 0 0;
}

/* Right border */
div.box-global div.box-hosting .i2 {
    padding: 0 7px 0 0;
    background: url(images/home_hou.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(images/home_hov.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(images/home_ssl.png) no-repeat 100% 0;
}

div.box-global div.box-ssl .bt div {
    position: relative;
    left: -18px;
    width: 18px;
    height: 16px;
    background: url(images/home_ssl.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(images/home_ssl.png) no-repeat 100% 100%;
}

div.box-global div.box-ssl .bb div {
    position: relative;
    left: -16px;
    width: 16px;
    height: 20px;
    background: url(images/home_ssl.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(images/home_ssm.png) repeat-y 0 0;
}

/* Right border */
div.box-global div.box-ssl .i2 {
    padding: 0 7px 0 0;
    background: url(images/home_ssn.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(images/home_sso.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: left;
    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(images/home_ser.png) no-repeat 100% 0;
}

div.box-global div.box-services .bt div {
    position: relative;
    left: -18px;
    width: 18px;
    height: 16px;
    background: url(images/home_ser.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(images/home_ser.png) no-repeat 100% 100%;
}

div.box-global div.box-services .bb div {
    position: relative;
    left: -16px;
    width: 16px;
    height: 20px;
    background: url(images/home_ser.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(images/home_ssm.png) repeat-y 0 0;
}

/* Right border */
div.box-global div.box-services .i2 {
    padding: 0 7px 0 0;
    background: url(images/home_ses.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(images/home_set.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 */

/* 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 {
    color: white;
    padding: 10px 0 0 0;
    width: 100%;
}
div.box-global div.box-fbox.split .left {
    float: left;
    width: 50%;
}
div.box-global div.box-fbox.split .right {
    float: right;
    width: 50%;
}

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

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

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

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

/* Bottom corners and border */
div.box-global div.box-fbox-table .bb {
    height: 20px;
    margin: 0 0 0 16px;
    background: url(images/box_fbox.png) no-repeat 100% 100%;
}
div.box-global div.box-fbox .bb {
    height: 20px;
    margin: 0 0 0 16px;
    background: url(images/box_fbox.png) no-repeat 100% 100%;
}
div.box-global div.box-fbox-table .bb {
    background: url(images/box_fbox.png) no-repeat 100% 100%;
}
div.box-global div.box-fbox-table.odd .bb {
    background: url(images/box_fbox.png) no-repeat 100% 100%;
}
div.box-global div.box-fbox-table.even .bb {
    background: url(images/box_fbox.png) no-repeat 100% 100%;
}


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


div.box-global div.box-fbox .bb div {
    position: relative;
    left: -16px;
    width: 16px;
    height: 20px;
    background: url(images/box_fbox.png) repeat 0 100%;
    font-size: 0;
    line-height: 0;
}
div.box-global div.box-fbox-table .bb div {
    background: url(images/box_fbox.png) repeat 0 100%;
}
div.box-global div.box-fbox-table.odd .bb div {
    background: url(images/box_fbox.png) repeat 0 100%;
}
div.box-global div.box-fbox-table.even .bb div {
    background: url(images/box_fbox.png) repeat 0 100%;
}

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

div.box-global div.box-fbox .i1 {
    padding: 0;
    background: transparent;
}

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

div.box-global div.box-fbox .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 .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;
}

div.box-global div.box-fbox-table .i3 h2:first-child {
    margin: 0;
}

div.box-global div.box-fbox .i3 h2:first-child {
    margin: 0;
}

/* }}} */












/* {{{ FBOX TABS */

#body ul.tabs {
    margin-top: 2em;
}

div.box-global ul.tabs {
    position: relative;
    top: -12px;
}
div.box-global ul#tabs_hosting.tabs {
    top: -22px;
}

div.box-global ul.tabs li {
    margin: 0;
    list-style: none !important;
    float: left;
}

div.box-global ul.tabs a {
    float: left;
    margin-right: 6px;
    background-color: #cfd1c6;
    text-decoration: none;
    height: 16px;
    color: #333;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    
    background-position : 10px 10px;
    background-repeat : no-repeat;
    padding: 5px 8px;
}

div.box-global ul#tabs_hosting.tabs a {
    padding : 10px 10px 10px 30px;
}

div.box-global #tab_ops_inner {
    background-position : 2px 5px;
    background-repeat : no-repeat;
    padding : 5px 0 10px 55px;
}

div.box-global #tab_ip_inner {
    background-position : 2px 5px;
    background-repeat : no-repeat;
    padding : 5px 0 10px 55px;
}

div.box-global #tab_disk_inner {
    background-position : 2px 5px;
    background-repeat : no-repeat;
    padding : 5px 0 10px 55px;
}

div.box-global #tab_server_inner {
    background-position : 2px 5px;
    background-repeat : no-repeat;
    padding : 5px 0 10px 55px;
}

div.box-global ul.tabs a:hover {
    color: #000;
}
div.box-global ul.tabs a.current {
    font-weight: bold;
    background-color: #EFF0E9;
    color: #000;
}

div.box-global div.box-fbox.tabsbox .bt {
    margin: 0;
}

div.box-global div.box-fbox.tabsbox .bt div {
    display: none;
}



/* }}} */



















/* {{{ 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(images/box_inne.png) no-repeat 100% 0;
}

div.box-global div.box-innerbox .bt div {
    position: relative;
    left: -18px;
    width: 18px;
    height: 16px;
    background: url(images/box_inne.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(images/box_inne.png) no-repeat 100% 100%;
}

div.box-global div.box-innerbox .bb div {
    position: relative;
    left: -12px;
    width: 12px;
    height: 14px;
    background: url(images/box_inne.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(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(images/box_innf.png) no-repeat 100% 0;
}

div.box-global div.box-innerbox-white .bt div {
    position: relative;
    left: -18px;
    width: 18px;
    height: 16px;
    background: url(images/box_innf.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(images/box_innf.png) no-repeat 100% 100%;
}

div.box-global div.box-innerbox-white .bb div {
    position: relative;
    left: -16px;
    width: 16px;
    height: 20px;
    background: url(images/box_innf.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 ERROR */

div.box-global div.box-errors a {
    color: black;
}

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

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

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

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

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

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

/* Right border */
div.box-global div.box-errors .i2 {
    padding: 0 7px 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-errors .i3 {
    display: block;
    padding: 0 10px;
    color: #b50303;
    background: #F2C9C9;
    min-height: 15px;
}

#body #globalbox div.box-global div.box-errors .i3 p:first-child {
    margin: 0;
}
/* }}} */




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

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

div.box-global div.box-choice .i3 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 div.choose_button {
    margin: 15px 0 0 0;
}

div.box-global div.box-choice div.box-innerbox-white .i3 div.box-content div.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;
}

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

div.fbox3.error {
    color: #b50303;
    background: #F2C9C9;
}

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

body {
    background: transparent none;
    font-family: Arial, Helvetica, FreeSans, sans-serif;
    /* NE PAS FIXER DE TAILLE DE FONTS ICI !! */
    text-align: left;
    color: #333;
}

h2 {
    font-family: Georgia, "Times New Roman", serif;
}

h1 {
    font-family: Georgia, "Times New Roman", serif;
}
.box-global h1 {
    font-size: 167%; /* 22px */
    color: #3d3a30;
    margin: 0.5em 0 20px 0;
}
.box-global h2 {
    font-size: 138.5%; /* 18px */
    color: #3D3A30;
    margin: 0.5em 0 0 0;
}

    .box-global h2 a:visited {
        text-decoration: none;
    }
    
    .box-global h2 a:link {
        text-decoration: none;
    }
    
    .box-global h1 a:visited {
        text-decoration: none;
    }
    
    .box-global h1 a:link {
        text-decoration: none;
    }
    
    .box-global h2 a:hover {
        text-decoration: underline;
    }

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

h3 {
    font-size: 116%; /* 14px */
}
h4 {
    font-size: 100%; /* 13px */
    font-weight: bold;
}

ul li {
    list-style-type: disc;
    margin: 0 0 0 1em;
    padding: 1px 0;
}

/* ### TOP */
#header { 
    background: #3A2823;
    color: #a7948f;
}
    #header a:visited {
        color: #A7948F;
    }
    #header a:link {
        color: #A7948F;
    }
    #header div.top	{
        font-size: 80%;
        background-color: #231714;
        position: absolute;
        top: 0px;
        left: 0px; 
        line-height: 26px;
        min-width: 984px;
        height: 26px;
        width: 100%;
        text-align: right;
    }
    #header div.top div                                { margin: 0 20px 0 2em; display: inline; height: 10px; }
    #header div.top div img.top                        { vertical-align: middle; margin-right: 4px; margin-top: 5px}
    #header div.top div select                         { vertical-align: middle; }
    #header div.top div form                           { display: inline; }

/* ### HEADER */
#header div.header {
    height: 67px;
    min-width: 984px;
    margin: 26px 0 0 0;
    background-color: #3A2823;
}
    #header div.header h1 {
        padding-left: 10px;
    }
    #header div.header h2                              { font-family: Georgia, "Times New Roman", serif; color: white; margin: 0 25px; }
    #header div.header div.account-info {
        float: right;
        line-height: 2em;
        margin: 20px 0 0 0;
        height: 2em;
        padding: 0 20px;
    }
        #header div.header div.account-info img {
            margin: 3px 0 0 0;
        }
        
        #header div.header div.account-info div.form-login div {
            margin: 0 3px;
        }
        
            #header div.header div.account-info div.form-login div#account_access_name a:visited {
                color: white;
                text-decoration: none;
            }
            
            #header div.header div.account-info div.form-login div#account_access_name a:link {
                color: white;
                text-decoration: none;
            }
            
            #header div.header div.account-info div.form-login div#account_access_name a:hover {
                color: white;
                text-decoration: underline;
            }
            
            #header div.header div.account-info div.form-login div#account_logout {
                margin: 0 8px;
            }
        
        #header div.header div.account-info div.form-login input {
            margin: 0 3px;
        }
        
    #header div.header div.account-info div.form-login label {
        margin: 0 0 0 20px;
    }
        
    #header div.header div.account-info div.form-login input[type=password] {
        margin: 3px 0 0 4px;
    }
    
    #header div.header div.account-info div.form-login input[type=text] {
        margin: 3px 0 0 4px;
    }
    
    #header div.header div.account-info div.form-login div.pwd-lost {
        margin: 0 10px;
    }
    
    #header div.header div.account-info div.form-login input[type=image]{ margin: 3px 0 0 0; }
    #header div.header input[type=submit] { 
        background-color: #755D55;
        color: white;
        padding: 1px;
        border: 1px solid #8F8E8E;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
    }
    
    #header div.header #nobullshit { 
        margin: 1.2em;
    }
    #header div.header #nobullshit a { 
        display: block;
    }

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

/* ### SUB HEADER */
#header div.subheader {
    font-size: 85%; /* 10px */
    background-color: #513b36;
    position: relative; 
    height: 30px;
    line-height: 30px;
    min-width: 984px;
    overflow: hidden; /* IE7 fix */
    clear: both;
}
    #header div.subheader div.links                { position: relative; top: 0px; left: 21px; }
    #header div.subheader div.links.floatlll p     { margin: 0 20px 0 0; }
    #header div.subheader div.news                 { position: absolute; top: 0px; right: 20px; }


    #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;
    }
    #latest-news-container  {
        overflow: hidden;
        position: relative;
        height: 30px;
    }


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

    #body #globalbox {
        position: relative;
        width: 984px;
        margin: 0 auto;
    }
    
    #body #globalbox .box-content h2:first-child {
        margin: 0;
    }
    
    #body #globalbox .box-content h1: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.no_margin {
        margin: 0;
        line-height: 1.5em;
    }
    
    #body #globalbox p.first {
        margin: 0;
        line-height: 2em;
    }
    
    #body #globalbox div.box-global div.box-fbox .box-content {
        margin: 0;
        clear: both;
    }
    
    #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;
    }
    
    /* Lists */
    .box-global #globalbox-navigation-content ul li {
        margin: 0.5em 0 0.5em 1em;
    }
    
    #body #globalbox ul.bullist {
        margin: 0 2em;
    }
    
    #body #globalbox ul.bullist > * {
        float: left;
    }
    
    #body #globalbox ul.bullist li {
        background: transparent url(puce0000.png) no-repeat scroll 0 4px;
        width: 240px;
        line-height: 1.5em;
        list-style: none;
        padding: 5px 0 4px 25px;
    }
    
    #body #globalbox .col3 {
        float: left;
        width: 31.333%;
        margin: 0 1%;
    }
    #body #globalbox .rcol {
        width: 300px;
        margin: 0;
    }
    #body #globalbox .rbox {
        width: 300px;
        margin: 0;
    }
    #body #globalbox .lcol {
        width: 300px;
        margin: 0;
    }
    #body #globalbox .lbox {
        width: 300px;
        margin: 0;
    }
    #body #globalbox .box.rcol {
        min-height: 90px;
    }
    #body #globalbox .box.rbox {
        min-height: 90px;
    }
    #body #globalbox .box.lcol {
        min-height: 90px;
    }
    #body #globalbox .box.lbox {
        min-height: 90px;
    }
    #body #globalbox .rcol { float: right; }
    #body #globalbox .rbox { float: right; }
    #body #globalbox .lcol { float: left; clear: left; }
    #body #globalbox .lbox { float: left; clear: left; }
    #body #globalbox .product-item {
        margin: 3em 0;
    }
    #body #globalbox .product-item.rcol {
        margin: 3em 0 0 4%;
        width: 46%;
    }

    #body #globalbox .product-item.lcol {
        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.rcol h3 { margin: -0.5em 0 0 120px; }
    #body #globalbox .product-item.lcol 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 p {
        margin-left: 0;
        padding-left: 0;
        margin-right: 150px;
    }

    #body #globalbox .product-item.right h3 {
        margin-left: 0;
        padding-left: 0;
        margin-right: 150px;
    }

    #body #globalbox .product-item.right li {
        margin-left: 0;
        padding-left: 0;
        margin-right: 150px;
    }

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

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

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

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

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

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

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

    #body #globalbox .product-item.big.right p {
        margin-left: 0;
        padding-left: 0;
        margin-right: 180px;
    }
    
    #body #globalbox .product-item.big.right h3 {
        margin-left: 0;
        padding-left: 0;
        margin-right: 180px;
    }
    
    #body #globalbox .product-item.big.right h2 {
        margin-left: 0;
        padding-left: 0;
        margin-right: 180px;
    }
    
    #body #globalbox .product-item.big.right li {
        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;
            margin: 0.5em 0 0 0;
            cursor: pointer;    
            list-style: none;
            -moz-border-radius: 4px;
            -webkit-border-radius: 4px;
            border-radius: 4px;
        }
        
        #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: 2em;
                padding: 0 0.6em;
                color: #2a2927;
                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(tab_divi.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:visited {
        text-decoration: none;
        outline: 0;
    }
    #body #globalbox ul#main-nav li a:link {
        text-decoration: none;
        outline: 0;
    }
    #body #globalbox ul#main-nav li.domain a:visited {
        background: url(images/tab_doma.png) no-repeat 0 0;
    }
    #body #globalbox ul#main-nav li.domain a:link {
        background: url(images/tab_doma.png) no-repeat 0 0;
    }
    #body #globalbox ul#main-nav li.hosting a:visited {
        background: url(images/tab_host.png) no-repeat 0 0;
    }
    #body #globalbox ul#main-nav li.hosting a:link {
        background: url(images/tab_host.png) no-repeat 0 0;
    }
    #body #globalbox ul#main-nav li.ssl a:visited {
        background: url(images/tab_ssl0.png) no-repeat 0 0;
    }
    #body #globalbox ul#main-nav li.ssl a:link {
        background: url(images/tab_ssl0.png) no-repeat 0 0;
    }
    #body #globalbox ul#main-nav li.services a:visited {
        background: url(images/tab_serv.png) no-repeat 0 0;
    }
    #body #globalbox ul#main-nav li.services a:link {
        background: url(images/tab_serv.png) no-repeat 0 0;
    }
    #body #globalbox ul#main-nav li.services a:focus {
        background-position: -160px 0;
    }
    #body #globalbox ul#main-nav li.services a:hover {
        background-position: -160px 0;
    }
        
    
    
    #body #globalbox ul#main-nav li.services2 a:visited {
        background: url(images/tab_serv2.png) no-repeat 0 0;
    }
    #body #globalbox ul#main-nav li.services2 a:link {
        background: url(images/tab_serv2.png) no-repeat 0 0;
    }
    #body #globalbox ul#main-nav li.services2 a:focus {
        background-position: -160px 0;
    }
    #body #globalbox ul#main-nav li.services2 a:hover {
        background-position: -160px 0;
    }

    
    
    #body #globalbox ul#main-nav li.ssl a:focus {
        background-position: -160px 0;
    }
    #body #globalbox ul#main-nav li.ssl a:hover {
        background-position: -160px 0;
    }
    #body #globalbox ul#main-nav li.hosting a:focus {
        background-position: -160px 0;
    }
    #body #globalbox ul#main-nav li.hosting a:hover {
        background-position: -160px 0;
    }
    #body #globalbox ul#main-nav li.domain a:focus {
        background-position: -160px 0;
    }
    #body #globalbox ul#main-nav li.domain a:hover {
        background-position: -160px 0;
    }
    #body #globalbox ul#main-nav li.services a:active {
        background-position: 0 0;
    }
    #body #globalbox ul#main-nav li.ssl a:active {
        background-position: 0 0;
    }
    #body #globalbox ul#main-nav li.hosting a:active {
        background-position: 0 0;
    }
    #body #globalbox ul#main-nav li.domain 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(images/tab_righ.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:visited {
        text-decoration: none;
        color: #52524C;
    }
    
    #body #globalbox ul#right-nav li a:link {
        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(images/header_s.png) no-repeat right top;
        height: 26px;
    }
    
    #body #globalbox #main {
        color: #4B483A;
        float: left;
        width: 625px;
        padding: 0 30px 0 0px;
        background: url(images/divider_.png) repeat-y right top;
    }
    
    #body #globalbox #main.full_page {
        width: 100%;
        background: none;
        padding: 0;
        float: none;
    }
    
    /* {{{ 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;
        padding:0;
    }
    
    #body #globalbox #rightblocks {
        float: right;
        width: 216px;
        font-size: 85%;
        line-height: 1.4em;
        margin: -8px 0 0 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;
        }
        #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; }
                #rightblocks ul.lastnews li a:visited { color: #5E6358; text-decoration: underline; }
                #body #globalbox #rightblocks ul.lastnews li a:link { 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(images/Icon_war.png) no-repeat 0 1px;
                    padding: 1px 0 1px 18px;
                }
            #body #globalbox #rightblocks ul.lastnews li.allnews { padding: 0; }
                #rightblocks ul.lastnews li.allnews a:visited { color: #000; text-decoration: underline; }
                #body #globalbox #rightblocks ul.lastnews li.allnews a:link { 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(images/tuto_tit.png) no-repeat 0 3px;
                }
                #rightblocks ul.tuto li a:visited { text-decoration: none; }
                #body #globalbox #rightblocks ul.tuto li a:link { 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(arrow_bl.gif) no-repeat 0 5px;
                    }
            
        #body #globalbox #rightblocks p.footer_link { margin: 5px 0 0 0; text-align: right; }
        
        
        /* {{{ Cart */
        #body #globalbox #rightblocks #cart {}
            #body #globalbox #rightblocks #cart ul li.item {
                list-style: none;
                font-weight: bold;
                margin: 1em 0 0 0;
            }
            #body #globalbox #rightblocks #cart table { width: 105%; } 
            #body #globalbox #rightblocks #cart table.item {
                margin: 1em 0 0 0;
            }
                #body #globalbox #rightblocks #cart table tr .description {
                    background: url(bc_arrow.gif) no-repeat left 3px;
                    padding: 0 0 0 10px;
                }

                #body #globalbox #rightblocks #cart table tr .description.nobullist {
                    background: none;
                    padding: 0;
                }
                #body #globalbox #rightblocks #cart table.item tr .description {
                    font-weight: bold;
                    vertical-align: top;
                }
                #body #globalbox #rightblocks #cart table tr td {
                    vertical-align: top;
                }
                #body #globalbox #rightblocks #cart table tr td.price {
                    white-space: nowrap;
                    text-align: right;
                    padding-left: 3px;
                }
                #body #globalbox #rightblocks #cart table tr td.icon {
                    width: 16px;
                    vertical-align: top;
                }
                    #body #globalbox #rightblocks #cart table tr td li {
                        background: url(bc_arrow.gif) no-repeat left 3px;
                        padding: 0 0 0 10px;
                        list-style: none;
                        margin: 0;
                    }
        #body #globalbox #rightblocks #cart p#reset_cart {
            margin: 1em 0;
        }
        /* }}} */
    
        /* {{{ 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 div.help div.left {
                float: left;
                width: 60%;
            }
                #body #globalbox .center-block div.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(images/help_dow.png) no-repeat 50% 50%;
                    }
                    #body #globalbox .center-block div#help a#expend-help.up {
                        background: url(images/help_up0.png) no-repeat 50% 50%;
                    }
                    #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:link {
                        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 div.help div.right {
                float: right;
                width: 35%;
                padding: 0.5em 0;
                text-align: left;
            }
                #body #globalbox .center-block div.help div.right ul {
                    font-size: 85%;
                    padding: 0.1em 0;
                }
                    #body #globalbox .center-block div.help div.right ul li {
                        padding: 0.5em 0;
                    }
                #body #globalbox .center-block div.help h2.help {
                    background: url(images/aide_hea.png) no-repeat left top;
                    padding: 0 0 0 1.8em;
                }
                #body #globalbox .center-block div.help h2.wiki {
                    background: url(images/aide_iwi.png) no-repeat left top;
                    padding: 0 0 0 1.8em;
                }
            #body #globalbox .center-block div#help a#expend-help {
                display: block;
                text-align: center;
                height: 22px;
                background: url(images/help_dow.png) no-repeat 50% 50%;
            }
            #body #globalbox .center-block div#help a#expend-help.up {
                background: url(images/help_up0.png) no-repeat 50% 50%;
            }
            #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:link {
                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;
            }
        
        
        /* }}} */
        
    
    
        /* {{{ 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:visited { color: #000; text-decoration: underline; font-size: 10px; } 
                .catalog th a:link { 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 h3 a { color: #000; }
                .product-desc h2 a { color: #000; }
                .product-desc div { margin: 0 0 0 154px !important; }
                .product-desc p { margin: 0 0 0 154px !important; }
                .product-desc h3 { margin: 0 0 0 154px !important; }
                .product-desc h2 { 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 strong { color: #000; }
        div.extensionIntro b { color: #000; }
        div.extensionIntro img { float: right; padding: 0 0 5px 2px; }
    div.extensionDetail { padding: 0 0 20px 0; }
        div.extensionDetail strong { color: #000; }
        div.extensionDetail b { color: #000; }
/* }}} */

    

/* {{{ FOOTER */

#footer {
    background-color: #B1B39F;
    color: #FEFEFE;
    overflow: hidden;    /* pour ?viter le scroll immonde qui casse le header */
    margin: 0;
    padding: 15px 0 15px 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:visited {
        color: #FFFFFF;
}
    #footer a:link {
        color: #FFFFFF;
}
    #footer div.foot-links hr.separator {
        border: 1px solid #9EA28E;
        border-style: solid none none none;
    }

    #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("images/bloc_fil.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("images/bloc_fil.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 {
    }

        #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 {
                box-shadow: 1px 1px 5px;
                -moz-box-shadow: 1px 1px 5px;
                -webkit-box-shadow: 1px 1px 5px #4B483A;
            }
        
                #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;
}

/* 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;
}
/* {{{ Box Domains */

div.box-domains fieldset {
    float: left;
}

div.box-domains fieldset textarea {
    width: 250px;
    height: 145px;
}

div.box-domains fieldset.zones {
    float: right;
    width: 250px;
    position: relative;

}

div.box-domains fieldset ul.zones {
    height: 110px;
    color: black;
}

div.box-domains fieldset ul.zones li {
    width: 125px;
    margin: 0 0 10px 0;
    list-style: none;
    white-space: nowrap;
}

div.box-domains div.button {
    margin-top: 0.8em;
}

div.box-domains div.box-innerbox {
	margin: 0 0 48px 0;
	padding: 20px 0 0 0;
}
div.box-domains div.box-innerbox  div.box-content {
    padding-bottom: 10px;
}

div.box-domains div.box-innerbox.features {
    padding: 15px 0 0 0;
}

div.box-domains ul.domains-features li.first {
    clear: both;
    width: 100%;
}

div.box-domains ul.domains-features li {
    position: relative;
    float: left;
    line-height: 2em;
    width: 215px;
    list-style: none;
}

div.box-domains ul.domains-features li img {
    position: absolute;
    top: 5px;
    left: 0px;
}

div.box-domains ul.domains-features li span {
    margin: 0 0 0 22px;
}

div.box-domains ul.domains-features li h3 {
    margin: 0 0 0.5em 0;
}
#domains-features a {
    color: #333;
}

/* }}} */


/* {{{ Box Domains Standard */

div.box-fbox fieldset {
    width: 255px;
    float: left;
}
div.box-fbox div.center-block fieldset {
    width: auto;
    float: left;
}

div.box-fbox fieldset.zones {
    float: right;
    width: 280px;
}
div.box-fbox div.center-block fieldset.zones {
    width: 350px;
    margin-left: 20px;
    float: left;
}

div.box-fbox fieldset textarea {
    width: 260px;
    height: 130px;
}
div.box-fbox div.center-block fieldset textarea {
    width: 400px;
    height: 90px;
}

div.box-fbox fieldset ul.zones {
    height: 125px;
    color: black;
}
div.box-fbox div.center-block fieldset ul.zones {
    height: 70px;
    color: black;
}

div.box-fbox fieldset ul.zones li {
    width: 125px;
    margin: 0 0 10px 0;
    list-style: none;
    white-space: nowrap; 
}

#register-form ul.zones li {
    width: 125px;
    margin: 0 0 10px 0;
    list-style: none;
    white-space: nowrap; 
}
div.box-fbox div.center-block fieldset ul.zones li {
    width: 120px;
}

div.box-fbox div.box-innerbox {
    padding: 10px 0 0 0;
}

div.box-fbox div.box-innerbox.features {
    padding: 15px 0 0 0;
}

div.box-fbox ul.domains-features li.first {
    clear: both;
    width: 100%;
}

div.box-fbox ul.domains-features li {
    position: relative;
    float: left;
    line-height: 2em;
    width: 250px;
    list-style: none;
}

div.box-fbox ul.domains-features li img {
    position: absolute;
    top: 5px;
    left: 0px;
}

div.box-fbox ul.domains-features li span {
    margin: 0 0 0 22px;
}

/* }}} */

/* Search form {{{ */
#domain_list {
    color: #999;
    padding: 4px;
    font-style: italic;
}

#domain_list.tainted {
    color: black;
    font-style: normal;
}

/* }}} */

/* $Id: tooltip.css 8226 2009-09-18 10:30:57Z yann $ */  

.tooltipTextContent {
    display: none;
    line-height: 1.1em;
    background: #5D8025;
    padding: 0.7em;
    color: #fff;
    text-align: left;
    border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
    z-index: 9999999 !important;
}
#body #globalbox .tooltipTextContent p {
    margin: 0;
    padding: 0;
}
.tooltipTextContent a:visited {
    color: #fff !important;
}
.tooltipTextContent a:link {
    color: #fff !important;
}
.ruled .tooltipTextContent * {
    color: #fff !important;
}

.ruled .tooltipTextContent {
    color: #fff !important;
}

/* white small maring hr in tooltips */
.tooltipTextContent HR {
  margin: 0.5em auto 0.5em auto;
  border-color: white;
}

/* style the trigger elements */
.tipster {
    border: 0;
    cursor: help;
}
.tipster:visited {
    cursor: pointer;
}

.tipster:link {
    cursor: pointer;
}

/* ### Front */

a.external {
    background: transparent url(images/link_ext.png) no-repeat scroll right center;
    padding: 0 13px 0 0;
}

#main a.readall {
    position: absolute;
    top: 0px;
    right: 0px;
} 

#main div.article {
    clear: both;
    margin: 0 0 60px 0;
}

#main div.article h1 {
    padding: 0 0 0.5em 0;
}

#main div.article h2 {
    margin: 0.8em 0 0 0;
}

#main div.article div.info {
    margin: 15px 0;
    padding: 5px 0;
    border-top: 1px dotted silver;
    border-bottom: 1px dotted silver;
}

    #main div.article div.info div.author {
        display: inline;
        margin: 0 15px 0 0;
    }

    #main div.article div.info ul.tags {
        display: inline;
        list-style-image:none;
        list-style-position:outside;
        list-style-type:none;
    }
    
    #main div.article div.info ul li.tag { 
        background:transparent url(images/tag_blue.png) no-repeat scroll 0 70%;
        display:inline;
        margin-right:8px;
        padding:5px 0 5px 18px;
        color: #4B483A;
    }
    
    #main div.article div.info span.author {
        font-weight: bold;
    }
    
    #main div.article div.info span.date_start {
    }

#main div.article div.header {
    clear: both;
    margin: 1.5em 0 1em 0;
    font-style: italic;
}

#main div.article div.description {
    margin: 0 0 5px 0;
}

#main div.article div.body {
    margin: 1em 0;
}

#main div.article div.illustration {
    float: right;
    margin: 0 10px 10px 10px;
}

#main div.article div.comments {
    clear: both;
    text-align: right;
}


/* ### lastest_articles.tt */
#body #globalbox div#rightblocks ul.lastest_articles {
}

    #body #globalbox div#rightblocks ul.lastest_articles li {
        list-style-type: none;
        margin: 0 0 15px 0;
    }
    
        #body #globalbox div#rightblocks ul.lastest_articles li h3 {
            margin: 0;
        }

            #body #globalbox div#rightblocks ul.lastest_articles li h3 a:visited {
                text-decoration: none;
            }
            
            #body #globalbox div#rightblocks ul.lastest_articles li h3 a:link {
                text-decoration: none;
            }
            
            #body #globalbox div#rightblocks ul.lastest_articles li h3 a:hover {
                text-decoration: underline;
            }
            
        #body #globalbox div#rightblocks ul.lastest_articles li div.date {
            font-style: italic;
        }



/* ### Back office */

div.box_tag {
    padding: 2px 0 0 0;
    height: 20px;
}

    div.box_tag div.tag {
        background: #7c8163;
        padding: 2px;
        color: white;
        display: inline-block;
        -moz-border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        -webkit-border-radius: 4px;
    }

    div.box_tag img {
        vertical-align: text-top;
        cursor: pointer;
    }
    

label.error {
    margin: 0 0 0 180px;
    padding: 3px 0;
    width:auto;
    font-weight: bold;
}

label.message {
    background: transparent url(icon_che.gif) no-repeat left 4px;
    margin: 0 0 0 180px;
    padding: 3px 0 0 16px;
    font-weight: bold;
    color: #0f6200;
    width:auto;
    display: none;
}

table.gtable tr td img {
    cursor: pointer;
}

table.gtable tr td span.tag {
    background: #7c8163;
    padding: 2px;
    margin: 2px 0;
    color: white;
    -moz-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -webkit-border-radius: 4px;
    display: inline-block;
}

/* ### Browser */
#browser {
    margin: 0px auto;
    width: 570px;
}

#browser div.box_media {
    float: left;
    margin: 5px;
    cursor: pointer;
    width: 125px;
    height: 125px;
    text-align: center;
    border: 1px solid #AAA;
    /*box-shadow: 10px 10px 5px #888;*/
}

#browser div.box_media:hover {
    background-color: silver;
}

#browser div.box_media img {
    max-width: 110px;
    max-height: 110px;
    padding: 5px;
}
/* ### Front */

#body #globalbox .mceContentBody.front p {
	margin: 0;
    padding: 0;
    border: none;
}

/* ### BackOffice */

.mceContentBody {
	margin:0px;
	padding:0px;
	color: #4B483A;
	text-align:left;
	font-family: Arial, Helvetica, FreeSans, sans-serif;
	font-size: 13px;
    line-height: 20px;
	width: 100%;
}

.mceContentBody.noWidth {
	width: auto;
}

.mceContentBody p {
	margin: 1px 0px;
    padding: 1px 0;
	border: 1px dotted #E1E1E1;
}

.mceContentBody blockquote {
	margin: 0px 0px 0px 15px;
}

/*.mceContentBody a:link, a:visited {
   color: #1C3B94;
}

.mceContentBody a:hover {
   color: #09122C;
}

.mceContentBody a.currentPage:link, a.currentPage:visited {
   color: #1C3B94;
   text-decoration: none;
}

.mceContentBody a.currentPage:hover {
   color: #09122C;
   text-decoration: none;
}*/
 
.mceContentBody .normal {
	font-weight: normal;
}



/**
 * Styles
 */
.mceContentBody .header {
	color: #4B483A;
	font-style: italic;
	margin: 10px 0px;
}

.mceContentBody .body {
	margin: 10px 0px;
} 
 
.title7 {
	margin: 10px 0px;
	padding: 0px;
}
 
.title6 {
	margin: 10px 0px;
	padding: 0px;
}
 
.title5 {
	margin: 10px 0px;
	padding: 0px;
}
 
.title4 {
	margin: 10px 0px;
	padding: 0px;
}
 
.title3 {
	margin: 10px 0px;
	padding: 0px;
}
 
.title2 {
	margin: 10px 0px;
	padding: 0px;
}
 
.mceContentBody .title1 {
	margin: 10px 0px;
	padding: 0px;
}
 
.mceContentBody .title1 {
	font-size: 135%;
	color: #95110D;
	font-weight: bold;
}

.mceContentBody .title2 {
	font-size: 135%;
	font-weight: bold;
}

.mceContentBody .title3 {
	color: #95110D;
	font-weight: bold;
}

.mceContentBody .title4 {
	font-weight: bold;
	text-decoration: underline;
}

.mceContentBody .title5 {
	font-weight: bold;
}

.mceContentBody .title6 {
	text-decoration: underline;
}

.mceContentBody .title7 {
	font-style: italic;
}

.mceContentBody .orange {
	color: #FD5405;
	font-weight: bold;
}

.mceContentBody .green {
	color: Lime;
	font-weight: bold;
}

.mceContentBody .red {
	color: Red;
	font-weight: bold;
}



/**
 * Puces
 */
body.mceContentBody ul {
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

.mceContentBody ol {
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

.mceContentBody ol li {
	margin: 0px;
	padding: 0px;
	list-style: decimal;
	list-style-position: inside;
}

.mceContentBody ul li {
	margin: 0px;
	padding: 0px;
	list-style: square;
	list-style-position: inside;
}


/**
 * Tableaux
 */
.mceContentBody table tr td {
	font-size:11px;
}


/**
 * Templates
 */
.mceContentBody hr.fixFloat {
	clear: both;
	margin: 0px;
	padding: 0px;
	height: 0px;
	font-size: 0px;
}/* ### CMS */

/* 
 * WARNING: Evitez tout recours ? des positions relative/absolue ici,
 * IE7 plante lamentablement dans la gestion du scroller sinon.
 */

div.container_box_news.down {
    margin: 7px 0 0 0;
}

div.container_box_news.up {
    margin: 7px 0 8px 0;
}

#box_news_scroller {
    position: relative;
    width: 100%;
    margin: 0px auto;
}

    #box_news_scroller #buttons img.prev {
        position: absolute;
        left: 0px;
        top: 27px;
        cursor: pointer;
    }
    
    #box_news_scroller #buttons img.next {
        position: absolute;
        right: 0px;
        top: 27px;
        cursor: pointer;
    }
    
    #box_news_scroller #extra {
        position: absolute;
        top: -26px;
        right: 10px;
    }
    
    #box_news_scroller #extra img {
        cursor: pointer;
    }
        
    #slideshow {
        background-color: white;
        overflow: hidden;
        font-size: 85%;
    }
    
        #slideshow div.slideshow-content {
            overflow: hidden;
            height: 80px;
            margin: 0 10px;
        }
    
            #slideshow div.slideshow-content ul {
                width:100000px;
                padding-left:0px;
                margin: 2px;
                padding: 0px;
            }
        
                #slideshow div.slideshow-content li.article {
                    float:left;
                    padding: 5px 10px 0 10px;
                    margin: 0;
                    height: 66px;
                    width: 280px;
                    cursor:pointer;
                    list-style: none;
                    border-right: 1px solid #dbdbdb;
                    overflow: hidden;
                }

                body.hosting  #slideshow div.slideshow-content li.article {
                    border-right: 1px solid #2b2b2b;
                }

                
                #slideshow div.slideshow-content li.article:hover {
                    background-color: #F3F3EE;
                }
                
                body.hosting #slideshow div.slideshow-content li.article:hover {
                    background-color: #282827;
                }

                #slideshow div.slideshow-content li.article div.media {
                    background: transparent url(images/box_bloc.png) no-repeat left top;
                    width: 54px;
                    height: 54px;
                    float: left;
                    margin: -3px 1em 0 0;
                }
                
                body.hosting #slideshow div.slideshow-content li.article div.media {
                    background: transparent url(images/box_blod.png) no-repeat left top;
                }
                
                #slideshow div.slideshow-content li.article div.content {
                    float: left;
                    width: 190px;
                    margin-top: -5px;
                }
                
                #slideshow div.slideshow-content li.article h2.news_title {
                    font-family: Georgia, "Times New Roman", serif;
                    margin: 0;
                    padding: 0 0.5em 0.5em 0;
                    font-size: 1.2em;
                    height: 1em;
                    overflow: hidden;
                }
                
                #slideshow div.slideshow-content li.article div.news_header {
                    font-family: Arial, Helvetica, sans-serif;
                }
/* {{{ Links */
.box-global a:visited {
    color: #FFFFFF;
}
.box-global a:link {
    color: #FFFFFF;
}
.zones a:visited {
    color: #000000;
}
.zones a:link {
    color: #000000;
}
.box-global .box-innerbox a:visited {
    color: #333333;
}
.box-global .box-innerbox a:link {
    color: #333333;
}
/* }}} */




/* {{{ Box Hosting */

div.box-hosting {
}

div.box-hosting hr {
    border-color: white;
}

div.box-hosting div.block1 {
    text-align: center;
}

div.box-hosting div.block1 p.description {
    text-align: center;
}

div.box-hosting div.block1 p.description img.illustration {
    margin: 0 auto 10px auto;
}

div.box-hosting div.block1 p.description span {
    display: block;
    text-align: left;
}

/* -- */

div.box-hosting div.block2 p.description img.illustration {
    float: left;
    margin: 0 10px 0 0;
}

/* -- */

div.box-hosting p.learn_more {
    clear: both;
    text-align: left;
    padding: 15px 0;
}

div.box-hosting p.learn_more strong {
    font-weight: bold;
}

/* }}} */

/* {{{ Box SSL */

div.box-ssl {
}

div.box-ssl div.block1 {
    text-align: center;
}

div.box-ssl div.block1 p.description {
    text-align: left;
}

div.box-ssl div.block1 p.description img.illustration {
    float: right;
    margin: -35px 0 0 0;
}

div.box-ssl p.learn_more {
    text-align: left;
    padding: 10px 0;
}

div.box-ssl p.learn_more strong {
    font-weight: bold;
}

/* }}} */

/* {{{ Box Services */

div.box-services {
}

div.box-services div.block1 {
    text-align: center;
}

div.box-services div.block1 p.description {
    text-align: left;
}

div.box-services div.block1 p.description img.illustration {
    float: right;
    margin: -15px 0 0 0;
}

div.box-services p.learn_more {
    text-align: left;
    padding: 10px 0;
}

div.box-services p.learn_more strong {
    font-weight: bold;
}