Body{font: 12pt Times, sans-serif; background-color : black; margin-top: 0;margin-left: 0;margin-right: 0;margin-bottom: 2px;}

A{ text-decoration:none; color:navy; }
a.accueil:visited{ text-decoration:none; color:navy; }
A.LINK:hover{ color:white; background-color: transparent;  }

A.LINK_MATIERE{ text-decoration:none; color:#FDF16F; }
A.LINK_MATIERE:hover{ color:white; background-color: transparent;  }

a.menu{ text-decoration:none; color:#92CFC0; font-size:10pt; font-style:italic; font-weight:bold;}
a.menu:visited{ text-decoration:none; color:#92CFC0;}
a.menu:hover{ color:#B75AC2; background-color: transparent;  text-decoration: underline;}

a.submenu{ text-decoration:none; font-weight: bold; color:#959fc3; font-size:10pt;}
a.submenu:visited{ text-decoration:none; color:#959fc3;font-weight: bold; }
a.submenu:hover{ color:#B75AC2; background-color: transparent; text-decoration: underline; font-weight: bold; }

.menucell{background-color:black; text-align:left;  border-left: 1px solid #959fc3; border-right: 1px solid #959fc3; }

a.footer{ text-decoration:none; color:#92CFC0; font-size:9pt; font-weight:bold; font-style:italic; }
a.footer:visited{ text-decoration:none; color:#92CFC0;}
a.footer:hover{ color:#B75AC2; background-color: transparent;  text-decoration: underline;}

a.accueil{ text-decoration:none; color:navy; font-size:10pt; }
a.accueil:visited{ text-decoration:none; color:navy;}
a.accueil:hover{ color:#FDF16F; background-color: transparent;  }

/* A:link {color : #808080;} */
/* A:active {color : silver;}*/
/* A:visited {color : #333333;}*/

/* Button{ font-size:10px; border:1px solid #00008b; background-color : #99ccff; width:75px; }*/
SELECT {color: black;  background-color: #92d0c1;  width: 155px; font-size:15px; border:1px solid; border-top-style: inset; border-left-style: inset; border-bottom-style: inset; border-right-style: inset;}

.error_message {color: red; font-style: italic; font-weight: bold; font-size: 12px;}

Input.TEXT{ width: 55px; height:15px; font-size:10px; border:1px solid; background-color:white; border-top-style: inset; border-left-style: inset; border-bottom-style: inset; border-right-style: inset;}
/*.TEXT{ width: 55px; height:12px; font-size:10px; border:1px solid; background-color:white; border-top-style: inset; border-left-style: inset; border-bottom-style: inset; border-right-style: inset;}*/
Input.USER{ width: 155px; font-size:15px;  background-color:white; border-top-style: inset; border-left-style: inset; border-bottom-style: inset; border-right-style: inset;}
Input.BUTTON{ font-size:10px; border:1px solid; background-color:#959fc3; border-top-style: outset; border-left-style: outset; border-bottom-style: outset; border-right-style: outset;}
Input.BUTTON:active{ font-size:10px;  background-color:#ffccff; border-top-style: inset; border-left-style: inset; border-bottom-style: inset; border-right-style: inset;}
Input:focus{ background: #959fc3;}
Input:hover { background: #92d0c1;}

IMG{align-text: center;}
IMG.MENU:hover{ cursor:pointer; border-top-style: inset; border-left-style: inset; border-bottom-style: inset; border-right-style: inset;}
IMG.MENU{ align-text: center; border-style: solid ; border-bottom-width : 1px; border-top-width : 1px;	border-left-width : 1px; border-right-width : 1px; border-top-style: outset; border-left-style: outset; border-bottom-style: outset; border-right-style: outset; }
IMG.ARTICLE:hover{ cursor:pointer; border-top-style: inset; border-left-style: inset; border-bottom-style: inset; border-right-style: inset; border-color: white;}
IMG.ARTICLE{ margin: 0.1in;  align-text: center; border-style: solid ; border-width : 2px; border-top-style: outset; border-left-style: outset; border-bottom-style: outset; border-right-style: outset; border-color: white;}
IMG.UTOPIA { margin: 0;  align-text: center;  }
IMG.LOGO { margin: 0;  align-text: center;  }

/* Style general pour la page generale */
TABLE.GLOBAL { border : 0px; width : 780px; height:100%; margin-top: 0; }
TD.HEADER {height: 10px; width : 780px; vertical-align:top; margin-top: 0; margin:0;}
TD.COIN_GAUCHE { border : 0px; vertical-align: top; height: 118px; width : 100px; background-color : #6bb98c; }
TD.BANDAU { border : 0px; vertical-align: top;  width : 560px; background-color: black;}
TD.COIN_DROIT {  width : 120px; height: 118px; vertical-align:top; text-align: left; background-color : #6bb98c; }
TD.GCOLONNE_GAUCHE { border : 0px; width : 100px;  text-align : left;   vertical-align : top; background-color : #6bb98c;  }
TD.COLONNE_DROITE {  border : 0px; width : 120px;   text-align : center; background-color : #6bb98c;  vertical-align:top;}
TD.MENU { border : 0px;   height: 0px; background-color : #6bb98c;  }
TD.MAIN { width : 560px; vertical-align: top; background-color:#92CFC0; }
TD.FOOTER {height: 15px; width : 780px;vertical-align:bottom; background-image: url(images/footer.jpg) ; background-repeat: no-repeat; }

/* Bandau */
TABLE.BANDAU { margin: 0in; vertical-align: top;width : 560px; height: 118px; border: 0; background-color: black; }
.abovetitle{width: 560px; height:55px; vertical-align:bottom; background-color:#6bb98c;}
.belowtitle{width: 560px; height:27px; vertical-align:bottom; background-color:#6bb98c;}

/* Coin gauche */
TABLE.COIN_GAUCHE { margin: 0in; vertical-align: top;text-align:left; width : 100px; height: 118px; border: 0px; }

/*Coin droit */
TABLE.COIN_DROIT {  margin-top: 0in; vertical-align: top;  width : 120px; height : 118px; text-align: left; }
TD.USER_LOGIN { border: 0px; font-size : 10px; width : 50%; color : black; text-align: left;}
TD.USER_LOGGED { border: 0px; font-size : small; width : 100%; color : navy; vertical-align: top;font-weight:bold; font-style: italic;}

/* Colonne GAUCHE */
TABLE.COLONNE_GAUCHE { border: 0px; width: 100px; padding: 0px; margin-left:0; margin-top: 0;}
TD.COLONNE_GAUCHE_BOUTON { border: 0px;  width: 100px; padding: 0px; text-align:left; background-image: url(images/fond_senteur_800_cg_bouton.jpg) ;}
TD.COLONNE_GAUCHE_BOUTON_TOP { border: 0px;   height: 10px;width: 100px; padding: 0px; text-align:center; background-image: url(images/fond_senteur_800_cg_bouton_top.jpg) ;}
TD.COLONNE_GAUCHE_BOUTON_BOTTOM { border: 0px;   height: 10px;width: 100px; padding: 0px; text-align:center; background-image: url(images/fond_senteur_800_cg_bouton_bottom.jpg) ;}
TD.COLONNE_GAUCHE { margin-left:0; height: 22px;  text-align:center;}

/* Colonne DROITE */
TABLE.COLONNE_DROITE { border: 0px; width: 120px; padding: 0px; margin-left:0; margin-top: 0; }
TD.COLONNE_DROITE_BOUTON { border: 0px;  width: 120px; padding: 0px; text-align:right; background-image: url(images/fond_senteur_800_cd_bouton.jpg) ;}
TD.COLONNE_DROITE_BOUTON_TOP { border: 0px;   height: 10px;width: 120px; padding: 0px; text-align:center; background-image: url(images/fond_senteur_800_cd_bouton_top.jpg) ;}
TD.COLONNE_DROITE_BOUTON_BOTTOM { border: 0px;   height: 10px;width: 120px; padding: 0px; text-align:center; background-image: url(images/fond_senteur_800_cd_bouton_bottom.jpg) ;}



/* Style general pour la partie main */
TABLE.MAIN { margin-top: 0in; width : 560px; height:100%; background-color:#92CFC0; }
TD.MATIERE {background-color:#92CFC0; border : 0px; width : 382px; height: 40px;vertical-align : top;}
TD.ARTICLE { border : 0px; height: 100%; vertical-align : top;}/*width : 392px; height : 100%; text-align : center; vertical-align : top; background-color : #92a2c3;}*/
TD.SENTEUR { border : 0px; width : 168px; height : 100%; vertical-align : top; }

/* Style pour la page d'accueil*/
TD.ACCUEIL_TEXTE { font-size: 10pt; border : 0px; text-align : left;  }
TD.ACCUEIL_PROMO {  text-align : left;  font-size : 10pt; color : red; font-weight : bold; font-family : sans-serif;}
TD.ACCUEIL_CADEAU {  text-align : left; font-size : 10pt; color : red; font-weight : bold; font-family : sans-serif;}

/* Style pour la partie entete de la matiere lors de l'affichage d'articles */
TD.ENTETE_TITRE_MATIERE { border : 0px;  text-align : left; font-size : 15pt; width : 100%; color : #FDF16F; font-weight: bold;}
TD.ENTETE_COMMENTAIRE_MATIERE { border : 0px; text-align : left;  font-size : 10pt; font-style : italic; width : 100%; color : #090DAD;}

/* Style pour l'affichage des articles dans la partie main */
TABLE.ARTICLE { width : 382px;   vertical-align : top; cell-spacing: none;}
TD.ARTICLE_TITRE { border : 0px; width:80%; text-align : left; font-size : 12pt; font-weight: bold;color : black; }
TD.ARTICLE_AJOUTE { border : 0px; text-align : right; font-size : 10pt; color : red; font-style : italic; }
TD.ARTICLE_IMAGE { text-align : center; width : 40%; vertical-align : top; }
TD.ARTICLE_DESCRIPTION {  font-size: 10pt; width : 60%; border : 0px; text-align : left; width : 70%;}
TD.ARTICLE_PANIER {font-size: 10pt; font-weight:bold; border : 0px; text-align : left; width : 30%;}

/* Style pour la partie senteur de main */
.senteur_nom {font-size: 10pt; color:  #FDF16F; font-weight: bold;}
.senteur_titre {font-size: 10pt; color: navy; font-style: italic;font-weight: bold;}
.senteur_description {font-size: 10pt; color:black;}

/* Style pour la partie matiere en tant que main */
TABLE.MATIERE_MAIN { background-color:#92CFC0; margin-top: 0in; width : 560px; height:100%;}
TD.MATIERE_MAIN_TITRE { height: 40px; text-align : left; font-size : 15pt; width : 100%; color : #FDF16F; font-weight: bold; }
TD.MATIERE_MAIN_COMMENTAIRE {  text-align : left;  font-size : 10pt; font-style : italic; width : 100%; color : #090DAD; left:0.5em;}
.MATIERE_MAIN_INTRODUCTION { vertical-align:top;  font-size: 15px; color: navy; font-style: italic;}
.MATIERE_MAIN_ACCUEIL { vertical-align: top; font-size: 10pt; color:black;}
.MATIERE_MAIN_LINK {font-size: 10pt; font-weight:bold; vertical-align: top; text-align:center; }

/* Style pour le caddie */
TABLE.CADDIE { background-color:#959fc3; width : 560px;  vertical-align: top; }
TD.CADDIE_ENTETE { font-size:11pt; font-weight: bold; color: navy; margin-top:10px;  }
TD.CADDIE_COLONNE_TOTAL{font-size:10pt;  background-color: #aebae4; }
TD.CADDIE_ARTICLE { font-size:10pt; height: 40px;}
TD.CADDIE_LIGNE_TOTAL {font-style: oblique ;font-size:10pt; background-color: #aebae4; }
TD.CADDIE_TOTAL {font-weight: bold;font-size:10pt; background-color: #aebae4;  }
TD.CADDIE_DISCOUNT {font-weight: bold;font-size:10pt; background-color: #92d0c1;  }
TD.CADDIE_COMMANDE_TOTAL {font-weight: bold;font-size:10pt;background-color: #aebae4; }

/* Style pour liste caddie */
TABLE.Liste {  width : 560px;  vertical-align: top; font-size:11pt; border:none;}
TD.ALT1 {background-color:#959fc3; }
TD.ALT2 {background-color:#aebae4; }


/* Style les informations sur le client */
TABLE.USER{ width : 560px; vertical-align: top; }
TD.USER{ background-color:#959fc3;align-text: right;font-size: 15px; color: navy; font-style: italic;}
TD.USER_ERROR {background-color:#959fc3;width: 100px; vertical-align: top;}
TD.USER:hover { background: transparent;}

/* Style pour la partie contact */
TABLE.CONTACT {  background-color:#92CFC0;margin-top: 0; width : 560px;  vertical-align: top; }
TD.CONTACT_TITRE { height: 40px; text-align : left; font-size : 21px; width : 50%; color : #FDF16F; font-weight: bold; border-bottom : 1px ridge gray ;  }
TD.CONTACT_TEXTE { vertical-align: top; font-size: 15px; color:black; }