
/**************************************************************************/
/* DEBUT DE ZONE MODIFIABLE CONSEILLEE */
/**************************************************************************/

/************************/
/* Police de caractères */
/************************/

body, p, td, form, a, textarea, input, select, legend {
    font-family: Arial, sans-serif, Verdana, Tahoma;    /* Police */
    font-size: 9pt;                                     /* Taille */
}

/************************/
/* Couleur Normal #1 */
/************************/
/* Choisir une couleur proche du noir */

/* Texte normal */
body, p, td, form, a, textarea, input, select, legend, textarea, input, legend, .sous_titre_fiche, a.menu_0:hover, .pied, .td_ligne_1, .td_ligne_2, .td_ligne_select {
    color:#333333;  /* Texte */
}

/* Bordures */
fieldset {
    border-color:#333333;   /* Bordure */
}

/* Fonds */
.tr_ligne_1_over, .tr_ligne_2_over {
    background-color:#333333;   /* Fond */
}

/************************/
/* Couleur Surbrillante #2 */
/************************/
/* Choisir une couleur vive pour les titres et prix */

/* Gros Titres, Puces et Prix*/
h1, h2, h3, a:hover, .prix, .cgv_puces {
    color:#1D3D8C;  /* Texte */
}

/* Prix HT dans la fiche article */
.td_prix_ht {
    background-color:#796197;   /* Fond */
}

/* Containers (box) */
.table_titre_container {
    border-color:#2D5EDA;       /* Bordure */
    background-color:#FFFFFF;   /* Fond */
}
.td_titre_container {
    background-color:#2D5EDA;   /* Fond */
}
.td_ligne_container {
}

/************************/
/* Couleur Surbrillante #3 */
/************************/
/* Choisir une couleur pour les fonds de tableau et liens */

/* Textes */
a:active, a:link, a:visited, a.menu_0:active, a.menu_0:link, a.menu_0:visited, h4, .h2, .designation, .prix_public, .news_titre, .titre_type_piece, .table_titre_commande_select, .fond_titre {
    color: #2C3491; /* Texte */
}

/* Bordures */
.login, .table_titre_commande_select, fieldset.commande {
    border-color: #2D5EDA;  /* Bordure */
}

/* Fond Titres */
.td_titre, .td_titre_commande_select, .fond_titre {
    background-color: #796197;  /* Fond */
}

/************************/
/* Autres couleurs */
/************************/

/* Colonne du Bas */
#colonne_bas {
    color:#FFFFFF;              /* Texte */
    background-color:#E9E2EE;   /* Fond */
}

/* Colonne Droite et Gauche */
#colonne_gauche, #colonne_droite {
    background-color:#E9E2EE;   /* Fond */
}

/* Menu du haut */
#top_sur_menu a {
    color:#FFFFFF;  /* Texte */
}

/* Menu du haut survolé */
#top_sur_menu a:hover {
    color:#F57340;  /* Texte */
}

/* Menu des box */
a.menu:active, a.menu:link, a.menu:visited {
    color:#F0F0F0;  /* Texte */
}

/* Menu des box survolé */
a.menu:hover {
    color:#FFFFFF;  /* Texte */
}

/* Prix HT dans la fiche article */
.td_prix_ht {
    color:#FFFFFF;  /* Texte */
}

/* En-tête de page */
.et {
    color:#FFFFFF;  /* Texte */
}

/* Haut de Page */
#top_table, #top_table_petit {
    background-color: #FFFFFF;  /* Fond E0D8E0*/
}

/* Cadre des titres */
.table_titre {
    border-color:#FFD600;   /* Bordure */
}

/* Sous-Titres */
.td_ligne_titre, #top_sur_menu, #top_sous_menu {
    background-color: #65699C;  /* Fond */
}

/* Recherche */
#top_sous_menu td {
    color: #FFFFFF; /* Texte */
}

/* Ligne alternée dans les listes */
.td_ligne_1 {
    background-color:#E0D8E0;   /* Fond */
}

/* Sélection de ligne */
.td_ligne_select {
    background-color:#E0D8E0;   /* Fond */
}

/* Sélection de ligne alternée dans les listes */
.td_ligne_1_selection, .td_ligne_2_selection {
    background-color:#E0D8E0;   /* Fond */
}

/* Commande */
.table_titre_commande {
    border-color:#FFD600;   /* Bordure */
}

/* Commande */
.td_titre_commande {
    background-color:#796197;   /* Fond */
}

/**************************************************************************/
/* FIN DE ZONE MODIFIABLE CONSEILLEE */
/**************************************************************************/

/* Logos */

#top_logo, a.logo { /* Zone du logo et grand logo */
    width:168px; height:110px;  /* Taille */
}

a.logo_petit {  /* Petit logo */
     width:168px; height:70px;  /* Taille */
     display:block; background: url('../graph/haut_logo_petit.gif') no-repeat center;
}

#top_logo { /* Zone du logo */
    text-align:center;
}
a.logo {
     display:block; background: url('../graph/haut_logo.gif') no-repeat center;
}

/* TOP */

#top {
    width:100%;
}

#top_sur_menu {
	width:100%; height:20px;
    padding-top:2px; text-align:right; vertical-align:middle;
	background-image: url('../graph/haut_fond_barre.gif'); background-repeat: repeat-x;
}

#top_table, #top_table_petit {
    width:100%; padding:0px; margin:0px;
    border-spacing:0px;
    text-align:center;
}

#top_table {
    background-image: url('../graph/haut_fond_logo.gif'); background-repeat: repeat-x;
}

#top_table_petit {
    background-image: url('../graph/haut_fond_logo_petit.gif'); background-repeat: repeat-x;
}

#top_pub {
    width: 600px;
    text-align: center;
    padding-bottom:10px;
}

#top_menu {
    width: 100%;
    vertical-align: bottom;    
	padding: 0; margin:0;
}

#top_menu_boutons {
	width:100%;
    margin:0px; padding:0px;
}

.liste_standard {
    list-style:none;
}

#top_menu_boutons li{
    list-style:none;
    display:inline;
    margin:0px; padding:0px;
}

#top_sous_menu {
	width:100%;
	height:22px;
    vertical-align:middle;
	background-image: url('../graph/haut_fond_barre.gif'); background-repeat: repeat-x;
}

/* Menu */

a.accueil {
     display:block; float:left;
     width:100px; height:24px;
     background-image: url('../graph/haut_menu_accueil.gif'); background-repeat:no-repeat;
}
a.accueil:hover {
     background-image: url('../graph/haut_menu_hover_accueil.gif');
} 

a.une {
     display:block; float:left;
     width:100px; height:24px;
     background-image: url('../graph/haut_menu_une.gif'); background-repeat:no-repeat;
}
a.une:hover {
     background-image: url('../graph/haut_menu_hover_une.gif');
} 

a.catalogue {
     display:block; float:left;
     width:100px; height:24px;
     background-image: url('../graph/haut_menu_catalogue.gif'); background-repeat:no-repeat;
}
a.catalogue:hover {
     background-image: url('../graph/haut_menu_hover_catalogue.gif');
} 

a.panier {
     display:block; float:left;
     width:100px; height:24px;
     background-image: url('../graph/haut_menu_panier.gif'); background-repeat:no-repeat;
}
a.panier:hover {
     background-image: url('../graph/haut_menu_hover_panier.gif');
} 

a.panier_plein {
     display:block; float:left;
     width:100px; height:24px;
     background-image: url('../graph/haut_menu_panier_plein.gif'); background-repeat:no-repeat;
}
a.panier_plein:hover {
     background-image: url('../graph/haut_menu_panier_plein.gif');
} 

a.compte {
     display:block; float:left;
     width:100px; height:24px;
     background-image: url('../graph/haut_menu_compte.gif'); background-repeat:no-repeat;
}
a.compte:hover {
     background-image: url('../graph/haut_menu_hover_compte.gif');
} 

a.support {
     display:block; float:left;
     width:100px; height:24px;
     background-image: url('../graph/haut_menu_support.gif'); background-repeat:no-repeat;
}
a.support:hover {
     background-image: url('../graph/haut_menu_hover_support.gif');
} 


/* SAV */
.sav_attente {
    color:red;
}
.sav_disponible {
    color:green;
}
.sav_attente_reponse_societe {
    color:orange;
}
.sav_materiel_sav {
    color:blue;
}

/* Menu Déroulant */

.menu_deroulant {
    position:absolute; visibility:hidden;
}
 
/* Liste */

.famille {
    font-weight:bold; background-color:#C0C0C0; /* Fond */
}

/* Saisie */

.textfield_panier {
    width:766px;
}
input.textfield {
    height:13pt; border-color:gray; border-width:1px; border-style:solid; padding:1px;
}
input.file {
    height:14pt; border-color:gray; border:1px; border-style:solid; padding:1px;
}
input.texte {
    height:14pt; padding:0
}
input.saisie {
    height:14pt; text-align:right; padding:0
}
input.info {
    height:14pt; padding:2; border:0; font-weight:normal;
}
input.lecture {
    height:14pt; border:0px
}
input.saisie_info {
    height:14pt; padding:2; border:0; font-weight: normal; color:black; text-align:right
}
input.saisie_gras {
    height:14pt; text-align:right; padding:0; border-width:2px; border-style:solid; border-color:#1D3D8C; color:#FFFFFF; background-color:#1D3D8C
}

/* Sélections */
select {
    background-color:#FFFFFF;
}
select.colonne {
    width:130px;
}
select.droite {
    width:140px;
}
select.cfg {
    width:650px;
}
#div_produit select.cfg {
    width:550
}

/* Textes */
textarea {
    background-color:#FFFFFF;
    border-style:solid; padding:1px; border-width: 1px; border-color:gray;
}
textarea.info {
    padding:3; border:0; font-weight:normal; cursor:default; width:780px;
}
textarea.email {
    width:480px;
}
textarea.configuration {
    width:365px;
}
textarea.reviews {
    width:400px;
}
textarea.cv {
    width:480px;
}

/* Catégorie estompé */
.categorie_rayon {
    color:#C0C0C0;
}

/* Fieldset */
fieldset {
    padding:2px; border-style:solid;
}
fieldset.sav {
    padding:5px;
}
fieldset.commande {
    border-width:3px; padding:5px;  
}
fieldset.cv {
    padding:5px;
}
fieldset.configurateur {
    padding:10px;
}
fieldset.admin_produit {
    padding:10px;
}

/* Légendes */
legend {
    margin-top:0; margin-bottom:0; font-weight:bold
}

/* Texte estompé */
.estompe {
    color:#5E5E5E
}

/* Prix NC */
.nc {
    color:#FF0000
}

/* Surbrillance */
.surbrillance {
    color:#FF0000
}

/* FICHE ARTICLE */

/* Ligne des titres de tableau */

.td_titre_fiche {
    color:#FFFFFF; font-weight:bold; background-color:#C0C0C0
}

/* Sous Titre */
.sous_titre_fiche {
    font-size:10pt; font-weight:bold
}

/* Désignation */
.designation {
    font-size:11pt; font-weight:bold
}

/* Prix Public */
.prix_public {
    font-size:11pt; text-decoration:line-through; font-weight:bold
}

/* Prix HT */
.td_prix_ht {
    font-size:10pt; font-weight:bold;
}

/* COMMANDE */

/* Texte du numéro de la commande dans la validation */
.n_commande_ok {
    color:#FFFFFF; font-weight:bold; background-color:#00cc00
}

/* Texte du numéro de la commande dans la validation */
.n_commande_paiement_ok {
    color:#FFFFFF; font-weight:bold; background-color:#00cc00
}

/* Texte du numéro de la commande dans la validation */
.n_commande_paiement_ko {
    color:#FFFFFF; font-weight:bold; background-color:#ff3300
}
/* Texte d'erreur de commande */
.n_commande_ko {
    color:#FFFFFF; font-weight:bold; background-color:#ff3300
}

.td_ligne_surbrillance {
    padding:5px; color:#FFFFFF; font-weight:normal; background-color:#529455
}

a.ligne_commande_surbrillance:active,
a.ligne_commande_surbrillance:link,
a.ligne_commande_surbrillance:visited {
    text-decoration:none; color:#FFFFFF;
}
a.ligne_commande_surbrillance:hover {
    text-decoration:underline; color:#FFFFFF;
}

/* LIENS */

/* Général */
a:active {
    text-decoration:none;
}
a:link {
    text-decoration:none;
}
a:visited {
    text-decoration:none;
}
a:hover {
    text-decoration:underline;
}

/* Menu */
a.menu:active, a.menu:link, a.menu:visited {
    text-decoration:none; font-weight:bold
}
a.menu:hover {
    text-decoration:underline; font-weight:bold
}

/* DIVERS */

/* Spacer */
.spacer tr, .contenu .td {
    height:0; margin:0; padding:0; border-width:0px; border-style:none; border-spacing:0px; padding:5px; 
}

.prix {
    font-weight:bold;
}

.log {
    color:#FFFFFF; font-weight:bold
}

.login {
    border-width:2px; border-style:dashed; background-color:#FFFFFF; width:100%
}

hr {
  border-top-width:0px;
  border-left-width:0px;
  border-right-width:0px;
  border-style:solid;
}
.hr_colonne {
    border-style:dotted; color:#F0F0F0;
}
.hr_page {
    border-style:dotted;
}
.hr_reviews, .hr_page {
    color:#C0C0C0
}

.news_texte {
    text-align:justify;
}

.titre_type_piece {
    font-size:14pt; font-weight:bold;
}
/* CV */

#cv_table {
    width:500px; height:300; margin:5px; padding:5px; border-width:thin; border-width:2px; border-style:solid; border-spacing:0px; border-color:#C0C0C0
}

#cv_table .cv_header {
	height:134px;
}

#cv_table .cv_content {
	height:100px;
}

#cv_table .cv_footer {
	height:66px;
}

#cv_table .cv_header_img {
	width:200px; text-align:center; vertical-align:middle;
}

#cv_table .cv_header_txt{
	width:300px; text-align:center; vertical-align:middle; font-weight:bold; font-size:11pt; padding:10px;
}

#cv_table p.cv_header_txt2{
	font-weight:normal;
}

#cv_table .cv_content_txt{
	width:500px; text-align:center; vertical-align:middle; font-weight:bold; font-size:10pt; padding:10px;
}

#cv_table .cv_footer_txt{
	width:500px; text-align:left; vertical-align:bottom; padding:10px;
}

/* Tableau */

.table_titre {
    border-width:thin; border-width:1px; border-style:solid; border-spacing:0px;
}

.table_fond_separateur {
    border-width:thin; border-width:1px; border-style:solid; border-spacing:5px; border-color:#C0C0C0; background-color:#F0F0F0
}

.td_titre {
    padding:5px; color:#FFFFFF; font-weight:bold;
}

.td_ligne_titre {
    padding:3px; color:#FFFFFF; font-weight:bold;
}

.table_titre_container {
    border-width:1px; border-style:solid; padding:0px;
}

.td_ligne_titre_compte {
    padding:3px; color:#FFFFFF; font-weight:bold; background-color:#C0C0C0;
}

.table_titre_commande {
    border-width:thin; border-width:1px; border-style:solid; border-spacing:0px;
}

.td_titre_commande {
    padding:3px; color:#FFFFFF; font-weight:bold; height:20px;
}

.td_ligne_commande {
    padding:3px;
}

.table_titre_commande_select {
    border-width:thin; border-width:1px; border-style:solid; border-spacing:0px;
}

.td_titre_commande_select {
    padding:3px; color:#FFFFFF; font-weight:bold;
}

.td_ligne_commande_select {
    padding:3px;
}

.td_ligne_1 {
    padding:3px; font-weight:normal;
}

.td_ligne_2 {
    padding:3px; font-weight:normal; background-color:#FFFFFF;
}

.td_ligne_select {
    padding:3px; font-weight:normal;
}

.reviews {
    padding:5px; border-spacing:5px;
}

/* Erreur */
.erreur {
    text-decoration:none; color:red;
}

/* Titres */
h1 {
    font-size:11pt; font-weight:bold; margin-top:0; margin-bottom:0;
}
h2 {
    font-size:10pt; font-weight:bold; margin-top:0; margin-bottom:0;
}
h3 {
    font-size:10pt; font-weight:bold; margin-top:0; margin-bottom:0;
}
h4 {
    font-weight:bold; margin-top:0; margin-bottom:0;
}
.h2 {
    font-weight:bold; margin-top:0; margin-bottom:0;
}

/* Panier */

.dispo_1 {
    color:green;
}
.dispo_2 {
    color:#E86A00;
}
.dispo_3 {
    color:#E86A00;
}
.dispo_4 {
    color:red;
}

/* Page */

body, textarea {
    padding:0px; margin:0px; background-color:#ffffff;
}

.reference {
    font-family:fixedsys;
}

/* Fenêtre d'envois de la commande en cours (etape 3 à 4) */

#div_commande {
    display:block;
}

#div_commande_en_cours {
    display:block;
    text-align:center;
}

/* Console Articles */

.formulaire_label {
    vertical-align:text-top; text-align:right; white-space:nowrap;
}
.formulaire {
    background-color:#C0C000;
}

/* CGV */

.cgv_puces {
    font-weight:bold;
}

/* Colonnes */

#colonne_gauche, #colonne_droite {
    border-spacing:5px; border-style:none;
}
#colonne_bas{
    text-align:center; padding:5px; border-top-width:2px; border-top-color:#666666; border-top-style:solid;
}

/* Affiche */

#affiche {
    background-color:#FFFFFF; padding:10px; margin:0 0 10px; width:auto;
}

/* Vignettes */

#vignette_0, #vignette_1, #vignette_2, #vignette_3 {
    width:100%; padding:0px; margin:0px;
    background-color:#FFFFFF;
    border-width:2px; border-style:solid; border-spacing:0px; border-collapse:inherit;
}

/* Nouveau */
#vignette_0 {
    border-color:#796197;
}

/* Promo */
#vignette_1 {
    border-color:#796197;
}

/* Sélection */
#vignette_2 {
    border-color:#796197;
}

/* Rupture */
#vignette_3 {
    border-color:#cc3333;
}

/* CATALOGUE */

.cat_liste_ul  {
	font-weight:bold;
	margin: 0px; padding: 0px;
}

.cat_liste li, .cat_liste ul {
	list-style-type:none;
	margin: 0px; padding: 0px;
}

div.cat_liste {
}

td.cat_liste, td.cat_liste_image {
    vertical-align:top; white-space:nowrap;
}

div.cat_liste_image {
    float:right;
}

.speciale a{color: #E9E2EE;
}

.speciale a:hover {color: #E9E2EE;
}
.speciale p {text-decoration:none;
}
