* {
    margin:             0;
    padding:            0;
}

body {
    font:               13px arial, helvetica, sans-serif;
	background: 		#92896A 
}

a.edit {
    display:            none;
}

#container {
    position:           relative;
    width:              982px;
    margin:             0 auto;
    background:         #EDECE2 url(images/body.jpg) repeat-y center top;
}

#header {
    height:             115px;
    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 {
    position:           absolute;
    top:                117px;
    left:               255px;
    font-size:          11px;
    font-weight:        normal;
	color:              #9C8862;	
}

#navbar a{
	color:              #9C8862;	
}



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

#content p {
    padding:            0 10px;
}

#content a {
	color:              #A10304;
}

#content {
    min-height:         623px;
    height:             auto !important;
    height:             473px;
    padding:            20px 25px 10px 255px;
	color:              #5B3D1B;
	text-align:         justify;
}

#content h4 {
    position:           relative;
    margin:             2px 0 2px 0;
    padding:            2px 30px;
    background:         #FFFFFF url(images/pictos/titre1.gif) no-repeat;
	color:              #419BFB;
	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 3px;
}

#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:             25px;
}

#footer address {
    float:              center;
	height:             25px;
    color:              #777;
    text-align:         right;
    font-size:          11px;
    font-style:         normal;
	padding:            2px 30px;
	background:         #ffffff url(images/footer.jpg) no-repeat;
}

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


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

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

#navcontainer #nav {
    width:              186px;
    padding-top:        0px;
    padding-left:       61px;
}

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

/* premier niveau */

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

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

#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:              #FFFF00;
	font-weight:        bold;
}

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

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

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

/** Menu Secondaire *****************************************************************/

#subnavcontainer {
    position:               absolute;
    top:                    -1px;
    right:                  0px;
}

#subnav {
    font-size:              9px;
}

#subnav li {
    display:                inline;
    padding:                0 3px 0 4px;
    border-left:            1px solid #ccc;
}

#subnav li.first-child {
    border:                 0;
}

#subnav a {
    color:                  #788597;
    text-decoration:        none;
}


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