/*
  $Id: stylesheet.css,v 1.1.1.1 2003/09/18 19:06:13 wilt Exp $
  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com
  Copyright (c) 2003 osCommerce
  Released under the GNU General Public License
*/
a:link.headerLink { font-family: Verdana, Arial, sans-serif; font-size: 12px; color: #000000; font-weight: bold; text-decoration: none; }
a:visited.headerLink { font-family: Verdana, Arial, sans-serif; font-size: 12px; color: #000000; font-weight: bold; text-decoration: none }
a:active.headerLink { font-family: Verdana, Arial, sans-serif; font-size: 12px; color:#FF0000; font-weight: bold; text-decoration: none; }
a:hover.headerLink { font-family: Verdana, Arial, sans-serif; font-size: 12px; color: #FF0000; font-weight: bold; text-decoration: none; }
TR.ccc {
     cursor: pointer; 
    }

TD.headerNavigation1 {
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;
  color: #ffffff;
  font-weight : bold;
  background-color: #2D6DC5;
}
skin1 {
position:absolute;
width:200px;
border:1px solid #3E6028;
background-color:#DAEBCF;
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height:15px;
cursor:default;
font-size:11px;
z-index:100;
visibility:hidden;
}
.menuitemsTitle {
padding-left:0px;
padding-right:0px;
background:#3E6028;
color: #FFFFFF;
font-weight: bold;
text-align: center;
}
.menuitems {
padding-left:10px;
padding-right:10px;
width: 100%;

}
.boxText { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.maintableBorder { background-color: #FFFFFF;}
.maintableBackground { background-color: #FFFFFF }
.column_left { background-color: #2D6DC5 }
.centertable { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #cc0033; }
.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }
body				{ font-family: Verdana; font-size: 11px; color: #444444; background-color: #ffffff }
A {
  color: #000000;
  text-decoration: none;
}
A:hover {
  color: #AABBDD;
  text-decoration: underline;
}
FORM {
	display: inline;
}
TR.header {
  background: #ffffff;
}
TR.headerNavigation {
  background: #bbc3d3;
}
TD.headerNavigation {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #bbc3d3;
  color: #ffffff;
  font-weight : bold;
}
A.headerNavigation { 
  color: #FFFFFF; 
}
a:hover.headerNavigation {
  color: #ffffff;
}
TR.headerError {
  background: #ff0000;
}
TD.headerError {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}
TR.headerInfo {
  background: #00ff00;
}
TD.headerInfo {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}
TR.footer {
  background: #bbc3d3;
}
TD.footer {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #2D6EC5;
  color: #ffffff;
  font-weight: bold;
}
.infoBox {
  background: #000066;
}

.minibox {
position:relative; 

top: 5px;

}

.infoBoxContents {
  background: #FFFFFF;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

.infoBoxNotice {
  background: #FF8E90;
}
.infoBoxNoticeContents {
  background: #FFE6E6;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}
TD.infoBoxHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  background: #CCCCCC;
  padding-bottom:4
}
TD.infoBoxHeading2 {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  padding-bottom:4
}


TD.infoBox, SPAN.infoBox {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #FFFFFF;
}
TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
 background: #f8f8f9;
}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
  background: #f8f8f9;
}
TABLE.productListing {
  border: 0px;
  border-style: solid;
  border-color: #b6b7cb;
  border-spacing: 1px;
}



.productListing-heading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  background-color:#2D6DC5;
  color: #000000;
  font-weight: bold;
}
.productListing-headingPrice {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #CCCCCC;
  color: #996600;
  font-weight: bold
}
TD.productListing-data {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}
A.pageResults {
  color: #0000FF;
}
a:hover.pageResults {
  color: #0000FF;
  background: #FFFF33;
}
TD.pageHeading, DIV.pageHeading {
 font-family: Verdana, Arial, sans-serif;
  font-size: 16px;
  font-weight: bold;
  color:#000033;
}

TR.subBar {
  background: #f4f7fd;
}
TD.subBar {
 font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #000000;
}
TD.main, P.main {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
}
TD.smallText, SPAN.smallText, P.smallText {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}
TD.accountCategory {
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  color: #aabbdd;
}
TD.fieldKey {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}
TD.fieldValue {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
}
TD.tableHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}
TD.category_desc {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
}
SPAN.newItemInCart {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #ff0000;
}
CHECKBOX, INPUT, RADIO, SELECT {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}
TEXTAREA {
  width: 100%;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}
SPAN.greetUser {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #f0a480;
  font-weight: bold;
}
TABLE.formArea {
  background: #f1f9fe;
  border-color: #7b9ebd;
  border-style: solid;
  border-width: 1px;
}
TD.formAreaTitle {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}
SPAN.markProductOutOfStock {
 font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #FF0000;
  font-weight: bold;
}
SPAN.productSpecialPrice {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}
SPAN.errorText {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}
.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; }
.moduleRowSelected { background-color: #E9F4FC; }
.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }

/* message box */
.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; }
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #99ff00; }
/* input requirement */
.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }


ul#continuer
{
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
/* Suppression du margin, du padding et des puces du <ul> */
}

ul#continuer li
{
	margin: 0 0 5px 0 ;
	padding: 0 ;
/* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
}

ul#continuer li a
{
	
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 160px ;
	
	line-height: 25px ;
	text-indent:-5000px;
	color: #000 ;
	/* On décale le texte de 40px du bord gauche */
color: #0033FF;
	text-decoration: none ;

	background: url(button_continue2.gif) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	border: 0px solid #FFFFFF ;
}

ul#continuer li a:hover
{
	background: url(button_continue2.gif) no-repeat 0 -30px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
	border: 0px solid #f97 ;
}

ul#ajouter
{
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
/* Suppression du margin, du padding et des puces du <ul> */
}

ul#ajouter li
{
	margin: 0 0 5px 0 ;
	padding: 0 ;
/* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
}

ul#ajouter li a
{
	
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 160px ;
	
	line-height: 25px ;
	text-indent:-5000px;
	color: #000 ;
	/* On décale le texte de 40px du bord gauche */
color: #0033FF;
	text-decoration: none ;

	background: url(ajouter.gif) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	border: 0px solid #FFFFFF ;
}

ul#ajouter li a:hover
{
	background: url(ajouter.gif) no-repeat 0 -30px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
	border: 0px solid #f97 ;
}


ul#envoyer
{
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
/* Suppression du margin, du padding et des puces du <ul> */
}

ul#envoyer li
{
	margin: 0 0 5px 0 ;
	padding: 0 ;
/* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
}

ul#envoyer li a
{
	
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 160px ;
	
	line-height: 25px ;
	text-indent:-5000px;
	color: #000 ;
	text-indent: 30px ; /* On décale le texte de 40px du bord gauche */
color: #0033FF;
	text-decoration: none ;
	background: url(images/buttons/french/buttonsCSS/button_continue2.gif) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	border: 0px solid #FFFFFF ;
	
}

ul#envoyer li a:hover
{
	background: url(images/buttons/french/buttonsCSS/button_continue2.gif) no-repeat 0 -30px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
	border: 0px solid #f97 ;
}




ul#agrandir
{
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
/* Suppression du margin, du padding et des puces du <ul> */
}

ul#agrandir li
{
	margin: 0 0 5px 0 ;
	padding: 0 ;
/* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
}

ul#agrandir li a
{
	
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 160px ;
	
	line-height: 25px ;
	
	color: #000 ;
	text-indent: 30px ; /* On décale le texte de 40px du bord gauche */
color: #FFFFFF;
text-indent:-5000px;
	text-decoration: none ;
	background: url(agrandir.gif) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	border: 0px solid #FFFFFF ;
}

ul#agrandir li a:hover
{
	background: url(agrandir.gif) no-repeat 0 -30px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
	border: 0px solid #f97 ;
}


ul#avisclient
{
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
/* Suppression du margin, du padding et des puces du <ul> */
}

ul#avisclient li
{
	margin: 0 0 5px 0 ;
	padding: 0 ;
/* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
}

ul#avisclient li a
{
	
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 160px ;
	
	line-height: 25px ;
	
	color: #000 ;
	text-indent: 30px ; /* On décale le texte de 40px du bord gauche */
color: #FFFFFF;
	text-decoration: none ;


text-indent:-5000px;


	background: url(avisclient.gif) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	border: 0px solid #FFFFFF ;
}

ul#avisclient li a:hover
{
	background: url(avisclient.gif) no-repeat 0 -30px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
	border: 0px solid #f97 ;
}

/* -----------------------balise bouton vierge----------------------*/

/* Préparer une seule image comprennant l'image à afficher sans effet et l'image avec l'effet (sous la première) 
Dans cette exemple, le bouton fait 128x128px, l'image aura donc pour dimension 128x256px
Ceci évite de devoir attendre pendant le temps de chargement si l'on utilisait deux images différentes */
.miseajour {
   width: 162px;
   height: 27px;
   margin: 0;
   padding: 0;
   border: 0;
   
   background: transparent url(images/buttons/french/buttonsCSS/spirale.gif) no-repeat top left ;/* on place l'image en arrière plan */
   /*  text-indent: 3000px;  : On cache le texte de substitution (très loin car Opera l'affiche même en dehors du boutton : il faut donc le faire sortir de la page)*/
   cursor: pointer;  /* pour transformer de pointeur en main */
   color:#FFFFFF ;

   font-size: 15px ;
   font-weight : 200 ;
   font-family: Arial, Arial Black, Verdana, serif; 
   font-weight: bold ;
}
.miseajour:hover {

   background-position: 0 -30px;/* On déplace l'image d'arrière plan pour donner l'effet */
}

.ajouteraupanier {
   width: 162px;
   height: 27px;
   margin: 0;
   padding: 0;
   border: 0;
   
   background: transparent url(images/buttons/french/buttonsCSS/ajouteraupanier.gif) no-repeat top left ;/* on place l'image en arrière plan */
  text-indent: -5000px; /* : On cache le texte de substitution (très loin car Opera l'affiche même en dehors du boutton : il faut donc le faire sortir de la page)*/
   cursor: pointer;  /* pour transformer de pointeur en main */

}
.ajouteraupanier:hover {

   background-position: 0 -30px;/* On déplace l'image d'arrière plan pour donner l'effet */
}
div#positiontext {

position: relative;
    height: 20px;
    width: auto;
    left: auto;
    top: auto;

}

/*----------bouton continuer achat : --------------------------*/

ul#fleche
{
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
	 text-indent: -5000px; 
/* Suppression du margin, du padding et des puces du <ul> */
}

ul#fleche li
{
	margin: 0 0 5px 0 ;
	padding: 0 ;
/* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
}

ul#fleche li a
{
	
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 160px ;
	color: #FFFFFF ;
	 font-size: 15px ;
   font-weight : 200 ;
   font-family: Arial, Arial Black, Verdana, serif; 
   font-weight: bold ;
	line-height: 25px ;
	 text-indent: -5000px; 

	text-indent: 26px ; /* On décale le texte de 40px du bord gauche */


	text-decoration: none ;
	background: url(images/buttons/french/buttonsCSS/flecheinverse.gif) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	border: 0px solid #FFFFFF ;
}

ul#fleche li a:hover
{
	background: url(images/buttons/french/buttonsCSS/flecheinverse.gif) no-repeat 0 -30px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
	/*color: red ;*/
	border: 0px solid #f97 ;
}

ul#fleched
{
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
/* Suppression du margin, du padding et des puces du <ul> */
}

ul#fleched li
{
	margin: 0 0 5px 0 ;
	padding: 0 ;
/* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
}

ul#fleched li a
{
	
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 160px ;
	color: #FFFFFF ;
	 font-size: 15px ;
   font-weight : 200 ;
   font-family: Arial, Arial Black, Verdana, serif; 
   font-weight: bold ;
	line-height: 25px ;
	

	text-indent: 26px ; /* On décale le texte de 40px du bord gauche */


	text-decoration: none ;
	background: url(images/buttons/french/buttonsCSS/fleche.gif) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	border: 0px solid #FFFFFF ;
}

ul#fleched li a:hover
{
	background: url(images/buttons/french/buttonsCSS/fleche.gif) no-repeat 0 -30px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
	/*color: red ;*/
	border: 0px solid #f97 ;
}

ul#minifleche
{
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
/* Suppression du margin, du padding et des puces du <ul> */
}

ul#minifleche li
{
	margin: 0 0 5px 0 ;
	padding: 0 ;
/* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
}

ul#minifleche li a
{
	
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 160px ;
	color: #FFFFFF ;
	 font-size: 15px ;
   font-weight : 200 ;
   font-family: Arial, Arial Black, Verdana, serif; 
   font-weight: bold ;
	line-height: 25px ;
	

	text-indent: 26px ; /* On décale le texte de 40px du bord gauche */


	text-decoration: none ;
	background: url(images/buttons/french/buttonsCSS/miniflecheinverse.gif) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	border: 0px solid #FFFFFF ;
}

ul#minifleche li a:hover
{
	background: url(images/buttons/french/buttonsCSS/miniflecheinverse.gif) no-repeat 0 -30px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
	/*color: red ;*/
	border: 0px solid #f97 ;
}




#navigation {

	margin: auto ;
	padding: 0 ;
	list-style: none ;

       }
		
#navigation ul{	
		 width:45px;
    margin-left:auto;
    margin-right:auto;
  text-align: center;
		
	}
#navigation li {
display: inline ;
	float: left ;
	width: 105px ;
	border: 0px solid #3399FF ;
	 /*mettre 1px pour decaler legerement les bouton et laisser un blanc*/
	color: #fff ;
	background: #000000 ;
  margin-left: auto;
        margin-right: auto;
		text-align: center ;
	}

#navigation li a {
	display: block ;
	background: url(fbarre.gif) left top no-repeat ;
	color: #000000 ;
	font: 1em "Trebuchet MS",Arial,sans-serif ;
	line-height: 1.3em ;
	padding: 3.5px 0 ;
	text-align: center ;
text-decoration: none ;
font-size: 13px; 




	}	
#navigation li a:hover, #navigation li a:focus, #navigation li a:active {

	background: url(fbarre.gif) right top no-repeat ;
	
	}
	
	#position1 {

	
	
	}
	
.cellequicentre { margin: auto; }
	
	#global {margin: 0 auto;}
#page {
        width: 98%; /* ou width:70%; ou width:20em; */
        margin-left: auto;
        margin-right: auto;
text-align: center;

        }

#test{   
         
         background-image:url("clicknmouse_menu.jpg"); 
         background-repeat:repeat;
text-align: center;

       }
	   
	   ul#editer
{
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
/* Suppression du margin, du padding et des puces du <ul> */
}

ul#editer li
{
	margin: 0 0 5px 0 ;
	padding: 0 ;
/* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
}

ul#editer li a
{
	
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 160px ;
	
	line-height: 25px ;
	
	color: #000 ;
	 /* On décale le texte de 40px du bord gauche */
color: #FFFFFF;
	text-decoration: none ;


text-indent:-5000px;


	background: url(images/buttons/french/buttonsCSS/editer.gif) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	border: 0px solid #FFFFFF ;
}

ul#editer li a:hover
{
	background: url(images/buttons/french/buttonsCSS/editer.gif) no-repeat 0 -30px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
	border: 0px solid #f97 ;
}

	   ul#ajoutadresse
{
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
/* Suppression du margin, du padding et des puces du <ul> */
}

ul#ajoutadresse li
{
	margin: 0 0 5px 0 ;
	padding: 0 ;
/* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
}

ul#ajoutadresse li a
{
	
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 160px ;
	
	line-height: 25px ;
	
	color: #000 ;
	 /* On décale le texte de 40px du bord gauche */
color: #FFFFFF;
	text-decoration: none ;


text-indent:-5000px;


	background: url(images/buttons/french/buttonsCSS/ajoutadresse.gif) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	border: 0px solid #FFFFFF ;
}

ul#ajoutadresse li a:hover
{
	background: url(images/buttons/french/buttonsCSS/ajoutadresse.gif) no-repeat 0 -30px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
	border: 0px solid #f97 ;
}

.identifier {
   width: 162px;
   height: 27px;
   margin: 0;
   padding: 0;
   border: 0;
   
   background: transparent url(images/buttons/french/buttonsCSS/identifier.gif) no-repeat top left ;/* on place l'image en arrière plan */
   /*  text-indent: 3000px;  : On cache le texte de substitution (très loin car Opera l'affiche même en dehors du boutton : il faut donc le faire sortir de la page)*/
   cursor: pointer;  /* pour transformer de pointeur en main */
   color:#FFFFFF ;
text-indent:-5000px;
   font-size: 15px ;
   font-weight : 200 ;
   font-family: Arial, Arial Black, Verdana, serif; 
   font-weight: bold ;
}
.identifier:hover {

   background-position: 0 -30px;/* On déplace l'image d'arrière plan pour donner l'effet */
}

.coin {
color: #DDDDDD ;
font-size: 9px ;
}
 
 
 #en_tete
{
   width: auto;
   height: 100%;
   background-image: url("http://www.clicknmouse.fr/templates/E-vector/images/clicknmouse_logo.jpg");
   background-repeat: no-repeat;

}

#repet
{

 background-image: url("http://www.clicknmouse.fr/templates/E-vector/images/clicknmouse_repet.jpg");
   background-repeat: repeat;
height: 74px ;
width: auto ;

}

#module
{
background-image: url("http://www.clicknmouse.fr/templates/E-vector/images/menu6.gif");
 background-repeat: repeat;
height: 24px ;
width: auto ;
text-align:right ;
position: absolute ;
right:0px ;
top: 47px ;
}

#coin
{
width:29px ;
height:24px ;

background-image: url("http://www.clicknmouse.fr/templates/E-vector/images/coin.png");

background-repeat: no-repeat;
}

.positiontext {
position:relative ;
bottom: 4px ;
}

#positionrecherche {
position: absolute ;
right: 17px ;
top: 5px ;
text-align: center ;
}

#position_loupe {
position: absolute ;
top: 2px ;
}

#sousmenu {
text-align: center ;
background-image: url("http://www.clicknmouse.fr/templates/E-vector/images/clicknmouse_menu.jpg");

background-repeat: repeat;
color: #000000 ;
	font: 1em "Trebuchet MS",Arial,sans-serif ;
	font-size:19px ;
}

#sousmenufond {

	font: 1em "Trebuchet MS",Arial,sans-serif ;
	font-size:15px ;
background-image: url("http://www.clicknmouse.fr/templates/E-vector/images/fondsousmenu.jpg");
background-repeat: no-repeat;

}


#nav {
position: relative;
top: -7px ;
height:4px ;
width: 40px ;
				list-style: none ;
		
				}
#nav li {
				display: inline ;
				
				color: #fff ;
				background: #c00 ;
				}
#nav li a {
				background: #C0C0C0 ;
				color: #000000 ;
			
		
				font: 1em "Trebuchet MS",Arial,sans-serif ;
				/*background-image:url("http://www.clicknmouse.fr/templates/E-vector/images/fondsousmenu.jpg");
				background-repeat: no-repeat;*/
				line-height: 1em ;
				padding: 2px 19px ;
					font-size:13px ;
				text-align: center ;
				text-decoration: none ;
				}
#nav li a:hover, #nav li a:focus, #nav li a:active {
/*	background-image:url("http://www.clicknmouse.fr/templates/E-vector/images/fondsousmenu.jpg");
				background-repeat: no-repeat;*/
				background: #0099FF ;
				text-decoration: none ;
				color: #FFFFFF ;
				}
				
#menu_carac2 {

	margin: -0.5px ;
	padding: 0 ;
	list-style: none ;

       }
		
#menu_carac2 ul{	
		 width:45px;
    margin-left:auto;
    margin-right:auto;
  text-align: center;
		
	}
#menu_carac2 li {

display: inline ;
	float: left ;
	width: 140px ; ;
	border: 0px solid #3399FF ;
	 /*mettre 1px pour decaler legerement les bouton et laisser un blanc*/
	color: #fff ;

  margin-left: auto;
        margin-right: auto;
		text-align: center ;
	}

#menu_carac2 li a {
width: 140px ;
	display: block ;
	background: url(images/mil4.jpg) left top no-repeat ;
	color: #000000 ;
	font: 1em "Trebuchet MS",Arial,sans-serif ;
	line-height: 1.3em ;
	padding: 3.5px 0 ;
	text-align: center ;
text-decoration: none ;
font-size: 13px; 




	}	
#menu_carac2 li a:hover, #menu_carac2 li a:focus, #menu_carac2 li a:active {
	width: 142.6px ;
	background: url(images/mil4.jpg) right top no-repeat ;

	font-weight: bold;
	}
	
	
	#menugrosfooter {

	margin: auto ;
	padding: 0 ;
	list-style: none ;

       }
		
#menugrosfooter ul{	
		 width:80px;
    margin-left:auto;
    margin-right:auto;
  text-align: center;
		
	}
#menugrosfooter li {
display: inline ;
	float: left ;
	width: 158px ;
	border: 0px solid #3399FF ;
	 /*mettre 1px pour decaler legerement les bouton et laisser un blanc*/

	
  margin-left: auto;
        margin-right: auto;
		text-align: center ;
	}

#menugrosfooter li a {
	display: block ;
	background: url(images/grosfooter.jpg) left top no-repeat ;

	font: 1em "Trebuchet MS",Arial,sans-serif ;
	line-height: 1.3em ;
	padding: 3.5px 0 ;
	text-align: center ;
text-decoration: none ;
font-size: 13px; 




	}	
#menugrosfooter li a:hover, #menugrosfooter li a:focus, #menugrosfooter li a:active {
	
	background: url(images/grosfooter.jpg) right top no-repeat ;
	/*font-weight: bold ;*/
	color:#000000 ;
	}			
	
	#menuminifooter {

	margin: auto ;
	padding: 0 ;
	list-style: none ;

       }
		
#menuminifooter ul{	
		 width:45px;
    margin-left:auto;
    margin-right:auto;
  text-align: center;
		
	}
#menuminifooter li {
display: inline ;
	float: left ;
	width: 100px ;
	border: 0px solid #3399FF ;
	 /*mettre 1px pour decaler legerement les bouton et laisser un blanc*/

	
  margin-left: auto;
        margin-right: auto;
		text-align: center ;
	}

#menuminifooter li a {
	display: block ;
	background: url(images/minifooter.jpg) left top no-repeat ;

	font: 1em "Trebuchet MS",Arial,sans-serif ;
	line-height: 1.3em ;
	padding: 3.5px 0 ;
	text-align: center ;
text-decoration: none ;
font-size: 13px; 




	}	
#menuminifooter li a:hover, #menugrosfooter li a:focus, #menugrosfooter li a:active {
	
	background: url(images/minifooter.jpg) right top no-repeat ;

	color:#000000 ;
	}	
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu2 {
position: absolute; /* placement du menu, à modifier selon vos besoins */
top: 0;
left: 0;
z-index:100;
width: 100%; /* correction pour Opera */
}
#menu2 dl {
float: left;
width: 12em;
}
#menu2 dt {
cursor: pointer;
text-align: center;
font-weight: bold;
background: #ccc;
border: 1px solid gray;
margin: 1px;
}
#menu2 dd {
display: none;
border: 1px solid gray;
}
#menu2 li {
text-align: center;
background: #fff;
}
#menu2 li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}
#menu2 li a:hover, #menu li a:focus, #menu dt a:hover, #menu dt a:focus {
background: #eee;
}
#site2 {
position: absolute;
z-index: 1;
top : 70px;
left : 10px;
color: #000;
background-color: #ddd;
padding: 5px;
border: 1px solid gray; 
}

#panier {
width: 245px ;
height: 12px ;
position: absolute ;
right:28px ;


}

a.tooltip em {
    display:none;
}
a.tooltip:hover {
    border: 0;
    position: relative;
    z-index: 500;
    text-decoration:none;
}
a.tooltip:hover em {
    font-style: normal;
    display: block;
    position: absolute;
    top: 20px;
    left: 85px;
    padding: 5px;
    color: #000;
    border: 1px solid #bbb;
    background:#c3d9ff;
    width:170px;
}
a.tooltip:hover em span {
    position: absolute;
    top: -7px;
    left: 15px;
    height: 7px;
    width: 11px;
    background: transparent url(images/image-infobulle.gif);
    margin:0;
    padding: 0;
    border: 0;
}