<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
.arrireplanbleu {
	background-color: #666699; // changer cette couleur partout sur cette page, ligne background-color diffrent de FFFFFF
}

.arrireplanjaune {
	background-color: #FFFF00; //  changer cette couleur partout sur cette page, ligne background-color diffrent de FFFFFF
}

a {
	text-align : center;
	margin : 0;
	padding : 0;
	font-family : Helvetica, Verdana, Arial, sans-serif;
	color : #FFFFFF;
	font-size: 11px;
	font-weight: bold;
}


a:hover {
	text-align : center;
	margin : 0;
	padding : 0;
	font-family : Helvetica, Verdana, Arial, sans-serif;
	color : #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	background-color: #FF0000;
}

.acgv {text-align: center; margin: 0; padding: 0; font-family: Helvetica, Verdana, Arial, sans-serif; color: #FF0000; font-size: 11px; font-weight: bold; text-decoration: underline}


.acgv:hover {
	text-align : center;
	margin : 0;
	padding : 0;
	font-family : Helvetica, Verdana, Arial, sans-serif;
	color : #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	background-color: #FF0000;
}
.adresse {
	text-align : center;
	margin : 0;
	padding : 0;
	background-color : #FFFFFF;
	font-family : Helvetica, Verdana, Arial, sans-serif;
	color : #000000;
	font-size: 14px;
	font-weight: normal;
}

.amenu {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #FF0000;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
}

.body {
	text-align : center;
	margin : 0;
	padding : 0;
	font-family : Helvetica, Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	background-color: #000000;
	color: #FFFFFF;
}
table, td, th, div, span, a { 
	font-family: Helvetica, Verdana, Arial, sans-serif; 
	font-size: 11px; 
	color: #FFFFFF; 
	text-decoration: none
	}


.border {
	border-top-color: #999999;
	border-top-width: 3px;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-bottom-width: 3px;
	border-left-color: #999999;
	border-left-width: 3px;
	border-color: #999999;
	border-right-width: 3px;
}

.fiche {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	background-color: #999999;
	text-align: left;
}
<!-- 	background-color: #333399; -->

.fiche_marque {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
	background-color: #000000;
	margin-right: 5px;
	margin-left: 5px;
	text-align: center;
	line-height: 25px;
	width: 95%;
	height: 30px;
	vertical-align: middle;
	margin-top: 5px;
}

.fiche_libelle {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	margin-left: 5%;
}
.fiche_data {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

.fiche_prix_bon {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 26px;
	color: #000000;
	font-weight: bold;
	text-align: center;
}

.fiche_prix_bad {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}


.footer {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	vertical-align: middle;
	text-decoration: none;
}

.footer:hover {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #FF0000;
	text-align: center;
	vertical-align: middle;
}

.hr {
	color: #999999;
	text-align: center;
	line-height: 4px;
}

.img {
	border: 0px none;

}

.liste {
	text-align : center;
	margin : 0;
	padding : 0;
	font-family : Helvetica, Verdana, Arial, sans-serif;
	color : #FFFFFF;
	font-size: 14px;
}

.liste2 {
	font-family : Helvetica, Verdana, Arial, sans-serif;
}

.liste_article {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 12px;
	vertical-align: middle;
	text-decoration: none;
	font-weight: bold;
}

.liste_article1 {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 12px;
	vertical-align: middle;
	text-decoration: none;
	color: #999999;
	font-weight: bold;
}

.liste_article_texte {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	width: 130px;
	padding-left: 2px;
	color: #999999;
	text-align: center;
}

.log_cgv {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #5A6970;
	text-decoration: none;
	height:40px;
	padding:11px 5px 0px 5px;
	float:left;
}

.log_lib{
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	text-align: right;
}


.log_texte{
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	margin: 5;
}

.log_texte_error{
	color: #FF0000;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	text-align: justify;
	margin: 5;
}

.log_titre{
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	vertical-align: top;
	line-height: 30px;
}

.log_titre2_error{
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 14px;
	color: #FF0000;
	font-weight: bold;
	background-color: #333333;
	border-top-color: #FF0000;
	border-top-style: solid;
	border-right-color: #FF0000;
	border-right-style: solid;
	border-bottom-color: #FF0000;
	border-bottom-style: solid;
	border-left-color: #FF0000;
	border-left-style: solid;
	border-color: #FF0000;
	border-width: 1;
	line-height: 30px;
	text-align: center;
}

.log_titre2{
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #666666;
	border-top-color: #FFFFFF;
	border-top-style: solid;
	border-right-color: #FFFFFF;
	border-right-style: solid;
	border-bottom-color: #FFFFFF;
	border-bottom-style: solid;
	border-left-color: #FFFFFF;
	border-left-style: solid;
	border-color: #FFFFFF;
	border-width: 1;
	line-height: 30px;
	text-align: center;
}

.log_pav1{
	color: #FFFFFF;
	background-color: #666666;
	border-top-color: #FFFFFF;
	border-top-style: solid;
	border-right-color: #FFFFFF;
	border-right-style: solid;
	border-bottom-color: #FFFFFF;
	border-bottom-style: solid;
	border-left-color: #FFFFFF;
	border-left-style: solid;
	border-color: #FFFFFF;
	border-width: 1;
}

.log_pav2{
	color: #FFFFFF;
	background-color: #999999;
	border-top-color: #FFFFFF;
	border-top-style: solid;
	border-right-color: #FFFFFF;
	border-right-style: solid;
	border-bottom-color: #FFFFFF;
	border-bottom-style: solid;
	border-left-color: #FFFFFF;
	border-left-style: solid;
	border-color: #FFFFFF;
	border-width: 1;
}

.menu {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 12px;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	background-color: #CCCCCC;
}

.menu1 {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 12px;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	background-color: #CCCCCC;
	color: #000000;
}

.menu:hover {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FF0000;
	background-color: #FFFFFF;
	text-align: center;
	vertical-align: middle;
}

.menu_bas_lien {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: underline;
}

.menu_bas_texte {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
}

.menu_bas_lib {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #666666;
}

.menu_bas_titre {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 18px;
	color: #FFFFFF;
	font-weight: bold;
}

.marque {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}
	<!-- background-color: #333399; -->

.marque:hover {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	color: #FF0000;
	background-color: #FFFFFF;
}

.navigation {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}

.navigation:hover {
	text-align : center;
	margin : 0;
	padding : 0;
	font-family : Helvetica, Verdana, Arial, sans-serif;
	color : #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	background-color: #FF0000;
}

.navdesc {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	background-color: #333333;
}

.navdesc_titre {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #666666;
	border-top-color: #FFFFFF;
	border-top-style: solid;
	border-right-color: #FFFFFF;
	border-right-style: solid;
	border-bottom-color: #FFFFFF;
	border-bottom-style: solid;
	border-left-color: #FFFFFF;
	border-left-style: solid;
	border-color: #FFFFFF;
	border-width: 1;
	line-height: 20px;
	text-align: center;
}

.navdesc_marque {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #333333;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-bottom-style: dotted;
	border-width: 1;
	line-height: 30px;
	border-left-width: 12px;
}

.navdesc_marque:hover {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #FF0000;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-bottom-style: dotted;
	border-width: 1;
	line-height: 30px;
	border-left-width: 12px;
}


.navdesc1_marque {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #333333;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-bottom-style: dotted;
	border-left-color: #FF0000;
	border-left-style: outset;
	border-width: 1;
	line-height: 30px;
	border-left-width: 12px;
}

.navdesc1_marque:hover {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #FF0000;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-bottom-style: dotted;
	border-left-color: #FF0000;
	border-left-style: outset;
	border-width: 1;
	line-height: 30px;
	border-left-width: 12px;
}

.nav_service {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #5A6970;
	text-decoration: none;
	height:40px;
	padding:11px 5px 0px 5px;
	float:left;
}

.panier_entete{
	color: #FFFFFF;
	background-color: #666666;
	border-top-color: #FFFFFF;
	border-top-style: solid;
	border-right-color: #FFFFFF;
	border-right-style: solid;
	border-bottom-color: #FFFFFF;
	border-bottom-style: solid;
	border-left-color: #FFFFFF;
	border-left-style: solid;
	border-color: #FFFFFF;
	border-width: 1;
	line-height: 30px;
	font-weight: bold;
	text-align: center;
}

.prix_bon {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 16px;
	color: #FF0000;
	font-weight: bold;
	text-decoration: none;
}

.prix_bad {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

.rayon {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 18px;
	color: #FF0000;
	font-weight: bold;
}

.Style1 {color: #FFFFFF
}

.Style2 {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #999999;
}

.Style9 {
	color: #C975C3
}

.Style12 {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 10px;
}

.Style16 {	color: #FFFFFF;
	font-weight: bold;
	font-size: 10px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
}
.Style17 {
	color: #41637E
}

.Style18a {
	color: #000000;
	font-weight: bold;
	font-size: 10px; 
	font-family: Helvetica, Verdana, Arial, sans-serif; 
}

.Style18 {	
	color: #FFFFFF;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 9px;
}
.Style19 {
	color: #6198F5
}

.Style20 {
	color: #000000; 
	font-family: Helvetica, Verdana, Arial, sans-serif; 
	font-size: 9px; 
}
.Style21 {color: #000000; font-family: Helvetica, Verdana, Arial, sans-serif; font-size: 10px; font-weight: bold}

.td:hover
{
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 12px;
	line-height: 11px;
	color: #FF0000;
	background-color: #FFFFFF;
}

.table {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #FFFFFF;
	text-align: center;
	vertical-align: middle;
}
.table1 {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	background-color: #FFFFFF;
	text-align: center;
	vertical-align: middle;
}

.texte {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #000000;
	font-weight: bold;
}

.texten {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	font-weight: bold;
}

.titre {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 18px;
	color: #000000;
	font-weight: bold;
	background-color: #FFFFFF;
}

.titre_rub {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 18px;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #666666;
	border-top-color: #FFFFFF;
	border-top-style: solid;
	border-right-color: #FFFFFF;
	border-right-style: solid;
	border-bottom-color: #FFFFFF;
	border-bottom-style: solid;
	border-left-color: #FFFFFF;
	border-left-style: solid;
	border-color: #FFFFFF;
	border-width: 1;
}

.stotal {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	color : #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	line-height: 30px;
	margin : 0;
	padding : 0;
	background-color: #999999;
	border-top-color: #FFFFFF;
	border-top-style: solid;
	border-right-color: #FFFFFF;
	border-right-style: solid;
	border-bottom-color: #FFFFFF;
	border-bottom-style: solid;
	border-left-color: #FFFFFF;
	border-left-style: solid;
	border-color: #FFFFFF;
	border-width: 1;
	text-align: right;
}

.stotal_lib {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #666666;
	border-top-color: #FFFFFF;
	border-top-style: solid;
	border-right-color: #FFFFFF;
	border-right-style: solid;
	border-bottom-color: #FFFFFF;
	border-bottom-style: solid;
	border-left-color: #FFFFFF;
	border-left-style: solid;
	border-color: #FFFFFF;
	border-width: 1;
	line-height: 30px;
	text-align: right;
}

.textfield  {
	background-color: #F6F6F6;
	border: solid 1px #999999;
	color: #000000;
}
.textfield2  {
	background-color: #FEFEFE;
	border: solid 1px #FF0000;
	color: #000000;
}
.textfield3  {
	background-color: #FEFEFE;
	border: solid 1px #FF0000;
	color: #000000;
	width : 150px;
}

.total {
	text-align : right;
	margin : 0;
	padding : 0;
	background-color : #999999;
	font-family : Helvetica, Verdana, Arial, sans-serif;
	color : #FFFFFF;
	font-size: 18px;
	font-weight: bold;
	line-height: 24px;
}

.total_lib {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 18px;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #666666;
	border-top-color: #FFFFFF;
	border-top-style: solid;
	border-right-color: #FFFFFF;
	border-right-style: solid;
	border-bottom-color: #FFFFFF;
	border-bottom-style: solid;
	border-left-color: #FFFFFF;
	border-left-style: solid;
	border-color: #FFFFFF;
	border-width: 1;
	line-height: 30px;
	text-align: right;
}
.zonet {
	text-align : center;
	margin : 0;
	padding : 0;
	font-family : Helvetica, Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
}
a.viewpic1 {
  position:relative;
  text-decoration: none; 
}
a:hover.viewpic1 {
  text-decoration: none; 
  background: none;
}
a.viewpic1 span {display: none;}

a:hover.viewpic1 span {
  display: inline; 
  position: absolute;  
  top: -435px; 
  left: 4px; 
  z-index: 20; 
  width:100%; 
  padding:2px 4px;
}
a.viewpic2 {
  position:relative;
  text-decoration: none; 
}
a:hover.viewpic2 {
  text-decoration: none; 
  background: none;
}
a.viewpic2 span {display: none;}

a:hover.viewpic2 span {
  display: inline; 
  position: absolute;  
  top: -435px; 
  left: -78px; 
  z-index: 20; 
  width:100%; 
  padding:2px 4px;
}

a.viewpic3 {
  position:relative;
  text-decoration: none; 
}
a:hover.viewpic3 {
  text-decoration: none; 
  background: none;
}
a.viewpic3 span {display: none;}

a:hover.viewpic3 span {
  display: inline; 
  position: absolute;  
  top: -435px; 
  left: -162px; 
  z-index: 20; 
  width:100%; 
  padding:2px 4px;
}

a.viewpic4 {
  position:relative;
  text-decoration: none; 
}
a:hover.viewpic4 {
  text-decoration: none; 
  background: none;
}
a.viewpic4 span {display: none;}

a:hover.viewpic4 span {
  display: inline; 
  position: absolute;  
  top: -435px; 
  left: -246px; 
  z-index: 20; 
  width:100%; 
  padding:2px 4px;
}

a.viewpic5 {
  position:relative;
  text-decoration: none; 
}
a:hover.viewpic5 {
  text-decoration: none; 
  background: none;
}
a.viewpic5 span {display: none;}

a:hover.viewpic5 span {
  display: inline; 
  position: absolute;  
  top: -435px; 
  left: -328px; 
  z-index: 20; 
  width:100%; 
  padding:2px 4px;
}


<!-- background-color : #333399; -->