.webtitre { font-family: Arial; font-size: 10pt; color: #66CC66; font-weight: normal; padding:3px; }

.advert { font-family: Arial; font-size: 10pt; color: #FF6600; font-weight: normal; padding: 2px; background-color: #FFFFFF; border-top: 1px solid #FF6600; border-right: 1px solid #FF6600; border-bottom: 1px solid #FF6600; }

.livraison { font-family: Arial; font-size: 8pt; color: #FFFFFF; font-weight: normal; padding: 2px; background-color: #FF6600; }

body {
  margin-bottom : 0;
  margin-left : 0;
  margin-right : 0;
  margin-top : 0;
  font-family: Verdana, Arial, sans-serif;
  //background: #FFFFFF;
  //backgroundimage: url(noel-bckgr.jpg);	
  font-size: 11px;
  color: #000000;
  font-family: Verdana;
  }


h1      { font-size: 17px; font-weight: bold; color: #000099; }
h2      { font-size: 15px; font-weight: bold; }

.bouton_add_cart {
	background: #FF9900;
	//background-repeat: no-repeat;
	border-style: none;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	height: 30px;
	padding-top: 5px;
	text-align: right;
	float: right;
	display: block;
	width: 200px;
}


a { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover { text-decoration: underline; }

.top { text-decoration: none; color:#333333; font-family: Verdana; font-size: 11px; font-weight: normal; }
.top:link { text-decoration: none; color:#333333; font-family: Verdana; font-size: 11px; font-weight: normal; }
.top:visited { text-decoration: none; color:#333333; font-family: Verdana; font-size: 11px; font-weight: normal; }
.top:hover { text-decoration: underline; color:#333333; font-family: Verdana; font-size: 11px; font-weight: normal; }

.actu { text-decoration: none; color:#66CC66; font-family: Verdana; font-size: 20px; font-weight: normal; }
.actu:link { text-decoration: none; color:#66CC66; font-family: Verdana; font-size: 20px; font-weight: normal; }
.actu:visited { text-decoration: none; color:#66CC66; font-family: Verdana; font-size: 20px; font-weight: normal; }
.actu:hover { text-decoration: underline; color:#66CC66; font-family: Verdana; font-size: 20px; font-weight: normal; }

.label { font-weight: bold;}

.societe { font-family: Verdana; font-size: 9px; font-weight: normal; color: #FFFFFF;}

.titre { font-weight: bold;}

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

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

.race { font-size: 12px; color: #FF6600; font-family: "Verdana"; font-weight:normal;}
.race:link { font-size: 12px; color: #FF6600; font-family: "Verdana"; font-weight:normal; }
.race:visited { font-size: 12px; color: #FF6600; font-family: "Verdana"; font-weight:normal; }
.race:hover { font-size: 12px; color: #FF6600; font-family: "Verdana"; font-weight:normal; text-decoration: none; }

.petit { font-family: Verdana, Arial, sans-serif; font-size: 9px; color: #669966;}
.petit:link { font-family: Verdana, Arial, sans-serif; font-size: 9px; color: #669966; }
.petit:visited { font-family: Verdana, Arial, sans-serif; font-size: 9px; color: #669966; }
.petit:hover { font-family: Verdana, Arial, sans-serif; font-size: 9px; color: #669966; text-decoration: none; }

.upper { font-family: Tahoma; font-size: 11px; color: #666666; text-transform:uppercase;}
.upper:link { font-family: Tahoma; font-size: 11px; color: #666666; }
.upper:visited { font-family: Tahoma; font-size: 11px; color: #666666; }
.upper:hover { font-family: Tahoma; font-size: 11px; color: #666666; text-decoration: none; font-style:italic; }

.upperblc { font-family: Tahoma; font-size: 13px; color: #ffffff; text-transform:uppercase;}
.upperblc:link { font-family: Tahoma; font-size: 13px; color: #ffffff;}
.upperblc:visited { font-family: Tahoma; font-size: 13px; color: #ffffff;}
.upperblc:hover { font-family: Tahoma; font-size: 13px; color: #ffffff; text-decoration: none;}

.uppergreen { font-family: Tahoma; font-size: 15px; color: #666666; text-transform:uppercase;}
.uppergreen:link { font-family: Tahoma; font-size: 15px; color: #666666; }
.uppergreen:visited { font-family: Tahoma; font-size: 15px; color: #666666; }
.uppergreen:hover { font-family: Tahoma; font-size: 15px; color: #666666; text-decoration: none; }

.upperminiblk { font-family: Tahoma; font-size: 12px; color: #000000; text-transform:uppercase;}
.upperminiblk:link { font-family: Tahoma; font-size: 12px; color: #000000; }
.upperminiblk:visited { font-family: Tahoma; font-size: 12px; color: #000000; }
.upperminiblk:hover { font-family: Tahoma; font-size: 12px; color: #000000; text-decoration: none; font-style:italic; }

.liste { font-family: Tahoma; font-size: 10px; color: #333333; text-transform:uppercase;}
.liste:link { font-family: Tahoma; font-size: 10px; color: #333333; }
.liste:visited { font-family: Tahoma; font-size: 10px; color: #333333; }
.liste:hover { font-family: Tahoma; font-size: 10px; color: #333333; text-decoration: none; font-weight:bold; }

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

.formulaire1 {
color:#333333;
border: solid 1px #CCCCCC;
background-color:#FFFFFF;
font-size:11px;
font-weight: none;
}

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

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

.cadeau {
	font-size: 10px;
	color: #000000;
	background-color: #FF9900;
	border: 1px solid #333333;
	margin-bottom: 1px;
	
}

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

.etoile {
font-family: Arial; 
font-size: 11px; 
color: #CC0000; 
font-weight: bold;
}

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

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

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

.entete {
	font-weight:bold;
	padding:3px;
	font-size: 13px;
	color: #000000;
	text-transform:uppercase;
	font-family: Tahoma;
	border: 1px solid #333333;
}

.framehead {
    border-left:1px solid #333333; 
	border-right:1px solid #333333; 
	border-top:1px solid #333333;
	font-weight:bold;
	font-size: 11px;
	color: #333333;
	
	font-family: Tahoma;
}

.frametop {
	border-top:1px solid #333333;
	font-weight:bold;
	font-size: 11px;
	color: #333333;
	text-transform:uppercase;
	font-family: Tahoma;
}

.framebot {
	border-bottom:1px solid #333333;
	font-weight:bold;
	font-size: 11px;
	color: #333333;
	text-transform:uppercase;
	font-family: Tahoma;
}



.frame {
border-left:1px solid #333333; 
border-right:1px solid #333333; 
border-top:1px solid #333333;
}

.frameinc {
font-family: Tahoma; 
font-size: 10px; 
color: #333333;
text-transform:uppercase 
}


.promo {
        border-left:1px solid #00CCCC; 
	border-right:1px solid #00CCCC; 
	border-top:1px solid #00CCCC;
	border-bottom:1px solid #00CCCC; 
	background: #00CCCC;       
	font-weight:bold;
	font-size: 11px;
	color: #FFFFFF;	
	font-family: Tahoma;
}


.produit {
	font-weight:bold;
	padding:3px;
	font-size: 11px;
	color: #000000;
	text-transform:uppercase;
	font-family: Tahoma;
	border: 1px solid #333333;
}

.selection { font-weight:bold; padding:3px; font-size: 13px; color: #000000; text-transform:uppercase; font-family: Tahoma }

.search {
	font-weight:normal;
	padding:0px;
	font-size: 10px;
	color: #000000;
	text-transform:uppercase;
	font-family: Arial;
}

tr.footer {
	background: #ffffff;
}


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

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


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: 1px solid #EEEEEE;
	border-top: 1px solid #EEEEEE;
	border-bottom: 1px solid #EEEEEE;
	background: #FFCC66;
	color: #000000;
	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 : 1px solid #006600;
	margin : 0;
	padding-bottom : 20px;
	padding-left : 10px;
	padding-right : 10px;
}

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

#menudyn a:link, #menudyn a:visited	{
	color : #006600;
	float : center;
	font-weight : bold;
	line-height : 14px;
	padding : 1px 1px 1px 1px;
	text-decoration : none;
	font-size: 11px;
}

#menudyn a:hover	{
	color : #99CC99;
	background : #ffffff;

}

#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 {
	background : #666666;
	color : #AD151A;
	/*
	border-bottom : 1px solid #F7F7F7;
	text-decoration: underline;*/
	font-style:italic;
	
}

/* Initialisation des variables */
.normal { font-size: 11px; color: #333333; font-family: Verdana;}
.normal:link { font-size: 11px; color: #333333; font-family: Verdana;}
.normal:visited { font-size: 11px; color: #333333; font-family: Verdana;}
.normal:hover { font-size: 11px; color: #333333; font-family: Verdana;}

.orange { font-size: 10px; color: #FF6600; font-family: Verdana;}
.orange:link { font-size: 10px; color: #FF6600; font-family: Verdana;}
.orange:visited { font-size: 10px; color: #FF6600; font-family: Verdana;}
.orange:hover { font-size: 10px; color: #FF6600; font-family: Verdana;}

.bleu { font-size: 10px; color: #0099CC; font-family: Verdana;}
.bleu:link { font-size: 10px; color: #0099CC; font-family: Verdana;}
.bleu:visited { font-size: 10px; color: #0099CC; font-family: Verdana;}
.bleu:hover { font-size: 10px; color: #0099CC; font-family: Verdana;}

.rouge { font-size: 10px; color: #660000; font-family: Verdana;}
.rouge:link { font-size: 10px; color: #660000; font-family: Verdana;}
.rouge:visited { font-size: 10px; color: #660000; font-family: Verdana;}
.rouge:hover { font-size: 10px; color: #660000; font-family: Verdana;}

.normgreen { font-size: 11px; color: #666666; font-family: Verdana;}
.normgreen:link { font-size: 11px; color: #666666; font-family: Verdana;}
.normgreen:visited { font-size: 11px; color: #666666; font-family: Verdana;}
.normgreen:hover { font-size: 11px; color: #666666; font-family: Verdana;}

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

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

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

.tetiere { font-size: 12px;}
.tetiere { color: #666666;}
.tetiere { font-family: Tahoma;}


a:link { color: #4A7995;}
a:visited { color: #4A7995;}
a:hover { color: #BDB76B;}

.indexcat { font-family: Verdana; font-size: 10px; color: #333333; font-weight:bold; }
.indexcat:link { color: #333333; font-weight:normal; text-decoration:none;}
.indexcat:visited { color: #333333; font-weight:normal; text-decoration:none;}
.indexcat:hover { color: #333333; font-weight:normal; text-decoration: underline; }

.menuleft { font-size: 11px;color: #333333; font-weight:normal; }
.menuleft:link { color: #333333; font-weight:normal; text-decoration:none;}
.menuleft:visited { color: #333333; font-weight:normal; text-decoration:none;}
.menuleft:hover { color: #333333; font-weight:normal; text-decoration: underline; }

.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 { font-size: 11px;color: #2E1D87; font-family: Verdana;font-weight:bold;}
.addcart:link { color: #2E1D87;}
.addcart:visited { color: #2E1D87;}
.addcart:hover { color: #E60003;}

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 */
     } 

