 /*------------------------------------------------*
  *---  WWW.ICARE-NET.COM - agence web ---  CSS  --*
  *------------------------------------------------*/

#general {
    width:200px;
    font-family:verdana;
    font-size:10px;
}

#panier_content{
    float:right;
    position:relative;
    width:100%;
    right:10px;
    margin-bottom:15px;
    background:#ECD8C6;
    }

/*
#panier_header {
    text-align:right;
    width:100%;
    border:#BBBBBB 1px solid;
    padding:0;
    background-color:white;
    margin-bottom:10px;
}

#panier_header a {
    color:#584f49 ;
    text-decoration:none;
}

#panier_header a:hover {
    color:#584f49 ;
    text-decoration:underline;
}
*/

#contenu h1.panier_titre1 {
    font-size:16px;
    font-weight:bold;
    color:#EB8516;
    margin-left:12px;
}


#panier table {
    background-color:white;
    width:470px;
    border-bottom:#BBBBBB 1px solid;
    margin-left:12px;
    margin-right:12px;
}


#panier td {
    padding:5px;

    vertical-align: middle;
}

#panier tr.titres_designation {
    font-weight:bold;
}

#panier td.texte_dms {
    border-top:#BBBBBB 1px solid;
    border-bottom:#BBBBBB 1px solid;
    font-weight:bold;
}

#panier td.texte_total {
    border-top:#BBBBBB 1px solid;
    font-weight:bold;
    font-size:12px;
}

#panier tr.sous_totaux {
    background-color : #CCCCCC;
}

#panier td.texte_lib {
    border-top:#BBBBBB 1px solid;
}

#panier th {
    border-top:#BBBBBB 1px solid;
    border-bottom:#BBBBBB 1px solid;
    vertical-align: middle;
}



#panier_action {
    margin:0;
    width:100%;
    padding:0;
}

#panier_action table{
    background-color:white;
    width:96%;
    border-bottom:#BBBBBB 1px solid;
    margin-left:12px;
    margin-right:12px;
}

#panier a{
    color:#000000;
    text-decoration:underline;
}
#panier a:hover{
    color:#EB8516;
    text-decoration:none;
}

a.conf {
    color:#891311;
    text-decoration:none;
}
a.conf:hover {
    color:#DB2A24;
    text-decoration:underline;
}

p.texte1 {
    display:block;
    margin:0 0 0 10px;
}



/* ---------------------------------- */
/*       PANIER_IDENTIFICATION        */
/* ---------------------------------- */

#panier input.formate {
    width:80px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-align: left;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
    margin-bottom:5px;
}

#panier_login label{
    display: inline;
    float: left;
    width: 110px;
}

#panier_login {
    width:45%;
    float:left;
    margin:10px;
    border:#BBBBBB 1px solid;
}

#panier_login form {
    padding-left:10px;
    padding-right:10px;
    padding-bottom:10px;
    margin-top:25px;
}

#panier_enregistrer {
    width:45%;
    float:left;
    margin:10px;
    border:#BBBBBB 1px solid;
}

#panier_enregistrer p {
    padding-left:10px;
    padding-right:10px;
    padding-bottom:10px;
    margin-top:20px;
}

#panier_enregistrez {
    border:none;
    padding-top:20px;
    margin-bottom:10px;
}


#panier_enregistrez a {
    color:#FFFFFF;
    background-color:#73B332;
    padding:5px;
    margin:15px;
    text-decoration:none;
}

#panier_enregistrez a:hover {
    color:#DB2A24;
    background-color:#73B332;
    padding:5px;
    margin:15px;
    text-decoration:none;
}




/* ---------------------------------- */
/*       PANIER_OUBLI                 */
/* ---------------------------------- */

#panier_oubli input.formate {
    width:80px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-align: left;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
    margin-bottom:5px;
    margin-top:8px;
}

#panier_oubli label{
    display: inline;
    float: left;
    margin-left : 20px;
    margin-top:10px;
    width: 60px;
}

#panier_oubli {
    width:45%;
    float:left;
    margin:10px;
    border:#BBBBBB 1px solid;
    background-color:white;
}

#panier_oubli form {
    padding-left:10px;
    padding-right:10px;
    padding-bottom:10px;
    margin-top:10px;
}


#panier_oubli p {
    border-style:none;
}

#panier_oubli p.erreur {
    color:red;
    font-weight: bold;
    border-style:none;
}

#panier_oubli p.envoye {
    border-style:none;
}


#panier_oubli_compte input.formate {
    width:80px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-align: left;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
    margin-bottom:5px;
    margin-top:8px;
}

#panier_oubli_compte label{
    display: inline;
    float: left;
    margin-left : 20px;
    margin-top:10px;
    width: 60px;
}

#panier_oubli_compte {
    width:45%;
    float:left;
    margin:10px;
    border:#BBBBBB 1px solid;
    background-color:white;
}

#panier_oubli_compte form {
    padding-left:10px;
    padding-right:10px;
    padding-bottom:10px;
    margin-top:10px;
}


#panier_oubli_compte p {
    border-style:none;
}

#panier_oubli_compte p.erreur {
    color:red;
    font-weight: bold;
    border-style:none;
}

#panier_oubli_compte p.envoye {
    border-style:none;
}
/* ---------------------------------- */
/*       PANIER_CLI                   */
/* ---------------------------------- */

#infos_cli table {
    width:96%;
    background-color:white;
    border:#BBBBBB 1px solid;
}

#infos_cli td {
    padding:0px;
    vertical-align: middle;
    text-align:left;
    font-size:10px;
}


#infos_cli td.td_texte_lib {
    padding:6px;
    color:black;
}
#infos_cli td.td_texte_offres {
    padding:6px;
    color:black;
}

#infos_cli td.td_texte_lib_erreur {
    padding:6px;
    color:red;
}

p.td_texte_infos{
    padding:80px 15px 0 15px;
    font-size:0.6em;
    line-height:100%;
    font-weight:bold;
}

#identification {
    padding-left:5px;
    padding-right:5px;
    padding-top: 25px;
    margin-bottom:15px;
}



#identification table {
/*  padding-top:20px;
    background:url(http://www.tombeaudelavaisselle.fr/images/panier/mon-compte.gif) top left no-repeat;
    background-color:white;
*/
}

#identification td.td_identification {
    height:20px;
    padding:0px;
}
#identification span {
    display:none;
}

#mes_infos td.td_mes_infos {
    height:20px;
    padding:0px;
}
#mes_infos span {
    display:none;
}


#mes_infos {
    padding-left:5px;
    padding-right:5px;
    padding-top: 25px;
    margin-bottom:15px;
}

#mes_infos table {
/*
    padding-top:20px;
    background:url(http://www.tombeaudelavaisselle.fr/images/panier/mes-infos.gif) top left no-repeat;
    background-color:white;
*/
}

#paiement td.td_cb {
    height:20px;
    padding:0px;
}
#paiement td.td_cheque {
    height:20px;
    padding:0px;
}
#paiement td.td_virement {
    height:20px;
    padding:0px;
}
#paiement td.td_paypal {
    height:20px;
    padding:0px;
}

#paiement span {
    display:none;
}


#paiement {
    padding-left:0px;
    padding-right:0px;
    padding-top: 25px;
    margin-bottom:15px;
}


#adresse_livraison td.td_livraison {
    height:20px;
    padding:0px;
}
#adresse_livraison span {
    display:none;
}

#adresse_livraison {
    padding-top: 25px;
    margin-bottom:15px;
}

#adresse_livraison table {
/*
    padding-top:20px;
    background:url(http://www.tombeaudelavaisselle.fr/images/panier/livraison.gif) top left no-repeat;
    background-color:white;
*/
}

/* ---------------------------------- */
/*       PANIER_RECAP                 */
/* ---------------------------------- */

#panier_adresse_facture {
    width:45%;
    background:#DDD;
    float:left;
    margin:10px;
    border:#BBB 1px solid;
}


#panier_adresse_facture p.ligne_etroite {
    padding : 25px 10px 10px;
    margin:0;
    line-height:1.2em;
}

#panier_adresse_facture a {
    margin-left:140px;
}

#panier_adresse_facture a:hover {
    text-align:right;
    text-decoration:underline;
}


#panier_adresse_livraison {
    width:45%;
    background:white    ;
    float:left;
    margin:10px;
    border:#BBBBBB 1px solid;
}

#panier_adresse_livraison p.ligne_etroite {
    padding : 25px 10px 10px;
    margin:0;
    line-height:1.2em;
}

#panier_adresse_livraison a {
    margin-left:140px;
}

#panier_adresse_livraison a:hover {
    text-align:right;
    text-decoration:underline;
}

/* ---------------------------------- */
/*       COMPTE_ACCUEIL               */
/* ---------------------------------- */

#panier_paiement {
    width:97%;
    float:left;
    margin:0px;
    border:#BBBBBB 2px solid;
    padding-top:20px;
}

#panier_paiement form {
    padding-left:10px;
    padding-right:10px;
    padding-bottom:10px;
    margin-top:25px;
}

/* ---------------------------------- */
/*       COMPTE_ACCUEIL               */
/* ---------------------------------- */

#compte h1.compte_titre1 {
    font-size:16px;
    font-weight:bold;
    color:orange;
}

#mon_cpte_top h5 {
    font-size:14px;
    font-weight:bold;
    color:#000;
    margin:10px;
}

#mon_cpte2  {
    width:96%;
    margin-left:12px;
    margin-right:12px;
}


#mon_cpte2 a {
    text-decoration : none;
}

#mon_cpte2 a:hover {
    text-decoration : underline;
}

#mon_cpte2 td.td_texte_lib {
    color:#000000;
}

#mon_cpte2 td.td_texte_lib_erreur {
    color:red;
}

#mon_cpte2 h2 {
    font-size:14px;
    border-bottom:solid 1px #CCC;

}


/* ---------------------------------- */
/*       COMPTE_COMMANDES             */
/* ---------------------------------- */

#mon_cpte2 table.table_suivi_commandes {
    width:100%;
    border-bottom:#000 1px dotted;
}

#compte td {
    padding:1px;
    vertical-align: middle;
}

#compte tr.titres_designation {
    font-weight:bold;
}

#compte td.texte_dms {
    border-top:#BBBBBB 1px solid;
    font-weight:bold;
}


#compte td.texte_content {
    font-weight:italic;
}








.td_texte_lib{
    padding:0 10px 0 0;
    font-size:0.7em;
    text-align:right;
    font-weight:bold;
}

.td_texte_lib_erreur{
    padding:0 10px 0 0;
    font-size:0.7em;
    text-align:right;
    font-weight:bold;
    color:#F15906;
}

.texte_erreur{
    font-size:0.9em;
    font-weight:normal;
    font-weight:bold;
    color:#F15906;
}
.champ{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-align: left;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}


/*----------------------------------------------------------------------------------*/
/*///  DIV DE CONTENU DE L'ENSEMBLE DES ETAPES DU PANIER   ///*/
/*---------------------------------------------------------------------------------*/

/*  GESTION DES REGLAGES GENERIQUES (par défaut) DU CONTENEUR, TAILLE, TYPE ET COULEUR DE POLICES, ALIGNEMENT TEXTE ETC. */

/**********  NOTE : Par defaut, la div de contenu a une largeur de 100%, si cette derniere entraine
des problemes d'affichage (debordements etc.) il est possible de lui attribuer
des valeurs de largeur ou hauteur fixes, de margin, de padding, de float, de positionnement etc. */

#nav_panier{
    font:normal normal normal 11px/1.1em Arial, Helvetica, sans-serif;
    text-align:center;
    width:96%;
    margin: 10px auto;
    }

/*----------------------------------------------------------------------------------*/
/*///    GESTION DU TABLEAU DANS LA DIV (ne touchez pas ce code)     ///*/
/*---------------------------------------------------------------------------------*/

/*  LE TABLEAU EST TOUJOURS A 100% POUR OCCUPER TOUTE SA DIV PARENTE */
/**********  NOTE : le background sert à creer la ligne de continuité entre les étapes */

#nav_panier table{
    width:100% !important;
    }

/*----------------------------------------------------------------------------------*/
/*///    CLASSE ATTRIBUEE AUX ETAPES NUMERIQUES DU PANIER     ///*/
/*---------------------------------------------------------------------------------*/

/*  GESTION DES REGLAGES PAR DEFAUT DES ETAPES DU PANIER   */

/**********  NOTE : la valeur de hauteur s'ajoute au padding-top pour obtenir la hauteur
totale du bloc numérique, en l'occurence, le bloc total fera 20 pixels de haut (16+4)
et 20 pixels de large */

/*  etapes verouillées, sans lien */
#nav_panier .numetape_panier_offlink{
    display:block !important;
    width:20px;
    height:16px;
    padding-top:4px;
    margin:0 auto !important;
    font-weight:bold;
    text-align:center;

    }

/*  etape en cours de traitement  */
#nav_panier .numetape_panier_onlink{
    display:block !important;
    width:20px;
    height:16px;
    padding-top:4px;
    margin:0 auto !important;
    font-weight:bold;
    text-align:center;

    }
#nav_panier .numetape_panier_onlink a{
    text-decoration:none;
    }

/*  etape validée  */
#nav_panier .numetape_panier_oklink{
    display:block !important;
    width:20px;
    height:16px;
    padding-top:4px;
    margin:0 auto !important;
    font-weight:bold;
    text-align:center;

    }
#nav_panier .numetape_panier_oklink a{
    color:#000;
    text-decoration:none;
    }

/*----------------------------------------------------------------------------------*/
/*///    CLASSE ATTRIBUEE AUX ETAPES TEXTUELLES DU PANIER     ///*/
/*---------------------------------------------------------------------------------*/
#nav_panier .textetape_panier{
    text-transform:uppercase;
    color:#555;
    text-align:center;
    }
#nav_panier .textetape_panier a{
    color:#311300;
    font-weight:bold;
    }
#nav_panier .textetape_panier a:hover{
    text-decoration:none;
    }
#middle_content .h1_panier {
    clear: none;
    margin:50px 0;
    width: 300px;
}

.alerte-livraison {
    color:red;
    font-weight:bold;
    font-size:16px;
    width:420px;
    text-align:left;
    float:left;
}

