* {
  margin: 0;
  padding: 0;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
}
ul, ol, dl, dt, dd, ul, li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
img {
  border: 0;
}
body {
  text-align: center; /* Hack pour IE, permet de centrer le site horizontalement */
  margin-top: 0px; /* Optionel */
  color: #000000;
  font-family: Verdana;
  font-size: 11px;
  background-color: #FFFFFF;
}


td { color: #000000; font-family: Verdana; font-size: 11px;}

a { color: #000000; font-size: 11px; text-decoration: none;}
a:hover { color: #FF9002; }
a:active { color: #EA620F; }

/* liens de retour vers categorie et ss categorie dans la navigation des produits */
a.liens_cat { color: #ea620f; font-size: 11px; font-weight:bold; text-decoration: none;}
a:hover.liens_cat { color: #ea620f; }
a:active.liens_cat { color: #ea620f; }

a.liens_ss_cat { color: #9d9d9d; font-size: 11px; font-weight:bold; text-decoration: none;}
a:hover.liens_ss_cat { color: #9d9d9d; }
a:active.liens_ss_cat { color: #9d9d9d; }
/* liens fin des liens retour */

/* menu de gauche titre */
span.titre_categorie{
	color: #EA620F;
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
}
/* fin menu de gauche titre */

input.champ {
border:1px solid #7F9DB9;
font-family: Verdana; font-size: 11px;
color: #6C8399; font-weight: bold; position:relative;
height:20;
}

.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #7F9DB9; }
.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-weight: bold; font-size: 10px; color: #6C8399; }


/* message box */

.messageBox { font-family: Verdana; font-size: 11px }
.messageStackError, .messageStackWarning { font-family: Verdana; font-size: 10px; color: #D21600; font-weight: bold }
.messageStackSuccess { font-family: Verdana; font-size: 10px; color: #95B500; font-weight: bold }


.moduleRow { color: #FF7900; font-size: 11px;}
.moduleRowOver { color: #DC7C00; }
.moduleRowSelected { color: #000000; }



/*----------------------page-accueil-bandeau-horizontal----------------------*/


.menus-items         { color: #FFFFFF; font-weight: bold; text-decoration: none; padding-left:7; padding-right:8; padding-top:2; padding-bottom:2; background-color:#95B500 }
:hover.menus-items   { color: #FFFFFF; font-weight: bold; text-decoration: none; padding-left:7; padding-right:8; padding-top:2; padding-bottom:2; background-color:#789201 }
:active.menus-items  { color: #FFFFFF; font-weight: bold; text-decoration: none; padding-left:7; padding-right:8; padding-top:2; padding-bottom:2; background-color:#789201 }

.menus-selected-items         { color: #FFFFFF; font-weight: bold; text-decoration: none; padding-left:7; padding-right:8; padding-top:2; padding-bottom:2; background-color:#789201 }
:hover.menus-selected-items   { color: #FFFFFF; font-weight: bold; text-decoration: none; padding-left:7; padding-right:8; padding-top:2; padding-bottom:2; background-color:#789201 }
:active.menus-selected-items  { color: #FFFFFF; font-weight: bold; text-decoration: none; padding-left:7; padding-right:8; padding-top:2; padding-bottom:2; background-color:#789201 }


/*.menu-<input type="radio" name="panier" value=""> { color: #FFFFFF; font-weight: bold; text-decoration: none; padding-left:7; padding-right:7; padding-top:2; padding-bottom:2; background-color:#B48800 }*/
:hover.menu-panier   { color: #FFFFFF; font-weight: bold; text-decoration: none; padding-left:7; padding-right:7; padding-top:2; padding-bottom:2; background-color:#997400 }
:active.menu-panier  { color: #FFFFFF; font-weight: bold; text-decoration: none; padding-left:7; padding-right:7; padding-top:2; padding-bottom:2; background-color:#997400 }


.sous-menus-items         { color: #FFFFFF; font-size: 10px; text-decoration: none }
.sous-menus-selected-items         { color: #FF790E; font-size: 10px; text-decoration: none }




span.id           { color: #D21600; font-size: 11px; font-weight: bold }
span.rech         { color: #EA620F; font-size: 12px; font-weight: bold }
span.date         { font-family: Arial; margin-right:6; float:right; position:relative; top:4 }
span.info         { color: #7F9DB9; font-size: 9px; line-height:120% }



/*----------------------page-accueil-bandeau-vertical----------------------*/


.menu-accueil           { color: #808080; font-size: 10px; font-weight: bold; text-decoration: none; margin-bottom:5 }
:hover.menu-accueil     { color: #6b7eac }
:active.menu-accueil    { color: #808080 }

.lien-produit           { color: #808080; font-size: 12px; font-weight: bold; text-decoration: none; }
:hover.lien-produit     { color: #6b7eac }
:active.lien-produit    { color: #808080 }

.menus-id              { color: #D21600; font-size: 10px; font-weight: bold; text-decoration: none }
:hover.menus-id        { color: #8A0E00 }
:active.menus-id       { color: #000000 }

.menu-suivi            { color: #B48800; font-size: 10px; font-weight: bold; text-decoration: none }
:hover.menu-suivi      { color: #876600 }
:active.menu-suivi     { color: #000000 }

.menus-service          { color: #F06A00; font-size: 10px; font-weight: bold; text-decoration: none }
:hover.menus-service    { color: #C85900 }
:active.menus-service   { color: #000000 }

.s-menus-service          { color: #F06A00; font-size: 10px; font-weight: bold; text-decoration: none; margin-left:24 }
:hover.s-menus-service    { color: #C85900 }
:active.s-menus-service   { color: #000000 }

.menus-divers           { color: #6B7EAC; font-size: 10px; font-weight: bold; text-decoration: none }
:hover.menus-divers     { color: #FF9002 }
:active.menus-divers    { color: #EA620F }

.menu-favoris           { color: #FF9000; font-size: 9px; text-decoration: none }
:hover.menu-favoris     { color: #DC7C00 }
:active.menu-favoris    { color: #000000 }

/*----------------------page-accueil-encarts----------------------*/


span.titrepromo      { color: #EA620F; font-size: 11px; font-weight: bold; padding: 0px 100px 0px 100px; text-align: center }

span.titre_ss_cat      { color: #9D9D9D; font-size: 11px; font-weight: bold; padding: 0px 20px 0px 0px; text-align: center }

span.dispo           { color: #F06A00; font-weight: bold }
td.dispo           { color: #6b7eac; font-weight: bold; font-size: 11px; }
span.promo           { color: #000000; font-weight: bold; vertical-align:top }
span.promo2           { color: #ff9002; font-size: 11px; font-weight: bold; line-height:18pt }
span.tarif           { font-weight: bold }
.article-accueil     { color: #000000; font-size: 11px; font-weight: bold; text-decoration: none }
.titre-article-accueil     { color: #ff9002; font-size: 11px; text-decoration: none }

.vignette-small      { text-align:center; margin:0 auto }

.article             { color: #000000; font-size: 12px; font-weight: bold; text-decoration:underline }
:hover.article       { color: #ea620f }
:active.article      { color: #000000 }

.description-accueil { color: #42586C;  text-decoration: none }

.selection-vente    { color: #808080 }
.compte             { color: #6C8399; font-size: 10px; font-weight: bold; text-decoration: none}
:hover.compte       { color: #42586C }
:active.compte      { color: #000000 }

.menu-ajouter         { color: #FFFFFF; font-size: 10px; font-weight: bold; text-decoration: none; padding-left:2; padding-right:3; padding-top:0; padding-bottom:2; background-color:#B48800 }
:hover.menu-ajouter   { color: #FFFFFF; font-size: 10px; font-weight: bold; text-decoration: none; padding-left:2; padding-right:3; padding-top:0; padding-bottom:2; background-color:#997400 }
:active.menu-ajouter  { color: #FFFFFF; font-size: 10px; font-weight: bold; text-decoration: none; padding-left:2; padding-right:3; padding-top:0; padding-bottom:2; background-color:#997400 }


.navig-items         { color: #D21600; font-size: 11px; text-decoration: none }
:hover.navig-items   { color: #D21600; border:1px solid #D21600; padding-left:3; padding-right:3; padding-top:2; padding-bottom:2 }
:active.navig-items  { color: #D21600; border:1px solid #D21600; padding-left:3; padding-right:3; padding-top:2; padding-bottom:2 }



/*----------------------pages-identification----------------------*/

TD.text-id-small, SPAN.text-id-small, P.text-id-small {
   color: #6C8399; 
   font-size: 10px; 
   font-weight: bold
}

.titre-id           { font-family: Verdana; font-size: 12px; color: #ff9002; font-weight: bold }
span.text-id        { color: #6b7eac; font-family: Verdana; font-size: 11px; font-weight: bold }
span.text-id2        { color: #ea620f; font-family: Verdana; font-size: 12px; font-weight: bold }
td.text-id        { color: #6b7eac; font-weight: bold }

.titre-id-point           { font-family: Verdana; font-size: 12px; color: #D21600; font-weight: bold; text-align:center; }
td.text-id-point        { color: #6C8399; font-weight: bold; text-align:center; }

td.text-ex-small  { color: #6b7eac; font-size: 11px; font-weight: normal; }
span.text-ex-small  { color: #6C8399; font-size: 10px; font-weight: normal; }
span.text-champ     { color: #ea620f; font-weight: bold }
td.text-champ     { color: #ea620f; font-weight: bold }
.champ              { margin-top: 0; margin-bottom:8 }

.mot-passe          { color: #6b7eac; font-size: 10px; font-weight: bold }
:hover.mot-passe    { color: #ff9002 }
:active.mot-passe   { color: #ea620f }

.titre-login {
	padding-top:20px;
	text-align:center;
	font-family: Verdana;
	font-size: 11px;
	color: #EA620F;
	font-weight: bold;
	width:138px;
	height:50px;
	background: url(../images/background_cat.gif) no-repeat #fff left top;
}


/*----------------------pages-divers----------------------*/


.titre-divers       { font-family: Verdana; font-size: 12px; color: #FF9000; font-weight: bold }
span.text-divers    { color: #FF9000; font-weight: bold }



/*----------------------pages-service----------------------*/

.titre-service {
	padding-top:20px;
	text-align:center;
	font-family: Verdana;
	font-size: 11px;
	color: #EA620F;
	font-weight: bold;
	width:138px;
	height:50px;
	background: url(../images/background_cat.gif) no-repeat #fff left top;
}
.titre-service-gauche {
	height:50px;
	width:61px;
	background: url(../images/background_cat_gauche.gif) no-repeat #fff left top;
	font-family: Verdana;
	font-size: 12px;
	color: #EA620F;
	font-weight: bold;
}
.titre-service-centre {
	
	height:50px;
	background: url(../images/background_cat_centre.gif) repeat-x #fff left top;
	font-family: Verdana;
	font-size: 12px;
	color: #EA620F;
	font-weight: bold;
}
.titre-service-droite {
	width:73px;
	height:50px;
	background: url(../images/background_cat_droite.gif) no-repeat #fff left top;
	font-family: Verdana;
	font-size: 12px;
	color: #EA620F;
	font-weight: bold;
}

td.text-service   { color: #6b7eac }
span.text-service   { color: #6b7eac }

p.haut{
	position : relative;
}
p.haut a.hautdepage{
	position : absolute;
		top : 0px;
		right : 40px;
}
.hautdepage           { color: #6b7eac; font-size: 10px; font-weight: bold; text-decoration: none; margin-bottom:5 }
:hover.hautdepage     { color: #808080 }
:active.hautdepage    { color: #6b7eac }

/*----------------------popup-achats----------------------*/


.titre-panier       {font-family: Verdana; font-size: 12px; color: #B48800; font-weight: bold }
.titre-article      {font-family: Verdana; font-size: 12px; color: #000000; font-weight: bold }

.vignette           { border:1px solid #B6B6B6 }


.text-article   { color: #6b7eac; font-size: 12px }
.tarif-popup    { font-size: 14px; font-weight: bold }
.rubric-tablo   { color: #6B7EAC; font-size: 10px; }
.text-tablo     { font-size: 12px; text-align:center;}
.text-article b{ font-size:12px;}
.text-tablo2     { font-size: 12px; color:ff9002 }
.qte-tablo      { color: #6b7eac; font-size: 12px; font-weight: bold }
.text-modes     { color: #015BA4; font-size: 9px }
.info-commande  { color: #7F9DB9; font-size: 9px; font-weight: bold  }


.supprimer          { color: #6b7eac; text-decoration: underline; }
:hover.supprimer    { color: #ff9002 }
:active.supprimer   { color: #ea620f }

.modifs             { color: #ea620f; font-weight: bold; font-size:10px; }
:hover.modifs       { color: #ff9002 }
:active.modifs      { color: #808080 }

.reduc              { color: #F06A00; font-weight: bold }
:hover.reduc        { color: #C85900 }
:active.reduc       { color: #000000 }

a.commande           { color: #6b7eac; font-weight: bold; text-decoration:underline }
a:hover.commande     { color: #ea620f }
a:active.commande    { color: #ff9002 }

.menu-ajouter-pop         { color: #FFFFFF; font-weight: bold; text-decoration: none; padding-left:7px; padding-right:7px; padding-top:1px; padding-bottom:2px; background-color:#B48800 }
:hover.menu-ajouter-pop   { color: #FFFFFF; font-weight: bold; text-decoration: none; padding-left:7px; padding-right:7px; padding-top:1px; padding-bottom:2px; background-color:#997400 }
:active.menu-ajouter-pop  { color: #FFFFFF; font-weight: bold; text-decoration: none; padding-left:7px; padding-right:7px; padding-top:1px; padding-bottom:2px; background-color:#997400 }

/*----------------------page de plan du site----------------------*/

.plan-soustitre      { color: #000000; font-weight: bold; margin-left:40px}
.plan-soustitre-menu { color: #000000; font-weight: bold; margin-left:20px}
a.titreplan          { color: #F06A00; font-weight: bold; text-decoration: none; margin-left: 20px }
.soustitreplan      { color: #7F9DB9; font-size: 10px; font-weight: bold; text-decoration: none; margin-bottom:5; text-decoration: none; margin-left:40px }
:hover.soustitreplan { color: #485D70 }
:active.soustitreplan{ color: #000000 }
a.titreplan-menu     { color: #FF9000; font-size: 14px; font-weight: bold; text-decoration: none; }
a.soustitreplan-menu { color: #F06A00; font-size: 12px; font-weight: bold; text-decoration: none; }
/*----------------------space----------------------*/

/*        affichage fond cat et ss cat                */
td.fond_cat{
	text-align:center;
	width: 500px;
	height: 52px;
	padding-right: 30px;
	background: url(images/background_cat.gif) no-repeat #fff center top;
	
}


span.sous_title {
	color: #9d9d9d;
	font-weight: bold;
	padding-left: 70px;
	font-size: 9px;
	text-align: left;
}

/*---------------------------------- class pour le bandeau -------------------------------*/
td.login{
	color: #808080;
	text-align:center;
	padding:0 0 12px 5px;
	width: 124px;
	height: 69px;
	background: url(../images/bandeau/bandeau_02.gif) no-repeat #fff center top;
}

td.logoff{
	color: #808080;
	text-align:center;
	padding:0 0 14px 5px;
	width: 124px;
	height: 69px;
	background: url(../images/bandeau/bandeau_02.gif) no-repeat #fff center top;
}

td.login a{
	color: #808080;
	font-weight:bold;
	font-size:10px;
	text-decoration: underline;
}
td.login a:hover{
	color: #ea620f;
	font-weight:bold;
	font-size:10px;
	text-decoration: underline;
}

td.logoff a{
	color: #808080;
	font-weight:bold;
	font-size:10px;
	text-decoration: underline;
}
td.logoff a:hover{
	color: #ea620f;
	font-weight:bold;
	font-size:10px;
	text-decoration: underline;
}


td.moncompte{
	color: #ffffff;
	text-align:right;
	padding:15px 14px 0 0;
	width: 455px;
	height: 53px;
	background: url(../images/bandeau/bandeau_05.gif) no-repeat #fff center top;
}
td.moncompte a {
	color: #ffffff;
	font-weight:bold;
	font-size:10px;
	text-decoration:underline;
}
td.moncompte a:hover {
	color: #808080;
	font-weight:bold;
	font-size:10px;
	text-decoration:underline;
}

td.date {
	padding:3px 30px 0 0;
	vertical-align:top;
	text-align:right;
	color: #808080;
	width: 331px;
	height: 69px;
	background: url(../images/bandeau/bandeau_03.gif) no-repeat #fff center top;
}
td.contact {
	padding:0 0 2px 20px;
	color: #6B7EAC;
	width: 299px;
	height: 55px;
	background: url(../images/bandeau/bandeau_07.gif) no-repeat #fff center top;
}
td.contact span.client_article {
	padding:7px 0 0 0;
	color: #000000;
	text-decoration:none;
	font-size: 11px;
	position:absolute;
}
td.contact a.acces_panier img{
	position:relative;
		top:10px;
}
td.contact a{
	color: #6B7EAC;
	font-size:11px;
	text-decoration:underline;
}
td.contact a:visited{
	color: #6B7EAC;
	font-size:11px;
	text-decoration:underline;
}
td.contact a.nb-articles  { 
	color: #EA620F;
	text-decoration:underline;
	font-size: 11px;
	font-weight: bold;
}

td.contact a:visited.nb-articles  { 
	color: #EA620F;
	text-decoration:underline;
	font-size: 11px;
	font-weight: bold;
}

/*---------------------------------- fin class pour le bandeau -------------------------------*/

/*---------------------------------- Panier --------------------------------------------------*/
.mon_panier{
	color: #6B7EAC;
	font-family:verdana;
	font-weight:bold;
	text-align:center;
	font-size:12px;
	width: 200px;
	height: 75px;
	vertical-align:bottom;
	background: url(../images/panier/panier.gif) no-repeat #fff top center;
}

.choisir{
	text-decoration: underline;
	color:#ea620f;
}
:hover.choisir{
	text-decoration: underline;
	color:#ff9002;
}
:active.choisir{
	text-decoration: underline;
	color:#6b7eac;
}
.fond_reduc_haut{
	height:28px;
	background: url(images/panier/fond_reduc_haut.gif) no-repeat #fff top center;
}
.fond_reduc_bas{
	height:28px;
	background: url(images/panier/fond_reduc_bas.gif) no-repeat #fff top center;
}

/*---------------------------------- fin Panier --------------------------------------------------*/
input.ajouter_panier{
	padding:0 0;
	width:120px;
	text-decoration: underline;
	color:#ea620f;
	font-weight:bold;
	font-size:11px;
	border:none;
	background-color:#ffffff;
	cursor: pointer;
}
input:hover.ajouter_panier,.hoverInput_IE{
	padding:0 0;
	width:120px;
	text-decoration: underline;
	color:#ff9002;
	font-weight:bold;
	font-size:11px;
	border:none;
	background-color:#ffffff;
	cursor: pointer;
}
a.ajouter_panier{
	text-decoration: underline;
	color:#ea620f;
	font-weight:bold;
}
a:hover.ajouter_panier{
	text-decoration: underline;
	color:#ff9002;
}
a:active.ajouter_panier{
	text-decoration: underline;
	color:#ea620f;
}
a.voir_option{
	text-decoration: underline;
	color:#808080;
	font-weight:bold;
}
:hover.voir_option{
	text-decoration: underline;
	color:#ff9002;
}
:active.voir_option{
	text-decoration: underline;
	color:#808080;
}
.prod{
	width: 223px;
	height: 198px;
	background: url(../images/fond_prod.gif) no-repeat #fff top center;
}
/*-------------------------- menu de gauche ----------------------------*/
/* remplacer le 0px par la hauteur de l'image de fond du menu apres height */
/*verifier le nom de l'image et la mettre dans le bon repertoire --> background*/


/* supprimer cette ligne quand luc aura fait l'image de fond du menu
.menu_gauche{
	height: 0px; 
	background: url(../images/menu_gauche/menu.gif) no-repeat #fff top left; 
}
supprimer aussi cette ligne */


/*mettre en commentaire ou supprimer les classes .menutop et .menubottom */
.menutop{
	height: 190px;
	background: url(../images/menu_gauche/menutop.gif) no-repeat #fff top left;
}
.menubottom{
	height: 363px;
	background: url(../images/menu_gauche/menubottom.gif) no-repeat #fff top left;
}
/*-------------------------- fin menu de gauche ----------------------------*/
a.text_addimg{
	text-decoration: underline;
	color:#6b7eac;
}
:hover.text_addimg{
	text-decoration: underline;
	color:#6b7eac;
}
:active.text_addimg{
	text-decoration: underline;
	color:#6b7eac;
}
/* roll-over page accueil pour mozilla et netscape autre css (style-ie) pour IE */

a.image_roll{
	opacity: 0.4;
  -moz-opacity: 0.5;
}
:hover.image_roll{
	opacity: 1.0;
  -moz-opacity: 1.0;
}
:active.image_roll{
	opacity: 0.4;
  -moz-opacity: 0.5;
}
a.image_roll img{
	opacity: 0.4;
  -moz-opacity: 0.5;
}
:hover.image_roll img{
	opacity: 1.0;
  -moz-opacity: 1.0;
}
:active.image_roll img{
	opacity: 0.4;
  -moz-opacity: 0.5;
}

/* input dans la page description du produit */
select.attributs{
	min-width:70px;
}
/* fin input page desc prod */