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

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

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

fieldset, img {
    border: 0;
}

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

del, ins {
    text-decoration: none;
}

li {
    list-style: none;
}

caption, th {
    text-align: left;
}

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

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

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

sup {
    vertical-align: baseline;
}

sub {
    vertical-align: baseline;
}

legend {
    color: #000;
}

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

input, button, textarea, select { *

font-size:
    100%;
}

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

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

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

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

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

font-size:
    108%;

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

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

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

fieldset, img {
    border: 0;
}

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

del, ins {
    text-decoration: none;
}

li {
    list-style: none;
}

caption, th {
    text-align: left;
}

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

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

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

sup {
    vertical-align: baseline;
}

sub {
    vertical-align: baseline;
}

legend {
    color: #000;
}

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

input, button, textarea, select { *

font-size:
    100%;
}

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

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

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

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

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

font-size:
    108%;

line-height:
    100%;
}

body {
    text-align: center;
}

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

width:
    56.25em;
}

#doc2 {
    width: 73.076em;*

width:
    71.25em;
}

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

#doc4 {
    width: 74.923em;*

width:
    73.05em;
}

.yui-b {
    position: relative;
}

.yui-b {
    _position: static;
}

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

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

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

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

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

width:
    12.00em;
}

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

margin-left:
    13.05em;
}

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

width:
    13.50em;
}

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

margin-left:
    14.55em;
}

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

width:
    22.50em;
}

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

margin-left:
    23.62em;
}

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

width:
    13.50em;
}

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

margin-right:
    14.55em;
}

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

width:
    18.00em;
}

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

margin-right:
    19.125em;
}

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

width:
    22.50em;
}

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

margin-right:
    23.62em;
}

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

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

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

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

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

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

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

.yui-gb .yui-u { *

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

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

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

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

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

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

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

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

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

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

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

_width:
    31.7%;
}

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

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

margin-right:
    4%;

_margin-right:
    1.3%;
}

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

margin-right:
    0;
}

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

margin-left:
    1.8%;

_margin-left:
    4%;
}

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

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

width:
    66%;

_width:
    61.2%;
}

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

width:
    31%;

_width:
    29.5%;
}

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

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

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

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

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

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

margin-left:
    0;
}

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

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

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

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

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

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

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

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

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

width:
    24%;

_width:
    20%;
}

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

width:
    73.5%;

_width:
    65.5%;
}

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

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

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

#hd, #bd, #ft, .yui-g, .yui-gb, .yui-gc, .yui-gd, .yui-ge, .yui-gf {
    zoom: 1;
}
/* {{{ Formulaires Global */

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

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

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


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

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

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

    #form_zonerecords INPUT.in { width: 280px }

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


    /* END DNS change */

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

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

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

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

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

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

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

/* }}} */


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

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


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


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

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

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

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

/* }}} */


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

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

    form.contact select {
        width: 306px;
    }

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

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

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

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

/* }}} */


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

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

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

/* }}} */

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

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

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

#hosting_configuration .dchoice {
    float: left;
}

#hosting_configuration .pkg {

}

#hosting_configuration .ny {
    opacity: 0.4;
}

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

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

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


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

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

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

    form.gform fieldset.error {
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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


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

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

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

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

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

/* }}} */


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

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

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

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

input[readonly] {
    background: #d4d4d4;
}

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

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

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

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

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

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

/* }}} */


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


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



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

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

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


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

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

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


/* {{{ Buttons */

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

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

.button.no_margin {
    margin: 0;
}

/* }}} */

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

div.gtable {
    position: relative;
}

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

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

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

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

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

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

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

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

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

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

            div.gtable table.gtable 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(/static/images/sort_asc.gif) no-repeat right 0.4em;
                padding: 0 1.3em 0 0;
            }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

        div.gtable table.gtable 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.dimmed td {
            filter: alpha(opacity=50);
            opacity: 0.5;
        }

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

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

        div.gtable table.gtable tr:not(.nohl):hover td,
        div.gtable table.gtable tr.highlighted td {
            background: #CED1C3;
        }

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

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

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


/* }}} */

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

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

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

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

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

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

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

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

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



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

/* }}} */


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

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


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

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


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

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


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

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


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

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

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

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

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

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

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

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

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

/* }}} */


/* {{{ BOX HEADER */

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

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

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

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

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

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

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

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

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

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

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

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

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

/* }}} */


/* {{{ BOX MAIN & NEWS */

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

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

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

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

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

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

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

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


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


/* {{{ BOX NEWS */

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


/* {{{ BOX DOMAINS */

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

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

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

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

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

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

/* Right border */
div.box-global div.box-domains .i2 {
    padding: 0 7px 0 0;
    background: url(/static/images/boxes/home_dn_R.png) repeat-y 100% 0;
}

/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
div.box-global div.box-domains .i3 {
    display: block;
    padding: 5px 20px;
    color: white;
    background: #416946 url(/static/images/boxes/home_dn_C.png) repeat-x left top;
    /*min-height: 375px;*/
    min-height: 410px;
}

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

/* }}} */


/* {{{ BOX HOSTING */

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

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

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

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

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

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

/* Right border */
div.box-global div.box-hosting .i2 {
    padding: 0 7px 0 0;
    background: url(/static/images/boxes/home_hosting_R.png) repeat-y 100% 0;
}

/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
div.box-global div.box-hosting .i3 {
    display: block;
    padding: 5px 20px;
    color: white;
    background: #000000 url(/static/images/boxes/home_hosting_C.png) repeat-x left 0;
    /*min-height: 375px;*/
    min-height: 410px;
}

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

/* }}} */


/* {{{ BOX SSL */

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

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

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

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

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

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

/* Right border */
div.box-global div.box-ssl .i2 {
    padding: 0 7px 0 0;
    background: url(/static/images/boxes/home_ssl_R.png) repeat-y 100% 0;
}

/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
div.box-global div.box-ssl .i3 {
    display: block;
    padding: 5px 20px;
    color: white;
    background: #AEADAD url(/static/images/boxes/home_ssl_C.png) repeat-x left top;
    min-height: 89px;
}

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

/* }}} */


/* {{{ BOX SERVICES */

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

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

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

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

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

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

/* Right border */
div.box-global div.box-services .i2 {
    padding: 0 7px 0 0;
    background: url(/static/images/boxes/home_services_R.png) repeat-y 100% 0;
}

/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
div.box-global div.box-services .i3 {
    display: block;
    padding: 5px 20px;
    color: white;
    background: #838167 url(/static/images/boxes/home_services_C.png) repeat-x left 0;
    min-height: 89px;
}

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

/* }}} */


/* {{{ FBOX tables */

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

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

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

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


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


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

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

/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
div.box-global div.box-fbox-table .i3 {
    position: relative;
    display: block;
    padding: 5px 20px;
    background: #EFF0E9;
    min-height: 20px;
}
div.box-global div.box-fbox.prepend-table .i3 {
    position: relative;
    display: block;
    padding: 0px 20px;
    background: #EFF0E9;
    min-height: 20px;
}
div.box-global div.box-fbox-table .i3 {
    padding: 0;
}

/* }}} */


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

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

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


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




/* {{{ FBOX TABS */

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

/* }}} */



















/* {{{ INNER BOX */

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

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

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

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

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

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

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

/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
div.box-global div.box-innerbox .i3 {
    display: block;
    padding: 0 10px;
    color: black;
    background: url(/static/images/1pxopa25.png) repeat left top;
    min-height: 100px;
}

/* }}} */


/* {{{ INNER BOX WHITE */

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

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

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

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

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

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

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

/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
div.box-global div.box-innerbox-white .i3 {
    display: block;
    padding: 0 10px;
    color: black;
    background: white;
    min-height: 15px;
}

/* }}} */


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


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

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

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



/* {{{ 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 div.box-content {
    position: relative;
    min-height: 250px;
}

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

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

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

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

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

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



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

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

/* ### Front */

a.external {
    background: transparent url(/static/images/link_external.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(/static/images/tag_blue.png) no-repeat scroll 0 70%;
        display:inline;
        margin-right:8px;
        padding:5px 0 5px 18px;
        color: #333333;
    }

    #main div.article div.info span.author {
        font-weight: bold;
    }

    #main div.article div.info .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;
}

/* Share buttons */
#main .share > * {
    float: left !important;
    margin: 0 0.2em !important;
}


/* ### 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:link,
            #body #globalbox div#rightblocks ul.lastest_articles li h3 a:visited {
                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;
        }


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

    #body #globalbox div#rightblocks ul.subscribe li {
        margin: 0;
        padding: 0;
        line-height: 1.7em;
        list-style: none;
    }

    #body #globalbox div#rightblocks ul.subscribe li img {
        margin: 0 5px 0 0;
    }



/* ### 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;
        -webkit-border-radius: 4px;
        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(/static/images/icon_check_vert.gif) no-repeat left 4px;
    margin: 0 0 0 180px;
    padding: 3px 0 0 16px;
    font-weight: bold;
    color: #0f6200;
    width:auto;
    display: none;
}


/* ### 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: #333333;
    text-align:left;
    font-family: Arial, Helvetica, FreeSans, sans-serif;
    font-size: 13px;
    line-height: 20px;
    width: 100%;
}
.mceContentBody.header {
    font-size: 11.05px;
    line-height: 1.5em;
    width: 210px;
    height: 52px;
    border: 1px solid #DBDBDB;
}

.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: #333333;
    font-style: italic;
    margin: 10px 0px;
}

.mceContentBody .body {
    margin: 10px 0px;
} 
 
.mceContentBody .title1, .title2, .title3, .title4, .title5, .title6, .title7 {
    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
 */

.mceContentBody ol li {
    list-style: decimal;
    list-style-position: inside;
}

.mceContentBody ul li {
    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(/static/images/boxes/box_block_cms.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(/static/images/boxes/box_block_cms_hosting.png) no-repeat left top;
                }
                
                #slideshow div.slideshow-content li.article div.content {
                    float: left;
                    width: 210px;
                    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;
                }
/* {{{ GLOBAL */

html                                       { color: #333333; background-color:#9A9A9A; background-image: url(/static/images/hosting_bg_body.png); }
body                                       { background: transparent none; }
#header                                    { background: #1C1C1C; color: #aaa; }
#header a:link, #header a:visited          { color: #AAAAAA; }
#header div.top                            { background: black url(/static/images/hosting_top_bg.png) left top; }
#header div.subheader                      { background: #111111; }
#header div.header                         { background: #1C1C1C; }
#header div.header input[type=submit]      { background: #999999; color: white; padding: 1px; }

.box-global h1,
.box-global h2,
.box-global h3,
.box-global h4 {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    color: white;
}
.box-global h1 {
    font-size: 150%;
}
.box-global h2 {
    /*margin: 0 0 1em 0;*/
}
#body #globalbox .box-header h2 {
    font-size: 210%;
    padding-top: 0.6em;
}
#body #globalbox .box-header h3 {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 106%;
    margin: 20px 1em 0 0;
    padding: 3px 17px 0 0;
}
thead th {
    color: white;
}

/* Links */
a:link, a:visited,
.box-fbox .box-innerbox-white a:link,
.box-fbox .box-innerbox-white a:visited,
.action a:link, .action a:visited,
a.action:link, a.action:visited {
    color: #FFFFFF;
}

/* BALISES */

strong, b {
    color: #FFFFFF;
}

/* liens "secondaires" */
#rightblocks a:link, #rightblocks a:visited,
.box-fbox a:link, .box-fbox a:visited,
.filter a:link, .filter a:visited,
.gtable_filter a:link, .gtable_filter a:visited,
thead a:link, thead a:visited,
td:first-child a:link, td:first-child a:visited,
th:first-child a:link, th:first-child a:visited,
#help a:link, #help a:visited {
    color:#FFFFFF;
}

#body #globalbox #main {
    background: url(/static/images/divider/dividerHosting_center.png) repeat-y right top;
}

    #body #globalbox .product-item h3 { color: #EEE; }

/* }}} */

/* {{{ MISC CLASS */

.sub {
    color: #8A8A8A;
}
.ok {
    color: #38C037 !important;
}

.strong {
    color: #FFFFFF;
}

/* }}} */

/* {{{ FORMS */

form p label, label.radiolistlabel {
    color: #FFFFFF;
}

/* }}} */


/* {{{ Tables .list */
table.list thead tr th, table.list tfoot tr th { background: #232323; }
/*table.list tr th a.sort.asc { background: url(/static/images/sort_asc.gif) no-repeat right 0.4em; }
table.list tr th a.sort.desc { background: url(/static/images/sort_desc.gif) no-repeat right 0.4em; }*/
table.list tr td { background: #121212; }
table.list tr.even td { background: #0E0E0E; }
/* }}} */

/* {{{ Tables .gtable */
div.gtable table.gtable { background: #232323; }
div.gtable table.gtable thead tr th,
div.gtable table.gtable tfoot tr th { background: #232323; }
div.gtable table.gtable tr.odd td { background: #121212; }
div.gtable table.gtable tr.even td { background: #0E0E0E; }
div.gtable table.gtable tr:not(.nohl):hover td,
div.gtable table.gtable tr.highlighted td { background: #333; }
/* }}} */

.version {
    color: #8A8A8A;
    text-shadow: 1px 1px 1px #333, -1px -1px 1px #333, 1px 1px 2px #666;
}


/* {{{ CMS */

#slideshow {
    background: black;
}
#slideshow a:link, #slideshow a:visited {
    text-decoration: none;
    color: #FFFFFF;
}
#slideshow div.news_header {
    color: #8A8A8A;
}

/* }}} */


/* {{{ GLOBALBOX */

#body #globalbox ul#right-nav li {
    background: url(/static/images/tabs/tab_right_hosting.png) no-repeat center center;
}
#body #globalbox ul#right-nav li a:link, #body #globalbox ul#right-nav li a:visited {
    color: #cccccc;
}

#body #globalbox #main {
    color: #8A8A8A;
}


#body #globalbox div#right-column.hp h2 {
    margin: 0;
}

#body #globalbox div#right-column.hp div.box-fbox img {
    float: right;
    padding: 0 0 5px 5px;
}

/* ### Globalbox navigation */
        #body #globalbox div#globalbox-navigation ul li {
            background: #444343;
        }

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

        #body #globalbox div#globalbox-navigation ul li.selected {
            background-color: #3482BF;
        }
        .shs #body #globalbox div#globalbox-navigation ul li.selected {
            background-color: #069EBB;
        }

            #body #globalbox div#globalbox-navigation ul li a {
                color: white;
            }
        #body #globalbox div#globalbox-navigation-content h3,
        #body #globalbox div#globalbox-navigation-content li strong {
            color: #FFFFFF;
            font-weight: normal;
        }
/* }}} */


    /* {{{ Center Blocks */
        /* HELP */
        #body #globalbox .center-block div#help a#expend-help {
            background: url(/static/images/help_down_hosting.png) no-repeat 50% 50%;
        }
        #body #globalbox .center-block div#help a#expend-help.up {
            background: url(/static/images/help_up_hosting.png) no-repeat 50% 50%;
        }
        #body #globalbox .center-block div#help a#expend-help:link,
        #body #globalbox .center-block div#help a#expend-help:visited {
            background-color: #515151;
        }
        #body #globalbox .center-block div#help a#expend-help:hover {
            background-color: #707070;
        }

        #body #globalbox .center-block div.help h2.wiki {
            background: url(/static/images/aide_iwi_icon_hosting.png) no-repeat left top;
        }
    /* }}} */


/* {{{ FOOTER */

#footer {
    background: #333333;
    color: #828282;
}
#footer a:link, #footer a:visited {
    color: #828282;
}

#footer ul.logos {
    background: #646363;
}

#footer div.foot-links hr.separator {
    border-color: #555555;
}

/* }}} */


/* {{{ TABS */

#body #globalbox ul#main-nav li {
    background: url(/static/images/tabs/tab_divider_hosting.png) no-repeat left bottom;
}
body #body #globalbox ul#main-nav li.hosting a:link,
body #body #globalbox ul#main-nav li.hosting a:visited {
    background: url(/static/images/tabs/tab_selected_hosting.png) no-repeat 0 0;
}

/* }}} */


/* {{{ BOX GLOBAL */

div.box-global .bt {
    height: 16px;
    background: url(/static/images/boxes/box_globalbox_hosting.png) no-repeat 100% 0;
}

div.box-global .bt div {
    background: url(/static/images/boxes/box_globalbox_hosting.png) no-repeat 0 0;
}

/* Bottom corners and border */
div.box-global .bb {
    background: url(/static/images/boxes/box_globalbox_hosting.png) no-repeat 100% 100%;
}

div.box-global .bb div {
    background: url(/static/images/boxes/box_globalbox_hosting.png) no-repeat 0 100%;
}

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

/* Right border */
div.box-global .i2 {
    padding: 0 7px 0 0;
    background: url(/static/images/boxes/box_globalbox_hosting_border_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 {
    margin: 0;
    padding: 10px 20px;
    background: url(/static/images/1pxopa10.png) repeat left top;
}

/* }}} */


/* {{{ GLOBALBOX'S HEADER */

div.box-global div.box-header .bt, div.box-global div.box-header .bt div,
div.box-global div.box-header .bb, div.box-global div.box-header .bb div {
    background-image: url(/static/images/boxes/header_hosting_curvedBox.png);
}
div.box-global div.box-header  .bt {
    height: 10px;
}
div.box-global div.box-header  .bt div{
    height: 10px;
    left: -19px;
}
div.box-global div.box-header .i1 {
    background-image: url(/static/images/boxes/header_hosting_L.png);
}
div.box-global div.box-header .i2 {
    background-image: url(/static/images/boxes/header_hosting_R.png);
    padding: 0 9px 0 0;
}
div.box-global div.box-header .i3 {
    background-color: transparent;
    background: repeat left top;
    background-image: url(/static/images/boxes/header_hosting_C.png);
    /*min-height: 93px;*/
    min-height: 105px;
}

div.box-global div.box-header .bb {
    margin: 0 0 0 19px;
}

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

div.box-global div.box-header .box-content ul {
    margin: 22px 0 0 0;
}
div.box-global div.box-header li a span,
div.box-global div.box-header ul.breadcrums li a.last span,
div.box-global div.box-header li.nolink a:hover span,
div.box-global div.box-header li.nolink a:focus span {
    background-color: #515151;
}
div.box-global div.box-header li a:hover span,
div.box-global div.box-header li a:focus span {
    background-color: #707070;
}
div.box-global div.box-header ul.menu li.active a span,
div.box-global div.box-header ul.breadcrums li.active a.last span {
    background-color: #999999;
}
/* breadcrums */
div.box-global div.box-header ul.breadcrums li a:link, div.box-global div.box-header ul.breadcrums li a:visited {
    background-image: url(/static/images/buttons/header_button_hostingProc.png);
}
div.box-global div.box-header ul.breadcrums li.active a:link, div.box-global div.box-header ul.breadcrums li.active a:visited {
    background-image: url(/static/images/buttons/header_button_hostingProc_active.png);
}


/* }}} */

/* {{{ BOX MAIN & NEWS */

/* Top corners and border */
div.box-global div.box-main .bt, div.box-global div.box-news .bt {
    background: url(/static/images/boxes/box_black.png) no-repeat 100% 0;
}

div.box-global div.box-main .bt div, div.box-global div.box-news .bt div {
    background: url(/static/images/boxes/box_black.png) no-repeat 0 0;
}

/* Bottom corners and border */
div.box-global div.box-main .bb, div.box-global div.box-news .bb {
    background: url(/static/images/boxes/box_black.png) no-repeat 100% 100%;
}

div.box-global div.box-main .bb div, div.box-global div.box-news .bb div {
    background: url(/static/images/boxes/box_black.png) no-repeat 0 100%;
}

/* Left border */
div.box-global div.box-main .i1, div.box-global div.box-news .i1 {
    background: url(/static/images/boxes/box_black_border_L.png) repeat-y 0 0;
}

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

/* }}} */


/* {{{ 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 {
    color: #8A8A8A;
    background: black;
}

/* }}} */


/* {{{ 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 {
    background: black;
    color: #666;
    padding: 0px;
}

/* }}} */

/* {{{ FBOX tables */


div.box-global div.box-fbox-table .bt {
    background: url(/static/images/boxes/box_fbox_hosting.png) no-repeat 100% 0;
}
div.box-global div.box-fbox-table .bt div {
    background: url(/static/images/boxes/box_fbox_hosting.png) no-repeat 0 0;
}

div.box-global div.box-fbox-table .bb {
    background: url(/static/images/boxes/box_fbox_table_hosting.png) no-repeat 100% 100%;
}
div.box-global div.box-fbox-table.odd .bb {
    background: url(/static/images/boxes/box_fbox_table_odd_hosting.png) no-repeat 100% 100%;
}
div.box-global div.box-fbox-table.even .bb {
    background: url(/static/images/boxes/box_fbox_table_even_hosting.png) no-repeat 100% 100%;
}

div.box-global div.box-fbox-table .bb div {
    background: url(/static/images/boxes/box_fbox_table_hosting.png) repeat 0 100%;
}
div.box-global div.box-fbox-table.odd .bb div {
    background: url(/static/images/boxes/box_fbox_table_odd_hosting.png) repeat 0 100%;
}
div.box-global div.box-fbox-table.even .bb div {
    background: url(/static/images/boxes/box_fbox_table_even_hosting.png) repeat 0 100%;
}



/* }}} */

/* {{{ Boxes (CSS3) */
div.box-global div.box-fbox > .box-content {
    padding: 11px 10px;
    margin-bottom: 14px;
    background-color: #232323;
    color: #8A8A8A;
}
/* }}} */

/* {{{ BOX MESSAGE (CSS3) */
div.box-global div.box-messages > .box-content,
div.fbox3.message {
    background: #232323 url(/static/images/message_tip.png) 10px 16px no-repeat;
}
/* }}} */

/* {{{ BOX WARNING (CSS3) */
div.box-global div.box-warnings > .box-content,
div.fbox3.warning {
    background: #232323 url(/static/images/message_warning.png) 10px 16px no-repeat;
}
/* }}} */




/* {{{ BOX CENTER */
div.box-global div.center a.popup {
    display: block;
}
/* }}} */

/* {{{ BOX GLOW */

/* Top corners and border */
div.box-global div.box-glow {
    width: 560px;
    float: left;
    margin: 0 0 0 0;
}
div.box-global .center-block div.box-glow {
    margin: 15px 0 0 0;
}

div.box-global div.box-glow .bt {
    height: 16px;
    margin: 0 0 0 18px;
    background: url(/static/images/boxes/box_glow_hosting.png) no-repeat 100% 0;
}

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

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

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

/* Left border */
div.box-global div.box-glow .i1 {
    padding: 0 0 0 7px;
    background: url(/static/images/boxes/box_glow_hosting_border_L.png) repeat-y 0 0;
}

/* Right border */
div.box-global div.box-glow .i2 {
    padding: 0 7px 0 0;
    background: url(/static/images/boxes/box_glow_hosting_border_R.png) repeat-y 100% 0;
}

/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
div.box-global div.box-glow .i3 {
    display: block;
    padding: 0 10px;
    background: none;
    min-height: 50px;
}

/* }}} */




/* {{{ INNER BOX WHITE */

/* Top corners and border */
div.box-global div.box-innerbox-white {
    color: #FFF;
}

div.box-global div.box-innerbox-white .bt {
    background: url(/static/images/boxes/box_innerbox_black.png) no-repeat 100% 0;
}

div.box-global div.box-innerbox-white .bt div {
    background: url(/static/images/boxes/box_innerbox_black.png) no-repeat 0 0;
}

/* Bottom corners and border */
div.box-global div.box-innerbox-white .bb {
    background: url(/static/images/boxes/box_innerbox_black.png) no-repeat 100% 100%;
}

div.box-global div.box-innerbox-white .bb div {
    background: url(/static/images/boxes/box_innerbox_black.png) repeat 0 100%;
}

/* 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 {
    color: #FFF;
    background: #000;
    min-height: 100px;
}

/* }}} */


/* {{{ BOX ERROR (CSS3) */
div.box-global div.box-errors a {
    color: white;
}

div.box-global div.box-errors > .box-content {
    background-color: #6B1313;
    color: #FEB2B2;
}
/* }}} */



/* {{{ FBOX TABS */
div.box-global ul.tabs a:link,
div.box-global ul.tabs a:visited {
    background-color: #000000;
    color: #999999;
    border-color: #333333;
}
div.box-global ul.tabs a:hover {
    background-color: #1B1B1B;
    color: #FFFFFF;
    border-color: #333333;
}
div.box-global ul.tabs li.current {
    background: url("/static/images/sousNav_fleche_hosting.png") no-repeat scroll 50% 100% transparent;
}
div.box-global ul.tabs li.current a {
    background-color: #3482BF;
    color: #FFFFFF;
    border: 1px solid #3482BF;
}
/* }}} */



/* @TODO */
.price { color: #FFFFFF; } /* FIXME */
.price_vat { color: #8A8A8A; }

/* Optgroup color per section */
form select optgroup { background-color: #3482BF; }

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

.shs input[type="submit"],
.shs input[type="reset"],
.shs input[type="button"] {
    background-color: #069EBB;
}


.box-global #globalbox-navigation-content .os_list ul li {
    float: left;
    margin-right: 5px;
    width: 25%;
}

/* hosting image */
#body #globalbox .choose_power {
    margin: -2em 0 0.5em;
    font-style: italic;
}


/* Price simulator */
.jquery-incrementer .add {
    background: url(/static/images/hosting/simulator_add.png) no-repeat;
}
.jquery-incrementer .remove {
    background: url(/static/images/hosting/simulator_remove.png) no-repeat;
}
.jquery-incrementer .add.disabled {
    background: url(/static/images/hosting/simulator_add_off.png) no-repeat;
}
.jquery-incrementer .remove.disabled {
    background: url(/static/images/hosting/simulator_remove_off.png) no-repeat;
}


/* Hosting homepage gradients */
.has_gradient {
    background: url(/static/images/hosting/gradient_center.png) repeat-y 50% 0;
}
    .has_gradient * {
        z-index: 1;
    }
.vertical-gradient {
    position: relative;
    z-index: 0;
}
    .vertical-gradient * {
        position: absolute;
        height: 34px;
        width: 100%;
    }
    .vertical-gradient .top {
        top: 0;
        background: url(/static/images/hosting/gradient_top.png) no-repeat center top;
    }
    .vertical-gradient .bottom {
        bottom: 0;
        background: url(/static/images/hosting/gradient_bottom.png) no-repeat center bottom;
    }

/* Promo buttons */
#shs .promo, .shs .promo {
    background: #698202; /* Old browsers */
    background: -moz-linear-gradient(top, #9EC405 0%, #698202 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9EC405), color-stop(100%,#698202)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #9EC405 0%,#698202 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #9EC405 0%,#698202 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #9EC405 0%,#698202 100%); /* IE10+ */
    background: linear-gradient(top, #9EC405 0%,#698202 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9EC405', endColorstr='#698202',GradientType=0 ); /* IE6-9 */
    behavior: url(/static/css/PIE.htc);
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #FFF;
    float: right;
}
    .promo span {
        display: block;
        font-size: 0.85em;
        padding: 0.4em 1em;
    }