/*---------------------------------------------------------
Project : 	Cabane Chic
Date : 		April 09
Author : 	SOFTAKT (NL)
URL :		http://www.cabane-chic.com
----------------------------------------------------------*/

body {
background:url(../images/body-bg.png) repeat-x;
font: 13px/1.3 Calibri, "Trebuchet MS", Trebuchet, Helvetica, sans-serif;
color:#6c6b6f;
}
body#home {
background:url(../images/body-home-bg.png) repeat-x;
}

a {
color:#1a1a1a;
text-decoration:none;
}
a:hover {
color:#4e4d50;
}
#container p {
margin:1em 0;
}

/* forms */ 

input, textarea, select {
border: solid 1px #c5c0c5;
background:#f9f9f9;
color:#6c6b6f;
font-size: 100%;
font-family: Calibri, "Trebuchet MS", Trebuchet, Helvetica, sans-serif;
padding:1px;
}
input:hover, input:focus, textarea:hover, textarea:focus {
border: solid 1px #59585b;
background:#fff;
}
form label {
cursor: pointer;
}
input[type="submit"]:hover {
cursor:pointer;
}
option {
padding-right: 1.2em; /* Fix select in Firefox if star reset is on */
}
input[type="image"], input[type="checkbox"],
input[type="radio"], input[type="reset"] {
border:0; /* Remove checkbox & radio inputs borders in IE7 */
}
/* button */
#container input.submit, #container a.submit {
background:#d3cbcb;
color:#333;
font-size:13px;
font-weight:bold;
padding:2px 30px;
border-top:solid 1px #e5dede;
border-right:solid 1px #a19696;
border-bottom:solid 1px #998e8e;
border-left:solid 1px #d7cfcf;
overflow:visible;
}
#container a.submit {
display:block;
width:170px;
font-family: Calibri, "Trebuchet MS", Trebuchet, Helvetica, sans-serif;
text-align:center;
}

/* imgs */

.img-left {
float:left;
margin:0 10px 0 0;
}
.img-right {
float:right;
margin:0 0 0 10px;
}

/* selection */

::-moz-selection {
background:#E2DDDD;
color:#6c6b6f;
}
::selection {
background:#E2DDDD;
color:#6c6b6f;
}

/* alert messages */

.alert-confirm, .alert-info, .alert-error {
margin: 1em 0;
font-size:14px;
padding: 1em 20px 1em 50px;
text-align: left;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.alert-confirm {
border: 2px solid #fffd7f;
background: #ffffdf url(../images/ui/valid.gif) center no-repeat;
background-position: 15px 50%; /* x-pos y-pos */
}
.alert-error {
border: 2px solid #fffd7f;
background: #ffffdf url(../images/ui/error.gif) center no-repeat;
background-position: 15px 50%; /* x-pos y-pos */
}
.alert-info {
border: 2px solid #fffd7f;
background: #ffffdf url(../images/ui/info.gif) center no-repeat;
background-position: 15px 50%; /* x-pos y-pos */
}

/* structure */

#container {
width: 1000px;
margin:0 auto;
overflow:hidden;
}
#header {
position:relative;
height:140px;
margin-bottom:15px;
}
#content {
width:670px;
float:left;
padding:0 15px;
}
#content-home {
width:970px;
padding:0 15px 0 15px;
overflow:hidden;
}
#sidebar {
float:right;
width:300px;
display:inline;
}
#path {
margin:1em 0 1em 0;
padding:4px 0;
border-bottom: solid 2px #999;
color:#7a7a7b;
}
#path a {
color:#7a7a7b;
padding:5px 0;
}
#path a:hover {
background:url(../images/path/arrow-icon.png) no-repeat bottom center;
}
#path a.home-path {
padding-left:25px;
background: url(../images/path/home-icon.png) no-repeat 0 50%;
}
#path a:hover.home-path {
background: url(../images/path/home-icon.png) no-repeat 0 50%;
}
#path a.selected-path {
color:#1a1a1a;
background:url(../images/path/arrow-icon.png) no-repeat bottom center;
}

/* campagnes */

.campagne li {
border:solid 1px #6c6b6f;
position:relative;
overflow:hidden;
height:100%;
margin:1em 0;
}
.campagne-info {
width:270px;
text-align:center;
float:left;
}
#content .campagne-info p {
margin: 0;
}
.campagne-img  {
float:right;
text-align:right;
}
.campagne-img img {
display:block;
}
.campagne-img a.campagne-link {
position:absolute;
bottom:-1px;
right:0;
display:block;
width:189px;
padding-right:10px;
color:#fff;
font-size:12px;
line-height:14px;
text-transform: uppercase;
background: url(../images/content/campagne-link-bg.png) no-repeat;
}
.campagne-img a:hover {
color:#fff;
}
#content .campagne-img p {
position:absolute;
bottom:-1px;
right:0;
display:block;
width:350px;
padding-right:10px;
margin:0;
color:#fff;
font-size:12px;
line-height:14px;
text-transform: uppercase;
background: url(../images/content/campagne-link-bg.png) no-repeat;
}

/* home */

#content-home #login-form {
width:382px;
height:134px;
padding:70px 0 0 80px;
background:url(../images/content-home/login-form-bg.jpg) no-repeat;
}
#content-home #login-form legend {
font-size:18px;
}
#content-home #devenir-membre {
float:right;
clear:right;
margin:10px 90px 10px 0;
display:inline;
}
#content-home #login-form input.submit {
right:85px;
top:115px;
}
#about-us {
float:right;
clear:right;
display:inline;
width:344px;
height:85px;
padding:25px 0 0 0;
margin:0 60px 0 0;
background:url(../images/content-home/ou-sommes-nous-bg.jpg) no-repeat;
text-align:center;
}
#about-us a {
font-size:18px;
font-weight:bold;
color:#6c6b6f;
}
#about-us p {
margin:.2em 0;
}
#about-us p a {
font-size:13px;
padding-right:15px;
background: url(../images/content-home/ventes-switch.png) no-repeat 100% 3px;
outline:none;
}
#about-us p a.open {
background: url(../images/content-home/ventes-switch.png) no-repeat 100% -10px;
}
#campagne-en-cours-home {
display: none;
overflow:hidden;
}
#campagne-en-cours-home li {
float:left;
display:inline;
margin:0 10px;
padding:10px;
border:solid 1px #E3DDDD;
}
#campagne-en-cours-home li img {
width:200px;
}
#campagne-en-cours-home li p {
text-align:center;
font-size:14px;
font-weight:bold;
margin:0;
}
/* header */

#header {
background: url(../images/header/header-bg.jpg) no-repeat center;
}
#header img {
float:left;
display:block;
margin:15px 0 0 20px;
}
#login-form {
width: 300px;
float:right;
position:relative;
}
#login-form legend {
font-size:16px;
font-weight:bold;
padding-left:50px;
}
#login-form p {
margin:1em 0;
}
#login-form p input {
width: 145px;
}
#login-form p label {
display:block;
float:left;
width:100px;
margin-right:5px;
text-align:right;
}
#login-form input.submit {
position:absolute;
width:30px;
top :45px;
right:5px;
background:none;
font-size:15px;
font-weight:bold;
border:0;
overflow:visible;
padding:0;
color:#6c6b6f;
}
#login-form a {
text-decoration:underline;
margin-left:110px;
}
#mon-compte {
width:200px;
float:right;
}
#mon-compte p {
margin:1em 0;
}
#mon-compte ul {
margin-left:25px;
list-style: circle;
}

/* forms */
#campagne-en-cours {
float:right;
width:250px;
text-align:center;
}
#campagne-en-cours img {
width:120px;
}
#register-intro {
float:left;
width:400px;
}
#register-form p {
margin:0;
}
#register-table {
clear:both;
}
#login-form-page {
position:relative;
width:600px;
margin-left:20px;
}
#login-form-page label {
display:block;
width:150px;
float:left;
}
#login-form-submit {
position:absolute;
right:100px;
top:20px;
}
#login-form-links {
margin:2em 0 0 150px;
}
#login-form-links a {
margin-right:1em;
font-size:11px;
}
#parrainage-form-multiple ul {
margin: 2em 0 2em 1em;
}
#parrainage-form-multiple li {
margin:1em 0;
}
#parrainage-form-multiple label {
margin-right:15px;
}
#password-form {
margin:1em 0;
}
#password-form input {
vertical-align:middle;
}
#password-form legend {
font-size:14px;
font-weight:bold;
}

/* titles */

.titre {
overflow:hidden;
height:100%;
width:100%;
clear:both;
}
.trait {
background: url(../images/content/h2-trait.png) no-repeat bottom left;
margin:1.4em 0 .5em 0;
overflow:hidden;
height:20px;;
}
.titre h2 {
font-size: 18px;
margin:1em 0 .5em 0;
float:left;
overflow:hidden;
}
#sidebar h2 {
padding-left:20px;
}
#content h3 {
font-size:13px;
margin: 1em 0 .2em 0;
}
#sidebar p {
margin: 1em 0;
}

/* content */

#content h1 {
font-size:22px;
margin: 1em 0 .5em 0;
}
#contenu h1 {
font-size:20px;
padding:2px 0 2px 10px;
background:url(../images/content/h1-bg.png) repeat-y;
}
#contenu h2 {
font-size:16px;
margin: 1em 0 .5em 0;
color:#9F8681;
padding:0 0 0 25px;
background:url(../images/content/h2-bg.png) no-repeat 0 50%;
}
#contenu h3 {
font-size:14px;
margin: 1em 0 .5em 0;
}
#contenu blockquote {
border-left: solid 2px #D3CBCB;
padding-left:15px;
}

/* sidebar */

#parrainage-form {
text-align:center;
}
#parrainage-form label {
font-size:16px;
text-align:right;
display:block;
padding:0 0px 5px 0;
margin-right:30px;
}
#parrainage-form input {
vertical-align:middle;
width:120px;
}
#parrainage-form input.submit {
background:none;
font-size:15px;
font-weight:bold;
border:0;
padding:0;
color:#6c6b6f;
width:30px;
}
#parrainage img {
margin-left:25px;
}
#parrainage-form a {
text-decoration:underline;
}
#jeu-concours {
text-align:center;
}
#jeu-concours object {
margin-left:20px;
}
#jeu-concours p {
padding:0 15px;
}
#devenir-membre {
background:url(../images/sidebar/register-bg.jpg) no-repeat;
width:300px;
height:103px;
line-height:103px;
text-align:center;
}
#devenir-membre a {
line-height:103px;
font-size:18px;
font-weight:bold;
color:#6c6b6f;
}

/* listing produit */

#listing-produit {
overflow:hidden;
height:100%;
text-align:center;
}
#listing-produit li {
float:left;
width: 315px;
height:460px;
display:inline;
background:#faf9f9;
margin:0 0 15px 15px;
border:solid 1px #e2dddc;
}
#listing-produit h2 {
margin:10px 0;
font-size:18px;
}
#listing-produit h2 a {
color:#9F8681;
}
#listing-produit h2 a:hover {
color:#7f6763;
}
#listing-produit .listing-price {
font-size:14px;
margin:5px 0;
}
#listing-produit del {
font-size:16px;
margin:0 10px;
}
#listing-produit span {
font-size: 20px;
margin:0 10px;
color:#9F8681;
font-weight:bold;
}
#listing-produit .listing-link {
font-size:16px;
margin:5px 0;
}
.listing-next, .listing-previous {
color:#6c6b6f;
font-size:16px;
font-weight:bold;
}

/* fiche produit */

#fiche-prod h1 {
font-size:22px;
color:#9F8681;
margin:0 0 1em 0;
}
#fiche-info {
width:410px;
float:left;
display:inline;
}
#fiche-img {
float:right;
width:251px;
display:inline;
}
#fiche-img img {
padding:2px;
border:solid 1px #9F8681;
}
#fiche-img ul {
margin:10px 0;
}
#fiche-img li {
float:left;
overflow:hidden;
height:100%;
margin-right:5px;
}
#fiche-img li img {
display:block;
}
#fiche-img a:hover img {
display:block;
padding:0;
border:solid 3px #9F8681;
}
#fiche-desc {
background:#f5f3f3;
margin:5px 0;
padding:10px;
overflow:hidden;
height:100%;
}
#fiche-desc span{
float:left;
font-weight:bold;
display:block;
width:110px;
font-size:13px;
}
#fiche-desc div {
width:280px;
float:right;
}
#fiche-price {
background:#f5f3f3;
margin:5px 0;
padding:10px;
font-weight:bold;
font-size:13px;
}
#fiche-price del {
font-size:18px;
margin-left:40px;
color:#999;
font-weight:normal;
}
#fiche-price span {
font-size:26px;
font-weight:bold;
margin-left:20px;
color:#9F8681;
}
#fiche-addcart {
background:#f5f3f3;
margin:5px 0;
padding:10px 0 10px 10px;
}
#fiche-addcart label {
display:block;
float:left;
width:110px;
line-height:20px;
font-weight:bold;
font-size:13px;
}
#fiche-addcart input.submit {
background:#d3cbcb url(../images/ficheprod/cart.png) no-repeat 15px 50%;
padding:2px 20px 2px 40px;
margin:.5em 0 .5em 110px;
}
#fiche-nav {
overflow:hidden;
height:100%;
margin-bottom:1em;
}
#fiche-nav a {
color:#6c6b6f;
display:block;
width:155px;
text-align:center;
height:18px;
line-height:18px;
outline:none;
}
#fiche-prev {
float:left;
}
#fiche-next {
float:right;
}
#fiche-prev a {
background:url(../images/ficheprod/prev-bg.png) no-repeat;
}
#fiche-prev a:hover {
color:#333;
background:url(../images/ficheprod/prev-bg.png) no-repeat 0 -18px;
}
#fiche-next {
background:url(../images/ficheprod/next-bg.png) no-repeat;
}
#fiche-next a:hover {
color:#333;
background:url(../images/ficheprod/next-bg.png) no-repeat 0 -18px;
}

/* process */

#process-choice li {
float:left;
width:50%;
margin:1em 0;
}
#etapes {
margin:1em auto;
width:640px;
}
#cart-table  {
margin-top:1em;
text-align:left;
}
#cart-table th, #cart-table td {
padding: 5px;
}
#cart-table th {
background:#e2dddc;
color:#666;
font-size:13px;
border-top:solid 1px #cfc2c2;
border-bottom:solid 1px #cfc2c2;
}
#cart-table td {
border-bottom:solid 1px #e2dddc;
}
.price-line-total-ht {
background:#eceaea;
}
.product-quantity {
text-align:center;
}
.product-quantity input {
text-align:center;
}
.shipping-price,
.price-ht,
.product-price-ttc,
.carte-vip-price,
.price-total-ht,
.bons-price {
text-align:right;
}
.product-del {
text-align:center;
}
.price-line-total-ttc {
background:#e2dddc;
font-weight:bold;
font-size:14px;
color:#666;
}
.price-total-ttc {
background:#cdc2bf;
text-align:right;
}
.recalc-line {
text-align:right;
}
#cart-buttons li {
float:left;
width:325px;
padding:5px;
}

/* user account */

#modify-user-form p {
margin:0;
}
#modify-user-form td {
vertical-align:top;
}
#user-commandes th, #user-filleuls th {
background:#e2dddc;
color:#666;
font-size:13px;
border-top:solid 1px #cfc2c2;
border-bottom:solid 1px #cfc2c2;
}
#user-commandes th, #user-commandes td,
#user-filleuls th, #user-filleuls td {
padding:8px 5px;
}
#user-commandes td, #user-filleuls td {
border-bottom:solid 1px #e2dddc;
}
#user-commandes .commande-del {
display:none;
}

/* footer */

#footer {
text-align:center;
overflow:hidden;
margin:20px 0;
background: url(../images/footer/footer-bg.png) repeat-x;
}
#footer a {
color:#6c6b6f;
}
#footer p {
width:1000px;
margin:0 auto 20px auto;
}