/* reset */
* {
    margin:             0;
    padding:            0;
    border:             0;
}

#page {
    margin:             0 auto 2em;
    width:              886px;
    background-color:   white;
}

#header {
    position:           relative;
    height:             205px;
}
#header a#logo {
    position:           absolute;
    left:               19px;
    top:                7px;
    width:              190px;
    height:             68px;
}
#header #lang,
#header #contact {
    position:           absolute;
}
#header #lang {
    top:                8px;
    left:               230px;
    width:              200px;
    height:             17px;
}
#header #contact {
    top:                5px;
    right:              0;
    height:             22px;
}
#header #lang li,
#header #contact li {
    display:            inline;
    margin-right:       1em;
}
#header #lang li:last-child {
    margin-right:       0;
}
#header #login {
    position:           absolute;
    top:                110px;
    left:               15px;
    width:              200px;
}
#header #login input[type="text"],
#header #login input[type="password"] {
    width:              125px;
    margin-bottom:      .5em;
    padding:            1px 2px;
}
#header #login input[type="image"] {
    float:              right;
    margin-top:         -40px;
}
#header #login #login_acc {
    width:              80%;
    margin:             1em auto 1em;
}
#header #login #login_acc li {
    margin-bottom:      .8em;
    padding:            3px 0;
    background:         white;
    text-align:         center;
    border:             solid 1px black;
}
#header #login #login_acc a {
    font-weight:        bold;
    text-decoration:    none;
}

#main {
    position:           relative;
    min-height:         378px;
}
#main #c1,
#main #c2 {
    position:           relative;
    float:              left;
}
#main #picto_cb {
    position:           absolute;
    bottom:             5px;
    right:              7px;
}

#c1 {
    width:              676px;
}
#c1 #content {
    padding:            1.5em 20px 6em;
}

#c2 {
    position:           relative;
    width:              210px;
    padding:            5px 0 20px;
}
#c2>div {
    margin:             0 auto;
    width:              195px;
    margin-bottom:      1em;
}
#c2 #cart {
    width:              195px;
    padding:            .5em 0;
    background:         #d3c9ba;
    border:             solid 1px #94846d;
}
#c2 #newsletter {
    width:              195px;
	height: 			106px;
	background:         url(/image/global/newsletter.jpg) no-repeat;
	margin:				8px 0 0 5px;
	padding:			40px 0px 0 5px;
	font-size:			0.9em;
}
#c2 #cart img {
    float:              left;
    margin:             0 8px 1em 4px;
}
#c2 #cart table#cart_content {
    width:              133px;
    margin-bottom:      1em;
    font-size:          .9em;
}

#rails {
    margin:             .5em 1em 0;
    font-size:          .9em;
    font-weight:        bold;
}

#nav {
    position:           absolute;
    top:                48px;
    left:               226px;
    width:              659px;
    height:             62px;
}
#nav>li {
    display:            block;
    float:              left;
}
#nav li ul.snav {
    display:            none;
    border-bottom:      solid 1px black;
}
#nav li:hover ul.snav {
    display:            block;
    position:           absolute;
    top:                21px;
}
#nav li ul.snav li {
    border-left:        solid 1px black;
    border-right:       solid 1px black;
    border-top:         solid 1px black;
    padding:            2px 4px;
}
#nav li #snav_0 {
    left:               0px;
    width:              105px;
    background:         #76685f;
}
#nav li #snav_1 {
    left:               110px;
    width:              115px;
    background:         #5e8db8;
}
#nav li #snav_2 {
    left:               232px;
    width:              130px;
    background:         #5e8db8;
}
#nav li #snav_3 {
    left:               367px;
    width:              110px;
    background:         #868600;
}
#nav li #snav_4 {
    left:               477px;
    width:              100px;
    background:         #868600;
}
#nav li #snav_5 {
    left:               577px;
    width:              82px;
    background:         #e3723e;
}
#nav li ul.snav li a {
    font-size:          .9em;
    text-decoration:    none;
    color:              white;
}
#nav li ul.snav li a:hover {
    text-decoration:    underline;
}

#footer {
    position:           relative;
    padding:            1px 5px;
    background:         url(/image/footer_bg.png);
    font-weight:        bold;
    font-size:          .9em;
}
#footer ul li {
    display:            inline;
}
#footer ul li:before {
    content:            "|";
}
#footer ul li:first-child:before {
    content:            "";
}
#footer a {
    margin:             0 .2em;
    font-weight:        bold;
    color:              black;
    text-decoration:    none;
}
#footer a:hover {
    text-decoration:    underline;
}
#footer a#copyright {
    position:           absolute;
    right:              5px;
    top:                1px;
}

/* page specific */
body.home {
    background:         url(/image/home/body_bg.gif) repeat-x;
}
body.home #header {
    background:         url(/image/home/header_bg.jpeg);
}
body.home #header #logo {
    background:         url(/image/logo_bg_green.png);
}
body.home #main {
    background:         url(/image/home/main_bg.jpeg) no-repeat bottom;
}
body.home #footer ul {
    padding-right:      10em;
}
body.home #footer a {
    color:              #6e771b;
}

body.blue {
    background:         url(/image/body_bg_blue.jpeg) repeat-x;
}
body.blue #header {
    background:         url(/image/header_bg_blue.jpeg);
}
body.blue #header #logo {
    background:         url(/image/logo_bg_blue.png);
}
body.blue #main {
    background:         url(/image/main_bg_blue.jpeg) no-repeat bottom;
}
body.blue #content a,
body.blue #footer a {
    color:              #385c7d;
}

body.green {
    background:         url(/image/body_bg_green.jpeg) repeat-x;
}
body.green #header {
    background:         url(/image/header_bg_green.jpeg);
}
body.green #header #logo {
    background:         url(/image/logo_bg_green.png);
}
body.green #main {
    background:         url(/image/main_bg_green.jpeg) no-repeat bottom;
}
body.green #content a,
body.green #footer a {
    color:              #6e771b;
}

body.grey {
    background:         url(/image/body_bg_grey.jpeg) repeat-x;
}
body.grey #header {
    background:         url(/image/header_bg_grey.jpeg);
}
body.grey #header #logo {
    background:         url(/image/logo_bg_grey.png);
}
body.grey #main {
    background:         url(/image/main_bg_grey.jpeg) no-repeat bottom;
}
/*body.grey #content a,*/
body.grey #footer a {
    color:              #a89993;
}
body.grey input[type=file],
body.grey input[type=password],
body.grey input[type=text],
body.grey input[type=submit],
body.grey select,
body.grey textarea {
    background:         #f0eeeb;
}
body.grey input[type=submit] {
    border:             solid 1px #76685f;
    background:         #c1b8b5;
}
body.grey input[type=submit]:hover {
    background:         #d3c9ba;
}

body.orange {
    background:         url(/image/body_bg_orange.jpeg) repeat-x;
}
body.orange #header {
    background:         url(/image/header_bg_orange.jpeg);
}
body.orange #header #logo {
    background:         url(/image/logo_bg_orange.png);
}
body.orange #main {
    background:         url(/image/main_bg_orange.jpeg) no-repeat bottom;
}
body.orange #content a,
body.orange #footer a {
    color:              #ff6a00;
}
body.orange #content .orange {
    color:              #ff6a00;
}