body {
  margin-bottom : 0;
  margin-left : 0;
  margin-right : 0;
  margin-top : 0;
  font-family: Verdana, Arial, sans-serif;
  background-color: #7e7e7e;
  font-size: 11px;
  color: #000000;
  font-family: Verdana;
  }


h1      { font-size: 17px; font-weight: bold; color: #8DCEE4; }
h2      { color: gray; font-weight: bold; font-size: 15px }
hr 		{ color: #8DCEE4; height: 1px;}

a {
  text-decoration: none;
}

a:visited {
  color: gray; text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

.top {
  text-decoration: none;
  color:#ffffff;
}

.top:link {
  text-decoration: none;
  color:#ffffff;
}

.top:visited {
  text-decoration: none;
  color:#ffffff;
}

.top:hover {
  text-decoration: underline;
  color:#ffffff;  
}

.label { color: gray; font-weight: bold; font-size: 12px }
.label1 { color: white; font-weight: bold; font-size: 12px }
.titre   { color: #f90; font-weight: bold; font-size: 10px; font-family: Verdana, Arial, sans-serif }

.prix   { color: #f90; font-weight: bold; font-size: 11px; font-family: "Trebuchet Ms", Tahoma, Verdana, Arial, sans-serif }

.right { font-family: Verdana, Arial , sans-serif; font-size: 13px; font-weight: bold; color: #000000;padding:3px;}

.petit { color: gray; font-size: 10px; font-family: Verdana, Arial, sans-serif }

.blanc { font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #ffffff;}

.formulaire1  { color: black; font-weight: ; font-size: 11px; background-color: #fff; border: solid 1px #000000 }

.formMenu  { color: black; font-weight: ; font-size: 13px; font-family: Tahoma, Verdana, Arial; background-color: #fff; border: solid 1px #000000 }

.bouton  { color: black; font-size: 10px; margin-bottom: 1px }	

.tetiere {
	font-weight:bold;
	padding:1px;
	font-weight:bold;
	padding:1px;
	font-size: 12px;
	color: gray;
	text-transform:uppercase;
	font-family: Tahoma;
	/* border: 1px solid #333333; */
	width:220px;
	
}

.etoile  { color: gray; font-weight: bold; font-size: 13px; font-family: Arial }

.red  { color: #ff9900; font-weight: bold; font-size: 12px; font-family: Arial }

hr {
color: #1f1f5f;
height: 1px;
}

td {
	/* vertical-align:top;*/
	line-height : 15px;
}

.entete {
	font-weight:bold;
	padding:3px;
	font-size: 11px;
	color: gray;
	text-transform:uppercase;
	font-family: Tahoma;
	/* border: 1px solid #333333; */
}
.entete1 { color: white; font-weight: bold; font-size: 11px; font-family: Tahoma; text-transform: uppercase; padding: 3px }
tr.footer {
	background: #ffffff;
}


td.footer {
  font-family: Verdana, Arial, sans-serif;
  font-size: 7px;
    color: #ffffff;
  font-weight: bold;
}

td.footercopyright   { color: #336799; font-weight: bold; font-size: 11px; font-family: Arial }


td.newsCelluleOne {
	border-right: 1px solid #E9EBEA;
	border-bottom: 1px dotted #E9EBEA;
	padding-top: 10px;
	padding-bottom: 10px;
}

td.newsCelluleTwo {
	border-bottom: 1px dotted #E9EBEA;
	padding-top: 10px;
	padding-bottom: 10px;
}

td.newsCellulePromos {
	border-right: 1px solid #E9EBEA;
	padding-top: 10px;
	padding-bottom: 10px;
}

td.newsCelluleNouveautes {
	padding-top: 10px;
	padding-bottom: 10px;
}

tr.caddie {
	border-top: 1px solid #EEEEEE;
	border-bottom: 1px solid #EEEEEE;
	background: #758cc0;
	color: #ffffff;
	font-family: Trebuchet Ms, Verdana, Arial, sans-serif;
	font-weight:bold;
	text-align : center;
	text-transform : uppercase;
	font-size : 11px;
	vertical-align: middle;
	
}

#menudyn {
	border-bottom : 0px solid #ccc;
	margin : 0;
	padding-bottom : 20px;
	padding-left :60px;
	padding-right : 10px;
}

#menudyn li	{
	list-style-type : none;
	margin-right : 8px;
	padding : 0;
	float:left;
}

#menudyn a:link, #menudyn a:visited	{
	background : #336799;
	color : #ffffff;
	float : left;
	font-weight : normal;
	line-height : 14px;
	padding : 1px 1px 1px 1px;
	text-decoration : none;
	font-size: 11px;
}

#menudyn a:hover	 { color: #f90; background-color: #336799; border-bottom: 1px solid #ff9900 }

#section-1 #menudyn li#nav-1 a, 
#section-2 #menudyn li#nav-2 a,
#section-3 #menudyn li#nav-3 a,
#section-4 #menudyn li#nav-4 a,
#section-5 #menudyn li#nav-5 a,
#section-6 #menudyn li#nav-6 a,
#section-7 #menudyn li#nav-7 a,
#section-8 #menudyn li#nav-8 a,
#section-9 #menudyn li#nav-9 a,
#section-10 #menudyn li#nav-10 a,
#section-11 #menudyn li#nav-11 a  { color: #f90; font-style: italic; background-color: #666666 }

/* Initialisation des variables */
.normal { font-size: 11px;}
.normal { color: gray;}
.normal { font-family: Verdana, Arial, sans-serif;}
.normal { text-align: left;}

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

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

.titre { font-size: 13px;}
.titre { color: #2E1D87;}
.titre { font-family: Verdana;}

.tetiere { font-size: 11px;}
.tetiere { color: gray;}
.tetiere { font-weight: bold;}
.tetiere { font-family: Tahoma, Verdana, Arial;}
.tetiere { text-align: left;}


a:link    { color: #336799 }
a:visited   { color: #336799 }
a:hover { color: #BDB76B;}

.menuleft  { color: white; font-size: 11px }
.menuleft:link  { color: white }
.menuleft:visited  { color: white }
.menuleft:hover { color: #ff9900;}

.menuright { font-size: 11px;color: #000000;}
.menuright:link { color: #000000;}
.menuright:visited { color: #000000;}
.menuright:hover { color: #000000;}

a.image { /* dČfinition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit Ítre en bloc */
     width: 184px; /* largeur de l'image rČactive */
     height: 40px; /* hauteur de l'image rČactive */
     background-image: url(../../images/frameprod_06.gif); /* source de l'image de dČpart */
     background-repeat: no-repeat;
     }
	 
a.image:hover { /* dČfinition de la classe "image" de la balise <a> au survol */
     background-image: url(../../images/frameprod_06_2.gif); /* source de l'image d'arrivČe */
     } 

.addcart  { color: gray; font-weight: bold; font-size: 11px; font-family: Verdana }
.addcart:link  { color: white }
.addcart:visited  { color: white }
.addcart:hover  { color: #f90 }

input:focus, select:focus, textarea:focus {background-color: #eeeeee;color: #000}

a.image { /* dČfinition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit Ítre en bloc */
     width: 137px; /* largeur de l'image rČactive */
     height: 37px; /* hauteur de l'image rČactive */
     background-image: url(../../images/capsule.gif); /* source de l'image de dČpart */
     background-repeat: no-repeat;
     }
	 
a.image:hover { /* dČfinition de la classe "image" de la balise <a> au survol */
     background-image: url(../../images/capsule.gif); /* source de l'image d'arrivČe */
     }