/*********************************************************************************************************/
/** Feuille de Styles DATACOM                                                                           **/
/**                                                                                                     **/
/** En cours de developpement                                                                           **/
/**                                                                                                     **/
/**                                                                                                     **/
/*********************************************************************************************************/


/** CONSEILS *********************************************************************************************/
/**   pour l'attribut padding on donne 4 parametres (haut droite bas gauche). Ex: padding: 1 10 1 10    **/
/**                                                                                                     **/
/*********************************************************************************************************/

/*********************************************************************************************************/
/* Styles Généraux                                                                                       */
/*  - BODY:     le corps entier de la page                                                               */
/*  - A:        Liens hypertextes (par défaut, déja visité, en cours, réactivité)                        */
/*  - TABLE:    n'importe quelle table/tableau                                                           */
/*  - INPUT:    elements de formulaire de type saisie de texte simple, bouton, radio                     */
/*  - SELECT:   contenu des listes déroulantes                                                           */
/*  - TEXTAREA: contenu des zone de saisie de texte multiligne                                           */
/*********************************************************************************************************/

BODY {
	margin-top:0; margin-left:0; margin-right:0; margin-bottom:0;
	text-align: justify;
	color: #000000;
	font-family: Verdana, Arial; font-size: 10px;
	background: "#FFFFFF";
        scrollbar-base-color: #007a90; scrollbar-arrow-color: #FFFFFF;
}

A:link    { color: #000000; text-decoration: none; }
A:visited { color: #000000; text-decoration: none; }
A:active  { color: #000000; text-decoration: none; }
A:hover   { color: #000000; text-decoration: underline; }

TABLE     { color: #000000; font-family: Verdana, Arial; font-size: 10px; }
INPUT     { font-size: 10px; color: #000000; font-family: Verdana; }
SELECT    { font-size: 10px; color: #000000; font-family: Verdana; }
TEXTAREA  { font-size: 10px; color: #000000; font-family: Verdana; }



/*********************************************************************************************************/
/* Styles de l'Arbre de Navigation                                                                       */
/*   - tree_folder:  texte d'un objet de type Dossier                                                    */
/*   - tree_doc:     texte d'un objet de type Document                                                   */
/*   - tree_info:    information supplémentaire. Ex: le nombre d'elements contenus dans un dossier       */
/*********************************************************************************************************/

.tree_folder {font-family: Verdana,helvetica; font-size: 10px; color: #000000;}
.tree_doc    {font-family: Verdana,helvetica; font-size: 10px; color: #000000;}
.tree_info   {font-family: Verdana,helvetica; font-size: 9px;  color: #005500;}

SPAN.TreeviewSpanArea A {font-size: 10pt; font-family: verdana,helvetica; text-decoration: none; color: black;}
SPAN.TreeviewSpanArea A:hover {color: '#820082';}




/*********************************************************************************************************/
/* Titres                                                                                                */
/*   - titre_module : Titre du module Ex : ADMINISTRATION                                                */
/*   - titre :        Titre d’une page. Ex : Edition du produit XXX                                      */
/*   - sous_titre :   Libellé complémentaire du titre. Ex : modifié le ...                               */
/*   - section:       Titre d’une grosse section. Ex : Admin. Achats                                     */
/*   - sous_section:                                                                                     */
/*   - sous_sous_section:                                                                                */
/*********************************************************************************************************/
	
.titre_module      { color: #5D5D5D; font-size: 20px; font-family: Verdana; text-transform: uppercase; font-weight: bold; text-align: center; vertical-align: middle;background-image: url('./../Images/_Admin.gif'); background-repeat: no-repeat; background-position: center; margin-top:0; margin-left:0; margin-right:0; margin-bottom:0; }
.titre             { color: #0D77E5; font-size: 16px; font-family: Verdana; text-transform: uppercase; font-weight: bold; }
.sous_titre        { color: #C2C2C2; font-size: 12px; font-family: Verdana; text-transform: lowercase; font-weight: bold; }
.section           { color: #FFFFFF; font-size: 14px; font-family: Verdana; text-transform: uppercase; font-weight: bold; padding: 2 100 2 24; width : 100%;  background-image: url('./../Images/nomprod.gif'); background-repeat: no-repeat; background-position: 0px 50%; border-right: #AAAAAA 0px solid; border-left: #AAAAAA 0px solid; border-top: #AAAAAA 0px solid; border-bottom: #AAAAAA 0px solid; }
.section2           { color: #FFFFFF; padding: 2 2 2 2;  background-image: url('./../Images/nomprod2.gif'); background-repeat: no-repeat; background-position: 0px 50%; border-right: #AAAAAA 0px solid; border-left: #AAAAAA 0px solid; border-top: #AAAAAA 0px solid; border-bottom: #AAAAAA 0px solid; }
.section_panier    { color: #FFFFFF; font-size: 14px; font-weight: bold; font-family: Helvetica, Arial, Verdana; text-transform: uppercase; padding: 4 2 2 40; width : 100%; height: 30; background-image: url('./../images/section_panier.gif'); background-repeat: no-repeat; background-position: 0px 0px; border-right: #AAAAAA 0px solid; border-left: #AAAAAA 0px solid; border-top: #AAAAAA 0px solid; border-bottom: #AAAAAA 1px solid; }
.sous_section      { color: #000000; font-size: 14px; font-family: Verdana; font-weight: bold; padding: 2 100 2 20; width : 80%; position: relative; top: 0px; left: 20px; background-color: #D4E7FA; }
.sous_sous_section { color: #FE0000; font-size: 12px; font-family: Verdana; font-weight: bold; padding: 2 100 2 10; position: relative; top: 0px; left: 50px;}

/* VIGNETTES PRODUIT
*/
.section_produit           { color: #000000; font-size: 10px; font-family: Helvetica, Arial, Verdana; text-transform: uppercase; text-align: center; padding: 2 2 2 10; width : 100%; height: 30; border-right: #AAAAAA 0px solid; border-left: #AAAAAA 0px solid; border-top: #AAAAAA 0px solid; border-bottom: #1ea091 1px solid; }
.finsection_produit        { color: #FFFFFF; font-size: 10px; font-family: Helvetica, Arial, Verdana; padding: 2 2 2 10; width : 100%; height: 30; background-image: url('./../images/arrondi_bas_small.gif'); background-repeat: no-repeat; background-position: 0px 0px; border-right: #AAAAAA 0px solid; border-left: #AAAAAA 0px solid; border-top: #AAAAAA 0px solid; border-bottom: #000000 0px solid; }
.apartirde_produit	   { color: #666666; font-size: 10px; font-family: Helvetica, Arial, Verdana;}
.nom_produit		   { color: #ffffff; font-weight: bold; font-size: 11px; font-family: Helvetica, Arial, Verdana; }
.nom_produit:link    	   { color: #ffffff; font-weight: bold; font-size: 11px; font-family: Helvetica, Arial, Verdana; }
.nom_produit:hover    	   { color: #ffffff; font-weight: bold; font-size: 11px; font-family: Helvetica, Arial, Verdana; }
.nom_produit:active        { color: #ffffff; font-weight: bold; font-size: 11px; font-family: Helvetica, Arial, Verdana; }

.savoirplus_produit	   { color: #FF0000; font-size: 11px; font-family: Helvetica, Arial, Verdana;}
/*********************************************************************************************************/
/* Zones (styles à appliqer sur des paragraphes ou tables pour délimiter des Zones)                      */
/*   - section_zone:  (fond, bord) de zone rectangulaire. Utiliser en conjonction avec la class section  */
/*   - zone_onglets:  Container de boutons d'onglets (Toolbar-like ou simple trait de séparation)        */
/*********************************************************************************************************/
.section_zone      { background-color: #e6fffc; padding: 2 2 2 2; border-right: #AAAAAA 1px solid; border-left: #AAAAAA 1px solid; border-bottom: #AAAAAA 1px solid; }
.zone_onglets      { background-color: #e6fffc; text-align: center; vertical-align: middle; }

/*********************************************************************************************************/
/* Tableaux ou Tables à la structure apparente                                                           */
/*   - tableau :                Définit le style global, et surtout la couleur de fond (pour bordures)   */
/*   - tableau_titre :          Optionnel ligne contenant en général une large cellule et un titre       */
/*   - tableau_header :         Ligne d'en-tête contenant les tétières des colonnes                      */
/*   - tableau_footer:          Optionnelle dernière ligne du tableau, contenant des infos récapitulatif */
/*   - tableau_ligne_alterne_1: Couleur des lignes Impaires quand on alterne les couleurs                */
/*   - tableau_ligne_alterne_2: Couleur des lignes Paires quand on alterne les couleurs                  */
/*   - tableau_contenu:         Couleur de fond des cellules de contenu                                  */
/*   - tableau_row_header:      Première colonne du tableau, quand elle contient un en-tete de ligne     */
/*   - tableau_total:           Pour les lignes contenant un total des lignes de contenu                 */
/*   - tableau_navigation:      Ligne contenant les controles de navigation (Ex: Page 1 sur 2 ...)       */
/*   - tableau_message:      	Ligne contenant les messages systeme (erreurs,warnings...)		 */
/*********************************************************************************************************/
.tableau                 { padding: 5px; border-right: #000000 0px solid; border-left: #000000 0px solid; border-top: #000000 0px solid; border-bottom: #000000 0px solid;  border-collapse:collapse; }
.tableau_sides           { border-right: #1ea091 1px solid; border-left: #1ea091 1px solid; }
.tableau_titre           { border-width: 1px; border-color: #7C7C7C; border-style: solid; padding: 6 6 6 6; font-family: Verdana; font-size: 12px; color: #39675D; font-weight: bold; background-color: 'lightgrey'; }
.tableau_header          { border-width: 0px; border-color: #B9B9B9; border-style: solid; padding: 2 2 2 2; font-family: Verdana; font-size: 10px; color: #000000; font-weight: bold; border-bottom: #000000 1px solid;}
.tableau_header_c1       { border-width: 0px; border-color: #B9B9B9; border-style: solid; padding: 2 2 2 2; font-family: Verdana; font-size: 10px; color: #000000; font-weight: bold; border-bottom: #000000 1px solid;}
.tableau_header_c2       { border-width: 0px; border-color: #B9B9B9; border-style: solid; padding: 2 2 2 2; font-family: Verdana; font-size: 10px; color: #000000; font-weight: bold; border-bottom: #000000 1px solid;}
.tableau_footer          { border-width: 1px; border-color: #7C7C7C; border-style: solid; padding: 4 4 4 4; font-family: Verdana; font-size: 10px; color: #000000; font-weight: bold; font-style : italic; background-color: 'lightgrey'; }
.tableau_ligne_alterne_1   { border-bottom: solid 1px #FFFFFF; padding: 2px; background-color:#FFFFFF; }
.tableau_ligne_alterne_2   { border-bottom: solid 1px #FFFFFF; padding: 2px; background-color:#bfe7ef; }
.tableau_ligne_alterne_1c2 { border-bottom: solid 1px #FFFFFF; padding: 2px; background-color:#FFFFFF; }
.tableau_ligne_alterne_2c2 { border-bottom: solid 1px #FFFFFF; padding: 2px; background-color:#bfe7ef; }
.tableau_contenu         { border-bottom: solid 1px #FFFFFF; border-left: solid 1px #FFFFFF; padding: 2px; background-color:#bfe7ef; }
.tableau_row_header      { border-width: 1px; border-color: #7C7C7C; border-style: solid; padding: 4 4 4 4; font-family: Verdana; font-size: 10px; color: #000000; font-weight: bold; background-color: #CDEABA; }
.tableau_total           { border-width: 1px; border-color: #7C7C7C; border-style: solid; padding: 2 2 2 2; font-family: Verdana; font-size: 10px; color: #000000; font-weight: bold; background-color: #6cc0b6; text-align: right; }
.tableau_navigation      { padding: 2 2 2 2; font-family: Verdana; font-size: 10px; color: #000000; }


/*********************************************************************************************************/
/* Formulaire de saisie                                                                                  */
/*   - form_libelle_champ:       Texte décrivant le champ de saisie qui suit. Ex: "Fournisseur : "       */
/*   - form_mention_obligatoire: Element indiquant que le champ est obligatoire. Ex: asterisque rouge    */
/*   - form_mention_aide:        Texte expliquant le format ou contrainte de saisie. Ex: (dd/mm/aaaa)    */
/*********************************************************************************************************/
.form_libelle_champ       { color: #000000; font-family: Verdana; font-size: 10px; font-style: inherit; font-weight: lighter; }
.form_mention_obligatoire { color: #FF0000; padding: 1 2 1 2;}
.form_mention_aide        { color: #04488D; font-family: Verdana; font-size: 9px; font-style: italic; font-weight: lighter; }


/*********************************************************************************************************/
/* Boutons                                                                                               */
/*   - bouton_grand:   Hyperlink à l'aspect bouton réactif, GRAND bouton (accès aux modules par ex)      */
/*   - bouton_moyen:   Hyperlink à l'aspect bouton réactif, bouton MOYEN (onglets Produits par ex)       */
/*   - bouton_delete:  Pour tout les boutons qui suppriment des choses                                   */
/*   - bouton_create:  Pour tout les boutons qui crée des choses                                         */
/*   - bouton_save:    Pour tout les boutons qui appliquent les modifications                            */
/*   - bouton_login:   Bouton validant le Login ou pour se Délogguer                                     */
/*   - bouton_mini_go: Mini boutton (sans texte en général) pour accèder à une autre page                */
/*   - bouton_input:   Pour les Input Button                                                             */
/*********************************************************************************************************/
.bouton_grand         { Width : 100; height: 20; padding: 5 5 5 5; color : #000000; font-weight: bold; font-family: Verdana, Arial; font-size: 10px; text-decoration: none; border-width: 2px;  border-style: outset; background-image: url('./../Images/BtnMoy.gif'); background-repeat: repeat-x; background-position: bottom; margin-top:0; margin-left:0; margin-right:0; margin-bottom:0; }
.bouton_grand:hover   { Width : 100; height: 20; padding: 5 5 5 5; color : #FFFFFF; font-weight: bold; font-family: Verdana, Arial; font-size: 10px; text-decoration: none; border-width: 2px;  border-style: outset; background-image: url('./../Images/BtnMoy.gif'); background-repeat: repeat-x; background-position: bottom; margin-top:0; margin-left:0; margin-right:0; margin-bottom:0; }
.bouton_grand:active  { Width : 100; height: 20; padding: 5 5 5 5; color : #FFFFFF; font-weight: bold; font-family: Verdana, Arial; font-size: 10px; text-decoration: none; border-width: 2px;  border-style: inset; background-image: url('./../Images/BtnMoy.gif'); background-repeat: repeat-x; background-position: bottom; margin-top:0; margin-left:0; margin-right:0; margin-bottom:0; }

.bouton_moyen         { height: 20; padding: 5 20 5 20; color : #000000; font-weight: bold; font-family: Verdana, Arial; font-size: 10px; text-decoration: none; border-width: 2px;  border-style: outset; background-image: url('./../Images/BtnMoy.gif'); background-repeat: repeat-x; background-position: bottom; margin-top:0; margin-left:0; margin-right:0; margin-bottom:0; }
.bouton_moyen:hover   { height: 20; padding: 5 20 5 20; color : #FFFFFF; font-weight: bold; font-family: Verdana, Arial; font-size: 10px; text-decoration: none; border-width: 2px;  border-style: outset; background-image: url('./../Images/BtnMoy.gif'); background-repeat: repeat-x; background-position: bottom; margin-top:0; margin-left:0; margin-right:0; margin-bottom:0; }
.bouton_moyen:active  { height: 20; padding: 5 20 5 20; color : #FFFFFF; font-weight: bold; font-family: Verdana, Arial; font-size: 10px; text-decoration: none; border-width: 2px;  border-style: inset; background-image: url('./../Images/BtnMoy.gif'); background-repeat: repeat-x; background-position: bottom; margin-top:0; margin-left:0; margin-right:0; margin-bottom:0; }

.bouton_delete         { Width : 300; height: 20; padding: 5 20 5 35; color : #000000; font-weight: bold; font-family: Verdana, Arial; font-size: 10px; text-decoration: none; border-width: 2px;  border-style: outset; background-image: url('./../Images/BtnDelete.gif'); background-repeat: No-repeat; background-position: bottom left; margin-top:0; margin-left:0; margin-right:0; margin-bottom:0; }
.bouton_delete:hover   { Width : 300;height: 20; padding: 5 20 5 35; color : #FFFFFF; font-weight: bold; font-family: Verdana, Arial; font-size: 10px; text-decoration: none; border-width: 2px;  border-style: outset; background-image: url('./../Images/BtnDeleteHover.gif'); background-repeat: No-repeat; background-position: bottom left; margin-top:0; margin-left:0; margin-right:0; margin-bottom:0; }
.bouton_delete:active  { Width : 300;height: 20; padding: 5 20 5 35; color : #FFFFFF; font-weight: bold; font-family: Verdana, Arial; font-size: 10px; text-decoration: none; border-width: 2px;  border-style: inset; background-image: url('./../Images/BtnDeleteHover.gif'); background-repeat: No-repeat; background-position: bottom left; margin-top:0; margin-left:0; margin-right:0; margin-bottom:0; }

.bouton_save         { Width : 300;height: 20; padding: 5 20 5 35; color : #000000; font-weight: bold; font-family: Verdana, Arial; font-size: 10px; text-decoration: none; border-width: 2px;  border-style: outset; background-image: url('./../Images/BtnSave.gif'); background-repeat: No-repeat; background-position: bottom left; margin-top:0; margin-left:0; margin-right:0; margin-bottom:0; }
.bouton_save:hover   { Width : 300;height: 20; padding: 5 20 5 35; color : #FFFFFF; font-weight: bold; font-family: Verdana, Arial; font-size: 10px; text-decoration: none; border-width: 2px;  border-style: outset; background-image: url('./../Images/BtnSaveHover.gif'); background-repeat: No-repeat; background-position: bottom left; margin-top:0; margin-left:0; margin-right:0; margin-bottom:0; }
.bouton_save:active  { Width : 300;height: 20; padding: 5 20 5 35; color : #FFFFFF; font-weight: bold; font-family: Verdana, Arial; font-size: 10px; text-decoration: none; border-width: 2px;  border-style: inset; background-image: url('./../Images/BtnSaveHover.gif'); background-repeat: No-repeat; background-position: bottom left; margin-top:0; margin-left:0; margin-right:0; margin-bottom:0; }

.bouton_create         { Width : 300;height: 20; padding: 5 20 5 35; color : #000000; font-weight: bold; font-family: Verdana, Arial; font-size: 10px; text-decoration: none; border-width: 2px;  border-style: outset; background-image: url('./../Images/BtnCreate.gif'); background-repeat: No-repeat; background-position: bottom left; margin-top:0; margin-left:0; margin-right:0; margin-bottom:0; }
.bouton_create:hover   { Width : 300;height: 20; padding: 5 20 5 35; color : #FFFFFF; font-weight: bold; font-family: Verdana, Arial; font-size: 10px; text-decoration: none; border-width: 2px;  border-style: outset; background-image: url('./../Images/BtnCreateHover.gif'); background-repeat: No-repeat; background-position: bottom left; margin-top:0; margin-left:0; margin-right:0; margin-bottom:0; }
.bouton_create:active  { Width : 300;height: 20; padding: 5 20 5 35; color : #FFFFFF; font-weight: bold; font-family: Verdana, Arial; font-size: 10px; text-decoration: none; border-width: 2px;  border-style: inset; background-image: url('./../Images/BtnCreateHover.gif'); background-repeat: No-repeat; background-position: bottom left; margin-top:0; margin-left:0; margin-right:0; margin-bottom:0; }

.bouton_copy         { Width : 300;height: 20; padding: 5 20 5 35; color : #000000; font-weight: bold; font-family: Verdana, Arial; font-size: 10px; text-decoration: none; border-width: 2px;  border-style: outset; background-image: url('./../Images/BtnDupplic.gif'); background-repeat: No-repeat; background-position: bottom left; margin-top:0; margin-left:0; margin-right:0; margin-bottom:0; }
.bouton_copy:hover   { Width : 300;height: 20; padding: 5 20 5 35; color : #FFFFFF; font-weight: bold; font-family: Verdana, Arial; font-size: 10px; text-decoration: none; border-width: 2px;  border-style: outset; background-image: url('./../Images/BtnDupplicHover.gif'); background-repeat: No-repeat; background-position: bottom left; margin-top:0; margin-left:0; margin-right:0; margin-bottom:0; }
.bouton_copy:active  { Width : 300;height: 20; padding: 5 20 5 35; color : #FFFFFF; font-weight: bold; font-family: Verdana, Arial; font-size: 10px; text-decoration: none; border-width: 2px;  border-style: inset; background-image: url('./../Images/BtnDupplicHover.gif'); background-repeat: No-repeat; background-position: bottom left; margin-top:0; margin-left:0; margin-right:0; margin-bottom:0; }

.bouton_login         { height: 18; width: 18; padding: 0 0 0 0; font-family: Verdana, Arial; font-size: 10px; text-decoration: none; background-image: url('./../Images/ok.gif'); background-repeat: no-repeat; background-position: 50% 50%; }
.bouton_login:hover   { height: 18; width: 18; padding: 0 0 0 0; font-family: Verdana, Arial; font-size: 10px; text-decoration: none; background-image: url('./../Images/okHover.gif'); background-repeat: no-repeat; background-position: 50% 50%; }
.bouton_login:active  { height: 18; width: 18; padding: 0 0 0 0; font-family: Verdana, Arial; font-size: 10px; text-decoration: none; background-image: url('./../Images/okHover.gif'); background-repeat: no-repeat; background-position: 50% 50%; }

.bouton_logout        { height: 15; padding: 2 2 2 2; background-color: 'lightgrey'; font-family: Verdana, Arial; font-size: 10px; text-decoration: none; border-right: #000000 1px solid; border-left: #000000 1px solid; border-top: #000000 1px solid; border-bottom: #000000 1px solid; }
.bouton_logout:hover  { height: 15; padding: 2 2 2 2; background-color: 'lightgrey'; font-family: Verdana, Arial; font-size: 10px; text-decoration: none; border-right: #000000 1px solid; border-left: #000000 1px solid; border-top: #000000 1px solid; border-bottom: #000000 1px solid; }
.bouton_logout:active { height: 15; padding: 2 2 2 2; background-color: 'lightgrey'; font-family: Verdana, Arial; font-size: 10px; text-decoration: none; border-right: #000000 1px solid; border-left: #000000 1px solid; border-top: #000000 1px solid; border-bottom: #000000 1px solid; }

.bouton_rechercher        { cursor:hand; height: 18; width: 21; padding: 0 0 0 0; font-family: Helvetica, Arial, Verdana; font-size: 10px; text-decoration: none; background-image: url('./../images/ok.gif'); background-repeat: no-repeat; background-position: right bottom; }
.bouton_rechercher:hover  { cursor:hand; height: 18; width: 21; padding: 0 0 0 0; font-family: Helvetica, Arial, Verdana; font-size: 10px; text-decoration: none; background-image: url('./../images/ok.gif'); background-repeat: no-repeat; background-position: right bottom; }
.bouton_rechercher:active { cursor:hand; height: 18; width: 21; padding: 0 0 0 0; font-family: Helvetica, Arial, Verdana; font-size: 10px; text-decoration: none; background-image: url('./../images/ok.gif'); background-repeat: no-repeat; background-position: right bottom; }

.bouton_ajout         { cursor:hand; height: 21; width: 30; padding: 0 0 0 0; font-family: Helvetica, Arial, Verdana; font-size: 10px; text-decoration: none; background-image: url('./../images/button-plus.gif'); background-repeat: no-repeat; background-position: 50% 50%; }
.bouton_ajout:hover   { cursor:hand; height: 21; width: 30; padding: 0 0 0 0; font-family: Helvetica, Arial, Verdana; font-size: 10px; text-decoration: none; background-image: url('./../images/button-plus_hover.gif'); background-repeat: no-repeat; background-position: 50% 50%; }
.bouton_ajout:active  { cursor:hand; height: 21; width: 30; padding: 0 0 0 0; font-family: Helvetica, Arial, Verdana; font-size: 10px; text-decoration: none; background-image: url('./../images/button-plus_active.gif'); background-repeat: no-repeat; background-position: 50% 50%; }

.bouton_input { background-color: #FFFFFF; font-family: Verdana, Arial; font-size: 10px; }


/*********************************************************************************************************/
/* Pages, pour appliquer un style à une pseudo-page entière (couleur et image de fond)                   */
/*        Conseil: appliquer ces class au Body de la page (si frames) ou en style de table (no-frame)    */
/*   - page_header :  en haut, contenant gros titre, logo et Login                                       */
/*   - page_gauche :  à gauche, contenant l'arbre de Navigation                                          */
/*   - page_droite :  à droite, contenant le panier ou les news par ex                                   */
/*   - page_contenu : au centre, contenant les données                                                   */
/*   - page_footer :  en bas, contenant les crédits par Ex                                               */
/*********************************************************************************************************/
.page_header  { padding: 0 0 0 0;   background-color: #FFFFFF; background-image: url(./../Images/bground_top.jpg); background-repeat: no-repeat; background-position: left top; margin-top:0; margin-left:0; margin-right:0; margin-bottom:0; }
.page_gauche  { padding: 10 10 10 10; background-color: #FFFFFF; }
.page_droite  { padding: 10 10 10 10; background-color: #FFFFFF; background-image: url('./../Images/degrade_menu_vertical.gif'); background-repeat: repeat-y; background-position: left; }
.page_contenu { padding: 10 20 10 20; background-color: #FFFFFF; background-image: url('./../Images/bground_middle.jpg'); background-repeat:no-repeat; background-position: left top; }
.page_footer  { padding: 10 10 0 10;  background-color: #EFEFEF; background-image: url('./../Images/degrade_menu.gif'); background-repeat: repeat-x; background-position: top; }

/*********************************************************************************************************/
/* Login                                                                                                 */
/*   - login_zone :   Zone englobant les elements Login, mdp, oublié, s'inscrire, bonjour                */
/*   - login_texte :  Textes de la zone Login                                                            */
/*********************************************************************************************************/                     
.login_zone   { background-color: #EFEFEF; padding: 2 2 2 2; border-right: #000000 1px solid; border-left: #000000 1px solid; border-bottom: #000000 1px solid; border-top: #000000 1px solid; }
.login_texte  { font-family: Verdana; font-size: 9px; color: #000000; line-height: 8px; }
.login_input  { font-size: 10px; font-family: Verdana; background-color: #FFFFFF; border-right: #000000 1px solid; border-left: #000000 1px solid; border-bottom: #000000 1px solid; border-top: #000000 1px solid; }
.login_error  { font-family: Verdana; font-size: 9px; color: #FF0000; font-style: italic; }


/*********************************************************************************************************/
/* Textes                                                                                                */
/*   - texte_credits : Texte affichant les Crédits DATACOM ou copyright                                  */
/*********************************************************************************************************/                     
.texte_credits { font-family: Verdana; font-size: 9px; color: #FFFFFF; vertical-align: middle; }
.texte_mailto  { font-family: Verdana; font-size: 9px; color: #FFFFFF; vertical-align: middle; }


/*********************************************************************************************************/
/* Messages Systemes                                                                                     */
/*   - tableau_message :     Tableau contenant les messages                                              */
/*   - msg_erreur_critique : Message d'erreur Critique                                                   */
/*   - msg_erreur :          Message d'erreur, si les données ne sont pas valides par exemple            */
/*   - msg_warning :         Message d'avertissement                                                     */
/*   - msg_info :            Message de confirmation de l'action correctement exécutée                   */
/*********************************************************************************************************/
.tableau_message     { padding: 2 2 2 2; background-color: #FFFFFF; border-right: #AA0510 1px solid; border-left: #AA0510 1px solid; border-top: #AA0510 1px solid; border-bottom: #AA0510 1px solid;}
.msg_erreur_critique { padding: 2 2 2 2; width: 100%; background-color: #FF0000; font-family: Helvetica, Arial, Verdana; font-size: 9px; font-weight: normal; color: #FFFFFF; vertical-align: middle; text-align: center; }
.msg_erreur          { padding: 10 10 10 10; font-family: Verdana; font-size: 14px; font-weight: bold; color: #FF0000; vertical-align: middle; text-align: center; }
.msg_warning         { padding: 10 10 10 10; font-family: Verdana; font-weight: bold; font-size: 14px; color: #000000; vertical-align: middle; text-align: center; }
.msg_info            { padding: 10 10 10 10; font-family: Verdana; font-size: 14px; font-weight: bold; color: #00FF00; text-align: left; }
.ttip                { cursor: pointer; display:none; position:absolute; z-index:10000; padding:4px; max-width:300px; background-color:#FFFFDF; color: #000; border:1px solid #000; }

/*********************************************************************************************************/
/* Validation: Couleurs de Fond pour illuminer les Statuts de validation                                 */
/*   - valid_statut_[I|O|N] :       fond de cellule pour Statut de validation = Indéfini|Oui|Refusé      */
/*   - valid_statut_texte_[I|O|N] : style pour texte selon le Statut de validation = Indéfini|Oui|Refusé */
/*********************************************************************************************************/
.valid_statut_I       { background-color: #04488D; border-width: 1px; border-color: #7C7C7C; border-style: solid; }
.valid_statut_O       { background-color: #AAFFAA; border-width: 1px; border-color: #7C7C7C; border-style: solid; }
.valid_statut_N       { background-color: #FF0000; border-width: 1px; border-color: #7C7C7C; border-style: solid; }
.valid_statut_texte_I { color: #000000; }
.valid_statut_texte_O { color: #00AA00; }
.valid_statut_texte_N { color: #EE0000; }


/*********************************************************************************************************/
/* BAT: Style pour la page Bon A Tirer, qui peuvent être spécifique puisque le BAT doit être imprimable  */
/*   - page_bat :                      Style globaux de la page elle même                                */
/*   - bat_zone :                      Conteneur des colonnes                                            */
/*   - bat_header[_contenu] :          Zone de Header et cellule du Header                               */
/*   - bat_titre :                     Zone de Titre                                                     */
/*   - bat_prod_[accroche|visu|desc] : Texte de l'accroche produit, zone du visuel, textes descriptif    */
/*   - bat_zone_commentaire :          Zone contenant les infos de commentaire                           */
/*   - bat_titre_commentaire :         Titre de la zone commentaire                                      */
/*   - bat_cadre_commentaire :         Cadre contenant un commentaire                                    */
/*   - bat_footer :                    Zone de footer                                                    */
/*********************************************************************************************************/
.page_bat              { padding: 0 0 0 0; background-color: #FFFFFF; }
.bat_zone              { height=1000; width=650; background-color: #FFFFFF; font-family:Arial; }
.bat_header            { width=100%; border-collapse:collapse; }
.bat_header_contenu    { font-size:10px; font-family:Arial; padding: 2 2 2 2; border-width: 2px; border-color: #0000FF; border-style: solid; vertical-align: top; }
.bat_titre             { width: 90%; font-size:18px; font-family:Arial; padding: 10 50 10 50; border-bottom: #0000AA 3px solid; text-align: center; }
.bat_prod_accroche     { font-size:12px; font-weight: bold; }
.bat_prod_visu         { font-size:8px; font-weight: normal; }
.bat_prod_desc         { font-size:10px; font-weight: normal; }
.bat_zone_commentaire  { width: 90%; padding: 10 50 10 50; border-top: #0000AA 3px solid; }
.bat_titre_commentaire { font-size:18px; font-family:Arial; text-align: center; padding: 8 10 15 10; }
.bat_cadre_commentaire { font-size:12px; font-family:Arial; padding: 8 12 8 12; height: 100; border-width: 2px; border-color: #0000FF; border-style: solid; }
.bat_footer            { font-size:8px; font-family:Arial; padding: 3 2 2 2; background-color: #ECECEC; border-width: 1px; border-color: #000000; border-style: solid; }


/*********************************************************************************************************/
/* Front Client: Styles pour la Page centrale                                                            */
/*********************************************************************************************************/
.arbo_bar  { padding: 50 0 0 5; color: #1d1d8d; font-weight: bold; font-family: Verdana; font-size: 11px; font-style: normal; text-decoration: none; text-align: center; line-height: 23px; }

.bouton_arbo_bar          { font-weight: bold; color: #000000; }
.bouton_arbo_bar:hover    { font-weight: bold; color: #FFFFFF; }
.bouton_arbo_bar:active   { font-weight: bold; color: #FFFFFF; }

.bouton_produit           { width:100%; height:16; padding: 1 2 0 25; background-image: url(../images/small_arrow.gif); background-repeat: no-repeat; background-position: 2px 4px; font-size: 10px; color: #000000; }
.bouton_produit:hover     { width:100%; height:16; padding: 1 2 0 25; background-image: url(../images/small_arrow.gif); background-repeat: no-repeat; background-position: 2px 4px; font-size: 10px; color: #FEFC09; background-color: #679BCA; text-decoration: none;}
.bouton_produit:active    { width:100%; height:16; padding: 1 2 0 25; background-image: url(../images/small_arrow.gif); background-repeat: no-repeat; background-position: 2px 4px; font-size: 10px; color: #FEFC09; background-color: #679BCA; text-decoration: none;}

.vignette_produit         { padding: 2 2 2 1;  }

/*********************************************************************************************************/
/* Page Prevue Cat: Style pour le mode Page Prévue Catalogue                                             */
/*   - page_page_prevue_cat :                 Style globaux de la page elle même                         */
/*   - page_prevue_cat_titre :                Titre de la Page (Numéro de Page)                          */
/*   - page_prevue_cat_zone :                 Zone contenant toutes les colonnes                         */
/*   - page_prevue_cat_colonne :              Une colonne de Produits                                    */
/*   - page_prevue_cat_prod[focus_1|2] :      Une vignette produit. Style variable selon le CODE_FOCUS   */
/*   - page_prevue_cat_prod_[nom|visu|desc] : Les attributs de produit dans la vignette                  */
/*********************************************************************************************************/
.page_page_prevue_cat         { padding: 10 10 10 10; background-color: #FFFFFF; }
.page_prevue_cat_titre        { color: #0556A7; font-size: 16px; font-family: Verdana; text-transform: uppercase; font-weight: bold; }
.page_prevue_cat_zone         { width: 800; background-color: #AAAAAA; border-width: 1px; border-color: #101010; border-style: solid; }
.page_prevue_cat_colonne      { padding: 10 10 10 10; background-color: #DDDDDD; }
.page_prevue_cat_prod         { background-color: #FFFFFF; }
.page_prevue_cat_prod_focus_1 { background-color: #FFFF00; border-width: 2px; border-color: #000000; border-style: solid;}
.page_prevue_cat_prod_focus_2 { background-color: #00FF00; border-width: 4px; border-color: #0000FF; border-style: solid; }
.page_prevue_cat_prod_nom     { background-color: #FAC716; color: #000000; font-size: 14px; font-family: Verdana; font-weight: bold; }
.page_prevue_cat_prod_visu    { background-color: #EEEEEE; }
.page_prevue_cat_prod_desc    { font-size: 10px; }


/*********************************************************************************************************/
/* Front Client: RollDown Menu                                                                         */
/*********************************************************************************************************/
.rolldownmenu		 { height:20; padding: 2 2 2 2; font-family: Helvetica, Arial, Verdana; font-size: 9px; color: #FFFFFF; }
.rolldownmenu_bouton 	 { height:20; padding: 2 2 2 2; font-family: Helvetica, Arial, Verdana; font-weight: bold; font-size: 11px; color: #FFFFFF; cursor:hand; border-right: #000000 1px solid; border-bottom: #000000 1px solid; }
.rolldownmenu_ligne_over { height:20; padding: 2 2 2 2; font-family: Helvetica, Arial, Verdana; font-weight: bold; font-size: 11px; color: #FFFFFF; cursor:hand; }
.rolldownmenu_ligne_out  { height:20; padding: 2 2 2 2; font-family: Helvetica, Arial, Verdana; font-weight: bold; font-size: 11px; color: #FFFFFF; cursor:hand; }


#dropmenudiv		{ background-color: #00a1be;position:absolute; border:1px solid black; border-bottom-width: 0; font-family: Verdana; font-size: 9px; color: #FFFFFF; line-height:18px; z-index:100;}
#dropmenudiv a		{ background-color: #00a1be;width: 100%; display: block; text-indent: 3px; border-bottom: 1px solid black; padding: 1px 0; text-decoration: none; font-weight: bold;  color: #FFFFFF;  }
#dropmenudiv a:hover	{ background-color: #00a1be;background-color: black;  color: #FFFFFF;  }












.checkbox_search
{
	border-width: 0px;
	border-style: none;
	FONT-SIZE: 10px;
	background-color: transparent;
}
   
.admin_input_opt {
	BORDER-RIGHT: #FF0000 1px solid;
	BORDER-TOP: #FF0000 1px solid;	
	BORDER-LEFT: #FF0000 1px solid;

}

.admin_input_opt_fam {
	BACKGROUND-COLOR: #FF0000;
	BORDER-RIGHT: #FF0000 1px solid;
	BORDER-TOP: #FF0000 1px solid;
	BORDER-LEFT: #FF0000 1px solid;
	BORDER-BOTTOM: #FF0000 1px solid;
}

.admin_titre {
	font-family: Verdana;
	font-size: 12px;
	background-color: #E6E6E6;
	border-width: 2px;
	color: #FF0000;
	text-align: center;
	vertical-align: middle;
}

.admin_credits {
	font-family: Verdana;
	font-size: 9px;
	background-color: #E6E6E6;
	border-width: 2px;
	color: #FF0000;
	text-align: center;
	vertical-align: middle;
}

.btn_deconnecter {
	font-family: Verdana;
	font-size: 12px;
	border-width: 2px;
	color: #FF0000;
	text-align: center;
	vertical-align: middle;
}

.admin_preview_head_art
{
	font-family: Verdana;
	font-size: 10px;
	color: #FF0000;
	font-weight: bold;
	background-color: #FAC716;
}

.admin_preview_title
{
	font-family: Verdana;
	font-size: 18px;
	color: #FF0000;
	font-variant: small-caps;
	font-weight: bold;
	background-color: #FAC716;
}

.admin_desc_prod
{
	text-align: justify;
	font-family: Verdana;
	font-size: 10px;
	color: #000000;
}

.txt_search_title
{
	background-image: url(../Images/head_search.gif);
	text-align: justify;
	font-family: Verdana;
	font-size: 10px;
	color: #0A51A1;
	font-weight: bold;
}

.txt_search
{
}
	.texte_quisommesnous	{ color:#FFFFFF; text-align:left;  font-weight: bold; font-size:12px; }

.menu_head
{
	font-family: Verdana;
	font-size: 10px;
	color: #000000;
}

.client_login
{
	font-family: Verdana;
	font-size: 9px;
	color: black;
	line-height: 8px;
}

.admin_article_bleue
{
	text-align: justify;
	font-family: Verdana;
	font-size: 10px;
	color: #FF0000;
	background-color: #CCECF4;
}

.admin_table_header
{
	font-family: Verdana;
	font-size: 10px;
	color: #FFFFFF;
}

.admin_table_users
{
	font-family: Verdana;
	font-size: 10px;
	color: #FF0000;
	font-weight: bold;
}

.price_basket
{
	font-family: verdana;
	font-size: 10px;
	color: #F00;
	font-weight: bold;
	font-style: italic;
}

.bground_fam
{
	background-color=#999999;
	border-color = #666666;
	font-family: Verdana;
	font-size: 10px;
	color: #000000;

}

.Cata_ed_prod_create
{
	color: #FF0000;
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
}

.admin_login
{
	text-align: right;
	font-family: Verdana;
	font-size: 11px;
	color: #FF0000;
	font-style: italic;
	font-weight: lighter;
	line-height: 8px;
}
.admin_login_success
{
	text-align: left;
	font-family: Verdana;
	font-size: 13px;
	color: #FF0000;
	font-variant: small-caps;
}


.admin_table_navigation
{
	font-family: Verdana;
	font-size: 10px;
	color: #00d2f8;
	BACKGROUND-COLOR: #007a90;
}

.maj_jaune_recherche
{
	text-align: left;
	font-family: Verdana;
	font-size: 11px;
	color: #FFFF00;
	font-variant: small-caps;
}

.txt_menu
{
	text-align: left;
	font-family: Verdana;
	font-size: 11px;
	color: #FFFFFF;
}


.titre_form_news
{
	color: #0556A7;
	font-family: Verdana;
	font-size: 16px;
	font-variant: small-caps;
	font-weight: bold;
}

.sous_menu
{
	background-image: url(../Images/bground_ssmenu.jpg);
	font-family: Verdana;
	font-size: 13px;
	color: #0A50A1;
	font-weight: bold;
}

.sous_menu_right
{
	background-image: url(../Images/bground_ssmenu_right.jpg);
	font-family: Verdana;
	font-size: 13px;
	color: #0A50A1;
	font-weight: bold;
	background-repeat: no-repeat;
}

.nouveaute_home
{
	background-image: url(../Images/bground_nouveaute.gif);
	font-family: Verdana;
	font-size: 13px;
	color: #000000;
	font-weight: bold;
	background-repeat: no-repeat;
}

.promo_home
{
	background-image: url(../Images/bground_promo.gif);
	font-family: Verdana;
	font-size: 13px;
	color: #000000;
	font-weight: bold;
	background-repeat: no-repeat;
}
.texte_quisommesnous	{ color:#FFFFFF; text-align:right;  font-weight: bold; font-size:12px; }
.texte_form_news
{
	color: #FF0000;
	font-family: Verdana;
	font-size: 10px;
	font-style: italic;
	font-style: inherit;
	font-weight: lighter;
}

.texte_form_group
{
	color: #FF0000;
	font-family: Verdana;
	font-size: 10px;
	font-style: italic;
	font-style: inherit;
	font-weight: lighter;
}

.admin_menu
{
	border-color: #FF0000;
	font-family: Verdana;
	font-size: 12px;
	text-align: center;
	font-weight: bold;
	color: #FF0000;
	text-decoration: none;
}

.client_menu
{
	font-family: Verdana;
	font-size: 13px;
	text-align: center;
	color: #FFFFFF;
	text-decoration: none;
}

.logo_empty_content
{
	text-align: center;
	vertical-align: middle;
	background-image: url(../Images/big_logo.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}

.head_client
{
	background-image: url(../Images/entete.jpg);
	background-repeat: no-repeat;
}

.head_right_client
{
	background-image: url(../Images/entete_right.jpg);
}

.command_rapid
{
	background-image: url(../Images/command_rapid.gif);
	background-repeat: no-repeat;
	color: #FF0000;
	font-family: Verdana;
	font-size: 13;
	font-weight: bold;
	line-height: 18px;
}

.button_td {
	text-align: center;
}

.admin_validation_undefined
{
	color: #FF0000;
}
.admin_validation_refused
{
	color: #FF0000;
}