/*
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: 2px 20px 0 0;*/
            padding: 0px 20px 0 0;
        }
        label.radiolistlabel { top: -4px; }
        form p label.secondary {
            position: relative;
            display: inline;
            display: inline-block;
            float: none;
            width: auto;
            text-align: left;
            padding: 0 20px 0 14px;
        }
        form p label.basic {
            position : static;
            display : inline;
            float : none;
        }
        form p div.emptylabel {
            position: relative;
            display: block;
            float: left;
            width: 160px;
            text-align: right;
            padding: 0 20px 0 0;
        }
        form p label span { color: #CC6A00; position: absolute; top: 0; right: 10px; } /* Affiche "*" pour les champs obligatoires */
        input.in, textarea.in { background-color: white; color: #000; padding: 1px 2px; border: 1px solid #A5ACB4; } /* Type text password, textarea, select */
        input.date {
            background: #FFFFFF url("/static/imagesv3/filter/picto_calendar.png") no-repeat 98% 2px;*/
            padding-right: 20px !important;
            width: 100px;
        }
        input[disabled] { background-color: #ccc !important; }
        input.disabled { background-color: #ccc !important }

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

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


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

    /* START Interface revendeurs */
    form div.reseller { padding: 5px 0; }
    form div.reseller label { padding: 0 6px 0 0; }
    form div.reseller input.in, 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#loginbox { }
        form#loginbox p input { width: 220px; padding: 1px 2px; border: 1px solid #A5ACB4; }
    /* END Login */

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

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

    /* START Lost Password */
    form#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: 120px; }
        form#buydomain p select { vertical-align: middle; border: 1px solid #A5ACB4; padding: 0; }
/* }}} */

/* {{{ Formulaire pour contacter le support */
form#contactsupport { }
    form#contactsupport p { clear: left; padding: 4px 0; }
        form#contactsupport label 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 */

/* }}} */


/* {{{ 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 { border: 1px solid #B50303 !important; background: #D89C94 !important; }
/* }}} */

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

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

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


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


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

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

pre {
    white-space: pre-wrap;
}

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


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


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

input[type=text], 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;
}

#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;
}
label.title {
    padding-right: 1em;
}

/* }}} */


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

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

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

/* }}} */

/* {{{ Tables .list */
table.list { width: 100%; border-collapse: collapse; margin: -5px 0 -5px 0;}
    table.list caption span { position: absolute; left: -10000px; }
    table.list 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: 2em; font-weight: bold; }
        table.list tfoot tr th { padding: 0.5em 1em 0 1em; line-height: 2em; font-weight: bold; }
    table.list tr th a.sort.asc { background: url(/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: middle; }

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

        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 1em;
            white-space: nowrap;
        }

        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: #2A2927;
                display: inline-block;
            }

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

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

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

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

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

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

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

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

                        div.gtable_filter table.gtable_filter tr td.drop_down div.position ul.drop_down li a: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/imagesv3/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/imagesv3/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/imagesv3/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/imagesv3/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=text] {
            }

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

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

div.gtable div.table_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;
    }

        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;
                white-space: nowrap;
            }

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

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

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

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

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

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

            div.gtable table.gtable thead tr th a.sort.asc {
                background: url(/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 {
            word-wrap: break-word;
        }*/

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

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

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

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

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

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

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

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

        div.gtable table.gtable tr td {
            background: #FBFBF9;
            padding: 0.5em 1em;
            line-height: 1.3em;
            vertical-align: middle;
        }

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

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

        div.gtable table.gtable tr.odd td {
            background: #FBFBF9;
        }

        div.gtable table.gtable tr.even td {
            background: #EFF0E9;
        }

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

        div.gtable table.gtable tr:not(.nohl):hover 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/imagesv3/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/imagesv3/postits/postit_del.png) no-repeat 0 2px;
            }
            #comments .comment .comment-toolbar .comment-create {
                background: url(/static/imagesv3/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/imagesv3/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/imagesv3/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 {{{ */
ul.features li {
    list-style-type: none;
    background: url("/static/imagesv3/puce.png") no-repeat 0 0;
    padding-left: 2em;
    margin: 1em;
    min-height: 22px;
}

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

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

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

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

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

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

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

div.box-global .bt {
    height: 17px;
    margin: 0 0 0 18px;
    background: url(/static/imagesv3/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/imagesv3/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/imagesv3/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/imagesv3/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/imagesv3/boxes/plaque_L.png) repeat-y 0 0;
}

/* Right border */
div.box-global .i2 {
    padding: 0 8px 0 0;
    background: url(/static/imagesv3/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/imagesv3/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 {
    background: transparent url(/static/imagesv3/boxes/header_halo.png) no-repeat center top;
    height: 127px;
    width: 565px;
    top: -14px;
    position: absolute;
    z-index: 1;
    margin-left: 50%;
    left: -282px;
}
/* }}} */
/* {{{ BOX HEADER's BUTTONS */
/* subsections */
div.box-global div.box-header li {
    margin: 0 1em 0 0;
    list-style-type: none;
}
div.box-global div.box-header li a:link, div.box-global div.box-header li a:visited {
    color: #FFF;
    text-decoration: none;
    display: block;
    background: transparent no-repeat right top;
    height: 22px;
    margin-left: 7px;
}
div.box-global div.box-header li a span {
    display: block;
    margin: 0 7px 0 -7px;
    padding: 0 0 0 7px;
    height: 22px;
    line-height: 22px;
    background: transparent no-repeat left top;
}
div.box-global div.box-header li a:hover, div.box-global div.box-header li a:focus {
    background-position: right -30px;
}
div.box-global div.box-header li a:hover span, div.box-global div.box-header li a:focus span {
    background-position: left -30px;
}
div.box-global div.box-header li a:active,
div.box-global div.box-header li.active a:hover, div.box-global div.box-header li.active a:focus {
    background-position: right top;
    outline: none;
}
div.box-global div.box-header li a:active span,
div.box-global div.box-header li.active a:hover span, div.box-global div.box-header li.active a:focus span {
    background-position: left top;
}
div.box-global div.box-header li a:focus {
    outline: none;
}
div.box-global div.box-header li a:active {
    outline: none;
}
div.box-global div.box-header ul.breadcrums li a:focus {
    -moz-outline: 0;
}
/* }}} */


/* {{{ BOX MAIN & NEWS */

/* Top corners and border */
div.box-global div.box-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/imagesv3/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/imagesv3/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/imagesv3/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/imagesv3/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/imagesv3/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/imagesv3/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: #2a2927;
    background: url(/static/imagesv3/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/imagesv3/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/imagesv3/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/imagesv3/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/imagesv3/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/imagesv3/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/imagesv3/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/imagesv3/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/imagesv3/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/imagesv3/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/imagesv3/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/imagesv3/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/imagesv3/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/imagesv3/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/imagesv3/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/imagesv3/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/imagesv3/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/imagesv3/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/imagesv3/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/imagesv3/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/imagesv3/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/imagesv3/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/imagesv3/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/imagesv3/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/imagesv3/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/imagesv3/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/imagesv3/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/imagesv3/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/imagesv3/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 */

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

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

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

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


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

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

/* Right border */
div.box-global div.box-fbox .i2, 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 .i3, 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;
}

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

/* }}} */












/* {{{ FBOX TABS */

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

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

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

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

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

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

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

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

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



/* }}} */



















/* {{{ INNER BOX */

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

div.box-global div.box-innerbox .bt {
    width: auto;
    height: 16px;
    margin: 0 0 0 18px;
    background: url(/static/imagesv3/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/imagesv3/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/imagesv3/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/imagesv3/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/imagesv3/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/imagesv3/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/imagesv3/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/imagesv3/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/imagesv3/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 ERROR */

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

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

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

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

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

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

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

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

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

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




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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* ### HEADER */
#header div.header {
    height: 67px;
    min-width: 984px;
    margin: 26px 0 0 0;
    background-color: #3A2823;
}
    #header div.header h1 {
        float: left;
        padding-left: 10px;
    }
    #header div.header h2 {
        font-family: Georgia, "Times New Roman", serif;
        color: white;
        margin: 0 25px;
    }
    #header div.header div.account-info {
        float: right;
        margin: 20px 10px 0 0;
    }
        #header div.header div.account-info div.form-login div {
            margin: 0 5px;
            display: inline-block;
            zoom: 1;
            *display: inline;
        }

            #header div.header div.account-info div.form-login div.account_access_name a:link,
            #header div.header div.account-info div.form-login div.account_access_name a:visited {
                color: white;
                text-decoration: none;
            }

            #header div.header div.account-info div.form-login div#account_access_name a:hover {
                color: white;
                text-decoration: underline;
            }

        #header div.header div.account-info div.form-login input {
            margin: 0 3px;
        }

    #header div.header #nobullshit {
        float: left;
        margin: 13px 0 0 10px;
    }
        #header div.header #nobullshit a {
            display: block;
        }

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

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


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

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

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

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

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

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

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

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

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

    #body #globalbox div.box-global div.box-fbox .box-content {
        margin: 0;
        clear: both;
    }

    #body #globalbox div.box-global div.box-fbox .box-content :first-child {
        margin-top: 0;
    }

    #body #globalbox div.box-global div.box-fbox .box-content :last-child {
        margin-bottom: 0;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

        #body #globalbox div#globalbox-navigation ul li {
            background: #D6D7C9;
            margin: 0.5em 0 0 0;
            cursor: pointer;
            list-style: none;
            -moz-border-radius: 4px;
            -webkit-border-radius: 4px;
            border-radius: 4px;
        }

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

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

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

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

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

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

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



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

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

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

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

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

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

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

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

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

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

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

    #body #globalbox #main.full_page {
        width: 100%;
        background: none;
        padding: 0;
        float: none;
    }

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

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

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

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

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

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

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

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

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

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


        /* {{{ Cart */
        #body #globalbox #rightblocks #cart {}
            #body #globalbox #rightblocks #cart ul li.item {
                list-style: none;
                font-weight: bold;
                margin: 1em 0 0 0;
            }
            #body #globalbox #rightblocks #cart table { width: 105%; }
            #body #globalbox #rightblocks #cart table.item {
                margin: 1em 0 0 0;
            }
                #body #globalbox #rightblocks #cart table tr .description {
                    background: url(/static/images/bc_arrow.gif) no-repeat left 3px;
                    padding: 0 0 0 10px;
                }

                #body #globalbox #rightblocks #cart table tr .description.nobullist {
                    background: none;
                    padding: 0;
                }
                #body #globalbox #rightblocks #cart table.item tr .description {
                    font-weight: bold;
                    vertical-align: top;
                }
                #body #globalbox #rightblocks #cart table tr td {
                    vertical-align: top;
                }
                #body #globalbox #rightblocks #cart table tr td.price {
                    white-space: nowrap;
                    text-align: right;
                    padding-left: 3px;
                }
                #body #globalbox #rightblocks #cart table tr td.icon {
                    width: 16px;
                    vertical-align: top;
                }
                    #body #globalbox #rightblocks #cart table tr td li {
                        background: url(/static/images/bc_arrow.gif) no-repeat left 3px;
                        padding: 0 0 0 10px;
                        list-style: none;
                        margin: 0;
                    }
        #body #globalbox #rightblocks #cart p#reset_cart {
            margin: 1em 0;
        }
        /* }}} */

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


        /* }}} */



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

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


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





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



/* {{{ FOOTER */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    #main div.filter div.menu_bar_prepend {
    }

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

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

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

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

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

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

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

/* 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;
}
/* {{{ Header */
#header .header h1 {
    font-size: 30px;
    margin-left: 15px;
    color: #FFFFFF;
}
/* }}} */


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

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


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

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


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

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

/* subsections */
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 a.last:link, div.box-global div.box-header ul.breadcrums li a.last:visited {
    background-image: url(/static/imagesv3/buttons/header_button_dn.png);
}
div.box-global div.box-header li a span,
div.box-global div.box-header ul.breadcrums li a.last span {
    background-image: url(/static/imagesv3/buttons/header_button_dn.png);
    margin-right: 7px;
}
div.box-global div.box-header li.active a:link, div.box-global div.box-header li.active a:visited,
div.box-global div.box-header ul.breadcrums li.active a.last:link, div.box-global div.box-header ul.breadcrums li.active a.last:visited {
    background-image: url(/static/imagesv3/buttons/header_button_dn_active.png);
}
div.box-global div.box-header li.active a span,
div.box-global div.box-header ul.breadcrums li.active a.last span {
    background-image: url(/static/imagesv3/buttons/header_button_dn_active.png);
}
/* 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/imagesv3/buttons/header_button_dnProc.png);
}
div.box-global div.box-header ul.breadcrums li a span {
    background-image: url(/static/imagesv3/buttons/header_button_dnProc.png);
    margin-right: 15px;
}
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/imagesv3/buttons/header_button_dnProc_active.png);
}
div.box-global div.box-header ul.breadcrums li.active a span {
    background-image: url(/static/imagesv3/buttons/header_button_dnProc_active.png);
}
/* GLOBALBOX'S HEADER }}} */


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

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


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


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


/* {{{ TOOLTIPS */
.tooltipTextContent {
    background-color: #446E49;
}
/* TOOLTIPS }}} */

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