html { color: #333; background: #F2F3E7 url("../images/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 20px 0;
}
.box-global h2 {
    font-size: 138.5%; /* 18px */
    color: #3D3A30;
    margin: 1em 0;
}
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 20px 0 2em; 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 {
        padding-left: 0;
    }
    #header div.header h2                              { font-family: Georgia, "Times New Roman", serif; color: white; margin: 0 25px; }
    #header div.header div.account-info {
        float: right;
        line-height: 2em;
        margin: 20px 0 0 0;
        height: 2em;
        padding: 0 20px;
    }
        #header div.header div.account-info img {
            margin: 3px 0 0 0;
        }
        
        #header div.header div.account-info div.form-login div {
            margin: 0 3px;
        }
        
            #header div.header div.account-info div.form-login div#account_access_name a: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 div#account_logout {
                margin: 0 8px;
            }
        
        #header div.header div.account-info div.form-login input {
            margin: 0 3px;
        }
        
    #header div.header div.account-info div.form-login label {
        margin: 0 0 0 20px;
    }
        
    #header div.header div.account-info div.form-login input[type=text],
    #header div.header div.account-info div.form-login input[type=password] {
        margin: 3px 0 0 4px;
    }
    
    #header div.header div.account-info div.form-login div.pwd-lost {
        margin: 0 10px;
    }
    
    #header div.header div.account-info div.form-login input[type=image]{ margin: 3px 0 0 0; }
    #header div.header input[type=submit] { 
        background-color: #766966;
        color: white;
        padding: 2px 12px;
        border: 0;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
    }
    #header div.header #nobullshit { 
        margin: 1.2em;
    }

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

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


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

    #body #globalbox {
        position: relative;
        width: 984px;
        margin: 0 auto;
    }
    
    #body #globalbox p {
        margin: 0.8em 0;
        line-height: 1.6em;
    }
    #body #globalbox p.first {
        margin: 0;
    }
    #body #globalbox div.box-global div.box-fbox .box-content p:first-child {
        margin: 0;
        clear: both;
    }
    
    /* 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(../images/puce.png) no-repeat scroll 0 4px;
        width: 240px;
        line-height: 1.5em;
        list-style: none;
        padding: 5px 0 4px 25px;
    }
    
    #body #globalbox .col3 {
        float: left;
        width: 31.333%;
        margin: 0 1%;
    }
    #body #globalbox .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 .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 0 0 0;
        padding: 2px 17px 0 0;
        height: 26px;
    }
    
    #body #globalbox .box-header #search-box {
        margin: 15px 1em 0 0;
    }

    #body #globalbox .box-header #search_id {
        margin-right: 15px;
        position: relative;
        z-index: 99;
    }
    #body #globalbox .box-header input[type=submit] { 
        background-color: #AF4F5D;
        color: white;
        padding: 2px 12px;
        border: 0;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        position: relative;
        z-index: 99;
    }


/* ### 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(../images/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(../images/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(../images/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(../images/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(../images/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%;
        text-align: center;
        width: 160px;
        margin: 0;
    }
    
    /* Tab pour Iwi / Bar / Cuisine ... */
    #body #globalbox ul#main-nav li.gandi {
        position: relative;
        width: 58px;
    }
    
        #body #globalbox ul#main-nav li.gandi img {
            position: absolute;
            top: 15px;
            left: 35px;
        }
    
    #body #globalbox ul#main-nav li.gandi a:link, #body #globalbox ul#main-nav li.gandi a:visited {
        background: transparent url(../images/tab_home.png) no-repeat scroll 0 0;
    }
    
    #body #globalbox ul#main-nav li.bar a:link, #body #globalbox ul#main-nav li.bar a:visited,
    #body #globalbox ul#main-nav li.kitchen a:link, #body #globalbox ul#main-nav li.kitchen a:visited
    {
        background: transparent url(../images/tab_talk.png) no-repeat scroll 0 0;
    }
    
    #body #globalbox ul#main-nav li.groups a:link, #body #globalbox ul#main-nav li.groups a:visited,
    #body #globalbox ul#main-nav li.wiki a:link, #body #globalbox ul#main-nav li.wiki a:visited
    {
        background: transparent url(../images/tab_support.png) no-repeat scroll 0 0;
    }
    
    #body #globalbox ul#main-nav li.gandi a:hover,
    #body #globalbox ul#main-nav li.bar a:hover,
    #body #globalbox ul#main-nav li.kitchen a:hover,
    #body #globalbox ul#main-nav li.groups a:hover,
    #body #globalbox ul#main-nav li.wiki a:hover
    {
        background-position: -160px 0;
    }
    
    #body #globalbox ul#main-nav li.selected a:link, 
    #body #globalbox ul#main-nav li.selected a:hover, 
    #body #globalbox ul#main-nav li.selected a:visited 
    {
        color: #52524C;
        background: transparent url(../images/tab_selected.png) no-repeat scroll 0 0;
    }
    
#body #globalbox ul#right-nav {
    position: relative;
    top: -25px;
    right: 34px;
    float: right;
}
    
    #body #globalbox ul#right-nav li {
        background: url(../images/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 a:link, #body #globalbox ul#right-nav li a:visited {
        text-decoration: none;
        color: #52524C;
    }

    #body #globalbox #main {
        color: #4B483A;
        float: left;
        width: 625px;
        padding: 0 30px 0 0px;
        background: url(../images/divider_center.png) repeat-y right top;
    }
    
    #body #globalbox #main.full_page {
        width: 100%;
        background: none;
        padding: 0;
        float: none;
    }
    
    
/* {{{ 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 ul.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: 2em;
    }

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

/* NO BULLSHIT §§ */
div#signature {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 90%;
    position: absolute;
    top: 52px;
    left: 210px;
    color: white;
}