/*==========================================================================
//	STYLESHEET FOR VENTE EN OR
// 	Date: 			November 2008
// 	Author: 		SOFTAKT	- www.softakt.com
==========================================================================*/


/*==========================================================================
	Global : links, forms, user messages
==========================================================================*/

body {
font-family: Verdana, Arial, Sans-Serif;
font-size:12px;
color: #fff;
background:#292929;
}

/*-------------------------------
	Links
-------------------------------*/

a {
color: #fff;
text-decoration:none;
}

a:hover {
color: #fbb307;
}

a:focus {
outline: 1px dotted #333;
} 

/*-------------------------------
	Forms
-------------------------------*/

input, textarea, select {
border: solid 1px #999;
padding:1px 2px;
font-size: 100%;
font-family: inherit;
}

input:hover, input:focus, textarea:hover, textarea:focus {
border: solid 1px #fbb307;
}

form label {
cursor: pointer;
}

input[type="submit"]:hover {
cursor:pointer;
}

option {
padding-right: 1.2em; /* Fix select in Firefox if * reset is on */
}

/* Remove IE borders for checkbox & radio inputs */

input[type="image"], input[type="submit"], input[type="reset"], input[type="checkbox"], input[type="radio"] {
border:0 none;
}

input.checkbox, input.radio, input.reset, input:hover.reset input.submit, input:hover.submit {
border:0 none;
}

/*-------------------------------
	User messages
-------------------------------*/

.formInfo {
color:green;
}

.panier_cityssimo {
color:red;
}

.formSuccess, .formError, .panier_chronopost {
margin: 1em 0;
font-size:13px;
}

.formSuccess {
background: #666 url(/upload/images/design/ui/valid.gif) center no-repeat;
}

.formError, .panier_chronopost {
background: #666 url(/upload/images/design/ui/error.gif) center no-repeat;
}

.formSuccess, .formError, .panier_chronopost {
background-position: 15px 50%; /* x-pos y-pos */
text-align: left;
padding: 5px 20px 5px 45px;
border: 2px solid #999;
}

/*==========================================================================
	Design : structure / navbar / sidebars 
==========================================================================*/

/*-------------------------------
	Structure
-------------------------------*/

#header {
height: 160px;
}

#container {
margin: 0 auto 20px auto;
width:970px;
background: #3a3830;
overflow:hidden;
height:100%;
}

#left {
width: 190px;
float:left;
}

#main {
float: left;
width: 750px;
padding: 0 15px;
overflow:hidden;
}

#content {
overflow:hidden;
padding-bottom:10px;
}

#footer {
clear:both;
margin: 0 auto;
text-align: center;
}

/*-------------------------------
	Path / Tri / Pagination
-------------------------------*/

#path {
padding:5px 0;
margin-bottom: 10px;
border-bottom: solid 1px;
}

.panier_trier {
float:right;
}

.panier_trier img {
vertical-align:middle;
}

#panier_pages {
float:left;
margin-bottom:10px;
}

#produit_listing {
overflow:hidden;
margin: 10px 0;
clear:both;
height:100%;
}

/*-------------------------------
	Buttons
-------------------------------*/

#container a.button  {
background: #666;
color: #fff;
border: solid 1px #999;
outline: 0;
dispaly:block;
padding:1px 20px;
}

.home_bouton, .home_title, .home_modify {
margin-top:10px;
}

#container input.button {
background: url(/upload/images/design/ui/button.gif) no-repeat;
color: #fff;
width: 135px;
cursor: pointer;
outline: 0;
*height:18px;
border:0;
}

#container input:hover.button {
background: url(/upload/images/design/ui/button.gif) no-repeat;
}

/* button wide */

#container .wide input.button, .wide input:hover.button {
width:200px;
background: url(/upload/images/design/ui/button-wide.gif) no-repeat;
}

/*-------------------------------
	Home
-------------------------------*/

#home-left {
float:left;
width:525px;
}

#home-right {
float:right;
width:210px;
}

.home-campagne {
margin:1em 0;
}

.home-campagne img {
display:block;
}

.home-campagne p {
background:#000;
margin:0;
padding: 3px 0;
font-variant:small-caps;
font-size: 15px;
text-align:center;
}

/*-------------------------------
	Navigation bar
-------------------------------*/

#navbar {
height:31px;
background: url(/upload/images/design/navbar/nav-back.gif) repeat-x;
padding-left:15px;
}

#nav-ventes {
float:left;
padding: .6em 1em;
line-height:1;
color:#cd8115;
font-variant: small-caps;
font-size:14px;
background: url(/upload/images/design/navbar/nav-ventes.gif) no-repeat 0 50%;
}

#navbar .produits_1 {
background: url(/upload/images/design/navbar/nav-femme.gif) no-repeat 0 50%;
}

#navbar .produits_2 {
background: url(/upload/images/design/navbar/nav-homme.gif) no-repeat 0 50%;
}

#navbar .produits_3 {
background: url(/upload/images/design/navbar/nav-enfant.gif) no-repeat 0 50%;
}

#navbar .produits_4 {
background: url(/upload/images/design/navbar/nav-bebe.gif) no-repeat 0 50%;
}

#navbar .produits_5 {
background: url(/upload/images/design/navbar/nav-jeux.gif) no-repeat 0 50%;
}

#navbar .produits_6 {
background: url(/upload/images/design/navbar/nav-mobilier.gif) no-repeat 0 50%;
}

#navbar .produits_7 {
background: url(/upload/images/design/navbar/nav-multimedia.gif) no-repeat 0 50%;
}

#navbar .produits_8 {
background: url(/upload/images/design/navbar/nav-accessoires.gif) no-repeat 0 50%;
}

.produits_ul {
float:left;
margin-bottom:1em;
}

.produits_ul ul {
z-index:10000;
}

.produits_ul li {
margin: 0 .6em;
z-index:100;
}

.produits_ul li li {
margin:0;
}

.produits_ul a {
padding: .6em 1em;
text-decoration:none;
font-variant: small-caps;
font-size:14px;
color:#fff;
}

.produits_ul a:visited  { /* visited pseudo selector so IE6 applies text colour*/
color:#fff;
}

.produits_ul li li a {
font-size:13px;
font-variant:normal;
}

.produits_ul li li a:hover {
background: #666;
}

.produits_ul li {
background:#;
}

.produits_ul li li {
background:#111;
}

.produits_ul li li li {
background:#;
}

.produits_ul li:hover, .produits_ul li.sfHover,
.produits_ul a:focus, .produits_ul a:hover, .produits_ul a:active {
background:#;
outline:0;
}

/*-------------------------------
	Sidebar
-------------------------------*/

/* Nav user */

#nav-user {
margin:10px 0 0 10px;
}

#nav-user ul {
margin-left:20px;
}

#nav-user li a {
color:#fa772f;
font-variant:small-caps;
color:#ffb017;
}

#nav-user li li a {
color:#fa772f;
}

#nav-user li {
margin:.3em 0;;
}

#nav-user li img {
vertical-align:middle;
}

/* Nav shop */

#nav-shop {
margin-left:5px;
background: url(/upload/images/design/sidebar/list-back-repeat.jpg) repeat-y;
}

#nav-shop ul {
overflow:hidden;
text-align:left;
padding-left:40px;
background: url(/upload/images/design/sidebar/list-back.jpg) no-repeat;
}

#nav-shop li a {
}

#nav-shop li {
margin:.4em 0;
}

img.list-bottom {
display:block;
background:#3a3830;
padding-bottom:10px;
}

#left h2 {
height:34px;
line-height:34px;
width:180px;
font-variant:small-caps;
font-size: 18px;
font-weight:normal;
text-align:center;
background: url(/upload/images/design/sidebar/title-back.jpg) no-repeat;
}

#left p {
text-align:center;
}

a.femme, #nav-shop-femme a:hover, #nav-shop-femme .produits_souscateg_li_selected a {
color:#fc72dd;
}

a.homme, #nav-shop-homme a:hover, #nav-shop-homme .produits_souscateg_li_selected a {
color:#f88121;
}

a.enfant, #nav-shop-enfant a:hover, #nav-shop-enfant .produits_souscateg_li_selected a {
color:#7895ff;
}

/*-------------------------------
	Login front & Mon compte
-------------------------------*/

#login-form-front {
background: #3a3830;
padding:.6em;
display:none;
}

#login-form-front label {
}

#login-form-front input {
}

#login-form-front a {
padding: 0 .5em;
}

#mon-compte {
}

#mon-compte {
}

#search-forms {
padding: 1em 0;
overflow:hidden;
}

#search-brand {
float:left;
}

#search {
float:right;
margin-top:2px;
}

.form_search_req, #search-brand-text, .form_search_marque {
float:left;
margin-right:10px;
}


.form_search_ok {
display:none;
}

#search-brand-text {
margin-top:3px;
}

#search label {
margin-right: 10px;
}

/*-------------------------------
	Footer
-------------------------------*/

#footer0 {
text-align:left;
width: 750px;
margin-left: 205px;
}



#newsletter label {
font-variant:small-caps;
margin-left:4px;
}

#garanties {
position:relative;
height:27px;
margin:1em 0;
font-variant:small-caps;
padding:7px 0 0 10px;
background: url(/upload/images/design/footer/garanties-back.gif) repeat-x;
}

#garanties img {
vertical-align:middle;
margin:0 5px;
}

img#garanties-left, img#garanties-right {
position:absolute;
top:0;
margin:0;
}

#garanties-left {
left:0;
}

#garanties-right {
right:0;
}

#footer1 {
background: #000;
height:17px;
line-height:17px;
}

#footer1 a {
margin: 0 70px;
font-variant: small-caps;
}

#footer2 {
height:15px;
line-height:15px;
font-size: 10px;
color:#333;
background: url(/upload/images/design/footer/footer2-back.gif) repeat-x;
}

#footer2 a {
color:#333;
}

#lists_marques  {
margin-left:1em;
}

#lists_marques a {
background: url(/upload/images/design/trefle.gif) no-repeat 0 50%;
padding-left:3em;
font-variant:small-caps;
font-size:15px;
}

#lists_marques a:hover {
background: url(/upload/images/design/trefle-hover.gif) no-repeat 0 50%;
}

#lists_marques div {
margin:1em 0;
}

/*==========================================================================
	Produits : Listings / Fiche / Selections
==========================================================================*/

.panier_prix_barre {
text-decoration: line-through;
}

/*-------------------------------
	Listing produit
-------------------------------*/

.list-produit {
width: 225px;
height:305px;
background: url(/upload/images/design/listing/listing-back.gif) no-repeat;
float:left;
position:relative;
margin: 0 0 20px 20px;
display:inline;
}

.list-produit h2 {
width:100%;
text-align:center;
position:absolute;
top:230px;
left:0px;
}

.list-img {
padding: 15px 17px 0 17px; 
}

.list-img img {
display:block;
}

.list-price {
color:#fbb307;
font-size:16px;
font-weight:bold;
position:absolute;
bottom:30px;
left:15px;
}

.list-full-price {
font-size:13px;
font-weight:normal;
color:#fbb307;
position:absolute;
bottom:30px;
right:10px;
}

.list-produit .panier_pourcentage {
}

.list-detail {
position:absolute;
bottom:0;
left:0;
width:100%;
height:20px;
padding:5px 0 0 0;
text-align:center;
background: url(/upload/images/design/listing/listing-detail-back.gif) repeat-x;
}

.list-detail img {
vertical-align:middle;
margin-right:4px;
}

.list-detail a {


color:#fbb307;
}

.list-detail a:hover {
color:#ffd87a;
}

/*-------------------------------
	Fiche produit
-------------------------------*/

#fiche-produit {
}

#fiche-produit h2 {
margin:0.7em 0;
color:#fbb307;
font-size:15px;
}

#fiche-produit h2 a {
color:#fbb307;
}

#fiche-imgs {
float:left;
width:260px;
overflow:hidden;
height:100%;
margin-right:30px;
}

#fiche-img {
background:url(/upload/images/design/fiche/fiche-back.gif) no-repeat;
width: 220px;
height:250px;
padding: 20px 20px 0 20px;
float:left;
}

#fiche-img img {
}

#fiche-img-thumbs {
float:left;
overflow:hidden;
}

#fiche-img-thumbs img {
margin:1em 10px;
float:left;
display:block;
}

#fiche-info {
overflow:hidden;
height:100%;
float:left;
width:460px;
display:inline;
}

#fiche-price .panier_prix {
color:#fbb307;
font-size:19px;
}

#fiche-full-price {
color:#fbb307;
font-size:16px;
}

#fiche-promo-prcent {
}

#fiche-promo-txt, .promo {
color: red;
}

#fiche-desc {
}

#fiche-addcart {
margin:1em 0;
}

#fiche-addcart select {
margin-right:10px;
}

#fiche-addcart input {
vertical-align:middle;
}



/* Tabs */

#fiche-tabs a:focus {
outline:0;
}

#fiche-tabs {
clear:both;
color:#333;
width:500px;
padding: 15px 0px;
margin:1em 0;
}

#fiche-tabs li {
list-style:none;
float:left;
}

#fiche-tabs ul a {
display:block;
padding:6px 10px;
text-decoration:none!important;
margin:1px;
margin-left:0;
color:#fff;
background:#444;
}

#fiche-tabs ul a:hover {
color:#fbb307;
background:#333;
}

#fiche-tabs ul a.selected {
margin-bottom:0;
color:#333;
background:#fff;
border-bottom:1px solid #fff;
cursor:default;
}

#fiche-tabs ul a:hover.selected {
color:#333;
background:#fff;
cursor:default;
}

#fiche-tabs div {
padding:10px 10px 8px 10px;
*padding-top:3px;
*margin-top:-15px;
clear:left;
background:#fff;
}

/*-------------------------------
	Sélection produit
-------------------------------*/

.select-produit {
}

.select-produit h3 {
}

.select-img img {
}

.select-price {
}

.select-promo {
}

/*-------------------------------
	Produits linked
-------------------------------*/

.produits_linked h3 {
color:#fbb307;
font-size:15px;
font-weight:bold;
margin:1em 0;
}

.produits_linked .select-produit {

}

/*-------------------------------
	Paiement
-------------------------------*/

.panier_etapes {
text-align:center;
}

/* Identification */

.panier_deja_inscrit, .panier_non_inscrit {
color:#fbb307;
font-size:15px;
font-weight:bold;
font-variant:small-caps;
padding: 4px 0 4px 30px;
background: url(/upload/images/design/trefle.gif) no-repeat;
}

/* Etape 1 */

.panier_header {
color:#fbb307;
font-size:15px;
font-weight:bold;
font-variant:small-caps;
}

table.panier_table {
border-collapse: collapse;
width:100%;
text-align: left;
margin:1px 0;
}

/* Titre tableau */

.panier_table th {
background: #666;
border-bottom: solid 1px #999;
border-top: solid 1px #999;
}

.panier_table_prix, .panier_table_prix_ttc  {
width:80px;
}

/* Articles */

.panier_table th, .panier_tr_on td, .panier_tr_off td, .panier_tr_tva td, .panier_tr_kdo td, .panier_tr_total_ttc td {
padding: 5px;
}

.panier_table img {
vertical-align:middle;
}

.panier_table_image img {
border:solid 2px #666;
}

.panier_tr_on td, .panier_tr_off td {
font-weight:bold;
border-bottom: solid 1px #999;
}

/* Totaux */

.panier_tr_tva, .panier_tr_total_ttc {
border-bottom: solid 1px #999;
}

.panier_table_prix_ttc {
font-weight:bold;
}

.panier_tr_total_ttc td {
font-weight: bold;
background: #666;
}

.panier_table_suppr {
text-align:center;
}

.panier_table_recalc {
padding-top:10px;
}

/* Etape 3 */

.panier_mode_prix_title {
}

.panier_mode_livraison {
padding: 10px;
}

.panier_mode_title, .panier_recap, #panier_recap {
color:#fbb307;
font-size:15px;
text-align:center;
font-weight:bold;
font-variant:small-caps;
}

.panier_recap, #panier_recap {
margin: 1em 0;
}

.div_mode_table, .div_modifier_table {
text-align:center;
}

.panier_mode_image {
vertical-align:middle;
}

/* Boutons bas */

.panier_table_bouton_continuer, .panier_table_bouton_valider {
vertical-align: middle;
}


.panier_table_bouton_valider, .panier_table_recalc {
text-align:right;
}

/*==========================================================================
	Espace User: compte / adresses / commandes / retours / filleuls 
==========================================================================*/

/*-------------------------------
	Mon compte
-------------------------------*/

#home_boutique td {

padding:5px;
}

.home_title, .home_title_2 {
color:#fbb307;
font-size:15px;
padding: 4px 0 4px 30px;
background: url(/upload/images/design/trefle.gif) no-repeat;
}

/*-------------------------------
	Mes adresses
-------------------------------*/

.adresse_table input, .adresse_table textarea, .adresse_table select {
color: #333;
display:block;
}

.adresse_table td {
vertical-align: top;
padding:5px;
}
.adresse_table td span {
color:lightgrey;
padding-left:20px;
background: url(/upload/images/design/ui/error.gif) no-repeat;
}

/*-------------------------------
	Mes commandes
-------------------------------*/

#commandes {
width: 100%;
margin:1px 0;
}

#commandes th {
background: #666;
font-weight:bold;
border-bottom: solid 1px #999;
border-top: solid 1px #999;
}

#commandes th, #commandes td {
padding: 5px;
}

#commandes td {
text-align: center;
}

/*-------------------------------
	Filleul / Parrainage
-------------------------------*/

/* Liste filleuls */

#add_filleul input {
margin-left: 20px;
}

.lists_filleul {
margin:1px 0;
}

.lists_filleul th {
background: #666;
font-weight:bold;
border-bottom: solid 1px #999;
border-top: solid 1px #999;
}

.lists_filleul th, .lists_filleul td {
padding: 5px;
}

.lists_filleul td {
text-align: center;
}

/* Bons d'achat */

.bons_filleul {
border-collapse: collapse;
width:100%;
text-align: left;
font-size: 13px;
}

.bons_filleul th {
background: #666;
font-weight:bold;
border-bottom: solid 1px #999;
border-top: solid 1px #999;
text-align:center;
}

.bons_filleul .table_tr_red th {
background:orange;
}

.bons_filleul th, .bons_filleul td {
padding:5px;
}

.bons_filleul td {
border-bottom: solid 1px #999;
}

.bons_total_montant, .bons_total_bons, .bons_utilise_bons, .bons_nonutilise_bons, .bons_total_bons_cur {
text-align:center;
}

/*==========================================================================
	Inscription, login & lost password forms
==========================================================================*/

/*-------------------------------
	Login & lost password forms
-------------------------------*/

#login-form input {
width: 110px;
}

#login-form label {
width: 160px;
display:block;
float:left;
}

#login-form br {
clear:both;
display:block;
margin-top: 5px;
}

#login-form a {
}

#password-form fieldset, #login-form fieldset {
border:none;
}

#password-form legend, #login-form legend {
display:none;
}

/*-------------------------------
	Inscription/modify form 
-------------------------------*/

#register-form fieldset {
border: none;


}

#register-form legend {
display:none;
}

#register-form label {
display: block;
width: 160px;
float:left;
line-height:20px;
}

#register-form br {
clear:both;
display:block;
margin-top: 15px;
}

/*-------------------------------
	Contact form
-------------------------------*/

#contact_form fieldset, #contact_form legend {
border:none;
}

#contact_form legend {
color:#fbb307;
font-size:15px;
font-weight:bold;
}

#contact_form label {
width:100px;
display:block;
float:left;
text-align:right;
margin-right: 10px;
line-height: 20px;

}

#contact_form p {
overflow:hidden;
}

#contact_form p input, #contact_form p textarea {
width: 180px;
}

#contact_form p textarea {
height: 100px;
}

#contact_form div {
margin-left:110px;
}

/*-------------------------------
	Popup photo
-------------------------------*/

#main_photo {
text-align:center;
}

#photo_title {
font-size: 16px;
font-weight: bold;
}

#photo_img img {
border: solid 1px;
margin: 10px 0;
}

#photo_desc {
width: 400px;
margin: 0 auto;
text-align:left;
}

/*-------------------------------
	Facture
-------------------------------*/

.facture_recap {

font-weight: bold;
font-size: 16px;
text-align:center;
}

#main_bill {
color:#333;
width: 600px;
margin: 0 auto;
border: 1px solid #666;
padding: 10px;
position:relative;
min-height: 25cm;
background: #fff;
}

/*\*/
* html #main_bill {
height: 25cm;
}
/**/

#main_bill br {
line-height:0;
}

#main_bill table, #bill_table {
}

/* Infos facture */

#bill_table_ginfos {
border-collapse:collapse;
margin-top: 20px;

text-align:center;
}

#bill_table_ginfos td {
border: 1px solid #666;
padding: 3px;
}

#bill_table_ginfos_type {
font-weight:bold;
background:#ddd;
}

/* Adresses facturation & livraison */

#bill_infos_clients, #bill_infos_clients_fact {
border: solid 1px #666;
width: 250px;
margin-top: 20px;
height:150px;

}

#bill_infos_clients_title, #bill_infos_clients_fact_title {
font-weight:bold;
text-align:center;
background:#ddd;
padding:3px;

border-bottom: solid 1px #666;
}

#bill_infos_clients_content, #bill_infos_clients_fact_content {
padding: 10px;
}

/* Recaptilatif */

#bill_title_recap {
margin: 20px auto 0 auto;
font-weight:bold;
font-size: 16px;
border-bottom: 1px solid #666;
text-align:center;
padding: 6px 0;
}

#bill_recap {
width: 100%;
border-collapse:collapse;
margin: 0 auto 20px auto;
}

#bill_recap td {
padding: 3px;
border: 1px solid #666;
}

#bill_recap_th td {
background: #ddd;
font-weight:bold;
text-align:center;
}

/* Totaux & TTC */

#bill_table_totaux, #bill_table_ttc { 
border-collapse:collapse;
text-align:center;
}

#bill_table_ttc { 
float:right;
}

#bill_table_totaux td, #bill_table_ttc td { 
border: 1px solid #666;
padding: 3px;
width:100px;
}

#bill_table_ttc_th td, #bill_table_totaux_th td  {
background: #ddd;
font-weight:bold;
}

/* Footer */

.footer-facture {
text-align:center;
color: #999;
position:absolute;
bottom:0px;
left:0;
width: 620px;
padding-bottom:15px;
}

#bill_footer {
text-align: center;
color: #666;
margin-top: 30px;
}

#bill_footer p {
margin: 0 0 1em 0 ;
}

#bill_footer h6 {
font-size: 10px;
font-weight: normal;
}