/**************************
Global
*************************/

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

/* Reset CSS & Utils */

a {
color: #003B8B;
text-decoration: none;
}

a:hover {
color: #003B8B;
}

.contenu {
color: #6D0860;
}

#container p {
margin: 1em 0;
}

option {
padding-right: 1.2em; /* Fix Firefox select markup */
}

textarea, input, select {
font-family: Arial, Verdana, Sans-Serif;
font-size:12px;
}

/**************************
Info messages
*************************/

.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;
}

/**************************
Layout
*************************/

#header {
height: 130px;
}

#container {
margin: 0 auto 20px auto;
width:1000px;
background: #fff url(/upload/images/design/container-back.gif) repeat-y;
border: solid 1px #000;
}

#left, #main {
float:left;
display:inline; /* IE6 fix */
}

#left {
width: 200px;
background: #ffffcd;
}

#main {
width: 570px;
padding: 0 14px;
}

#right {
width: 200px;
float:right;
background: #ffffcd;
}

#footer {
clear:both;
overflow:hidden;
color:#fff;
height:35px;
line-height:35px;
margin: 0 auto;
text-align: center;
background: url(/upload/images/design/footer/footer-back.gif) no-repeat;
}

#footer a {
color:#f9bd1b;
}

#content ul {
margin-left:25px;
padding-left:0;
}

#menu-choix ul, #left ul, #right ul {
margin-left:15px;
padding-left:0;
}

/* Buttons */

#container a.button  {
background: #f9bd1b;
font-family: Verdana, sans-serif;
font-weight:bold;
font-size: 11px;
color: #333;
height:17px;
outline: 0;
padding: 2px 20px;
}

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

#container input.button {
background: url(/upload/images/panier/button.gif) no-repeat;
color: #333;
font-family: Verdana, sans-serif;
font-size: 11px;
font-weight:bold;
width: 135px;
height: 17px;
border:0;
cursor: pointer;
outline: 0;
padding: 0 0 1px 0;
}

#container input:hover.button, #container input:active.button, #container input:focus.button {
background: url(/upload/images/panier/button.gif) no-repeat;
border:0;
}

/* button wide */

#container .wide input.button {
width:200px;
border:0;
padding: 0 0 1px 0;
background: #ccc url(/upload/images/panier/button-wide.gif) no-repeat;
}

.wide input:hover.button {
border:0;
background: #ccc url(/upload/images/panier/button-wide.gif) no-repeat;
}

/* Path */

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

.noborder {
border: 0px none;
}

/**************************
Sidebars
***************************/

#securite p, #confiance p, #partenaires p {
padding: 0 5px;
}

#newsletter input {
border: solid 1px #999;
padding: 1px;
color: #333;
margin:3px 0 3px 15px;
}

#newsletter input:hover, #newsletter span input:focus {
border: solid 1px #333;
background: #fafafa;
}

/**************************
Menus
***************************/

#menus {
width:1000px;
background:#000;
}

#menu1 {
overflow:hidden;
height:100%;
}

#menu1 li {
float:left;
font-size: 15px;
font-weight:bold;
color:#fff;
padding: 4px;
}

#menu1 li a {
color:#fff;
}

#menu1 .red a {
color:red;
}

#menus img {
display:block;
}

/* menu left */

.produits_ul {
margin: 10px 0;
list-style-type: square;
}

.produits_ul li {
margin-left:10px;
padding:0;
}

#left ul ul {
margin-left:0px;
padding:0;
}

.produits_ul li li {
margin-left:0px;
padding:0 0 0 10px;
background: url(/upload/images/design/menu/menu-li-li.png) no-repeat 0 6px;
}

.produits_ul a {
color: #333;
}

.produits_ul a:hover {
color: #fabd1b;
}

.produits_ul li li a {
color: #1a2295;
}

.produits_li_selected {
color: #fabd1b;
font-weight:bold;
}

/**************************
Recherche
***************************/

#rechercher input {
vertical-align: middle;
margin-left: 5px;
}

#rechercher input.search-input {
border: solid 1px #999;
padding: 1px;
color: #333;
}

#rechercher span input:hover, #rechercher span input:focus {
border: solid 1px #333;
background: #fafafa;
}

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

/* Tri */

.panier_trier {
text-align:right;
font-weight: bold;
margin-bottom: 10px;
}

.panier_trier img {
vertical-align:middle;
}

/* Pagination */

#panier_pages {
margin-bottom: 10px;
}

#produit_listing {
overflow:hidden;
margin-bottom: 10px;
clear:both;
}

.list-bloc-produit {
width: 180px;
height:300px;
margin-left: 5px;
margin-top: 10px;
float:left;
text-align:center;
border: solid 1px #fabd1b;
display: inline;
}

.list-bloc-produit h2 {
font-size: 12px;
padding: 5px 0;
background:#fabd1b;
}

.list-bloc-produit h2 a {
color:#fff;
text-decoration:underline;
}

.list-bloc-produit a {
text-decoration:underline;
}

.list-bloc-produit img {
border: solid 1px #fabd1b;
margin-top:10px;
}

.list-bloc-produit p {
text-align: left;
font-size:11px;
padding-left: 10px;
font-weight:bold;
}

.list-produit-prix {
font-weight:bold;
color: #fabd1b;
}

.list-bloc-produit  .panier_pourcentage {
color:red;
}

/**************************
Selection produits
**************************/

.select-produit {
text-align:center;
margin:1em 0;
}


.select-produit h3 {
font-size:12px;

font-weight: normal;
}

.select-produit-img img {
border: solid 1px #fabd1b;
}

.select-produit-prix {
color: #003B8B;
font-weight: bold;
font-size: 14px;
}

.select-produit-prix .panier_prix_barre {
text-decoration: line-through;
}

.select-produit-promo {
font-size: 12px;
color:red;
white-space: nowrap;
}

/* Produits linked */

.produits_linked h3 {
margin: 10px 0;
font-size: 14px;
}

.produits_linked .select-produit {
width: 170px;
height: 220px;
margin-left: 5px;
margin-top: 10px;
float:left;
text-align:center;
border: solid 1px #fabd1b;
display: inline;
}

.produits_linked .select-produit img {
margin-top:10px;
}

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

.fiche-produit {
margin-top: 20px;
}

.fiche-produit h1 {
font-size: 14px;
color: #003B8B;
}

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

.fiche-prod-img img {
border: solid 1px #fabd1b;
}

.fiche-prod-info {
overflow: hidden;
height:100%;
}

.fiche-prod-prix .panier_prix, .fiche-prod-prix .panier_prix_barre {
font-size: 15px;
font-weight: bold;
color: #003B8B;
}

.fiche-prod-prix .panier_prix_barre {
text-decoration: line-through;
}

.fiche-prod-promo, .promo {
color: red;
font-weight: bold;
}

.fiche-prod-img-plus {
clear:both;
}

.fiche-prod-img-plus a img {
margin-top :15px;
margin-right:14px;
border: solid 1px #fabd1b;
}

#fiche-prod-table {
width:100%;
}

#fiche-prod-table td {
padding:4px;
}

#fiche-prod-table .on {
background: #bcd5f7;
}

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

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

#mon-projet {
padding: 0 5px;
margin: 1em 0;
}

#mon-projet p label {
display: block;
width: 90px;
padding-bottom:2px;
}

#mon-projet p {
margin:0;
}

#mon-projet p input {
display: block;
width: 170px;
border: solid 1px #999;
padding: 1px;
}

#mon-projet p input:hover, #mon-projet p input:focus{
border: solid 1px #333;
background: #fafafa;
}

.mon-projet-valider {
margin-top:5px;
}

#mon-projet-footer  {
padding: 0 5px;
margin: 1em 0;
}

#mon-projet-footer strong {
font-weight:normal;
}

#mon-projet-footer a {
display:block;
}

/**************************
Mon panier
***************************/

.panier_etapes {
text-align:center;
}

/* Identification */

.panier_deja_inscrit, .panier_non_inscrit {
font-size:13px;
background: #f9bd1b;
padding: 2px 0 2px 15px;
}

.panier_header {
font-size:14px;
}

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



}

/* Titre tableau */

.panier_table th {
background: #f9bd1b;
}

.panier_table_prix {
width:60px;
}

.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 6px;
}

.panier_table img {
vertical-align:middle;
}

.panier_table_image img {
border:solid 1px #f9bd1b;
}

.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;
}

tr.panier_line_separator {
height:1px;
font-size:2px;
display:none;
}


.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;
}

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

.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;
}

/**************************
Mot de passe perdu & Login Form
*************************/

#FNAIM_Pass_Form input, #FNAIM_Login_Form input {
border: solid 1px #999;
padding: 1px;
color: #333;
}

#FNAIM_Login_Form input {
width: 110px;
}

#FNAIM_Login_Form label {
width: 130px;
display:block;
float:left;
}

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

#FNAIM_Login_Form a {
display:block;
margin-top: 5px;
}

#FNAIM_Pass_Form input:hover, #FNAIM_Pass_Form input:focus, #FNAIM_Login_Form input:hover,
#FNAIM_Login_Form input:focus {
border: solid 1px #333;
background: #fafafa;
}

#FNAIM_Pass_Form fieldset, #FNAIM_Login_Form fieldset {
border:none;
}

#FNAIM_Pass_Form legend, #FNAIM_Login_Form legend {
display:none;
}

/**************************
Formulaire inscription
*************************/

#FNAIM_Inscription_Form fieldset, #FNAIM_Modify_Form fieldset {
border: none;
}

#FNAIM_Inscription_Form legend, #FNAIM_Modify_Form legend {
display:none;
}

#FNAIM_Inscription_Form label, #FNAIM_Modify_Form label {
display: block;
width: 250px;
float:left;
margin: .6em 0;
}

#FNAIM_Inscription_Form input, #FNAIM_Inscription_Form textarea, #FNAIM_Inscription_Form select,
.modify_user input, .modify_user textarea, .modify_user select {
border: solid 1px #999;
padding: 1px;

color: #333;
margin: .5em 0;
vertical-align: middle;
}

#FNAIM_Inscription_Form input:hover, #FNAIM_Inscription_Form input:focus, #FNAIM_Inscription_Form textarea:hover,#FNAIM_Inscription_Form textarea:focus,
.modify_user input:hover, #FNAIM_Modify_Form input:focus, .modify_user textarea:hover, .modify_user textarea:focus {
border: solid 1px #333;
background: #fafafa;
}

#FNAIM_Inscription_Form br, #FNAIM_Modify_Form br {
clear:both;
display:block;
}

/**************************
Filleul / parrain
*************************/

#add_filleul input {
border: solid 1px #999;
padding: 1px;
margin-left: 20px;
}

#add_filleul input:hover, #add_filleul input:focus {
border: solid 1px #333;
background: #fafafa;
}

.lists_filleul th {
background: #f9bd1b;
font-weight:bold;
padding: 5px;
}

.lists_filleul td {
padding: 5px;
text-align: center;
border-bottom: solid 1px #999;
}

/**************************
Tableau bons
*************************/

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

.bons_filleul th {
background: #f9bd1b;
padding: 5px;
text-align:center;
}

.bons_filleul .table_tr_red th {
background:orange;
text-align:center;
}

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

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

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

#home_boutique td {
padding: 5px 5px 5px 0;
}

.home_title, .home_title_2, .adresse_title {
font-size: 16px;
font-weight: bold;
}

/* Gerer mes adresses */

.adresse_table input, .adresse_table textarea, .adresse_table select {
border: solid 1px #999;
padding: 1px;
color: #333;
display:block;
}

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

.adresse_table input:hover, .adresse_table input:focus, .adresse_table textarea:hover, .adresse_table textarea:focus{
border: solid 1px #333;
background: #fafafa;
}

/* Mes commandes */

#commandes {
border-collapse: collapse;
width: 100%;
}

#commandes th {
background: #f9bd1b;
font-weight:bold;


padding: 5px;
}

#commandes td {
padding: 5px;
border-bottom: solid 1px #999;
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: #f9bd1b;
padding: 5px;
}

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

.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: #f9bd1b;
padding 5px;
}

.retour_table td {
padding: 5px;
border-bottom: solid 1px #999;
}

/**************************
Facture
***************************/

#main_bill {
width: 600px;

margin: 0 auto;
border: 1px solid #666;
padding: 10px;
}

#main_bill br {
line-height:0;
}

#main_bill table { 
border-collapse: collapse;
}

/* Infos facture */

#bill_table_ginfos {
border: 1px solid #666;

margin: 20px 0 30px 0;
}

#bill_table_ginfos td {
padding: 6px 5px;
}

#bill_table_ginfos_type td {
text-align: center;
font-weight:bold;
}

#bill_table_ginfos_th td {
background: #ddd;
}

/* Recaptilatif */

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

#bill_recap {
width: 100%;
margin: 0 auto 20px auto;
text-align:center;
}

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

#bill_recap td {
padding: 6px 0;
border-bottom: 1px solid #666;
}

/* Totaux & TTC */

#bill_table_totaux, #bill_table_ttc { 
width:100%;
text-align:center;
}

#bill_table_totaux {
}

#bill_table_ttc {
}

#bill_table_ttc_th td, #bill_table_totaux_th td  {
background: #ddd;
font-weight:bold;
border-top: 1px solid #666;
}

#bill_table_totaux td, #bill_table_ttc td {
padding: 6px 0;
border-bottom: 1px solid #666;
}

/* Footer */

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

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