* {
    margin:             0;
    padding:            0;
}

body {
    font:               13px arial, helvetica, sans-serif;
	background: 		#000 url(images/body.jpg) repeat-y center top;
}

a.edit {
    display:            none;
}

#container {
    position:           relative;
    width:              996px;
    margin:             0 auto;
    background:         #fff url(images/container2.jpg) repeat-y;
}

#header {
    height:             85px;
    background:         url(images/header.jpg);
}

#header h1 a {
    display:            block;
    height:             60px;
    margin:             0 240px 0 380px;
    text-indent:        -100em;
    overflow:           hidden;
}

#title {
    position:           absolute;
    top:                63px;
    left:               255px;
    text-transform:     uppercase;
    font-size:          13px;
    font-weight:        normal;
}

#title h3 {
    text-transform:     uppercase;
    font-size:          13px;
}

#navbar {
    display:            none;
}



/** content *******************************************************************/

#content {
    min-height:         400px;
    height:             auto !important;
    height:             400px;
    padding:            10px 20px 10px 285px;

}

#content h4 {
    position:           relative;
    margin:             20px 0 15px 0;
    padding:            2px 5px;
    background:         #F09101;
    border:             1px solid #C6974F;
	color:              #ffffff;
	font-size:          14px;
}

#content h5 {
    position:           relative;
    margin:             10px 0 15px 0;
    font-size:          13px;
    border-bottom: 		1px solid #BFBFBF;
	width:              50%;
    color:              #000000;
}

#content p {
    margin:             10px 0;
}

#content ul {
    margin:             10px 30px;
    padding:            0;
    list-style:         none;
}

#content li {
    position:           relative;
    padding:            0 0 5px 15px;
    background:         url(images/li.gif) no-repeat left 2px;
}

#content fieldset {
    margin:             20px 0;
    padding:            10px;
}

#content fieldset table {
    width:              100%;
}

#content fieldset table th {
    width:              200px;
    padding:            5px;
    text-align:         left;
}

#content fieldset table td {
    padding:            5px;
    text-align:         right;
}

#content fieldset table td input {
    width:              98%;
}



/** messages d'erreur *********************************************************/

#content div.message {
}

#content div.message p {
    padding:            20px 20px 20px 60px;
    /*
    padding:            20px 20px 20px 55px;
    background:         #FFf7f7 url(../images/pictos/delete.gif) no-repeat 20px 14px;
    border:             2px solid #FFDDDD;
    text-align:         center;
    font-weight:        bold;
    */
}

#content div.message p.info {
    border:             2px solid #FFDDDD;
    background:         #FFf7f7 url(images/pictos/private.gif) no-repeat 20px 14px;
    color:              #cc0000;
}

#content div.message p.warning {
    border:             2px solid #FFDDDD;
    background:         #FFf7f7;
    color:              #cc0000;
}

#content div.message p.private {
    border:             2px solid #FFDDDD;
    background:         #FFf7f7 url(images/pictos/private.gif) no-repeat 20px 14px;
    color:              #cc0000;
}

#content div.message p.register {
    border:             2px solid #FFDDDD;
    background:         #FFf7f7 url(images/pictos/ajout_membres.gif) no-repeat 20px center;
    color:              #cc0000;
}

#content div.message p.logout {
    border:             2px solid #FFDDDD;
    background:         #FFf7f7 url(images/pictos/deconnexion.gif) no-repeat 20px 14px;
    color:              #cc0000;
}





/** footer ********************************************************************/

#footer {
    overflow:           hidden;
    height:             20px;
}

#footer address {
    float:              right;
    border-top:         1px solid #777;
    color:              #777;
    text-align:         right;
    font-size:          11px;
    font-style:         normal;
}

#navcontainer {
    position:           absolute;
    top:                85px;
    width:              265px;
    min-height:         247px;
    height:             auto !important;
    height:             247px;
    background:         url(images/navcontainer.jpg) no-repeat;
}


#userarea {
    position:           absolute;
    top:                63px;
    right:              40px;
}

/** navcontainer **************************************************************/

#navcontainer #nav {
    width:              223px;
    padding-top:        50px;
    padding-left:       42px;
}

#navcontainer #nav li {
    list-style:         none;
}

/* premier niveau */

#navcontainer #nav li a {
    display:            block;
    height:             28px;
    line-height:        28px;
    padding-left:       35px;
    background:         url(images/nav-li.jpg);
    color:              #fff;
    text-decoration:    none;
}

#navcontainer #nav li.last-child a {
    background:         url(images/nav-li-last-child.jpg);
}

#navcontainer #nav li a:hover {
    background:         url(images/nav-li-hover.jpg);
    color:              #fff;
}

#navcontainer #nav li.last-child a:hover {
    background:         url(images/nav-li-hover-last-child.jpg);
}

#navcontainer #nav li a.selected {
    background:         url(images/nav-li-selected.jpg);
    color:              #000;
}

#navcontainer #nav li.last-child a.selected {
    background:         url(images/nav-li-selected-last-child.jpg);
}

/* second niveau */

#navcontainer #nav li li a, 
#navcontainer #nav li li.last-child a {
    height:             21px;
    line-height:        21px;
    background:         url(images/nav-li-li.jpg) no-repeat right;
    color:              #000;
}

#navcontainer #nav li.last-child li a {
    background:         url(images/nav-li-li-last-child.jpg) no-repeat right;
}

#navcontainer #nav li li a:hover, 
#navcontainer #nav li li a.selected, 
#navcontainer #nav li li.last-child a:hover, 
#navcontainer #nav li li.last-child a.selected {
    background:         url(images/nav-li-li-hover.jpg) no-repeat right;
    color:              #000;
}

#navcontainer #nav li.last-child li a:hover, 
#navcontainer #nav li.last-child li a.selected {
    background:         url(images/nav-li-li-hover-last-child.jpg) no-repeat right;
}

#subnav-contact a {
    display:            block;
    width:              53px;
    height:             50px;
    position:           absolute;
    top:                8px;
    right:              23px;
    text-indent:        -100em;
    overflow:           hidden;
}

#extraDiv1 {
    /*position:           fixed !important;*/
    position:           absolute;
    z-index:            100;
    top:                200px;
    /*bottom:             0;*/
    width:              265px;
    height:             265px;
    background:         url(images/content.jpg);
}


/** catalogue *****************************************************************/

table.catalogue {
    width:              100%;
    border-collapse:    collapse;
}

table.catalogue th {
    padding:            5px;
    background:         #1564E7;
    border:             2px solid #1564E7;
    color:              #fff;
}

table.catalogue td {
    padding:            5px;
    border:             2px solid #1564E7;
}

table.paiement-cb th {
    text-align:         left;
}

#content table.paiement-cb td {
    text-align:         left;
}