/*==========================================================================
//	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: #061b3b;
background:#a8a8a8 url(/upload/images/design/main/fond.png) repeat-y top center;
}

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

a {
color: #061b3b;
text-decoration:none;
}

a:hover {
color: #061b3b;
text-decoration:underline;
}

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

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

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

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

form label {
cursor: pointer;
color: #333333;
}

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"]
.checkbox, .radio, .submit {
border:0;
}

#cadeau_box .t13 {
display: none;
}

/*-------------------------------
	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 {
background: #fff url(/upload/images/design/main/header.png) no-repeat bottom right;
height: 120px;
overflow: hidden;
position: relative;
padding: 0px 10px 0px 10px;
}

#header .header-top {
text-align: right;
color: #122645;
}

#header .header-top a {
color: #122645;
text-decoration: none;
}

#header .header-top a:hover {
color: #122645;
text-decoration: underline;
}

#search {
position: absolute;
right: 10px;
bottom: 0px;
padding: 4px;
text-align: right;
}

#search label {
color: white;
padding: 0px 4px;
}

#search input {
border: 1px solid #132745;
height: 16px;
padding: 1px 2px;
vertical-align: middle;
background: #fff;
}

#search .submit {
color: #122645;
font-weight: bold;
height: 20px;
}

#container {
margin: 0 auto;
width:1000px;
background: #fff;
}

#left {
width: 170px;
float:left;
min-height: 500px;
padding: 20px 0px 0px 10px;
}

#main {
float: left;
width: 540px;
padding: 25px 10px 40px 30px;
min-height: 500px;
background: url(/upload/images/design/main/content-bg.gif) no-repeat top left ;
}

#right {
width: 216px;
float: right;
min-height: 500px;
padding: 20px 10px 0px 0px;
}

#right a.link-mon-panier {
display: block;
height: 31px;
padding: 5px 0px 0px 40px;
font-size: 12pt;
font-weight: bold;
color: #fff;
text-decoration: none;
background: url(/upload/images/design/right/mon-panier.png) no-repeat top center;
}

#right a.link-mon-panier:hover {
color: #eee;
text-decoration: none;
outline: 0;
}

#right-text {
padding: 0px 10px 20px 10px;
}

#right-text p {
padding: 0px;
margin: 0px;
}

#right-text .right-title {
font-weight: bold;
font-size: 11pt;
padding: 16px 0px 2px 0px;
margin: 0px;
}

#right-text img {
vertical-align:middle;
}

#right-text li {
padding: 0px 0px 0px 10px;
background: url(/upload/images/design/menu/tiret.gif) no-repeat left center;
}

#footer {
clear: both;
color: #f5f5f5;
text-align: center;
background: #8c8c8c;
margin: 0px;
height: 30px;
line-height: 30px;
border-top: 1px solid #e0e9f0;
border-bottom: 1px solid #e0e9f0;
}

#footer a {
color: #f5f5f5;
text-decoration: none;
}

#footer a:hover {
color: #f5f5f5;
text-decoration: underline;
}

p.home-description img {
vertical-align: middle;
}

#nos-garanties td {
padding-right: 4px;
}

/*-------------------------------
	home promo
-------------------------------*/

#home-promo {
padding: 10px;
background: url(/upload/images/degrade.gif) repeat-x top left;
}

#home-promo p {
font-weight: bold;
font-size: 12pt;
margin: 0px;
padding: 0px 0px 8px 0px;
}



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

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

.panier_trier {
text-align: left;
padding: 0px 0px 4px 0px;
}

.panier_trier img {
vertical-align:middle;
}

#panier_pages {
display: none;
clear: both;
text-align: right;
padding: 1px 0px;
}

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

#container a.button  {
background: #338ded url(/upload/images/input-bg.gif) repeat-x top left;
color: #fff;
border: 0px;
height:17px;
outline: 0;
display: block;
float: left;
clear: both;
width: 180px;
text-align:center;
padding: 2px 10px 0px 10px;
margin: 2px 0px;
}

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

#container input.button {
background: #338ded  url(/upload/images/input-bg.gif) repeat-x top left;
color: #fff;
width: 135px;
height:21px;
border:0;
cursor: pointer;
outline: 0;
padding: 0 0 1px 0;
}

#container input:hover.button {
background: #338ded  url(/upload/images/input-bg.gif) repeat-x top left;
border:0;
}

/* button wide */

#container .wide input.button {
width:200px;
border:0;
padding: 0 0 1px 0;
background: #338ded  url(/upload/images/input-bg.gif) repeat-x top left;
}

.wide input:hover.button {
border:0;
background: #338ded  url(/upload/images/input-bg.gif) repeat-x top left;
}

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

#navbar {
}

.produits_ul,
.produits_ul * {
margin:      0;
padding:     0;
list-style:  none;
display:     block;
}

.produits_ul a,
.produits_ul a:visited,
.produits_ul a:hover  { /* visited pseudo selector so IE6 applies text colour*/
color:#308aeb;
font-weight: bold;
font-size: 10pt;
text-decoration: none;
}
.produits_ul a:hover  {
color:#1b4d83;
}

.produits_ul li li a,
.produits_ul li li a:visited,
.produits_ul li li a:hover  { /* visited pseudo selector so IE6 applies text colour*/
color:#444444;
font-size: 9pt;
}
.produits_ul li li a:hover  {
color:#000000;
}

.produits_ul li {
padding: 0px;
margin: 0px;
}

.produits_ul li li {
padding: 0px 0px 0px 8px;
background: url(/upload/images/design/menu/tiret.gif) no-repeat left center;
}

.produits_ul li li ul {
display: none;
}

.produits_ul li ul {
padding: 0px 0px 4px 0px;
}

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

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

#login-form-front {
background: #f4f4f4;
padding: 8px 15px;
}

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

#login-form-front p.bloc-title {
font-weight: bold;
font-size: 11pt;
padding: 0px 0px 4px 0px;
}

#login-form-front p label {
display: block;
}

#login-form-front p input {
width: 140px;
}

#login-form-front p input.submit-button {
border: 1px solid #132745;
background: #fff;
width: 30px;
text-align: center;
font-weight: bold;
}

#login-form-front a {
font-size: 7pt;
color: #333333;
text-decoration: underline;
}

#mon-compte {
background: #f4f4f4;
padding: 8px 15px;
}

#mon-compte p {
padding: 0px;
margin: 0px;
}

#mon-compte ul {
padding: 4px 0px 0px 0px;
}

#mon-compte ul li {
padding: 0px 0px 0px 10px;
background: url(/upload/images/design/menu/tiret.gif) no-repeat left center;
}

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

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

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

.list-produit {
width: 250px;
height: 210px;
padding: 4px 6px 6px 4px;
margin: 5px 5px;
float:left;
position: relative;
overflow: hidden;
background: url(/upload/images/design/produits/fond-listing-bleu.gif) no-repeat top left;
}

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

.list-produit a {
outline: 0;
}

.list-produit h2,
.list-produit h2 a,
.list-produit h2 a:hover {
color: #328ced;
font-size: 10pt;
padding: 2px 0px;
}

.list-produit .list-link {
padding: 0px 0px;
clear: both;
text-align:center;
font-size: 8pt;
position: absolute;
width: 250px;
left: 0px;
bottom: 8px;
}

.list-img {
text-align:center;
height: 140px;
padding-top: 2px;
overflow: hidden;
}

.list-img img {
border: 2px solid #ffffff;
}

.list-produit .list-price{
text-align:center;
}

.list-produit .panier_prix {
font-weight: bold;
font-size: 11pt;
padding: 0px 10px;
}

.list-produit .panier_pourcentage {
color: #a00;
}

.list-produit .panier_prix_barre {
color: #070;
}

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

#fiche-produit {
padding: 5px 10px;
background: url(/upload/images/degrade.gif) repeat-x top left;
}

#fiche-produit h2,
#fiche-produit h2 a,
#fiche-produit h2 a:hover {
font-size: 11pt;
color: #328ced;
padding-bottom: 5px;
}

#fiche-produit p{
margin: 0px;
padding: 2px 0px;
}

#fiche-produit .fiche-img{
position: relative;
float: left;
margin-right: 10px;
}

#fiche-produit .fiche-img img {
border: 3px solid #ffffff;
}

#fiche-price .panier_prix {
font-weight: bold;
font-size: 12pt;
}

#fiche-price .panier_prix_barre {
padding-right: 1em;
color: #070;
}

#fiche-promo-prcent {
color: #a00;
}

#fiche-promo-txt{
color: #a00;
}

#fiche-promo-prcent .promo,
#fiche-promo-prcent .promo_text {
color: #a00;
}

#fiche-desc {
}

#fiche-addcart {
clear: both;
padding: 0px 0px 10px 0px;
}

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

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

#fiche-addcart select {
margin: 0px 5px 0px 0px;
}

#fiche-img-thumbs {
clear: both;
padding: 8px 0px;
}

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

#fiche-img-thumbs a img {
padding: 2px;
border: 1px solid #c6dcf6;
}

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

#fiche-more h3 {
}

#fiche-advice h3 {
}

#teinte_panier_add .teinte_panier_new {
background: url(/upload/images/degrade.gif) repeat-x top left;
position: relative;
float: left;
width: 167px;
margin: 0px 5px 12px 0px;
height: 45px;
}

#teinte_panier_add .teinte_panier_new img {
border-right: 3px solid #fff;
border-bottom: 3px solid #fff;
}

#teinte_panier_add .teinte_panier_new_image{
position: absolute;
top: 0px;
left: 0px;
cursor: default;
}

#teinte_panier_add .teinte_panier_new_image *{
cursor: default;
}

#teinte_panier_add .teinte_panier_new_name {
position: absolute;
top: 0px;
left: 50px;
font-weight: bold;
}

#teinte_panier_add .teinte_panier_new_qte {
position: absolute;
top: 16px;
left: 50px;
}

#teinte_panier_add .teinte_panier_new_qte input {
width: 50px;
}

#teinte_panier_add .teinte_panier_new_submit {
position: absolute;
top: 17px;
left: 113px;
}

#teinte_panier_add .teinte_panier_new_submit input {
border: 0px;
padding: 0px;
background: transparent;
}

/*-------------------------------
	S�lection produit
-------------------------------*/

.select-produit {
overflow: hidden;
zoom: 1;
}

.select-produit h3,
.select-produit h3 a,
.select-produit h3 a:hover {
font-weight: bold;
font-size: 11pt;
color: #328ced;
}

.select-produit .select-commentaire {
padding: 0px 0px 8px 0px;
}

.select-produit .select-img {
float: left;
margin: 0px 10px 0px 0px;


}

.select-produit .select-img img {
border: 3px solid #ffffff;
}

.select-produit .select-price {
padding: 4px 0px;
}

.select-produit .select-price .panier_prix {
font-weight: bold;
font-size: 11pt;
}

.select-produit .select-price .panier_prix_barre {
color: #080;
padding-right: 10px;
}

.select-produit .select-price .panier_pourcentage {
color: #a00;
padding-left: 10px;
}

.select-produit .select-text {
margin-left: 170px;
}

.select-produit .select-promo {
}

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

.produits_linked {
}

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

.panier_etapes {
text-align:center;
}

/* Identification */

.panier_deja_inscrit,
.panier_non_inscrit {
font-size:13px;
background: #878787 url(/upload/images/design/header-bg.png) no-repeat top left;
color:#fff;
padding: 4px 0 4px 8px;
}

/* Etape 1 */

.panier_header {
font-size:14px;
}

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

.panier_table .panier_table_qte input {
width: 50px;
}
#panier_livraison_content2 {
display: none;
}

/* Titre tableau */

.panier_table th {
background: #ccc;
}

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

.panier_table_suppr {
text-align:center;
}

.panier_table_recalc {
padding-top:10px;
}

/* Etape 3 */

.panier_mode_prix_title {
}

.panier_mode_livraison {
border: solid 1px #999;
padding: 10px;
background:#fff;
}

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

.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 {
font-size: 16px;
font-weight: bold;
}
.home_title_2 {
clear: both;
margin: 0px;
padding: 30px 0px 0px 0px;
}

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

#commandes a.button {
width: 50px;
}

#commandes th {

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

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

#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: 160px;
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 legend {
display: 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 {
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;
position: absolute;
bottom:30px;
left:0;
width: 100%;
}

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

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

/* message cadeau */

#bill_message {
margin-top: 100px;
padding-top: 60px;
background: url(/upload/images/panier/logo_bill.gif) no-repeat;
}

.page_contenu p,
.page_contenu ul,
.page_contenu li {
padding: 4px 0px;
margin: 0px;
}

.page_contenu ul {
padding-left: 20px;
}

.page_contenu li {
padding: 2px 0px;
}

.page_contenu h2 {
padding: 10px 0px;
margin: 0px;
font-size: 16px;
}