body {font-family:Arial;
    font-size:small;
    background-color:#660000;
}


.liens a:link{color:#660000;text-decoration: none;background : transparent;font-size:12px}
.liens a:hover { color:#ffffff; background-color:#000000;font-size:12px}
.liens a:visited, a:active { color:#660000; text-decoration: none;background : transparent;font-size:12px}
.liens a:visited:hover {text-decoration : none; color : #ffffff; background : #333333;font-size:12px}

.liensverts a:link{color:#7ba633;text-decoration: none;background : transparent;font-size:12px}
.liensverts a:hover { color:#ffffff; background-color:#000000;font-size:12px}
.liensverts a:visited, a:active { color:#7ba633; text-decoration: none;background : transparent;font-size:12px}
.liensverts a:visited:hover {text-decoration : none; color : #ffffff; background : #333333;font-size:12px}

.boutique a:link{color:#660000;text-decoration: none;background : transparent;font-size:12px}
.boutique a:hover { color:#ffffff; background-color:#000000;font-size:12px}
.boutique a:visited, a:active { color:#660000; text-decoration: none;background : transparent;font-size:12px}
.boutique a:visited:hover {text-decoration : none; color : #ffffff; background : #333333;font-size:12px}


a:link{color:#000000;text-decoration: none;background : transparent;font-size:12px}
a:hover { color:#ffffff; background-color:#000000;font-size:12px}
a:visited, a:active { color:#000000; text-decoration: none;background : transparent;font-size:12px}
a:visited:hover {text-decoration : none; color : #ffffff; background : #333333;font-size:12px}


.menugauche {font-family:Arial;
    font-size:small;
    color:#7BA239;
}

.stylebordure { border:1px; 
    border-color:Black;
    
    }
    
 .Hautgrisdepage { font-family:Arial;
    font-size:14px;
    color:#666666;
    font-weight:bold}
    
    .adresseBasPage { font-family:Arial;
    font-size:12px;
    color:Black;
    font-weight:bold;
    }
    
.NomProduit {font-family:Arial;
    font-size:14px;
    font-weight:bold;
    color:#660000;
    }
    
.menugauche {font-family:Arial;
    font-size:small;
    color:#7BA239;
}

p
{
  font-size       : 1.1em; /* Définition de la taille de la police de nos paragraphes */
}

a.info_bulle span
{								   
  display          : none; /* Rend invisible tout notre bloc span */
} 
 
a.info_bulle
{				
  color           : #2F368A;
  
  text-decoration : none; 
  
  padding         : 2px 16px 2px 2px; /*Définition des marges intérieures de notre lien */
  
  /* Définition de l'arrière plan de notre lien */
  background      : transparent url('comment.gif') no-repeat right center;
  
  position        : relative; /* Indispensable pour le bon positionnement de l'info-bulle */ 
}  
 
a.info_bulle:hover 
{
  border          : 0;  /* ligne qui corrige le bug d'IE6 et inférieur */
} 

a.info_bulle:hover span
{				
  display        :  block;    /* Rend visible notre bloc span */
  position       :  absolute; /* Sort notre bloc de son conteneur afin de le positionner */
  
  background     : #DDEEFF;   /* Définition du fond, sinon on a le même que notre lien */
  border         : 1px solid #6699FF; /* Définition des bordures */
  
  padding        : 6px;       /* Définition des marges intérieures */	  
  font-size      : 12px;
  
  width          : 400px;     /* On fixe une largeur par défaut */
  
  color          : #000;      /* Réinitialisation de la couleur du texte */
  
  text-align     : justify;   /* Justification du texte */	
  
  cursor         : default;   /* Réinitialisation de notre curseur, sinon par défaut on a le même que notre lien */
  
  /* Positionnement de notre info-bulle */
  top            : 1.8em;     
  left           : 1px;
  
  z-index        : 1000; /* Positionne au premier plan l'info-bulle en cas de chevauchement */
}            
 
 
 #menu {
	float: left;
	width:100%;
	background:#DAE0D2 url("images/bg.gif") repeat-x bottom;
	font-size:93%;
	line-height:normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	}
	
	#menu ul {
	margin:0;
	padding:10px 10px 0;
	list-style:none;
	}
	
#menu li {
	float:left;
	background:url("images/left.gif") no-repeat left top;
	margin:0;
	padding:0 0 0 9px;
	}
	
#menu a {
	float:left;
	display:block;
	background:url("images/right.gif") no-repeat right top;
	padding:5px 15px 4px 6px;
	text-decoration:none;
	font-weight:bold;
	color: #666666;
	}
	
#menu a {
	float:none;
	}

#menu a:hover {
	color: #56BABA;
	}
	
#menu #current {
	background-image:url("images/left_on.gif");
	}
	
#menu #current a {
	background-image:url("images/right_on.gif");
	color: #35646C;
	padding-bottom:5px;
	}