/*==========================================================================
//	STYLESHEET FOR REFERENT	
// 	Date: 			October 2008
// 	Author: 		SOFTAKT	- www.softakt.com
==========================================================================*/


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

body {
font-family: Arial, Verdana, Sans-Serif;
font-size:12px;
color: #966d23;
background:#000;
}

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

a {
color: #966d23;
text-decoration:underline;
}

a:hover {
color: #c8912f;
text-decoration:none;
}

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

#main a {
color: #000;
}

#main a:hover {
color: #000;
}

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

input, textarea, select {
border: 1px solid #966d23;
padding:1px 2px;
font-size: 100%;
font-family: inherit;
padding: 3px 5px 1px 5px;
background: #d8ba5d url(/upload/images/design/input-bg.gif) no-repeat top left;
}

select,
option {
background: #d8ba5d;
}

textarea {
background: #d8ba5d url(/upload/images/design/input-bg.gif) no-repeat top left;
}

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

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="checkbox"], 
input[type="radio"] {
border:0;
background: transparent;
}
.checkbox, 
.radio, 
.submit {
background: transparent;
border:0;
}

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

.formInfo {
color:green;
}

.panier_cityssimo {
color:red;
}

.formSuccess, .formError, .panier_chronopost {
margin: 1em 0;
padding: .5em 0;
font-size:13px;
text-align:center;
}

.formSuccess {
background: #fff9d1 url(/upload/images/design/ui/valid.gif) center no-repeat;
background-position: 15px 50%; /* x-pos y-pos */
text-align: left;
padding: 5px 20px 5px 45px;
border: 2px solid #ffd324;
}

.formError, .panier_chronopost {
background: #fff9d1 url(/upload/images/design/ui/error.gif) center no-repeat;
background-position: 15px 50%; /* x-pos y-pos */
text-align: left;
padding: 5px 20px 5px 45px;
border: 2px solid #ffd324;
}

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

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

#header {
height: 150px;
background: #000;
}

#container {
margin: 0 auto;
width:1002px;
background: #d69b38 url(/upload/images/design/main/main-middle.png) repeat-x 0px 180px;
}

#left {
width: 215px;
padding: 8px 15px;
float:left;
background-color: #000;
}

#sub-container {
clear:both;
overflow: hidden;
zoom: 1;
background: url(/upload/images/design/main/container-bg.gif) repeat-y 10px 0px;
padding-left: 10px;
}

#sub-container * {
font-weight: bold;
font-size:14px;
}

#main * {
color: #000;
}

#main {
float: left;
width: 685px;
padding: 10px 30px;
min-height: 500px;
height: auto !important;
height: 500px;
}

#right {
width: 200px;
float:right;
min-height: 500px;
}

#footer {
clear:both;
margin: 0 auto;
padding: 24px 0px 8px 0px;
text-align: center;
color: #966d23;
background: #000 url(/upload/images/design/main/main-bottom.png) no-repeat top left;
}

#footer a,
#footer a:hover {
text-decoration: none;
}

#search {
position: absolute;
top: 3px;
left: 740px;
}

#search label {
color: #000;
font-size: 14px;
}

#search input {
vertical-align:middle;
}

#search .search-submit {
width: 130px;
}

#search .submit {
font-weight: bold;
font-size: 14px;
border: 0px;
padding: 2px;
background: transparent;
cursor: pointer;
}

#home-garanties {
overflow: hidden;
padding-top: 16px;
}

#home-garanties h1 {
padding-bottom: 8px;
}

#home-garanties .home-garanties-left {
float: left;
}

#home-garanties .home-garanties-right{
margin-left: 350px;
}




/*-------------------------------
	Menu de gauche
-------------------------------*/


#left .produits_ul a {
text-decoration: none;
font-size: 16px;
}

#left .produits_ul li {
padding: 2px 0px;
}

#left .produits_ul ul {
padding-left: 16px;
}

#left .produits_ul ul li a {
font-size: 16px;
}

#left .produits_ul ul li {
padding-left: 16px;
background: url(/upload/images/design/puce.gif) no-repeat center left;
}

/*-------------------------------
	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 {
margin-bottom: 8px;
}

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

#container a.button  {
background: url(/upload/images/design/button-bg.gif) repeat-x left center;
color: #fff;
border: 1px solid #966d23;
line-height: 33px;
outline: 0;
padding: 8px 1em;
text-decoration: none;
}

#left a.button {
display: block;
text-align: center;
line-height: normal;
}

#container a.button:hover  {
color: #fff;
}

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

#container input.button {
background: url(/upload/images/design/button-bg.gif) repeat-x left center;
color: #fff;
height:33px;
border: 1px solid #966d23;
cursor: pointer;
outline: 0;
padding: 0 1em;
}

#container input:hover.button {
background: url(/upload/images/design/button-bg.gif) repeat-x left center;
border: 1px solid #966d23;
}

/* button wide */

#container .wide input.button {
border: 1px solid #966d23;
background: url(/upload/images/design/button-bg.gif) repeat-x left center;
}

.wide input:hover.button {
border: 1px solid #966d23;
background: url(/upload/images/design/button-bg.gif) repeat-x left center;
}

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

#navbar {
height:30px;
background: url(/upload/images/design/main/main-top.png) no-repeat top left;
padding: 0px;
position: relative;
}

#navbar_menu {
position: absolute;
top: 0px;
left: 120px;
border-left: 1px solid #86520e;
border-right: 1px solid #d8bb5d;
}

#navbar .produits_ul {
float: left;
}

#navbar a {
color: #000;
font-weight: bold;
font-size: 16px;
text-decoration: none;
}

#navbar a:hover {
color: #000;
font-weight: bold;
text-decoration: none;
background: url(/upload/images/design/menu-button.png) repeat-x left center;
}

#navbar a.accueil {
position: absolute;
top: 0px;
left: 10px;
height: 20px;
line-height: 20px;
padding: 5px 16px;
}

#navbar a.accueil:hover {
padding: 5px 15px;
border-left:1px solid #d8bb5d;
border-right:1px solid #86520e;
}

#navbar .produits_ul a {
border-left:1px solid #d8bb5d;
border-right:1px solid #86520e;
padding: 5px 11px;
line-height: 20px;
}

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

#navbar .produits_ul li {
cursor: pointer;
}

#navbar .produits_ul li li a {
font-size: 14px;
line-height: 16px;
}

#navbar .produits_ul li li {
background: url(/upload/images/design/menu-bg.gif) repeat-x left center;
opacity: 0.90;
filter: alpha(opacity=90);
}

#navbar .produits_ul li li li {
opacity: 0.90;
filter: alpha(opacity=90);
}

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

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

#login-form-front {
text-align: left;
float: right;
width: 200px;
color: #966d23;
font-size: 14px;
}

#login-form-front p {
margin: 0;
padding: 4px 0px;
}

#login-form-front a {
font-size: 11px;
}

#login-form-front p label {
display: block;
padding-bottom: 6px;
}

#login-form-front p input {
width: 140px;
background: #000;
color: #966d23;
font-size: inherit;
}

#login-form-front .submit-button {
width: 30px;
font-weight: bold;
border: 0px;
cursor: pointer;
}

#mon-compte {
text-align:left;
float: right;



width: 200px;
}

#mon-compte li {
padding: 0px 0px 2px 14px;
background: url(/upload/images/design/puce.gif) no-repeat center left;
}

#login-form fieldset input {
width: 300px;
}

#login-form fieldset input.button {
width: 200px;
}

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

#container .panier_prix_barre {
text-decoration: line-through;
color: #800;
}

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

.list-produit {
width: 142px;
height: 250px;
padding: 7px;
margin: 6px;
float:left;
overflow: hidden;
text-align:center;
border: 1px solid #000;
}

#main .list-produit a,
#main .list-produit a:hover {
color: #2e210b;
}

#main .list-produit h2 a {
text-decoration: none;
}

.list-produit h2 {
padding: 2px 0px;
}

.list-img {
height: 180px;
overflow: hidden;
}

#main .list-price .panier_prix {
font-size: 16px;
}

#main .list-link a,
#main .list-link a:hover {
font-size: 12px;
}

#main .list-produit .panier_pourcentage {
color: #050;
}

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

#fiche-produit {
}

#fiche-produit h2 {
color: #2e210b;
font-size: 16px;
padding: 8px 0px;
}

#fiche-produit .fiche-img {
float: left;
padding-right: 10px;
}

#fiche-img img {
}

#fiche-price {
padding-bottom: 6px;
margin: 0px;
}

#fiche-price .panier_prix {
font-size: 20px;
color: #2e210b;
}

#fiche-promo-prcent {
}

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

#fiche-desc {
}

#fiche-addcart .panier_quantity {
width: 50px;
}

#fiche-addcart input.button {
margin-left: 10px;
}

#fiche-img-thumbs {
padding-top : 10px;
clear: both;
}

#fiche-img-thumbs a img {
padding: 4px;
border: 0px;
}

#fiche-img-thumbs a:hover img {
padding: 2px;
border: 2px solid #2e210b ;
}

#fiche-more h3 {
}

#fiche-advice h3 {
}

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

#coup-de-coeur h2 {
text-align:center;
padding-bottom: 8px;
font-size: 16px;
}

.select-produit {
}

.select-produit h3 {
text-align:center;
padding: 2px 0px;
}

.select-produit div,
.select-produit p {
text-align:center;
padding: 2px 0px;
}

.select-produit h3 a {
text-decoration: none;
}

.select-img img {
}

#left .select-price a,
#left .select-price a:hover {
font-size: 12px;
padding-left: 8px;
}

#left .select-price .panier_prix {
color: #fff;
font-size: 16px;
font-weight: normal;
}

.select-promo {
}

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

.produits_linked {
}

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

.panier_etapes {
text-align:center;
margin-top: 15px;
}

/* Identification */

#main .panier_deja_inscrit,
#main .panier_non_inscrit {
font-size:16px;
padding: 10px 0px 5px 0px;
font-weight: bold;
text-decoration: underline;
}

/* Etape 1 */

#main .panier_header {
margin-top: 10px;
font-size:16px;
text-decoration: underline;
}

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

/* Titre tableau */

.panier_table th {

}

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

/* 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 1px #ccc;
}

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

/* Totaux */

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

.panier_table_prix_ttc {
font-weight:bold;
}

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

.panier_table_suppr {
text-align:center;
}

.panier_table_recalc {
padding-top:10px;
}

/* Etape 3 */

.panier_mode_prix_title {
}

.panier_mode_livraison {
border: solid 1px #966d23;
padding: 10px;
background: #d8ba5d;
}

#main .panier_mode_title,
#main .panier_recap,
#panier_recap {
font-size: 16px;
font-weight: bold;
text-align:center;
text-decoration: underline;
}

.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 
==========================================================================*/


#main table th {
background: url(/upload/images/design/button-bg.gif) repeat-x left center;
font-weight:bold;
border-bottom: 1px solid #966d23;
border-top: 1px solid #966d23;
}


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

#home_boutique td {
padding:5px;
}

#main .home_title,
#main .home_title_2,
#main .adresse_title {
margin-top: 10px;
display: block;
font-size: 16px;
font-weight: bold;
text-decoration: underline;
}


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

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

.adresse_table td {
vertical-align: top;
padding:5px;
}

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

#commandes {
width: 100%;
margin-top: 10px;
border-left: 1px solid #966d23;
border-right: 1px solid #966d23;
}

#commandes th {
font-weight:bold;
}

#commandes th,
#commandes td {
padding: 5px;
border-bottom: 1px solid #966d23;
}

#commandes td {
text-align: center;
}

/*-------------------------------
	Retour commandes
-------------------------------*/

/* Etapes */

#retour-commande {
}

#retour-commande img {
margin: 0 10px;
}

#retour-commande h4 {
font-size: 14px;
}

/* Tableau */

table.retour_voir_liste {
border-collapse: collapse;
width:100%;
text-align: center;
}

.retour_voir_liste th {
background: #ccc;
}

.retour_voir_liste th, .retour_voir_liste td {
padding: 6px 5px;
}

.retour_table_reponse {
text-align: center;
}

.retour_attente, .retour_charge, .retour_refuse, 
.retour_non_conforme, .retour_termine, .retour_valide {
padding:5px;
font-weight: bold;
}

.retour_attente {
border: solid 1px orange;
color:orange;
}

.retour_charge {
border: solid 1px green;
color:green;
}

.retour_refuse {
color:red;
border: solid 1px red;
}

.retour_non_conforme {
color:red;
border: solid 1px red;
}

.retour_termine {
border: solid 1px #999;
}

.retour_valide {
color:green;
border: solid 1px green;
}

/* Tableau renvoi */

table.retour_table {
border-collapse: collapse;
width:100%;
text-align: center;
margin-bottom: 20px;
}

.retour_table th {
background: #ccc;
}

.retour_table th, .retour_table td {
padding: 6px 5px;
}

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

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

.lists_filleul th {
background: #ddd;
font-weight:bold;
}

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

.lists_filleul td {
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 {
display:block;
margin-top: 5px;
}

#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: 190px;
float:left;
line-height:20px;
}

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

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

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

#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,
#main_bill * {
color: #000;
}

#main_bill {
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;
}





#content .page_contenu h2 {
font-size: 20px;
}

#content .page_contenu p {
font-weight: normal;
}


#nav-user {
padding: 20px 0px 0px 140px;
}

#nav-user a {
text-decoration: none;
float:left;
padding: 2px 8px 0px 0px;
}
#nav-user a img {
padding: 0px 4px;
}